/* @override http://www.watershedsciences.com/styles/watershed_main.css */

/**************** Basics ****************/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
    line-height:1.4em; /* 16x1.4=22.4 */
	font-weight: normal;
	color: #333333;
	background: #3a3f2e;
}

img, .left {
	float: left;
	padding: 0px;
	margin: 4px 10px 4px 0px;
	border: 1px solid #333333;
}
.right, img.right {
	float: right;
	padding: 0px;
	margin: 4px 0px 4px 10px;
	border: 1px solid #333333;
}
img a:link, img a:visited {
	border: 1px solid #333333;
	text-decoration: none;
}
.none img, img.none {
	padding: 0px;
	margin: 0px;
	border: 0px none;
}
#slideshow0.none {
	border: 1px solid #333;
	padding: 0px;
	margin: 10px 0px 0px 50px;
	height: 280px;
	width: 389px;
}
/**************** Layout ****************/

#header_container{
	background:#eceee4 url(../images/header_bg.png) repeat-x;
	width: 100%;
}
#header {
	width:761px;
	height:138px;
	background:url(../images/header.png) no-repeat;
	margin: 0px auto;
}

#nav_bar {
	margin: 0px auto;
	width:761px;
	height:42px;
	background:url(../images/nav_bar.png) no-repeat;
	position: relative;
}
#big_container{
	background:#eceee4 url(../images/container_bg.png) repeat-x;
	width: 100%;
	float: left;
}
#container {
	width:761px;
	text-align:left;
	margin: 0px auto;
}
#main {
	background:url(../images/main_bg.png) repeat-y;
	float: left;
}

#content {
	clear: both;
	width:497px;
	float:left;
	margin: 0px;
	padding: 35px 30px 45px 5px;
}

#right_bar {
	width:220px;
	float:left;
	background:#e1e4d7;
	margin: 0px;
	padding: 0px;
}
#footer_container{
	clear: both;
	background:#3a3f2e url(../images/footer_bg.png) repeat-x;
	width: 100%;
}

#footer {
	width:737px;
	height:65px;
	clear:both;
	background:url(../images/footer_bg.png) repeat-x;
	padding: 1px 12px;
	margin: 0px auto;
}
/*************** Secondary Objects **************/

.top-images {
	padding: 18px 0px 0px 0px;
	height: 119px;
	margin: 0px;
	float: left;
}
#login {
	width:229px;
	height:26px;
	background: #ffffff url(../images/login.png) no-repeat;
	border-bottom: 1px solid #9a9a9a;
}
#subnav {
	width: 229px;
	height: 293px;
	margin: 0px 0px 218px 0px;
	padding: 0px;
}

#locations {
	position: relative;
	width:193px;
	height:168px;
	padding: 30px 18px;
	top:-260px;
	left: 11px;
	float: right;
}

div.caption {
	float: left;
	margin: 3px 0px;
}

div.caption p.description {
	font-size: .7em;
	font-weight: bold;
	color: #444;
}


/**************** Headers & Text ****************/

p {
    font-size:0.75em; /* 16x0.75=12px */
	text-align:left;
	margin: 0px 0px 1.286em 0px; /* 14x1.286=18px */
	line-height: 1.5em;
}
li {
    font-size:0.75em; /* 16x0.75=12px */
	margin-left: 1.286em; /* 14x1.286=18px */
}
a:link, a:visited {
	color: #0371a2;
	text-decoration: none;
	border: 0px none;
}

a:hover {
	text-decoration: none;
	color: #b49700;
	border: 0px none;
}

h1 {
}

h2 {
	color: #79840a;
	font-weight: normal;
	font-size: 1.12em; /*16x1.12=18px*/
	margin: 0px 0px 17px 0px
}

h3 {
text-align:left;
}

h4 {
}


/**************** Overrides ****************/

#header h1 {
	background: url(../images/watershed_top_logo.png) no-repeat;	
	width: 344px;
	height: 137px;
	text-indent: -9000px;
	display: block;
	float: left;
}
.top-images img {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
#login a {
	text-indent:-9000px;
	display: block;
	width: 83px;
	height: 26px;
}
#subnav ul.home, #subnav ul.contact, #subnav ul.login, #subnav ul.careers, #subnav ul.profile, #subnav ul.experience {
	width: 229px;
	height: 293px;
	margin: 0px;
	padding: 0px;
	background:url(../images/right_bar_bg.png) no-repeat 0 -26px;
	text-indent:-9000px;
	list-style-type: none;
}

#subnav ul.services, #subnav ul.staff {
	width: 199px;
	height: 293px;
	margin: 25px 0px 0px 30px;
	padding: 0px;
}
#subnav li {
	list-style-image: url(../images/arrow.png);
	margin: 0px 0px 7px 0px;
	padding: 0px;
	font-size: 0.68em; /*11px*/
	line-height: 1.4
}
#subnav li.active {
	list-style-image: url(../images/arrow_on.png);
}
#subnav a {
	color: #0371a2;
}
#subnav li.active a, #subnav a:hover {
	color: #b49700;
}

#subnav ul.home li, #subnav ul.contact li, #subnav ul.login li {
	list-style-image: none;
}
#locations h3 {
	font-size:0.81em; /* 16x0.81=13px */
	font-weight:normal;
	margin: 0px 0px 7px 0px;
	padding: 0px;
}
#locations p {
	font-size: 0.62em; /* 16x0.62=10px */
}
#content ul.fancy {
	margin: 0px 0px 0px 50px;
	font-style: italic;
	color: #009bff;
}
#content ul.fancy span.black {
	color: #333333;
}

#footer ul{
	position: relative;
	right: -229px;
	margin: 14px 0px 3px 0px;
	padding:  0px;
	text-align:right;
}
#footer li{
	color: #d0dba4;
	list-style-type:none;
	display:inline;
	background:url(../images/v_divider.png) no-repeat 2px right;
	margin: 0px;
	padding: 0px 10px;
}
#footer li.last-child {
	background: none;
}
#footer li a:link, #footer li a:visited {
	color: #d0dba4;
	text-decoration: none;
	border:  0px; none;
}
#footer li a:hover {
	color: #a0cffe;
}
#footer h6 {
	position: relative;
	top: 0px;
	right: -229px;
	color: #eaeaea;
	font-weight:normal;
	font-size: 0.62em;
	text-align:right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/********** Nav Bar **********/

#nav_bar li {
	margin: 0px; 
	padding: 0px; 
	list-style: none; 
	position: absolute;
	text-indent: -9000px;
}

#nav_bar a {display: block;}

#home, #home a {left: 37px; top: 0px; width: 47px; height: 42px;}
#services, #services a {left: 107px; top: 0px; width: 60px; height: 42px;}
#experience, #experience a {left: 193px; top: 0px; width: 72px; height: 42px;}
#careers, #careers a {left: 292px; top: 0px; width: 51px; height: 42px;}
#profile, #profile a {left: 362px; top: 0px; width: 106px; height: 42px;}
#contact, #contact a {left: 494px; top: 0px; width: 72px; height: 42px;}

#home a:hover, #home a.active {background: url(../images/nav_bar.png) -37px -42px no-repeat;}
#services a:hover, #services a.active {background: url(../images/nav_bar.png) -107px -42px no-repeat;}
#experience a:hover, #experience a.active {background: url(../images/nav_bar.png) -193px -42px no-repeat;}
#careers a:hover, #careers a.active {background: url(../images/nav_bar.png) -292px -42px no-repeat;}
#profile a:hover, #profile a.active {background: url(../images/nav_bar.png) -362px -42px no-repeat;}
#contact a:hover, #contact a.active {background: url(../images/nav_bar.png) -494px -42px no-repeat;}

/********** Contact Form **********/

.zemContactForm br, #txpCommentInputForm br {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}
#content ul.contact li {
	margin: 0px;
}
input.zemText, textarea.zemTextarea, input.comment_name_input, textarea.txpCommentInputMessage, input.comment_email_input, input.comment_web_input {
border:1px solid #999999;
color:#666666;
font-size:12px;
line-height:16px;
padding:5px 0px 0px 5px;
}
input.zemText, input.comment_name_input {
height:1.66em; /* 12x1.66=20px */
}
.zemContactForm label, #txpCommentInputForm label {
width:120px;
}
ul.contact label {
float:left;
list-style-type:none;
padding:5px 5px 0px 5px;
text-align:right;
width:120px;
}
.zemContactForm input, #txpCommentInputForm input {
width:200px;
}
ul.contact input, ul.contact select, ul.contact textarea {
list-style-type:none;
margin:0px 0px 0px 4px;
width:200px;
}
form.zemContactForm li, form#txpCommentInputForm li {
border-bottom:0px none;
list-style-type:none;
margin:0pt;
padding:5px 0pt;
}
.odd {
background-color:#ffffff;
}
form.zemContactForm li.bottom, form#txpCommentInputForm li.bottom {
border-bottom:0px none;
}
ul.contact input.zemSubmit {
background:#8d9c67 url(/images/54.gif) no-repeat;
border:0px none;
color:#FFFFFF;
font-size:12px;
text-indent: -999em;
overflow: hidden;
height:23px;
margin:0pt;
padding:0px;
width:69px;
float:right;
}

div.login .button input {
background:#8d9c67 url(/images/51.gif) no-repeat;
border:0px none;
color:#FFFFFF;
font-size:12px;
text-indent: -999em;
overflow: hidden;
height:23px;
margin:0px 350px 0px 0px;
padding:0px;
width:69px;
float:right;
}

ul.zemError {
background-color:#6789a4;
}

/**************** Misc ****************/

#content form p span.error {
	color: #aab887;
	font-weight: bold;
	font-size: 1.3em;
}

table.phonelist {
	font-size: .75em;
	color: #333;
}
table.phonelist th {
	border-bottom:1px solid #ccc;
}
table.phonelist td, table.phonelist th {
	padding: 5px;
}