/*
Sensorstudios.com - MAIN CSS (main.css)
COPYRIGHT 2009 Sensor Studios. All Rights Reserved.
*/

/* COLOR PALLETTE
============================================================================
	
	Brown - #ad640c	
	Dark Gray - #666		
	Text - #999
	Links - #FFF		
===========================================================================*/


/* GLOBAL RESET
---------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/* GENERAL SELECTORS
---------------------------------------------------------------------------*/

/* BODY */
body {margin: 0; padding: 0; font: 17px Georgia; color: #424242;  background: url(../images/bk.gif) top center repeat-y #FFF;}

p {margin: 0 0 10px 0; line-height: 1.5em;}
	
/* HEADINGS */
h1 {margin: 0 0 5px 0; padding: 0 0 5px 0; width: 300px;  font-size: 26px; font-weight: normal;  color: #373f56;}
h2 {margin: 30px 0 20px 37px; padding: 0 0 5px 0; width: 876px; border-bottom: 1px solid #373f56; font-size: 26px; font-weight: normal;  color: #373f56;}
h3 {margin: 0 0 5px 0; font-size: 18px; font-weight: normal; line-height: 1.5em; color: #fff; text-transform: uppercase;}
h4 {margin: 0 0 5px 0; font-size: 14px; font-weight: bold; color: #ad640c;}
				
/* LINKS */
a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:hover {color: #666666; text-decoration: none;}
a:active {color: #666666; text-decoration: none;}

#content ul {
	list-style: disc;
	margin-left: 50px;
	padding-left: 1em;
	text-indent: 0;
	padding: 30px 0 40px 0;
	}

#content li { padding: 10px 0 10px 0; }


/* LAYOUT
---------------------------------------------------------------------------*/

/* MAIN WRAP */
#mainWrap {margin: auto; padding: 0 0 10px 0; width: 950px; }
		
/* HEADER */
#header {padding:0; height:286px; width:950px; background: url(../images/header.gif) top left no-repeat;}
				
/* MAIN NAV */
#mainNav { float:right; margin: 190px 0 0 0; height: 44px; }

		

	
/* CONTENT WRAP */
#content{position: relative; padding: 20px 0 0 0; width: 950px; }
	
/* CONTENT TOP WRAP */
#contentTopWrap {margin: 0 0 0 0; padding: 0 0 20px 0; width: 950px; }
			
/* LEFT COLUMN */
#content .leftColumn {float: left; margin: 0 0 0 0; padding: 0 37px 0 37px; width: 876px;}
#content .leftColumn2 {float: left; margin: 0 0 0 0; padding: 0 20px 0 37px; width: 577px;}
																													
/* RIGHT COLUMN */
#content .rightColumn {float: left; padding: 0 37px 0 0; width: 279px; }
			
/* BASIC FORM */
#basicForm {width: 540px;}
#basicForm fieldset {margin: 20px 0 20px 0;}
#basicForm legend {display: none;}
#basicForm label { clear: left; float: left; margin: 15px 10px 0 0; width: 110px; font-size: 14px; font-weight: bold; color: #373f56; text-align: right;}
#basicForm input {float: left; margin: 10px 0 0 0; padding: 7px 5px 7px 5px; width: 378px; border: none; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #373f56; background-color: #eff0f3; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#basicForm label.error {clear: right; margin: 3px 0 0 150px; width: 388px; text-align: left; color: #fff; font-weight: normal;}
#basicForm select {clear: both; margin: 16px 0 5px 0; width: 220px;}
#basicForm label.checkBox {margin: 0 20px 0 5px;}
#basicForm textarea {float: left; padding: 5px; margin-top: 10px; width: 378px; border: none; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #373f56; background-color: #eff0f3; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#basicForm input.submit {padding: 0; margin: 10px 0 0 120px; width: 87px; height: 31px; border: none; background: none;}
#basicForm input:hover, #basicForm textarea:hover {background-color: #373f56; color: #fff;}
																												
							
/* FOOTER */
#footer {margin: 50px 0 50px 37px; height: 45px; width: 856px;  padding: 10px; background-color: #373f56; }
#footer p {float: left; color: #FFF; font-size: 0.8em;}
#footer ul {float: right; font-size: 0.8em; margin: 12px 0 0 0;}
#footer li {display: inline; margin: 0 10px;}
#footer a {font-weight: bold; color: #fff; text-decoration: none;}
#footer a:hover {color: #c2c8d7;}
					
							
/* GENERIC CLASSES
---------------------------------------------------------------------------*/

.hide {display: none;}

.clear {clear: both;}

.small {margin: 0 0 0 10px; font-size: 11px;}
.white {color: #FFF;}
.light {margin: 0; padding: 0; border: none; font-weight: normal; text-transform: none; color: #FFF;}
.callOut {font-weight: bold; text-decoration: underline;}
strong {color: #373f56;}
.leadIn {margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 20px; font-weight: normal; text-transform: none; color: #373f56;}