/* 
blueRootMedia.com
v 1.0
Author: Jon Marus
Started v1.0 July 1st, 2010
*/

/* Import other CSS files */
@import url('forms.css');
/*@import url('nav.css');*/


/* ==[ Link Styles ]================================== */

a {
	text-decoration: none;
	color: #166FB8;
}

a:hover {
	color: #2F5997;
}

a:active {
	outline: none;
}

:focus {
	outline: none;
	border: 1px solid #D0DAEA;
}


/* ==[ Document Settings ]============================ */

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	color: #444;
	font-size: 15px;
	background-color: #fff;
	background: url('/img/tile.jpg') 0 0 repeat #f4f4f4;
}

img {
	border: 0px;
}

h1, h2, h3 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-weight: normal;
}

h1 {
	font-size: 2em;
	color: #0B539A;
}

h2 {
	color: #444;
	font-size: 1.3em;
}

p {
	margin: 20px 0 20px 0;
	font-size: 1.1em;
	text-align: justify;
	line-height: 1.6em;
}

.bold {
	color: #111;
}


/* ==[ Layout ]====================================== */

#hdr {
	position: relative;
	margin: 0px auto;
	margin-top: 25px;
	margin-bottom: 20px;
	width: 920px;
}

#hdrNav {
	background-color: #333;
	background-image: url('/img/gradients/darkGrey.jpg');
}

#container {
	position: relative; 
	margin: 0px auto;
	padding: 0;
	width: 960px;
	background-color: #fff;
	box-shadow: 0 3px 5px #ccc;
	-moz-box-shadow: 0 3px 5px #ccc;
	-webkit-box-shadow: 0 3px 5px #ccc;
	border: 1px solid #fff;
	z-index: 2;
	/*-moz-opacity:85; 
	filter:alpha(opacity=85); 
	opacity:.85;*/
}

#innerContainer {
	margin: 30px;
	width: 900px;
	min-height: 460px;
}

.rightCol {
	float: right;
	margin: 0 10px 0 0;
	width: 280px;
}

.leftCol {
	margin: 0 380px 0 0;
}

#ftr {
	margin: 0px auto;
	margin-top: 20px;
	padding: 0 0 20px 0;
	width: 960px;
}

/* ==[ Lists ]======================================= */

.form dt, .form dd {
	line-height: 2.5em;
}

.dList dt, .dList dd {
	line-height: 1.4em;
}

dt {
	float: left;
	padding: 0px 15px 0px 0px;
	width: 100px;
	text-align: right;
	color: #666;
}

dd {
	margin: 0px 0px 5px 110px;
	color: #222;
}

.mainNavList, .ftrNavList {
	list-style-type: none;
	margin: 0px auto;
	padding: 0;
	width: 920px;
}
.mainNavList li, .ftrNavList li {
	float: left;
	text-align: center;
}

.mainNavList li a, .ftrNavList li a {
	display: block;
}

.mainNavList li a {
	margin: 0 20px 0 20px;
	padding: 15px 15px 5px 15px;
	font-size: 1.4em;
	color: #444;
	text-shadow: #fff 0 2px 2px;
}


body#tab1 .mainNavList li a#tab1a,
body#tab1 .ftrNavList li a#tab1b,
body#tab2 .mainNavList li a#tab2a,
body#tab2 .ftrNavList li a#tab2b,
body#tab3 .mainNavList li a#tab3a,
body#tab3 .ftrNavList li a#tab3b,
body#tab4 .mainNavList li a#tab4a,
body#tab4 .ftrNavList li a#tab4b {
	color: #166FB8;
	border-color: #166FB8;
}

.mainNavList li a:hover {
	color: #166FB8;
}

.ftrNavList li a {
	margin: 0 10px 0 10px;
	padding: 3px 10px 3px 10px;
	color: #555;
}

.ftrNavList li a:hover {
	color: #166FB8;
}

.caseList, .teamMemberList {
	margin: 30px 0 0 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.4em;
}

.caseTitle, .teamMemberTitle {
	margin: 10px 0 3px 0;
	font-size: 1.5em;
	color: #222;
}

.caseSubTitle, .teamMemberSubTitle {
	font-size: 1.2em;
}

.caseBlurb, .teamMemberBio {
	padding: 20px 0 20px 0;
	color: #555;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: justify;
}
	
/* ==[ DIVs ]========================================== */

#greyBar {
	position: absolute;
	top: 155px;
	width: 100%;
	height: 30px;
	background-color: #ddd;
	z-index: 1;
}

/* ==[ Classes ]======================================= */

.tooltip {
	cursor: help;
}

.err_msg, .success_msg {
	margin: 5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
	line-height: 1.4em;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.err_msg {
	color: #A51A1A;
	background-color: #FFBFBF;
	border: 1px solid #FF2424;
}
	
.success_msg {
	color: #444;
	background-color: #EDF3FE;
	border: 1px solid #B8CCF1;
}

.optional {
	color: #888;
	font-size: .9em;
}