/* Design by Thinkso */
/* 05.21.08 */

/* ===================================
SUPPORTING STYLE SHEETS
====================================== */
@import url("titles.css");

/* ===================================

GENERAL STYLES

====================================== */

* {margin:0; padding:0;}

body {
	background: #fff;
	font-size: 62.5%;
	}
	
body.home {
	background: #3095b4;
	}

a img {
	border: none;
	}

/* ===================================

HEADER

====================================== */

#header {
	position: relative;
	background: #3095b4;
	height: 12em;
	width: 100%;
	}
	
#logo {
	position: absolute;
	left: 2em;
	bottom: 1.9em;
	}

#biglogo {
	margin-left: 17.75em;
	margin-top: 3.2em;
	width: 62.4em;
	}
	
#title {
	position: absolute;
	bottom: 1.1em;
	left: 17.4em;
	width: 62.4em;
	}

#title h1 {
	font-family: Georgia, serif;
	font-size: 2.6em;
	line-height: 1.385em;
	font-weight: normal;
	color: #111;
	}

.home #title {
	position: relative;
	top: 0;
	left: 0;
	margin-left: 17.75em;
	margin-top: 3.2em;
	}
	
.printlogo {
	display: none;
}	

/* ===================================

HOMEPAGE FEATURE ITEM

====================================== */

#featured {
	float: right;
	width: 25.6em;
	margin: .2em 2em 2em 0;
	background: transparent url(../images/dots_white_sm.gif) top left repeat-x;
	/* The .1em padding gives 1px of room for the dots */
	padding-top: 1.1em;
	
	}
#featured h1 {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #fff;
	color: #97cad9;
	font-weight: bold;
	margin-bottom: .545em;
	float: left;
	/*margin-right: 1.666em;*/
	width: 3.33em;
	}

#featured p {
	font-family: Georgia, serif;
	font-size: 1.2em;
	line-height: 1.5em;
	font-style: italic;
	color: #fff;
	color: #97cad9;
	margin-bottom: .545em;
	float: right;
	width: 17.08em;
	}
#featured a {
	color: #97cad9;
	/* color: #fff; */
	text-decoration: none;
	}
#featured a:hover {
	color: #fff;
	text-decoration: underline;
	}
/* ===================================

MAIN NAVIGATION

====================================== */

#mainnav {
	margin-left: 17.6em;
	background: #3095b4 url(../images/dots_white_sm.gif) bottom left repeat-x;
	padding-bottom: .1em;
	}
	
#mainnav ul {
	list-style: none;
	width: 62.4em;
	}
	
#mainnav li {
	list-style: none;
	display: inline;
	}
	
#mainnav li a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:40px; /* for IE5/Win only */
	margin-right: 3.35em;
	}
	
#mainnav a:hover {
		background-position: 0 -40px;
		}

#mainnav a:active, #mainnav a.selected {
		background-position: 0 -80px;
		}


#about a  {
		width: 11.4em;
		background: url(../images/nav/about.gif) top left no-repeat;
		}

#practiceareas a  {
		width: 10.1em;
		background: url(../images/nav/practices.gif) top left no-repeat;
		}

#casestudies a  {
		width: 8.6em;
		background: url(../images/nav/casestudies.gif) top left no-repeat;
		}
		
#news a  {
		width: 3.4em;
		background: url(../images/nav/news.gif) top left no-repeat;
		}		

#contact a  {
		width: 5.8em;
		background: url(../images/nav/contact.gif) top left no-repeat;
		}

/* ===================================

SUB NAVIGATION

====================================== */

#subnav {
	position: absolute;
	top: 14em;
	left: 2.0em;
	width: 13.6em;
	list-style: none;
	border-top: 1px solid #64b0c7;
	}

#subnav li {
	list-style: none;
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.273em;
	font-style: italic;
	color: #555;
	background: #fff url(../images/dots_blue_sm.gif) bottom left repeat-x;
	padding-bottom: .1em;
	}
	
#subnav li.last {
	background-image: none;
	border-bottom: 1px solid #64b0c7;
	}

#subnav li a {
	color: #555;
	text-decoration: none;
	display: block;
	padding: .636em 1em .636em 0;
	background: none;
	}

#subnav li a:hover {
	color: #111;
	background: #fff url(../images/nav/arrow_gray.gif) right 50% no-repeat;
	}

#subnav a.current {
	color: #3095b4;
	background: #fff url(../images/nav/arrow_blue.gif) right 50% no-repeat; 
	}

#subnav a.current:hover {
	background: #fff url(../images/nav/arrow_blue.gif) right 50% no-repeat;
	}
	
/* ===================================

CONTENT

====================================== */

#content {	
	/*margin-top: 13.6em;*/
	margin-top: 1.6em;
	margin-left: 17.6em;
	width: 62.4em;
	
	}

#main {
	width: 44.8em;
	float: left;
	margin-right: 2em;
	}

#main h1 {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #111;
	font-weight: bold;
	margin-bottom: .25em;
	}

#main h2 {
	font-family: Georgia, serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #111;
	font-weight: normal;
	margin-bottom: .75em;
	}		

#main h2.moremargin {
	margin-bottom: 1.5em;
	}

#main p {
	font-family: Georgia, serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #555;
	margin-bottom: 1.5em;
	}	
	
#main a:link {
	color: #3095b4;
	text-decoration: none;	
	}
	
#main a:visited {
	color: #3095b4;
	text-decoration: none;	
	}	
	
#main a:hover {
	color: #3095b4;
	text-decoration: underline;
	}	
	
#main ul {
	padding-left: 1.25em;
	margin-bottom: 1.8em;	
	}					
	
#main li {
	font-family: Georgia, serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #555;
	margin-bottom: 0.75em;
	} 	
	
#main li a:link {
	text-decoration: none;
	color: #3095b4;
	}		
	
#main li a:visited {
	text-decoration: none;
	color: #3095b4;
	}
	
#main li a:hover {
	text-decoration: underline;
	color: #3095b4;
	}			

/* ===================================

SIDEBAR

====================================== */

#sidebar {
	background: #ccc url(../images/dots_green_sm.gif) top left repeat-x;
	width: 13.6em;
	float: left;
	margin-top: .4em;
	/* The .1em padding gives 1px of room for the dots */
	padding-top: .1em;
	}

#sidebar div.module {
	background: #fff url(../images/dots_green_sm.gif) bottom left repeat-x;
	padding: 1em 0 .5em 0;
	}	

#sidebar h1 {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.364em;
	color: #6e7645;
	font-weight: bold;
	margin-bottom: .545em;
	}

#sidebar p {
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.364em;
	font-style: italic;
	color: #6e7645;
	margin-bottom: .545em;
	}

#sidebar img {
	display: block;
	margin-bottom: .6em;
	}
	
#sidebar p.call_to_action a {
	display: block;
	background: #6e7645;
	padding: .9em 1.1em;
	color: #fff;
	text-decoration: none;
	}
	
#sidebar p.call_to_action a:hover {
	background: #111;			
	}
	
#sidebar p.call_to_action a strong {
	font-family: Arial, sans-serif;
	font-style: normal;
	}

	
/* ===================================

FOOTER

====================================== */

#footer {
	background: #fff url(../images/dots_blue_sm.gif) top left repeat-x;
	margin-top: 4em;
	margin-left: 17.6em;
	clear: both;
	padding-top: 1.3em;
	padding-bottom: 1.3em;
	}
	
#footer p {
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.364em;
	color: #3095b4;
	width: 56.73em;
	}
	
#footer a:link {
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.364em;
	color: #97cad9;
	text-decoration: none;
	}	
	
#footer a:visited {
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.364em;
	color: #97cad9;
	text-decoration: none;
	}	
	
#footer a:hover {
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.364em;
	color: #97cad9;
	color: #fff;
	text-decoration: underline;
	}			

body.home #footer {
	background: #3095b4 url(../images/dots_white_sm.gif) top left repeat-x;
	}

body.home #footer p {
	color: #97cad9;
	}
	
/* ===================================

FOOTER INTERIOR PAGES

====================================== */

#intfooter {
	background: #fff url(../images/dots_blue_sm.gif) top left repeat-x;
	margin-top: 4em;
	margin-left: 17.6em;
	clear: both;
	padding-top: 1.3em;
	padding-bottom: 1.3em;

	}
	
#intfooter p {
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.364em;
	color: #3095b4;
	}
	
#intfooter a:link {
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.364em;
	color: #3095b4;
	text-decoration: none;
	}	
	
#intfooter a:visited {
	color: #3095b4;
	text-decoration: none;
	}
		
#intfooter a:hover {
	color: #3095b4;
	text-decoration: underline;
	}	
			
#intfooter a.current {
	color: #97cad9;
	text-decoration: none;
}

#printfooter {
	display: none;
}

/* ===================================

SELF-CLEARING STYLES

====================================== */	
	
/* Styles to self-clear the content to make sure it contains any floated stuff inside it */		
#content:after, #mainnav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
* html #content, * html #mainnav { height: 1%; } /* for IE5+6 */

*:first-child+html #content, *:first-child+html #mainnav { min-height: 1px; } /* for IE7 */