/* Developed in 2009 By: 5-squared (www.5-squared.com)

/* ///////////////////////////////////////////////////// =Global ////////////////////////////////////////////////////////// */
*{
	margin:0;
	padding:0;
	font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
}

body{
	background:#fff url("../i/bg_body2.jpg") left top repeat;
	font-size:62.5%;
}

/* ///////////////////////////////////////////////////// =Layout //////////////////////////////////////////////////////// */
#shadow{
	width:902px;
	margin:0 auto;
	background: url("../i/bg_shadow.png") left top repeat-y;
}
#wrapper{
	width:880px;
	margin:0 auto;
	background:#FFF;
}
#brand_wrap{
	width:100%;
	background:#FFF url("../i/bg_brandwrap.jpg") left top repeat-x;
	float:left;
}
#utilnav{
	float:right;
	background:url("../i/bg_utilnav.gif") right bottom no-repeat;
	width:276px;
	height:95px;
	margin:10px 0 0 0;
}
#banner{
	width:100%;
	height:309px;
	border-top:5px solid #FFF;
	float:left;
	background:url("../i/img_banner_home.jpg") right bottom no-repeat;
	position:relative;
}
.social {float: right;margin:0 15px 0 0;}






/* ````````````` custom banner backgrounds ``````````````````` */
#b_about #banner{background:url("../i/img_banner_about.jpg") right bottom no-repeat;}
#b_services #banner{background:url("../i/img_banner_services.jpg") right bottom no-repeat;}
#b_staff #banner, #b_sitemap #banner{background:url("../i/img_banner_staff.jpg") right bottom no-repeat;}
#b_test #banner{background:url("../i/img_banner_testimonials.jpg") right bottom no-repeat;}
#b_clients #banner{background:url("../i/img_banner_serve.jpg") right bottom no-repeat;}
#b_contact #banner{background:url("../i/img_banner_contact.jpg") right bottom no-repeat;}
#b_recentnews #banner{background:url("../i/img_banner_recentnews.jpg") right bottom no-repeat;}



#content_wrap{
	width:100%;
	float:left;
	background:#FFF url("../i/bg_brandwrap.jpg") left top repeat-x;
	padding-top: 15px;
}
#content_main{
	width:542px;
	float:right;
	padding:0 0 25px 0;
}
#content_sub{
	width:300px;
	float:left;
	padding:10px 0 25px 0;
}
#footer{
	width:100%;
	clear:both;
	background:url("../i/bg_footer.jpg") left top repeat-x;
	height:41px;
}


/* //////////////////////////////////////////////// =Lists ////////////////////////////////////////////////////////// */
#main_nav{
	width:880px;
	float:left;
	background:url("../i/bg_nav_main.jpg") left top repeat-x;
	list-style:none;
}
#main_nav li{
	float:left;
}
#main_nav #mn_home{
	background:url("../i/bg_nav_main_a.jpg") left top no-repeat;
}
#sub_nav{
	width:797px;
	float:left;
	background:#F4D899;
	list-style:none;
	padding-left:83px;
	font-size:1.2em;
}
#sub_nav li{
	float:left;
}
#content_main ul{
	color:#404040;
	font-size: 1.2em;
	margin:0 20px 15px 30px;
	list-style: none;
}
#content_main li{
	padding:0 0 0 12px;
	background: url("../i/bg_contentmain_li.gif") left 5px no-repeat;
	margin:0 0 16px 0;
	line-height:20px;
}
#utilnav ul {list-style:none;}
#utilnav li {float:left;margin: 5px 10px 0 0;display: inline;}


#content_main #client-menu {width: 260px;height: 526px;background:url("../i/bg_ul_clients.jpg") right top no-repeat;margin:0;padding:0;text-align: right;float: left;margin:50px 0 0 0;display:inline;}
#content_main #client-menu li {background:none;padding:0 35px 0 0;}
#content_main #client-menu .active a {color: #000;}
.wide {width: 800px !important;margin:0 42px 0 0 !important;}
#content_clients{
	width:500px;
	float:right;
	padding:0 0 25px 0;
}












/* //////////////////////////////////////////////////////// =Links ////////////////////////////////////////////////////////////// */
a{
	outline:none !important;
}
#main_nav a{
	float:left;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	padding:4px 23px;
	display:block;
	text-decoration:none;
	background:url("../i/bg_nav_main_a.jpg") right top no-repeat;
}
#main_nav a:hover{
	text-decoration:underline;
}
#main_nav #mn_home a{
	padding:4px 32px 4px 32px;
}
#sub_nav a{
	color:#000;
	display:block;
	padding:5px 10px;
	text-decoration:none;
	font-weight:bold;
	border-left:1px solid #C9B280;
	border-right:1px solid #C9B280;
}
#logo{
	margin:30px 0 24px 55px;
	float:left;
	display:inline; /* IE Double Margin Fix */
}
#content_main a, #content_main .yel{
	color:#E7A614;
	font-weight: bold;
}
#content_main .toggler{
	font-size:1.2em;
	color:#CCC;
	display:block;
	width:487px;
	height:29px;
	line-height:29px;
	padding:0 0 0 10px;
	text-decoration:none;
	background:url("../i/bg_link_toggler.jpg") left top no-repeat;
}
#footer a{
	color:#FFF;
}
#utilnav a{
	display:block;
	float:left;
	text-indent:-9999px;
	margin:0;
	width: 24px;
	height: 24px;
}
#utilnav #un_twit a {background:url("../i/bg_link_twitter.png") left top no-repeat;}
#utilnav #un_face a {background:url("../i/bg_link_facebook.png") left top no-repeat;}
#utilnav #un_link a {background:url("../i/bg_link_linkedin.jpg") left top no-repeat;}






/* ````````````` main nav highlighting ``````````````````` */
#b_home #main_nav #mn_home a, #b_about #main_nav #mn_about a, #b_services #main_nav #mn_services a, #b_staff #main_nav #mn_staff a, #b_test #main_nav #mn_test a, #b_contact #main_nav #mn_contact a, #b_clients #main_nav #mn_clients a, #b_recentnews #main_nav #mn_recentnews a{
	background:#F4D899;
	color:#111;
	border-left:1px solid #E5A81A;
	border-right:1px solid #E5A81A;
}
#b_home #main_nav #mn_home a:hover, #b_about #main_nav #mn_about a:hover, #b_services #main_nav #mn_services a:hover, #b_staff #main_nav #mn_staff a:hover, #b_test #main_nav #mn_test a:hover, #b_contact #main_nav #mn_contact a:hover, #b_clients #main_nav #mn_clients a:hover, #b_recentnews #main_nav #mn_recentnews a:hover{text-decoration: none;}














/* /////////////////////////////////////////////////// =Typography /////////////////////////////////////////////////////////////////// */
#banner p{
	background:url("../i/bg_banner_p.png") left top no-repeat;
	height:83px;
	position:absolute;
	left:160px;
	top:88px;
	width:340px;
	color:#FFF;
	font-size:1.6em;
	padding:0 0 0 15px;
	line-height:20px;
	font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
}

#b_home #banner p {padding:10px 0 0 15px;}
#b_home #banner .newp {left:250px;
	top:88px;
	width:280px;padding:0px 0 0 15px;}

#freelink {position:absolute;
	left:20px;
	top:68px;}


#content_main .position{
	color:#888;
	padding:10px 0;
	margin:0;
	font-style:italic;
}
/* ````````````` custom banner paragraphs ``````````````````` */
#b_about #banner p{
	left:34px;
	top:85px;
	width:230px;
	color:#FFF;
	font-size:1.2em;
	line-height:20px;
}
#b_services #banner p{
	left:38px;
	top:85px;
	width:220px;
	height:73px;
	padding:10px 0 0 15px;
	color:#FFF;
	font-size:1.2em;
	line-height:20px;
}
#b_staff #banner p{
	left:38px;
	top:85px;
	width:220px;
	color:#FFF;
	font-size:1.2em;
	line-height:20px;
}
#b_test #banner p, #b_contact #banner p, #b_clients #banner p, #b_recentnews #banner p{
	left:38px;
	top:85px;
	width:220px;
	color:#FFF;
	font-size:1.2em;
	line-height:20px;
}


#content_main p{
	color:#404040;
	font-size:1.2em;
	margin:0 35px 20px 0;
	line-height:21px;
}
#content_main .serv{margin:0 35px 20px 30px;}
#content_main .testi{
	color:#E7A614;
	font-size:1em;
	margin:0 35px 20px 0;
	line-height:17px;
	text-align:right;
	font-style: italic;
}
#footer p{
	text-align:center;
	color: #FFF;
	font-size: 1.2em;
	line-height:41px;
}
h2{
	color:#E7A614;
	font-size: 1.4em;
	margin:32px 35px 19px 0;
}
h3, h4{
	color:#404040;
	font-size:1.2em;
	font-weight:bold;
	line-height:21px;
	margin:0 0 0 15px;
}
#utilnav p {color: #000;font-weight: bold;font-size: 1.2em;}












/* ///////////////////////////// =Tables/Forms ////////////////////////////////// */
.biopic {float: left;padding:0 15px 5px 0;}


/* Document Download Form */
.downloadform fieldset {padding-bottom:20px;border:0;}
.downloadform form{float:left;}
.downloadform legend {display:none;}



.downloadform label { color:#404040;font-size:1em; }
.downloadform input, textarea, select {color: #444; margin:5px 0 10px 0; font:1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;  }
.downloadform input {width:200px;height:17px;padding:3px;}
.downloadform .downloadsubmit, .downloadform .downloadsubmit:focus {width:89px;height:45px;color:#FFF;font-weight:bold;font-size:13px;background:#333 url('../i/bg_input_submit.jpg') 0 0 repeat-x;border:3px solid #666;cursor:pointer;}


.downloadform textarea {width:402px;height:180px;border:1px solid #97B5D2;padding:10px;}   
.downloadform input:focus, textarea:focus, select:focus, input.ieFocusHack {background-color: #FFFFCC; color:#333; }
.downloadform #ie input.ieFocusHack {border:none !important;}

.downloadform .error_message { display: block; height: 50px; line-height: 50px; background: #FBE3E4 url('../i/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 3px solid #FBC2C4;}
.downloadform span.required{ font-size: 12px; color: #ff0000;font-weight:bold; } /* Select the colour of the * if the field is required. */
.downloadform span.extra {font-size:13px; color:#999;font-style:italic;}
.downloadform .loader { position:absolute;bottom:70px;right:60px }


.downloadform #message { font-size:14px;font-weight:bold;height:50px; }
.downloadform #success_page {width:500px;height:200px;}
.downloadform #success_page h1 { background: url('../i/assets/success.gif') left no-repeat; padding-left:22px; }



.error_message {font-size:1.3em;background: #FBE3E4 url('../i/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 3px solid #FBC2C4;}








/* ////////////////////////////// =Misc/Classes ///////////////////////////////// */












/* ////////////////////////////// =Images ///////////////////////////////// */
#content_sub img{
	float:right;
	margin:25px 0 0 25px;
	display:inline; /* IE Double Margin Fix */
}
#content_sub .bouncer{margin:185px 0 0 25px;}
#content_sub .bouncer2{margin:75px 0 0 25px;}
#b_home #content_sub .bouncer2{margin:65px 0 0 25px;}
#b_staff #content_sub .bouncer{margin:105px 0 0 25px;}
#b_contact #content_sub .bouncer{margin:25px 0 0 25px;}