/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Layout and general divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0;
padding:0;
}
body {
font: normal 76%/140%  "Lucida Sans Unicode", Verdana, Tahoma, arial, sans-serif;
color:#333;
background: transparent  url(images/bg-body.jpg) repeat-x top center;
}
html, body { height: 100%; margin-bottom: 1px; } /* Force scrollbar */
#wrap{
margin-left: auto;
margin-right: auto;
width:960px;
height:auto;
font-size:1.1em;
}
#header{
position:relative;
border:0px solid;
}
#footer{
float:left;
text-align:center;
width:100%;
margin-top:40px;
}
#content{
font-size:13px;
margin:150px 0 0 0;
width:960px;
float:left;
}
#home-page #content{
margin-left:10px;
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Modules
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#copy{
float:left;
width:700px;
margin-left:50px;
margin-left:20px;
}
div#sidebar{
float:left;
margin:10px 0 0 10px;
padding:0;
background:#f5f5f5;
width:190px;
width:220px;
}
#map{
float:right;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Images 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Headings H1-H6 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
h1, h2, h3, h4, h5, h6{
margin:20px 0px 30px 0;
letter-spacing:-2px;
font-weight:normal;
}
h2{
margin:20px auto;
letter-spacing:-1px;
line-height:1.3em;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Paragraphs 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
p{
line-height:1.7em;
margin:20px 0px;
}
#breadcrumbs{
margin:-40px 0px 0px 0px;
text-align:right;
float:right;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Links 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#wordmark{
display:block;
height:65px;
width:458px;
background: transparent url(images/wordmark.gif) no-repeat 0 0;
margin:120px 0 0 10px;
text-indent:-9999px;
}
a{
color:#6da425;
text-decoration:none;
}
#sidebar-nav a{
display:block;
padding:10px 0;
border:0px solid;
padding-right:5px;
}
#sidebar-nav a:hover{
background:#f5f5f5;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Lists
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

ul#sidebar-nav{
font-size:1.6em;
letter-spacing:-2px;
list-style:none;
text-align:right;
width:160px;
width:195px;
border:solid 0px;
margin:0px;
background:#fff;
}
#sidebar-nav li{
display:block;
margin:0 15px 0 0;
line-height:1em;
}
#sidebar-nav li.here{
background:#7aae37;
}
#sidebar-nav li.here a{
text-shadow:0px -1px 1px #336e08;
color:#fff;
}
#sidebar-nav li.here a:hover{
background:#7aae37;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#nav {		
		height: 56px;
		width:382px;
		float:right;
		padding: 0px;
		margin-top: -10px;
		margin-right: 10px;
		position: relative;
		font-size:12px;
		font-weight:normal;
		background: transparent url(images/nav.png) no-repeat 1px -1px;
		border:0px solid #000; 
	}
	
	#nav li {
	list-style: none; 
	position: absolute; 
	top: 0;
	}
	
	#nav li, #nav a {
	outline:0;
	display: block; 
	border:0px solid red; 
	margin-top: 0px; 
	height:56px; 
	color:#000;
	color:#fffff1;
	text-decoration:none;
	text-align:center;
	font-size:1em;
	text-indent:-9999px;
	}
#nav a:hover{
text-decoration:underline;
}
	li.nav-about {right: 254px; width:127px; border: 0px solid #fff; background: transparent url(images/nav.png) no-repeat 0px 0px;}
	li.nav-careers {right: 127px; width:127px; border: 0px solid #fff; background: transparent url(images/nav.png) no-repeat -127px 0px;}
	li.nav-contact {right: 0px; width:127px; border: 0px solid #fff; background: transparent url(images/nav.png) no-repeat -255px 0px;}
		
	li.nav-about a:hover {background: transparent url(images/nav.png) no-repeat 0px -58px;}
	li.nav-careers a:hover  { background: transparent url(images/nav.png) no-repeat -127px -58px;}
	li.nav-contact a:hover {background: transparent url(images/nav.png) no-repeat -255px -58px;}
	
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
For pages that you're currently on...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
body#about-page	li.nav-about a {background: transparent url(images/nav.png) no-repeat 0px -116px;}
body#careers-page	li.nav-careers a  {background: transparent url(images/nav.png) no-repeat -127px -116px;}
body#contact-page	li.nav-contact a {background: transparent url(images/nav.png) no-repeat -255px -116px;}



/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Form Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/