/******************** BODY ********************/

body {
background: url(../images/bg_header.jpg) center 0 repeat-x;
margin: 0 auto;
height:100%;
width:100%;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#545655;
}

/******************** MAIN WRAPPER ********************/


#main_wrapper{
width:940px;
margin: 0 auto 0 auto;
}


/******************** HEADER CONTAINER ********************/


#header{
height: 102px;
width:940px;
}

img.logofloat{
float:left;
padding-left:21px;
padding-top:15px;
}


/******************** MAIN NAVIGATION ********************/
/* 
 * Navigation re-write by Aubrey Morrell - thanks to http://veerle.duoh.com/index.php/blog/comments/2_level_horizontal_navigation_in_css_with_images/
 * for her lovely little bit of code
 */

ul#nav {
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 12px;
	height: 72px;
	width: 940px;
	z-index: 1000;
}
ul#nav, ul#nav li ul{	
	list-style-type: none;
}

a, a:link, a:visited {
	text-decoration: none;
}

ul#nav li {
	padding: 0;
	margin: 0;
	float: left;
}

ul#nav li a {
	text-align: center;	
	display: block;
	line-height: 39px;
	height: 39px;
	padding:0;
	white-space:nowrap;
	color: #143288;
	font-weight: bold;
}

#home a{width: 100px;}

#company a{width: 140px;}
#company_sub a{width: 100px;}
#services a{width: 120px;}
#services_sub a{width: 120px;}
#searches a{width: 140px;}
#searches_sub a{width: 140px;}

#hips a{width: 80px;}
#news a{width: 110px;}
#contact a{width: 110px;}
#sitemap a{width: 110px;}


ul#nav li a:hover,
ul#nav li a.active
{
	color: #4A68BE;
	background: url(../images/nav_active.jpg) repeat-x;
	cursor: pointer;
}

ul#nav li ul li a{
	padding:0;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #4A68BE;
}


ul#nav li ul li a:hover,
ul#nav li ul li a.active{
	color: #666;
	background: #fff;
	text-decoration: underline;
}

ul#nav li ul {	
	display: block;
	position: absolute;
	left: 0;
	top: 39px;
	margin: 0;
	padding: 0;
}

ul#nav li#company ul {	
	left: 100px!important;
}
ul#nav li#services ul {	
	left: 250px!important;
}
ul#nav li#searches ul {	
	left: 355px!important;
}

ul#nav li:hover ul{
	visibility: visible;
	z-index: 100;
}

/* end navigation area */

/******************** CONTENT BG ********************/


#content_bg{
width:940px;
min-height:638px;
background: url(../images/bg_contentwrapper.jpg) no-repeat;
}


/******************** TOP WRAPPER ********************/


#top_wrapper{
margin:0 auto 0 auto;
padding:0;
width:911px;
height:182px;
}


/******************** ANIMATION ********************/


#animation{
float:left;
margin:0;
padding-left:1px;
width:688px;
height:182px;
}

/******************** NEW TP_ QUICK SEARCH ********************/


#quicksearch{
	margin:0;
	padding:0;
	float:right;
	background: #1A3FB4 url(../images/bg_quicksearch.jpg) no-repeat;
	width:220px;
	height:182px;
}

#quicksearch form{
	margin:0;
	padding:3px 0 0 10px;
}

#quicksearch fieldset{
	margin: 0;
	padding: 0;
	width: 220px;
	border: none;
}

#quicksearch legend{
	display: none;
}

#quicksearch input{
	float: left;
	margin-top: -2px;
	display: block;
}

#quicksearch label{
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 10px;
	color: #fff;
	display: block;
	width: 55px;
}

#quicksearch select{
	width:135px;
	height:18px;
	margin: 0 0 .3em 0;
	padding:0;
	border:solid 1px #C4C5C8;
	background:#EDEEEF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

#quicksearch h3{
	margin: 10px 0 0 10px;
	padding: 0;
	text-indent: -3000px;
	overflow: hidden;
	background: transparent url(../images/title_quicksearch.jpg) 0 0 no-repeat;
	width: 119px;
	height: 20px;
}

#quicksearch p{
width: 220px;
	margin: 0;
	padding: 0;
clear: both;
}

#quicksearch p#qs-regions{
	margin: 0;
	padding: 4px 0 0 0;
}

button#submit{
	float:right;
	width:96px;
	height: 23px;
	margin:10px 0 0 0;
	padding:0;
	border:0;
	text-indent: -3000px;
	overflow: hidden;
	background: url(../images/button_search_bb.gif) no-repeat center center;
	color:#0F34E5;
}

a.branchlink img{
	border: 0;
}


/******************** CONTENT WRAPPER ********************/


#content_wrapper{
margin:0 auto 0 auto;
padding:0;
width:911px;
/* min-height:700px; */
}

#content_wrapper h1{font-size:16px; color:#1B42C3; font-family:Arial, Helvetica, sans-serif; margin-left:15px;}
#content_wrapper h2{font-size:14px; color:#1B42C3; font-family:Arial, Helvetica, sans-serif; margin-left:26px; padding-top:8px;}
#content_wrapper h3{font-size:14px; color:#1B42C3; font-family:Arial, Helvetica, sans-serif; margin-left:10px; padding-top:8px;}

/******************** HOME LEFT COLUMN ********************/


#home_left_column{
float:left;
background: url(../images/leftside_splitter.jpg) no-repeat top right;
margin:0;
padding-left:1px;
width:220px;
}

#home_left_column p{
margin-top: 20px;
margin-left: 10px;
margin-right: 12px;
text-align:justify;
}

.blue_details{
color:#1B42C3;
text-align:center;
}


#office_search{
margin-left:10px;
padding:0;
width:200px;
}


/******************** LEFT COLUMN ********************/


#left_column{
float:left;
background: url(../images/bg_content_fold_lg.jpg) no-repeat top left;
background-color:#F2F7FF;
margin:0;
padding:0;
width:691px;
}

#left_column p{
text-align:justify;
margin-top: 23px;
margin-left: 25px;
margin-right: 30px;
}

* html #left_column p {
margin-right: 16px;	
}

img.fltright{
float:right;
padding:5px 25px 0 25px;
}


img.fltleft{
float:left;
padding:5px 20px 0 5px;
}


h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#1B42C3;
margin-left:19px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-left:10px;
color:#1B42C3;
}

/******************** MIDDLE COLUMN ********************/


#middle_column{
float:left;
background: url(../images/bg_content_fold.jpg) no-repeat top center;
margin:0;
padding:0;
width:470px;
}

#middle_column p{
text-align:justify;
margin-top: 23px;
margin-left: 18px;
margin-right: 18px;
}


/******************** RIGHT COLUMN ********************/


#right_column{
float:right;
background: url(../images/rightside_splitter.jpg) no-repeat top left;
margin:0;
padding:0;
width:220px;
}

#right_column p{
margin-top: 20px;
margin-left: 16px;
padding-right: 9px;
text-align:justify;
}



/******************** OFFICES LEFT & RIGHT COLUMN ********************/


#offices_left_column{
float:left;
margin:0;
padding-left:20px;
width:220px;
}

#offices_left_column p{
margin-top: 10px;
margin-left: 10px;
margin-right: 20px;
text-align:right;
}

#offices_right_column{
float:left;
margin:0;
width:420px;
}

#offices_right_column p{
margin-top: 20px;
margin-left: 10px;
margin-right: 12px;
text-align:justify;
}



/******************** FEATURED PROPERTY ********************/


#featured{
text-align:center;
background: url(../images/bg_featured_prop.jpg) repeat-x top left;
margin-left:3px;
padding:0;
width:98%;
border: 1px solid #EBEBEB;
height:415px;
}



/******************** FOOTER CONTAINER ********************/


#footer{
clear:both;
height: 101px;
width:100%;
background: url(../images/bg_footer.jpg) repeat-x;
margin: 0 auto 0 auto;
color:#FFFFFF;
text-align:center;
}


#footer p{
text-align:center;
padding-top:15px;
word-spacing:5px;
}

#footer a{
color:#FFFFFF;
word-spacing:0px;
text-decoration:none;
}

#footer a:hover{
color:#FFFF00;
text-decoration:underline;
}

#footer a:active{
color:#FFFFFF;
word-spacing:0px;
text-decoration:none;
}




/******************** OTHER SETTINGS ********************/



.copyright
{
font-size:10px;
color:#999999;
}

.jobdetails
{
font-size:11px;
margin-left:25px;
color:#183CAA;
}


#job_vacancy{
width:95%;
margin:0 auto 0 auto;
background-color:#FFFFFF;
}