/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ font-size: 100.01%; height: 100%}
body 			{ font-size: 62.5%; color: #47437f}	

/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6
 				{ font-weight: normal; color: #000 }
				
h1 				{ font-size: 1.8em; line-height: 1.125em; margin-bottom: 0.6em} 
h2 				{ font-size: 1.6em; line-height: 1em; margin-bottom: 0.5em }
h3				{ font-size: 1.4em; line-height: 1.2857em; margin-bottom: .5em }
h4, h5, h6		{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.5em }

p, pre, code, label, th, td, dd, dt, select, li
				{ font-size: 1.4em; line-height: 1.1em; margin-bottom: 0.8em }	
				
ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin-left: 3.6em; color: #47437f; }
li p 			{ color: #000 }

legend			{ display: none }
 
small 			{ font-size: 0.85em }
 
sup 			{ position:relative; bottom:0.3em; vertical-align: baseline }
sub 			{ position:relative; bottom:-0.2em; vertical-align: baseline }
 
acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }
label 			{ cursor: pointer }

/*---------------- Fonts -----------------*/

h1, h2, h3, h4, h5, h6
 				{ font-family: Arial, Helvetica, sans-serif }
p, a, pre, label, th, td, li
				{ font-family: Arial, Helvetica, sans-serif } 			
				
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color: #C72534}
a:hover			{ text-decoration: underline }
a img			{ border: 0 }

/*----------- Global Classes -------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 !important }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBorder		{ border: none !important }
.noBackground	{ background: none !important }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }



/*-------------- Wrapper ------------------*/
#wrap 				{ width: 829px; overflow: hidden; margin: 0 auto}
/*-------------- Layout -------------------*/

#header				{ width: 829px;  margin: 0 auto; height: 183px; background:url(../img/header.png) bottom no-repeat;  overflow:hidden }

#menuHead			{ float:left; width: 865px; margin:8px 0 0 0; padding: 12px 0 0 0; background:url(../img/border.gif) top repeat-x}
#menuHead li		{ float:left; margin:0; padding:0 10px 0 0; list-style: none; font: bold 1.2em/1.1em  Arial, Helvetica, sans-serif}
#menuHead li a		{ float:left; display:block; overflow:hidden; font: bold 1em/1.1em  Arial, Helvetica, sans-serif; 
						color: #47437f; padding: 10px 0 10px 42px}
#menuHead li a:hover
					{text-decoration: none; color: #c72534}

.home				{ background:url(../img/submit1.gif) left no-repeat; width: 80px; height: 45px;}
.about				{ background:url(../img/submit2.gif) left no-repeat; width: 90px; height: 45px;}
.whatwedo			{ background:url(../img/submit_whatwedo.gif) left no-repeat; width: 90px; height: 45px;}
.regulatory			{ background:url(../img/submit5.gif) left no-repeat; width: 80px; height: 45px;}
.testimonials		{ background:url(../img/submit3.gif) left no-repeat; width: 120px; height: 45px;}
.enquiry			{ background:url(../img/submit4.gif) left no-repeat; width: 100px; height: 45px;}
.staffenquiry		{ background:url(../img/submit_staffenquiry.gif) left no-repeat; width: 90px; height: 45px;}
.contact			{ background:url(../img/submit6.gif) left no-repeat; width: 90px; height: 45px;}

#menuHead img {width: 32px; height: 32px;}

.logo				{ float:left; margin: 40px 0 0 1px}

#welcome { background:url(../img/welcome.jpg) right no-repeat; text-indent:-9999px; } 
#aboutus { background:url(../img/aboutus.jpg) right no-repeat; text-indent:-9999px; } 
#testimonials { background:url(../img/testimonials.jpg) right no-repeat; text-indent:-9999px; } 
#bodies { background:url(../img/bodies.jpg) right no-repeat; text-indent:-9999px; } 
#whatwedo { background:url(../img/services.jpg) right no-repeat; text-indent:-9999px; } 
#enquiry { background:url(../img/enquiry.jpg) right no-repeat; text-indent:-9999px; } 
#contact { background:url(../img/contact.jpg) right no-repeat; text-indent:-9999px; } 

/*-----------------------------------------*/
#content			{ overflow: hidden; width: 829px; padding-bottom: 20px}
#content p			{ text-align:justify; }

.titleMain			{ width: 829px; overflow:hidden; padding-bottom: 7px; border-bottom: 6px solid #cbd7de; margin-bottom: 5px}
.titleMain img		{ float:right}
.text				{ float:left; width: 434px; height: 185px; padding: 74px 46px 0 35px; background: #c72534}
.text h1			{ color: #fff}

.left				{ float:left; width: 235px; overflow:hidden}
.left img			{ margin-bottom: 8px; float:left}

.leftList			{ width: 280px; float: left; margin-right:6px; }
.rightList			{ width: 280px; float: left; clear: right;}

.main				{ float:left; width: 583px}
.main-wide			{ float:left; width: 818px}

.main h1, 
.main-wide h1		{ color: #c72534; padding-left: 150px; padding-top:15px; }

.link				{ float:right; padding:21px 43px 2px 0; background:url(../img/submit7.gif) top right no-repeat;
						color: #c72534 !important; font: normal 1.6em/1em  Arial, Helvetica, sans-serif !important}
.small				{ color: #9692d2; padding: 9px; font: normal 1.1em/1em  Verdana, Arial, Helvetica, sans-serif }

table td			{ padding: 7px; }

.search				{ padding: 14px 0 14px 0px; width:400px; }
.search	label		{ display: block; margin: 0; float: left; width: 88px; line-height: 1.4em }
.search	input, .search	textarea	{ display: block; margin: 0; float: left; width: 240px;
				  background: #fff; border: 1px solid #9692d2; margin-bottom: 8px; padding:2px; }

#staffenquiryform								{ padding: 14px 0 14px 0px; width:100%; }
#staffenquiryform	label						{ float: left; width: 30%; line-height: 150% }
#staffenquiryform	input, 
#staffenquiryform select, 
#staffenquiryform textarea	{ width: 40%; background: #fff; border: 1px solid #9692d2; }
#staffenquiryform form div						{ padding: 1.1em 0;}
#staffenquiryform h4							{ color: #47437f; font-size: 18px; font-weight:bold; }


td					{ vertical-align: middle; }

/*-------------------------------------------*/
#footer				{ margin:0 auto; width: 829px; background:url(../img/border.gif) top repeat-x; 
						height: 27px; padding:20px 0 0 0;  position:relative}
#footer p			{ text-align:center; color: #9692d2; margin-bottom:4px; font: normal 1.1em/1em  Verdana, Arial, Helvetica, sans-serif}


#footer a:link, #footer a:visited, #footer a:hover, #footer a:active
				{ font-weight: normal; text-decoration: none; color: #9692d2}

#footer a:hover			{ border-bottom:1px solid #9692d2 }


