/*
Theme Name: S&J Labs Theme
Description: Master styles
Version: 1.0
Author: Dr. Jecker Ecker - Pixel Surgeon - S&J Labs
Author URI: http://www.shinesandjecker.com/
Copyright:  2009, shines and jecker inc. All rights resevered (please don't re-use without permission).
*/

/* =reset
---------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}

/* = general styles
---------------------------------------------------------- */
body {
	font: 75%/1.5 Georgia, Times, 'Times New Roman', serif;
	color:#575248;
	background:#706959 url(../images/footer-bg.png);
	}

h1{
	font-size: 3em;
	}

h2{
	font-size: 2em;
	color: #143962;
	line-height:1.1em;	
	font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
	margin-bottom:0.5em;
	}

h3{
	font-size:1.5em;
	font-weight:bold;
	color:#74be1e;
	font-family:'Lucida Grande', tahoma;	
	margin-bottom:0.5em;
	}
	
h4{
	font-size:1.2em;
	font-weight:bold;
	color:#606060;
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:0.5em;
	}
	
a{
	color:#ff3900;
	text-decoration:underline;
	}

a:hover{
	color:#fff;
	background:#ff3900;
	}
	
h4 a{
	color:#333;
	text-decoration:none;
	}
	
h4 a:hover{
	color:#000;
	text-decoration:underline;
	background:transparent;
	}
	
a img{
	border:none;
	}
		
ul li{
	margin: 5px 0;
	}
	
.clear {
	clear:both;
	}

.right{
	float:right;
	margin:0 0 0 10px;
	}

.left{
	float:left;
	margin:0 10px 0 0;
	}

.text_right{
	text-align:right;
	}
	
.text_center{
	text-align:center;
	}
		
.text_smaller{
	font-size:90%;
	}
	
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	 }
 
* html .clearfix {
	height: 1%; /* IE5-6 */
	}
	
.fix{
	color:red;
	font-weight:bold;
	}
	
	
blockquote{
	font-size:1.5em;
	padding:20px 0 0 60px;
	background:transparent url(../images/quote.png) no-repeat top left;
	font-family:Cambria, Georgia, Times, 'Times New Roman', serif;
	}
	
cite{
	font-style:normal;
	font-family:'Lucida Grande', tahoma;	
	letter-spacing:1px;
	font-size:0.9em;
	text-transform:uppercase;
	display:block;
	text-align:right;
	margin-top:5px;
	color:rgba(255, 255, 255, 0.4);
	}
	
.amp {
font-size:130%;
font-family:baskerville, palatino, 'palatino linotype', georgia,serif;
font-style: italic;
font-weight:normal;
}
	
/* =skips
---------------------------------------------------------- */
#skips{
	position:absolute;
	top:-9999px;
	margin:0;
	}

/* =layout
---------------------------------------------------------- */
#outer_wrapper{
	background:#fff;
	padding:0 0 20px 0;
	width:100%;	
	}
	
.wrapper{
	width:940px;
	margin:0 auto;
	position:relative;
	}
	
#main_content {
	float:right;
	width:640px;
	background:transparent url(../images/main-bg.gif) repeat-y top left;
	padding-left:25px;
	}
	
#main_content p{
	font-size:1.4em;
	margin : 0 0 1.2em;
	line-height:1.8em;
	}
	
#sidebar_content{
	float:left; 
	width:250px;
	font-family:'Lucida Grande', tahoma;	
	margin:10px 0;
	}
	
/* =header
---------------------------------------------------------- */
#header{
	width:100%;
	background:#3789d1 url(../images/header-bg.gif) repeat-x top left;
	}
	
#header .wrapper{
	background:transparent url(../images/header-burst.gif) no-repeat top center;
	}
	
#header h1{
	font-family:'Myriad Pro', Myriad, 'Lucida Grande', tahoma;	
	float:left;
	margin:18px 0 0 0;
	width:246px;	
	}
	
#header h1 a{
	text-decoration:none;
	color:#183c11;
	display:block;
	height:230px;
	text-indent:-9999px;
	background:transparent url(../images/logo.png) no-repeat top center;
	}
	
#header h1 a:hover{
	background:transparent url(../images/logo.png) no-repeat top center;
	}
	
 /*
#teaser {
 	float:right;
 	width:640px;
 	font-family: luxi-serif-1, Georgia, Times, 'Times New Roman', serif;
 	font-weight:normal;
 	font-size:1.7em;
 	color:#0A2342;
 	margin:40px 0 0 0;
 	line-height:1.5em;	
 	}
*/
        
#teaser {
 	float:right;
 	width:640px;
 	font-family: droid-serif-1, Georgia, Times, 'Times New Roman', serif;
 	font-weight:normal;
 	font-size:1.9em;
 	color:#0A2342;
 	margin:78px 0 0 0;
 	line-height:1.5em;	
	text-shadow: 0px 2px 3px #6EA9DE;
 	}
 	
/* =nav-header
---------------------------------------------------------- */
#nav{
position:absolute;
top:0;
right:50px;
font-family:'Myriad Pro', Myriad, 'Lucida Grande', tahoma;	
margin:0 50px 0 0;
padding:3px 0 0 10px;
float:right;
background:#0a213e;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
}

#nav li{
float:left;
list-style-type:none;
}

#nav li a{
text-decoration:none;
font-size:1.2em;
line-height:1em;
text-transform:lowercase;
margin:0px 10px 0 0;
letter-spacing:1px;
padding:8px 15px;
float:left;
text-align:center;
color:#B6D4EE;
}

#nav li a:hover{	
color:#fff;
background:transparent;
}
	
#nav li.nav-selected a{
	color:#fff;
	text-shadow: 0px 2px 3px #0a213e;
	}



/* =footer
---------------------------------------------------------- */
#footer {
	clear:both; 
	width:100%;	
	border-top:1px solid #575248;
	margin:0 0 0 0;
	padding:10px 0;
	font-family:'Lucida Grande', tahoma;	
	color:#fff;
	}
	
#footer_nav{
	float:right;
	width:200px;
	list-style-type:none;
	font-family:'Lucida Grande', tahoma;	
	}
	
#footer_nav li{
	margin:0;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
	}
	
#footer_nav li a{
	text-decoration:none;
	color:#dfeab2;
	text-transform:uppercase;
	letter-spacing:1px;
	display:block;
	padding:5px;
	}
	
#footer_nav li a:hover{
	color:#fff;
	background:rgba(255, 255, 255, 0.1);
	}
	
.footer_promo{
	float:left;
	width:250px;
	}

/* =enews sign up
---------------------------------------------------------- */	
#enews_form{
	float:right;
	width:335px;
	margin:0 60px 0 0;
	padding:10px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:1px solid rgba(255, 255, 255, 0.1);
	background:rgba(255, 255, 255, 0.1);
	}
	
#enews_form legend{
	font-family:Courier, 'Courier New';
	text-transform:uppercase;
	letter-spacing:2px;
	color:#000;
	font-size:1.4em;
	text-align:center;
	text-shadow: 1px 1px 1px #666;
	}
	
#enews_form ol{
	list-style-type:none;
	font-size:1.1em;
	padding:10px 0 10px 130px;
	background:transparent url(../images/typewriter.png) no-repeat left center;
	}
	
#enews_form li{
	list-style-type:none;
	margin:1.1em 0;
	}
	
#enews_form li label{
	color:#1a160e;
	letter-spacing:1px;
	}
	
#enews_form li input{
	border:1px solid #575248;
	font-family:Courier, 'Courier New';
	padding:5px;
	}

#enews_form li.submit input{	
	border:none;
	background:rgba(255, 255, 255, 0.1);
	padding:5px 0;
	width:100%;
	font-size:1.1em;
	color:#000;
	font-family:Courier, 'Courier New';
	}
	
#enews_form li.submit input:hover{	
	background:rgba(255, 255, 255, 0.8);
	color:#000;
	}
	
/* =copyright
---------------------------------------------------------- */
.copyright{
	font-size:0.8em;
	color:#999;
	color:rgba(255, 255, 255, 0.3);
	clear:both;
	padding:10px 0 0 0;
	text-align:center;
	}
	
/* =services
---------------------------------------------------------- */
.service{
	width:290px;
	float:left;
	margin:10px 10px 10px 10px;
	font-size:0.8em;
	line-height:0.7em;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	}
	
.home .service{
	margin-top:-10px;
	}
	
.service h3{
	font-size:2.0em;
	padding-bottom:15px;
	margin-bottom:10px;
	line-height:1.0em;
	/*border-bottom:1px dotted #B7B7B7;
	font-family:Helvetica, Arial, Helvetica, sans-serif;*/
	background:transparent url(../images/promo-bg.gif) repeat-x bottom left;
	}
	
.service h3 a{
	color:#74be1e;
	text-decoration:none;
	}
	
.service h3 a:hover{
	color:#000;
	background:transparent;
	}
	
.service img{
	padding:0 20px;
	margin:0 0 10px 0;
	}
	
#main_content .service p{
	font-size:1.4em;
	line-height:1.7em;
	}
	
.service ul{
	margin:5px 0 5px 5px;
	padding:0;
	list-style-type:none;
	font-size:1.4em;
	line-height:1.4em;
	}
	
.service li{
	background:transparent url(../images/bullet.gif) no-repeat 0px 5px;
	padding-left:15px;
	}

/* =contact page and form
---------------------------------------------------------- */
.googleMapCanvas{ 
	width:100%; 
	border:0px none;
	height: 300px;
	}
	
.miniSurveyView #msg{ background:#FFFF99; color: #000; padding:2px; border:1px solid #999; margin:8px 0px 8px 0px}
.miniSurveyView table.formBlockSurveyTable td{ padding-bottom:4px }
.miniSurveyView td.question {padding-right: 12px}
.miniSurveyView #msg .error{padding-left:16px; color:#cc0000}

.miniSurveyView{
	font-size:1.3em;
	font-family:Courier, 'Courier New';
	background:transparent url(../images/letter-top.gif) no-repeat top center;
	background:transparent url(../images/letter-bottom.gif) no-repeat bottom center;
	color:#333;
	padding-bottom:50px;
	}
	
.miniSurveyView table{
	background:transparent url(../images/letter-top.gif) no-repeat top center;
	padding:10px 20px 0;
	width:544px;
	}
	
.miniSurveyView div.checkboxPair, .miniSurveyView div.checkboxList{
	background:none;
	}
	
.formBlockSurveyTable{
	margin:0 auto;
	}
	
.miniSurveyView strong{
	display:block;
	font-size:1.1em;
	font-weight:normal;
	padding:10px 60px 0 60px;
	}
	
.formBlockSurveyTable td{
	padding:5px 0;
	}
	
.miniSurveyView textarea{
	border:1px solid #c4c4c4;
	}

.formBlockSubmitButton{
background-image: url(../images/button-bg.png); 
padding: 4px 14px 6px; 
border: 1px solid rgba(0,0,0,.25); 
border-bottom-color: rgba(0,0,0,.35); 
-webkit-border-radius: 15px; 
-moz-border-radius: 15px; 
background-color: #fff; 
}

.formBlockSubmitButton:hover { 
background-color: #eee; 
}
	
	
/* =project page
---------------------------------------------------------- */
.feature_project, .project{
	border-bottom:1px dotted #b7b7b7;
	margin-bottom:10px;
	padding-bottom:10px;
	}
	
.feature_project h4{
	font-size:1.3em;
	}
	
#main_content .project p{
	font-size:1.2em;
	line-height:1.7em;
	margin:0;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	}
	
.project h4 a{
	color:#333;
	text-decoration:none;
	}
	
.project h4 a:hover{
	color:#000;
	text-decoration:underline;
	background:transparent;
	}
	
.project img{
	margin-right:20px;
	}

/* =sidebar_promo
---------------------------------------------------------- */
.sidebar_promo	{
	padding:0 0 10px 0;
	margin-bottom:10px;
	border-bottom:4px double #dddddd;
	}
	
.sidebar_promo h4 a{
	color:#606060;
	text-decoration:none;
	}
	
.sidebar_promo h4 a:hover{
	color:#333;
	text-decoration:underline;
	background:transparent;
	}
	
.sidebar_promo .learn_more{
	margin:0.5em 0 0 0;
	text-align:right;
	clear:right;
	}
	
.sidebar_promo p{
	margin:0.7em 0;
	}
	
.sidebar_promo ul{
	margin:5px 0 5px 5px;
	padding:0;
	list-style-type:none;
	}
	
.sidebar_promo li{
	background:transparent url(../images/bullet.gif) no-repeat 0px 5px;
	padding-left:15px;
	}

/* =vcard
---------------------------------------------------------- */	
.vcard{
	padding:0 0 10px 0;
	margin-bottom:10px;
	border-bottom:1px dotted #b7b7b7;
	}
	
/* =home page feature
---------------------------------------------------------- */
.home_page_feature{
	background:transparent url(../images/home_feature-bg-inner.png) repeat-y top center;
	margin-top:-20px;
	min-height:225px;
	font-size:110%;
	}
	
.wrapper_home_page_feature{
	background:#fff url(../images/home_feature-bg-top.png) no-repeat top center;
	padding-top:18px;
	}
	
.inner_home_page_feature{
	padding:20px 230px 50px 30px;
	background:#fff url(../images/home_feature-bg-bottom.png) no-repeat center bottom;

	}
	
#main_content .home_page_feature p{
	line-height:1.7em;
	font-size:1.5em;
	}