/*
	RESET
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, 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;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
form legend {display: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
ol, ul {list-style: none;}
hr {display: none; visibility: hidden;}

:focus {outline: 0;}



body {
	background: #15304e url(images/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
}

* {
	padding: 0;
	margin: 0;
}

a {
	outline: none;
}

a[href^="http:"] {
	background: url(images/externalLink.png) no-repeat top right;
	padding-right: 20px;
	margin-right: 4px;
}

a[href^="http://www.lloyds.com/"] {
	background: none;
	padding-right: 0;
	margin-right: 0;
}



a[href^="mailto:"] {
	background: url(images/mailIcon.png) no-repeat top right;
	padding-right: 30px;
}

a[href^="mailto:"]:hover {
	background: url(images/mailIcon_Over.png) no-repeat top right;
	padding-right: 30px;
}

p {
	color: #896a4b;
	font-size: 1.3em; 
	line-height: 18px;
	padding: 4px 20px 7px 20px;
	letter-spacing: 1px;
}


p a {
	text-decoration: none;
	font-weight: bold;
	color: #15304e;
}

p a:hover {
	text-decoration: underline;
}



/* ------------------------- outer wrapper ---------------------------*/

#outerWrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 900px;
	background:url(images/wrapperBG.jpg) top center no-repeat;
	
}

/* ------------------------- container ---------------------------*/

#container {
	margin: 0 auto;
	padding: 0;
	width: 923px;
	min-height: 620px;	
	background: #e7eaef url(images/contentBG.jpg) top center repeat-y;
	z-index: 101;
}




/* ------------------------- header ---------------------------*/

#header {
	margin: 0;
	padding: 0;
	width: 923px;
	height: 159px;
	margin: 0 auto;
	background: url(images/header.jpg) top center no-repeat;
}

#header h1 {
	text-indent: -9999px;
	width: 166px;
	height: 159px;
	background: url(images/logo.png) no-repeat;
	z-index: 1000 !important;
	margin-left: 20px;

}

* + html #header h1 {
	margin-top: -25px;

}

* html #header h1 {
	margin-top: -120px;

}

#header h1 a {
	display: block;
	width: 166px;
	height: 159px;
	z-index: 1000 !important;
}

h2.homeHeader {
	text-indent: -9999px;
	width: 482px;
	height: 32px;
	background: url(images/homeWelcome.png) no-repeat;
	margin: 20px 0 15px 25px;
}

/* ------------------------- Top Nav ----------------------------- */

#topNav ul {
	float: right;
	width: 320px;
}

#topNav ul li {
	float: left;
	list-style-type: none;
	padding: 4px 6px;
	font-size: 1.4em;
	color: #fff;
}

#topNav ul li a {
	text-decoration: none;
	color: #fff;
}	

#topNav ul li a:hover {
	text-decoration: underline;
}


/* ------------------------- MAIN NAV ----------------------------- */


ul#mainNav {
	float: right;
	width: 681px;
	height: 49px;
	position: relative;
	top: 36px;
	right: 10px;
}

ul#mainNav li {
	text-indent: -9999px;
	float: left;
}

#mainNav li a {
	background: url(images/mainNav.png) top left no-repeat;
	display: block;
	position: relative;
}

.dropdown1, .dropdown2 {display: none; z-index: 50; height: 50px; margin-top: 45px;  }

#mainNav li:hover .dropdown1 {display:block; height: 50px; width: 500px !important; position: absolute; top:0;left:27px; padding: 5px 0 0 0; float: left; }
#mainNav li:hover .dropdown2 {display:block; height: 50px; width: 500px !important; position: absolute; top:0;left:197px !important; padding: 5px 0 0 0; float: left; }

.dropdown1 li, .dropdown2 li { font-size: 16px !important; line-height: 1.5em; text-indent: 0 !important; float: left !important; padding: 0 8px;}
.dropdown1 li a, .dropdown2 li a {color: #ffffff; text-decoration: none; padding: 9px 0 !important; display: inline; background: none !important; float: left !important; text-shadow: 1px 1px 1px #6e5741; }

.dropdown1 li a:hover, .dropdown2 li a:hover {color: #15304e}

#mainNav .profile {
	background-position: 0 0;
	width: 109px;
	height: 49px;
}

#mainNav .profile:hover {
	background-position: 0 -49px;
	width: 109px;
	height: 49px;
}

#profile #mainNav .profile {
	background-position: 0 -49px;
	width: 109px;
	height: 49px;
}

#mainNav .services {
	background-position: -109px 0;
	width: 121px;
	height: 49px;
}

#mainNav .services:hover {
	background-position: -109px -49px;
	width: 121px;
	height: 49px;
}

#services #mainNav .services {
	background-position: -109px -49px;
	width: 121px;
	height: 49px;
}

#mainNav .surveyors {
	background-position: -230px 0;
	width: 261px;
	height: 49px;
}

#mainNav .surveyors:hover {
	background-position: -230px -49px;
	width: 261px;
	height: 49px;
}

#surveyors #mainNav .surveyors {
	background-position: -230px -49px;
	width: 261px;
	height: 49px;
}

#mainNav .clients {
	background-position: -491px 0;
	width: 104px;
	height: 49px;
}

#mainNav .clients:hover {
	background-position: -491px -49px;
	width: 104px;
	height: 49px;
}

#clients #mainNav .clients {
	background-position: -491px -49px;
	width: 104px;
	height: 49px;
}

#mainNav .news {
	background-position: -595px 0;
	width: 86px;
	height: 49px;
}

#mainNav .news:hover {
	background-position: -595px -49px;
	width: 86px;
	height: 49px;
}

#news #mainNav .news {
	background-position: -595px -49px;
	width: 86px;
	height: 49px;
}
	
/* ------------------------- sIFR replacement text ---------------------------*/

h2.flashHeader {
	margin: 0;
	margin-top: 20px;
	padding: 0 0 10px 20px ;
	font-size: 2.5em !important;
	
	
	
}	
	
/* ------------------------- rotating home images ---------------------------*/	
	
#rotatingImages {
	position: relative;
	width: 701px;
	height: 123px;
	float: right;
}


p.tagline {
	float: left;
	font-style:italic;
	color: #15304e;
	font-size: 1.2em;
	text-align: center;
	margin: 0;
	padding: 5px 0 0 20px;
}



/* ------------------------- content ---------------------------*/

#content {
	position: relative;
	margin: 0 auto;
	width: 923px;
}

#interiorContent {
	position: relative;
	margin: 0 auto;
	width: 953px;
	padding-top: 30px;
	background: url(images/interiorContentBG.jpg) top left repeat-y;
	
	
}

#contentMain {
	float: left;
	width: 550px;
}

#contentMain p {
	color: #896a4b;
	font-size: 1.3em; 
	line-height: 18px;
	padding: 4px 15px 7px 35px;
	letter-spacing: 1px;
}

#contentSub {
	position: absolute;
	top: 12px;
	left: 562px;
	background: url(images/subcontentBG.jpg);
	width: 391px;
	height: 356px;
}


#interiorContentSub {
	float: left; 
	width: 350px;
	margin-left: 25px;
}


#contentSub h3 {
	padding: 15px 0 10px 25px;
	color: #15304e;
	font-style: italic;
	font-size: 2em;
}

#contentMain h3 {
	padding: 15px 0 10px 25px;
	color: #15304e;
	font-style: italic;
	font-size: 1.6em;
}

#interiorContentSub h3 {
	margin: 0 0 10px 20px;
	width: 90%;
	padding: 15px 0 10px 25px;
	color: #15304e;
	font-style: italic;
	font-size: 1.8em;
	border-bottom: 1px solid #97724c;
}

#contentSub h4, #interiorContentSub h4 {
	padding: 10px 35px 0 35px;
	color: #2a5e7b;
	font-size: 1.4em;
}

#contentSub p, #interiorContentSub p {
	padding: 0 25px 10px 35px;
	color: #15304e;
	font-size: 1.2em;
} 


p.homeTagline {
	color: #15304e !important;
	font-weight: bold;
	font-style: italic;
}
	

/*----------------- Highslide Style ----------------*/


.highslide-body h4 {
	font-size: 1.2em;
	color: #2a5e7b;
}

.highslide-body p {
	font-size: 1em;
}

/* ------------------------- Interior Images ---------------------------*/

img.interiorImages {
	padding: 5px;
	margin: 15px;
	margin-top: 5px;
	
	
}

.left {
	float: left;
	-webkit-box-shadow: -5px 5px 10px #ccc;  
	-moz-box-shadow: -5px 5px 10px #ccc;
}

.right {
	float: right;
}

/* -------------------------- Sub Images ----------------------------- */

.subImages {
	-webkit-box-shadow: -3px 3px 10px #666363;  
	-moz-box-shadow: -3px 3px 10px #666363;
	padding: 5px;
	border: #97724c 1px solid; 
	margin: 5px 10px 10px 20px;
	background: #F1F2F4;
}

/* ------------------------- Profile Images ---------------------------*/

img.profilePic { 
	float: left;
	margin: 5px 10px 3px 5px;
} 


.profiles {
      border: 1px solid #ddd;
      text-align: center;
      background-color: #f3f3f3;
      padding-top: 4px;
      margin: 10px;
	  margin-left: 20px;
	  margin-top: 0;
      /* For rounded corner */
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
	  float: left;
	  width: 180px
      }

.profiles p {
	 font-size: 1em !important;
      line-height: 14px;
      padding: 2px;
      margin: 0;
	  color: #97724c;
	 }

.profiles img {
      margin-bottom: 5px;
      padding: 0;
      border: 0 none;
      }
/* ------------------------- surveyor profiles -------------------------- */

p.surveyorProfile {
	margin-bottom: 20px;
	clear: both;
}
	
p.surveyorProfile img {
	float: left;
	margin: 0 10px 10px 0;
}

p.surveyorProfile img.certifications {
	float: right;
} 	  

.surveyorName {
	color: #2a5e7c;
	font-size: 1.6em;
	padding: 0 8px 0 0; 
}

.surveyorLocation {
	color: #2a5e7c;
	font-size: 1.2em;
	font-style: italic;
}
	  

/* ------------------------- locations tables ---------------------------*/

table.locations {
	margin: 10px auto;
	background: #C9D5E1 url(images/tableBG.png) bottom right no-repeat;
	border: thin #917253 solid;
	-webkit-box-shadow: -5px 5px 10px #ccc;  
	-moz-box-shadow: -5px 5px 10px #ccc;
}

.locations th {
	font-weight: bold;
	color: #15304e;
	font-size: 1.4em;
	padding: 8px 5px 5px 12px;
	text-align: left;
}

.locations td, .surveyorList td {
	font-size: 1.2em;
	color: #896a4b;
	padding: 0 0 0 12px;
}

table a {
	color: #15304e;
	
}

table a:hover {
	color: #96704C
}

table.surveyorList {
	margin: 10px auto;
	margin-top: 3px;
}

.surveyorList tr:hover {
	background: #C9D5E1;
}

.rightAlign {
	text-align: right;
}

.centerAlign {
	text-align: center;
}


/* ------------------------- footer ---------------------------*/

#footer {
	margin: 0 auto;
	padding: 0;
	padding-left: 30px;
	height: 87px;
	width: 953px;
	background: url(images/interiorFooter.png) top right no-repeat;
}

#footer p {
	clear: both;
	float: right;
	color: #ffffff;
	font-size: 1em;
}

#footer p a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
}

#footer p a:hover {
	color: #896a4b;
}

#footer ul {
	float: left;
	padding: 1px 0 0 55px;
	margin-left: 20px;
	height: 35px;
}
#footer ul li {
	display: block;
	padding: 4px 9px;
	padding-right: 35px;
	height: 30px;
	background: url(images/lock.gif) center right no-repeat;
	line-height: 30px;
	list-style-type: none;
}

#footer ul li a {
	text-decoration: none;
	font-size: 1.4em;
	color: #FFFFFF;
	height: 35px;
}

#footer ul li a:hover {
	color: #15304e;
}