@charset "UTF-8";

html{
	font-size:100%;
	height:100%;
}

body{
	line-height:1.125em;
	font-family:Helvetica,Arial,  sans-serif;
	height:100%;
	text-align:center;
	position:relative;
}
body{background:#fff; color:#505050; background:url(../images/site_bg.jpg);}

.wrapper{
	text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/*COMMON ELEMENTS
-------------------------------------------------------- */
h1{ font-size:1.875em; color:#505050; margin-bottom:5px;}
h2{	font-size:1.125em;  color:#505050;}
h3{	font-size:.75em;}
h4{	font-size:.625em;}
h5{	font-size:.625em;}
h6{	font-size:.625em;}

.header_bar{ background:url(../images/h1_bar.jpg); width:580px; height:18px; margin-bottom:15px;}

p{ font-size:1em; margin-bottom:.875em;}
p em{ text-transform:uppercase; }

div{position:relative}

em {font-weight:bold; text-transform:uppercase; font-style:normal;}

a{color:#3b91a5; text-decoration:none;}
a:hover{color:#666;}

.co_name{font-weight:bold; text-transform:uppercase; color:#505050; font-size:.875em;}
.co_name .co_lines{font-weight:normal;}

.imageRight{ float:right; margin-left:20px;}
.imageLeft{float:left; margin-right:20px;}

.quote{text-align:center; font-weight:bold; font-size:1.375em; background:url(../images/white_bg.jpg); width:580px; padding:20px 0; color:#505050; margin-bottom:.875em;}


/*	HEADER
_____________________________________________________________________________
-----------------------------------------------------------------------------*/
#header{height:350px; background:#fff url(../images/header_top_bar.jpg) no-repeat; position:relative; margin-bottom:30px;}
#header_title{height:96px; width:700px; margin-top:50px; background:#fff url(../images/main_title.jpg) no-repeat; position:relative;}
#header_image{height:154px; width:940px; margin-top:20px; background:#fff url(../images/header_image_1.jpg) no-repeat; position:relative; border-bottom:#63a8b8 solid 4px;}

#main_nav{ font-size:1.125em; position:relative; text-align:right;  float:right; margin-right:20px; margin-top:60px;}
	#main_nav ul li{font-weight:bold; font-size:.75em; text-transform:uppercase;}
		#main_nav ul li a{ color:#505050; position:relative;text-decoration:none;}
		#main_nav ul li a:hover{ color:#3b91a5;}
		
		.home #main_nav ul li.home a, .home #footer_nav ul li.home a{ color:#3b91a5; margin-right:3px;}
		.services #main_nav ul li.services a, .services #footer_nav ul li.services a{ color:#3b91a5; margin-right:3px;}
		.our_team #main_nav ul li.our_team a, .our_team #footer_nav ul li.our_team a{ color:#3b91a5; margin-right:3px;}
		.contact #main_nav ul li.contact a, .contact #footer_nav ul li.contact a{ color:#3b91a5; margin-right:3px;}
		.home #main_nav ul li.home:after{ content:"//"; font-weight:normal;}
		.services #main_nav ul li.services:after{ content:"//"; font-weight:normal;}
		.our_team #main_nav ul li.our_team:after{ content:"//"; font-weight:normal;}
		.contact #main_nav ul li.contact:after{ content:"//"; font-weight:normal;}


/*	FOOTER
_____________________________________________________________________________
-----------------------------------------------------------------------------*/
#footer{position:relative;}
	#footer .grid_16{background: url(../images/footer_bg.jpg) no-repeat; text-align:center; height: 72px;}
.footer_title{padding-top:15px; margin-bottom:15px;}
#footer_nav ul li{display:inline; margin-right:5px; font-size:.75em; cursor:pointer;}
#footer_nav ul a{ color:#333;  font-weight:bold; position:relative; text-decoration:none; text-transform:uppercase; margin-right:5px;}
#footer_nav ul a:hover, #footer_nav ul li.active a{color:#3b91a5;}

#footer {
	 /* .push must be the same height as .footer */
}
.push{clear:both;  height: 72px;}

/*	SIDE CONTENT
_____________________________________________________________________________
-----------------------------------------------------------------------------*/
#side_nav{}
	#side_nav h2{ margin:5px 0 2px;}
	#side_nav li{ background:#d6dbd0; font-size:1.25em; padding:8px; margin-bottom:2px;}
		#side_nav li a{color:#505050;}
.logo{ background:url(../images/side_bar_logo.jpg) no-repeat; width:280px; height:200px; margin-top:30px;}

#side_bar{ }
	#side_bar h2{ margin:5px 0 2px;}
	#side_bar ul{ padding:10px 0; background:url(../images/side_nav_bg.png); margin-bottom:10px;}
	#side_bar li{  list-style:circle inside; font-size:1em; padding:2px 8px;}
		#side_bar li a{color:#3b91a5; text-align:center; font-size:.875em;}

/*	CONTACT
_____________________________________________________________________________
-----------------------------------------------------------------------------*/
.contact h3{font-size:1.375em; text-align:center; margin-bottom:5px; font-weight:normal;}
.address{text-align:center; background:url(../images/white_bg.jpg); padding:10px 0; margin-bottom:25px;}
	.address p{margin-bottom:5px;}
	.address .number{margin:0 10px 0; padding-top:10px; display:inline-block;}
		.address .number em{font-size:.875em;}
.directory{ z-index:100;}
	.directory h4{ font-size:1.375em; z-index:10;}
	.directory .header_bar, .member .header_bar{ background: url(../images/side_nav_bg.jpg); height:5px; margin-bottom:15px; z-index:-100;}
.member{margin-bottom:20px; color:#505050}
	.member h5{ text-transform:uppercase; color:#999; z-index:10;}
	.member .name{ display:inline-block; font-weight:bold; width:225px;}
	.member .email{ display:inline-block;}
	.member .ext{ display:inline-block; float:right;}
	.member .info{font-size:.875em;}


/*	TOOLS
_____________________________________________________________________________
-----------------------------------------------------------------------------*/
.clearfix:after, *[class|="section"]:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{display: inline-block;height: 1%;}

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

.center_content{margin:0 auto;}