/* @group author info */
/*
Title: Tortus Screen Styles 
Author: Alison West
Created: September 24, 2007
Last Updated: July 15, 2010
Last Updated By: Alison West
*/
/* @end */

/*------------------------------------------------------------------------------*/

/* @group colors */

.background_blue { color: #3368B3; }
.wrapper_grey { color: #E0E0E0; }
.wrapper_border_gray { color: #e7e7e7; }
.eee { color: #eee; }
.reflex_blue { color: #003399; }
.nav_bkgnd_blue { color: #669DCC; }
.orange_hover { color: #FF0000; }
.case_studies_bkgnd { color: #DFD7C6; }
.torquoise_green { color: #00A9AE; }
.dark_brown { color: #4F4530; }
.light_brown { color: #CDC0A5; }
.medium_light_brown { color: #BBA985; }
.light_light_brown { color: #DFD7C6; }
.medium_blue { color: #3368B3; }
.gray { color: #777777; }
	
/* @end */

/*------------------------------------------------------------------------------*/

/* @group layout + clears */

html, body {
	margin: 0;
	padding: 0;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 90%;
	color: #000;
	background: #3368B3 url("../images/body_bkgnd.gif") top left repeat-x;
	}
	
.clear {
	clear: both;
	}	
	
#clearit {
	clear: both;
	height: 1%;
	}
	
#clear_right {
	clear: right;
	}
	
	/* @end */
	
/*------------------------------------------------------------------------------*/
	
/* @group wrapper and info bar */

#wrapper {
	margin: 0 auto;
	padding: 5px 20px;
	min-width: 760px;
	max-width: 1000px;
	color: #000;
	background: #E0E0E0 url("../images/content_container_bkgnd.gif") top left repeat-x;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	}

.home {
	margin: 0;
	padding: 0;
	color: #EEE;
	font-size: 80%;
	}
	
.home a {
	color: #AAA;
	}
	
.home a:hover {
	color: #666;
	}
	
.skip_content_bar {
	float: right;
	margin: 0;
	padding: 0;
	color: #AAA;
	font-size: 80%;
	}
	
.skip_content_bar a {
	color: #AAA;
	}
	
.skip_content_bar a:hover {
	color: #666;
	}
	
	/* @end */
	
/*------------------------------------------------------------------------------*/

/* @group header */

#header {
	margin: 15px 0 0 0;
	padding: 10px;
	color: #000;
	background: #FFF;
	min-width: 740px;
	max-width: 980px;
	border: 1px solid #eee;
	}
	
#header img {
	margin: 0;
	padding: 0;
	}
	
#header h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	letter-spacing: 1px;
	}
	
#header h1 img {
	border: none;
	}
	
#header h3 {
	float: right;
	margin: 25px 20px 0 0;
	padding: 0;
	color: #003399;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
	}
	
#header hr {
	margin: 0;
	padding: 0;
	width: 165px;
	border-bottom: none;
	border-top: 2px solid #000;
	border-right: none;
	border-left: none;
	}	
	
	/* @end */
	
/*------------------------------------------------------------------------------*/
	
/* @group main_nav */

#main_nav {
	position: relative;
	background: #669DCC;
	color: #FFF;
	font-family: "Century Gothic", "Helvetica", sans-serif;
	border-bottom: 1px solid #eee;
	}
	
#main_nav ul {
	margin: 0;
	padding: 5px 0 5px 0;
	/*text-align: center;*/
	}
	
#main_nav li {
	display: inline;
	}
	
#main_nav li a {
	margin: 0;
	padding: 5px;
	text-decoration: none;
	background: #669DCC;
	color: #eee;
	}
	
#main_nav li a:hover {
	background: #eee;
	color: #FF0000;
	}
	
	/* @end */
	
/*------------------------------------------------------------------*/

/* @group subnav */

#subnav {
	position: relative;
	float: right;
	width: 200px;
	background: #fff;
	margin: 10px 0 5px 5px;
	padding: 5px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	}
	
#subnav ul {
	margin: 0;
	padding: 0;
	}
	
#subnav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#subnav li a {
	display: block;
	margin: 2px 0;
	padding: 2px 5px;
	background: #F0EFDB;
	text-decoration: none;
	color: #CC666A;
	}
	
#subnav li a:hover {
	background: #669DCC;
	color: #F0EFDB;
	}

	/* @end */
	
/*------------------------------------------------------------------------------*/
	
/* @group graphic */

/*#graphic {
	margin: 5px 0;
	padding: 0;
	min-width: 740px;
	max-width: 1000px;
	background: #eee;
	}
	
#graphic h2 {
	padding: 5px 10px;
	font-family: "Century Gothic", Tahoma, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #FF7844;
	}
	
#graphic img {
	display: block;
	margin: 0 auto;
	padding: 0;
	}*/
	
#graphic {
	margin: 0;
	padding: 0;
	min-width: 740px;
	max-width: 1000px;
	background: #000;
	}
	
#graphic img {
	display: block;
	margin: 0 auto;
	padding: 0;
	}
	
#flash {
	margin: 10px 0;
	padding: 0;
	min-width: 700px;
	max-width: 1000px;
	background: #000;
	}
	
#flash object {
	display: block;
	margin: 0 auto;
	padding: 0;
	}
	
	/* @end */
	
/*------------------------------------------------------------------------------*/
	
/* @group content_container */

#content_container {
	clear: both;
	background: #fff;
	margin: 10px 0;
	padding: 0;
	border: 1px solid #eee;
	}
	
	/* @end */
	
/*------------------------------------------------------------------------------*/

/* @group left_col */

#left_col {
	position: relative;
	float: left;
	width: 300px;
	margin: 10px;
	padding: 0;
	text-decoration: none;
	color: #000;
	background: #DFD7C6;
	}
	
#left_col h4 {
	margin: 0;
	padding: 0;
	}
	
#left_col h4 a {
	color: #000;
	}
	
#left_col h4 a:hover {
	color: #FFF;
	}
	
#left_col p {
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#left_col ul {
	margin: 0 0 10px 20px;
	padding: 0;
	}

#left_col li a {
	color: #003399;
	}
	
#left_col li a:hover {
	color: #DD3E00;
	}
	
#left_col h4 a {
	margin: 0;
	padding: 0;
	font-family: "Century Gothic", "Helvetica", sans-serif;
	letter-spacing: 1px;
	color: #333;
	}
	
#left_col h4 a:hover {
	color: #00A9AE;
	}
	
#left_col p {
	color: #555;
	line-height: 1.3em;
	}
	
#left_col p a {
	color: #003399;
	}
	
#left_col p a:hover {
	color: #DD3E00;
	}
	
#left_col_ads {
	float: left;
	width: 300px;
	margin: 5px 10px 10px 10px;
	padding: 0;
	text-decoration: none;
	color: #000;
	background: none;
}
	
#left_col_ads .ad {
	width: 280px;
}	

p.flash_ads a img {
	margin: 0;
	padding: 0;
	}
	
p.flash_ads img {
	margin: 0;
	padding: 0;
	}

#left_col_ads p.flash_ads {
	width: 280px;
	margin: 8px 8px 25px 8px;
	padding: 0;
	border: 1px solid #333333;
}

#left_col_ads div.ad {
	margin-top: 10px;
	}

#left_col_ads div.ad p a img {
	border: 1px solid #333;
	}

#left_col_ads .ads {
	width: 280px;
	height: 160px;
	margin: 8px 8px 25px 8px;
	padding: 0px;
	border: 1px solid #333333;
}

#left_col_ads .ads_bottom {
	width: 280px;
	height: 160px;
	margin: 8px;
	padding: 0px;
	border: 1px solid #333333;
}
	
.emphasis {
	font-weight: bold;
	font-style: italic;
	}
	
	/* @end */

/*------------------------------------------------------------------------------*/
	
/* @group recent projects */

.recent_projects {
	margin: 5px 0 5px 0;
	padding: 5px 10px;
	background: #DFD7C6;
	font-size: 90%;
	}
	
.recent_projects h1 {
	margin: 0;
	padding: 5px;
	background: #BBA985;
	border: 1px dotted #DFD7C6;
	color: #DFD7C6;
	font-size: 120%;
	font-family: "Century Gothic", Helvetica, sans-serif;
	letter-spacing: 1px;
	}
	
.recent_projects hr {
	border-bottom: 2px dashed #CDC0A5;
	border-top: none;
	border-right: none;
	border-left: none;
	}
	
.recent_projects ul {
	margin: 0;
	padding: 5px;
	}
	
.recent_projects li {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
	}
	
.recent_projects h3 {
	color: #4F4530;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 130%;
	text-align: center;
	}
	
.recent_projects img {
	float: left;
	margin: 0 10px 3px 0;
	padding: 1px;
	border: 1px solid #BBA985;
	background: #CDC0A5;
	}

	/* @end */
	
/*------------------------------------------------------------------------------*/
	
/* @group right_col */

#right_col {
	position: relative;
	float: right;
	width: 225px;
	margin: 0;
	padding: 30px;
	color: #000;
	}
	
#right_col p {
	color: #555;
	}
	
#right_col h3 {
	text-align: center;
	font-weight: normal;
	font-family: "Century Gothic", Helvetica, sans-serif;
	color: #003399;
	}
	
#right_col h1 img {
	border: none;
	}
	
#right_col .button a {
	display: block;
	margin: 5px auto;
	padding: 5px;
	background: #eee;
	border: 1px solid #aaa;
	color: #00A9AE;
	text-align: center;
	cursor: pointer;
	width: 180px;
	text-decoration: none;
	}
	
#right_col .button a:hover {
	display: block;
	margin: 5px auto;
	padding: 5px;
	background: #003399;
	border: 1px solid #aaa;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	width: 180px;
	text-decoration: none;	
	}
	
#right_col .hiring {
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 150%;
	font-weight: normal;
	text-align: center;
	font-family: "Century Gothic", "Helvetica", sans-serif;
	}
	
#right_col .hiring a {
	padding: 5px 10px;
	color: #FF7844;
	text-decoration: none;
	}
	
#right_col .hiring a:hover {
	padding: 5px 10px;
	border: 1px dashed;
	color: #FF5311;
	text-decoration: none;
	background: #ffffff url("../images/bg_hiring.jpg") no-repeat left top;
	}
	
#right_col h1 {
	margin: 20px 0 5px 0;
	font-size: 120%;
	color: #003399;
	font-family: "Century Gothic", "Helvetica", sans-serif;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	}
	
#right_col ul {
	margin: 0;
	padding: 0 10px 5px 10px;
	}
	
#right_col li {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.5em;
	}
	
#right_col li a {
	color: #669DCC;
	text-decoration: none;
	border-bottom: 1px dashed #669DCC;
	}
	
#right_col li a:hover {
	color: #3368B3;
	border-bottom: 1px solid #3368B3;
	}
	
#right_col a {
	color: #DD3E00;
	}
	
#right_col a:hover {
	color: #003399;
	}

.newsletter_signup .button {
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #AAAAAA;
	color:#00A9AE;
	padding: 3px;
}

form.newsletter_signup {
	text-align:center;
}
	
	/* @end */
	
/*------------------------------------------------------------------------------*/

/* @group content */

#content {
	/*float: left;*/
	min-width: 100px;
	max-width: 980px;
	margin: 0 30px 0 330px;
	padding: 5px;
	color: #000;
	background: #FFF;
	}
	
#content h3 {
	color: #00A9AE;
	font-weight: normal;
	font-family: "Century Gothic", "Helvetica", sans-serif;
	letter-spacing: 1px;
	margin: 20px 0;
	padding: 5px 0 0 0;
	}
	
#content h4 {
	color: #777;
	font-weight: bold;
	font-family: "Century Gothic", "Helvetica", sans-serif;
	letter-spacing: 1px;
	margin: 0;
	padding: 5px 0 0 0;
	}
	
#content a {
	margin: 0;
	padding: 0;
	color: #FF7844;
	}
	
#content a:hover {
	margin: 0;
	padding: 0;
	color: #003399;
	}
	
#content ol {
	color: #555;
	line-height: 1.3em;
	}
	
#content ul {
	color: #555;
	line-height: 1.3em;
	}
	
#content p {
	color: #555;
	line-height: 1.3em;
	}
	
#content img {
	float: left;
	margin: 0 10px 0 0;
	padding: 1px;
	border: 1px solid #eee;
	}
	
.quote {
	float: right;
	margin: 0 10px 10px 10px;
	padding: 10px;
	width: 130px;
	border: 2px dashed #3368B3;
	font-style: italic;
	font-family: "Century Gothic", Helvetica, sans-serif;
	text-align: left;
	}
	
#map {
	margin: 10px;
	padding: 0;
	}
	
pre {
	margin: 0 0 10px 20px;
	}
	
	/* @end */

/*------------------------------------------------------------------------------*/

/* @group content_area */

#content_area {
	position: relative;
	overflow: auto;
	margin: 10px 0 5px 0;
	padding: 0;
	min-width: 750px;
	max-width: 1000px;
	background: #FFF;
	border: 1px solid #eee;
	line-height: 1.7em;
	}
	
#content_area h1, #content_area h2, #content_area h3 {
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-weight: normal;
	}
	
#content_area h1 {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 150%;
	color: #E67B00;
	}
	
#content_area h2 {
	padding-left: 10px;
	padding-right: 10px;
	color: #88A905;
	}
	
#content_area h3 {
	padding: 0 10px;
	font-size: 130%;
	color: #347195;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
/*#content_area ul {
	list-style-type: none;
	}*/
	
#content_area ul.client_list {
	list-style-type: none;
	}
	
ul.address {
	list-style-type: none;
	}
	
ul.news_list {
	list-style-type: none;
	}
	
#mobile_mail_bullets li {
	list-style: disc;
	padding: 0 0 5px 0;
}
	
#content_area h4 {
	margin: 0;
	padding: 0 10px;
	font-family: "Century Gothic", Helvetica, sans-serif;
	color: #347195;
	font-weight: bold;
	text-decoration: underline;
	font-size: 120%;
	}
	
#content_area #left_col h1 {
	color: #DFD7C6;
	}
	
#content_area #left_col h3 {
	color: #4F4530;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 130%;
	text-align: center;
	}
	
#content_area #left_col p {
	line-height: 1.3em;
	}
	
.unbold {
	font-weight: normal;
	color: #000;
	}
	
#content_area p {
	margin: 0 0 15px 0;
	padding: 0 10px;
	line-height: 1.6em;
	}
	
#content_area blockquote {
	margin: 10px 100px;
	padding: 10px;
	border: 3px dashed #eee;
	color: #FA962F;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 140%;
	}
	
#content_area blockquote p {
	margin: 0;
	padding: 5px 0;
	}
	
#content_area a img {
	border: none;
	}
	
.text input {
	border: 1px solid #9e9e9e;
	}
	
.center {
	text-align: center;
	display: block;
	margin: 0 auto;
	}
	
/*.button {
	background: #eee;
	border: 1px solid #520953;
	cursor: pointer;
	color: #520953;
	}*/
	
.flash_movie {
	margin: 10px;
	}
	
#google_map {
	margin: 12px;
	}

	/* @end */	
/*-------------------------------------------------*/
/* @group callout */

#callout {
	clear: both;
	width: 100%;
	padding: 8px 0 10px 0;
	background: #FFF;
	border: 1px solid #eee;
	}
	
#callout p {
	margin: 0 auto;
	display: block;
	text-align: center;
	}
	
#MMCallout {
	background: #E7F1F8;
	clear: both;
	margin: 10px;
	padding: 10px;
	}
	
#MMCallout h3 {
	margin: 0;
	padding: 0;
	}
	
#MMCallout p {
	margin: 0;
	padding: 0;
	}
	
#MMCallout table {
	margin: 0;
	padding: 0;
	}
	
	/* @end */
/*--------------------------------------------------------*/
/* @group footer */

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	color: #AAA;
	font-size: 80%;
	text-align: right;
	}
	
#footer p {
	margin: 0;
	padding: 5px;
	}
	
#footer a {
	margin: 0;
	padding: 0;
	color: #AAA;
	}
	
#footer a:hover {
	margin: 0;
	padding: 0;
	color: #000;
	}
	
	/* @end */