/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 13px "trebuchet ms";
	color: #7a7a7a;
	background: #f9f8f4;
}

h1{	font: 32px "trebuchet ms"; color: #7a7a7a; border-bottom: 2px solid #e5e5e5; }
h2{	font: 32px "trebuchet ms"; color: #7a7a7a; border-bottom: 2px solid #e5e5e5; }
h3{	font: bold 16px "trebuchet ms"; color: #eb7586; }
h4{	font: bold 16px "trebuchet ms"; color: #e64a4a; }
h5{	font: 18px "trebuchet ms"; color: #eb7586; }
h6{	font: 18px "trebuchet ms"; color: #7a7a7a; }

/* MAKES ALL BROWSERS HANDLE HEADINGS AND PARAGRAPHS THE SAME, USE AT YOUR DISCRETION */
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 6px 0; }


.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.red{ color: red; }
img{ border: none; }

form, fieldset, legend{ margin: 0; padding: 0; }
fieldset{ border: none; }
legend{ display: none; }
.nobg{ border: none; background: none; }

a{
	color: #eb7586;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	list-style: none;
}

ul{ margin: 0; padding: 6px 0; }
ul li{ 
	background: url(../home-images/listimage.gif) left center no-repeat; 
	padding: 4px 0 4px 16px;
	list-style: none;
}

hr{ background: #becde0 url(../home-images/hr.gif) repeat-x; margin-left: 10px; margin-right: 10px; color: #a6b9d0; height: 2px; border: none; }

/* CSS TRANSPARENCY, THIS INVALIDATES THE STYLESHEET, USE AT YOUR DISCRETION */
/*a:hover img{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; }*/

/* input[type=""] DOES NOT WORK IN IE6 */
input[type="checkbox"], input[type="radio"]{ border: none; width: auto; background: none; }

input, textarea{
	background: white;
	border: solid 1px #797979;	
	color: #999999;
	padding: 2px;
	font: 13px "trebuchet ms";
	width: 200px;
}

input.submit{
	width: auto;
	background: none;
	height: auto;
	border: none;
}

#enquiryBg{	
	background: #5c111b;
	width: 100%;
	overflow: hidden;
}
#enquiryForm{
	width: 980px;
	margin: 0 auto;
	display: none;
	overflow: hidden;
}

#headerBg{ background: #b3293c; clear:both; border-top: 6px solid #5c111b; }

#header{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#headerBottom{
	clear: both;
	padding-left: 200px;
	color: white;
}

#headerQuote{ 
	color: #FFFFFF;
	font-size: 17px;
	float: right;
	width: 500px;
	padding-top: 60px;
	padding-left: 100px;
	clear: both;
}

#navBg{ background: #eceae2; border-top: 1px solid #8da1b7; border-bottom: 1px solid #e2e1de; }
#nav{
	width: 980px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
	padding: 0;
}
#nav li{
	list-style: none;
	background: none;
	float: left;
	padding: 0;
	margin: 0 4px;
}
#nav li a{
	font: 22px "trebuchet ms";
	color: #7a7a7a;
	padding: 7px;
	display: block;
	margin-right: 8px;
}
#nav li a:hover, #nav #navOn a{ 
	text-decoration: none;
	background: #FFFFFF;
	color: #eb7586;
}
#nav li a span{
	font: 11px "trebuchet ms";
	color: #9b9b98;
}

#mainArea{
	width: 980px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	padding: 10px;
}

#leftcol{
	float: left;
	width: 680px;
}

#testimonial{ 
	background: url(../home-images/speechBubble.gif) no-repeat; 
	width: 305px;
	height: 102px;
	padding: 10px 50px 10px 66px;
	font-size: 16px;
	color: #7a7a7a;
}

#rightcol{
	float: right;
	width: 280px;
}



#footerBg{ background: #edebe4; border-top: 1px solid #e2e1de; margin-top: 10px; }
#footer{
	width: 980px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}

#footerLeft{
	float: left;
	width: 700px;
}
#footerRight{
	float: right;
	width: 250px;
	padding-right: 5px;
}

#footerLeft ul{ width: 700px; overflow: hidden; }
#footerLeft ul li{ 
	float: left; 
	width: 25%; 
	background: none; 
	padding: 5px 0; 
	margin: 0; 
	font-size: 15px; 
}

#footer a{ color: #7a7a7a; }

.footerText{ font-size: 11px; clear: both; }

/* ROUNDED Orange BOXES */
.roundedBoxRed {
	background: #b3293c;
	width: 100%;
	margin: 5px 0;
	border: none;
	clear: both;
	color: #FFFFFF;
}
.roundedBoxRed a{ color: #eb7586; }
.roundedBoxRed .whitelink{ color: #FFFFFF; vertical-align:middle; text-align:center; }
.roundedBoxRed:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.roundedBoxRed .content {
	padding: 5px 10px;
	clear: both;
	position: relative;
	overflow: hidden;
	border: none;
	width: 260px;
}

.roundedBoxRed .tl, .roundedBoxRed .tr, .roundedBoxRed .bl, .roundedBoxRed .br {
	width: 8px; /* Size of corner */
	height: 8px; /* Size of corner */
	display: block;
	position: relative;
	overflow: hidden;
}

.roundedBoxRed .tl {
	background: url(../home-images/boxCornersRed.gif) 0 0;
	float: left;
	margin-top: 0;
	margin-left: 0px;
}     

.roundedBoxRed .tr {
	background: url(../home-images/boxCornersRed.gif) 8px 0;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
}  
.roundedBoxRed .bl {
	background: url(../home-images/boxCornersRed.gif) 0 8px;
	float: left;
	margin-bottom: 0px;
	margin-left: 0px;
}     

.roundedBoxRed .br {
	background: url(../home-images/boxCornersRed.gif) 8px 8px;
	float: right;
	margin-bottom: 0px;
	margin-right: 0px;
} 
/* END OF ROUNDED BOXES */


/* ROUNDED Orange BOXES */
.roundedBoxWhite {
	background: #FFFFFF;
	width: 100%;
	margin: 5px 0;
	border: 1px solid #cbcac9;
	clear: both;
	color: #7A7A7A;
	text-align:center;
}

.roundedBoxWhite:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.roundedBoxWhite .content {
	padding: 5px 10px;
	clear: both;
	position: relative;
	overflow: hidden;
	border: none;
}

.roundedBoxWhite .tl, .roundedBoxWhite .tr, .roundedBoxWhite .bl, .roundedBoxWhite .br {
	width: 12px; /* Size of corner */
	height: 12px; /* Size of corner */
	display: block;
	position: relative;
	overflow: hidden;
}

.roundedBoxWhite .tl {
	background: url(../home-images/boxCornersWhite1.gif) 0 0;
	float: left;
	margin-top: -1px;
	margin-left: -1px;
}     

.roundedBoxWhite .tr {
	background: url(../home-images/boxCornersWhite1.gif) 12px 0;
	float: right;
	margin-top: -1px;
	margin-right: -1px;
}    

.roundedBoxWhite .bl {
	background: url(../home-images/boxCornersWhite1.gif) 0 12px;
	float: left;
	margin-bottom: -1px;
	margin-left:-1px;
}     

.roundedBoxWhite .br {
	background: url(../home-images/boxCornersWhite1.gif) 12px 12px;
	float: right;
	margin-bottom: -1px;
	margin-right: -1px;
} 
#footer .roundedBoxWhite .tl, #footer .roundedBoxWhite .bl, #footer .roundedBoxWhite .tr, #footer .roundedBoxWhite .br{ background-image: url(../home-images/boxCornersWhite.gif); }
/* END OF ROUNDED BOXES */