/*Front9 Design Style Sheet
Author: Nate Tharp of RichardTharp.com for Front9 Design
Last Updated: 20 Sep 2006
Credits: Icons by Mark James of FAMFAMFAM.com and Matt Brett of FeedIcons.com

COLORS

BROWN			#443B27
MEDIUM BROWN	#908A7E
LIGHT BROWN		#C7C5BF
WHITE BROWN		
GREEN			#97C73B
GRAY
MEDIUM GRAY
LIGHT GRAY		#CCCCCC
*/

body{
	margin:0 auto;
	padding:20px 0 10px 0;
	font-size:62.5%;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	background:url(images/background_top.gif) repeat-x top center;
	text-align:center;
	color:#999999;
	line-height:140%;}
a {text-decoration:none; color:#BABABA;}
a:hover {cursor:pointer; color:#97C73B;}
img {border:none;}

/*  FORMS  
.form{
	padding-top:10px;
	clear:both;
}
.form label{
	float:left;
	clear:left;
	width:135px;
	margin-top:3px;
	text-align:right;
	padding-right:5px;
}.form input{
	float:left;
	margin-top:3px;
	border:1px solid #97C73B;
	width:130px;
	padding-left:2px;
}.form select{
	float:left;
	margin-top:3px;
	border:1px solid #97C73B;
	width:130px;
}.form textarea{
	float:left;
	margin-top:3px;
	border:1px solid #97C73B;
	width:160px;
	height:80px;
	padding-left:2px;}*/
	
/*  NEW FORM  */
#contact_left {width:335px; float:left;}

#contact_right {width:350px; float:right; margin-top:40px;}

#contact_content {margin:45px 0 0px 0;}

label{
	display: block;
	font: normal .9em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0px 0;
	color: #666;}

.textfield{
	font: normal 1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #eee;
	width: 100%;
	color: #666;}

.textfield2{
	font: normal 1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding:2px;
	margin: 0;
	border:1px solid #ccc;
	background-color: #eee;
	width:207px;
	color:#666;}

#contact td{padding:5px;}
#contact table{width: 100%;}

.success{background:#E3EDDE url(../images/success.gif) center left no-repeat;
	padding: 8px 0px 8px 35px;
	border-top: 1px solid #99CC99;
	border-bottom: 1px solid #99CC99;
	font:bold 1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#39663A;}


.error{
	background:#c00 url(../images/error.gif) center left no-repeat;
	padding: 8px 0px 8px 25px;
	border-top: 1px solid #8C0000;
	border-bottom: 1px solid #8C0000;
	font:bold 1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#fff;}

.error a,.error a:link, a .error a:visited, a .error a:hover{
	color:#fff;
	text-decoration: underline;
	padding:0;
	background:none 0;}

#rfp {font:normal 1em 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#908A7E;}
#rfp td {padding:2px;}
#rfp .tdline {padding-top:15px; border-bottom:1px solid #ccc;}
.required {font:normal .9em 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#97C73B;}

#main {
	width:670px;
	position:relative;
	margin:0 auto;
	padding:135px 7px 0 7px;
	background:url(images/background_credits.jpg) no-repeat bottom center;
	background-image: url(graphics/background_credits.png);
}

/* Crazy image rollover nav */
#nav {
	font-size:1.4em;
	color:#999999;
	background:transparent url(images/nav/bg.gif) no-repeat 0 0;
	width:600px;
	height:45px;
	padding:0 50px 10px 20px;
	text-align:right;}

#nav a {color:#999999;}
#nav a:hover {color:#97C73B;}
#nav span {padding:0 10px;}

body#home-page #nav a.home, body#home-page #footer_nav a.home {color:#97C73B;}
body#services-page #nav a.services, body#services-page #footer_nav a.services {color:#97C73B;}
body#case_studies-page #nav a.case_studies, body#case_studies-page #footer_nav a.case_studies {color:#97C73B;}
body#contact_us-page #nav a.contact_us, body#contact_us-page #footer_nav a.contact_us {color:#97C73B;}

#services {
float:left;
position:relative;
background-image:url(images/nav/services_green.gif);
background-repeat: no-repeat;
display: block;
width:120px;
height:45px;
margin:0; 
margin-bottom:0px;
padding:0;
}
#services a {
display:block;
width:120px;
height:45px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}
#services img {width:100%; height:100%; border:0; }
* html a:hover {visibility:visible}
#services a:hover img{visibility:hidden}
/*#services span {visibility:hidden;}*/

#case_studies	{
float:left;
position:relative;
background-image:url(images/nav/case_studies_green.gif);
background-repeat: no-repeat;
display: block;
width:150px;
height:45px;
margin:0;
margin-bottom:0px;
padding:0;
}
#case_studies a {
display:block;
width:150px;
height:45px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}
#case_studies img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
#case_studies a:hover img{visibility:hidden}
/*#case_studies span {visibility:hidden;}*/

#contact_us	{
float:left;
position:relative;
background-image:url(images/nav/contact_us_green.gif);
background-repeat: no-repeat;
display: block;
width:120px;
height:45px;
margin:0; 
margin-bottom:0px;
padding:0; 
}
#contact_us a {
display:block;
width:120px;
height:45px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}
#contact_us img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
#contact_us a:hover img{visibility:hidden}
/*#contact_us span {visibility:hidden;}*/

#home	{
float:left;
position:relative;
/*background-image:url(images/nav/home_green.gif);*/
background-repeat: no-repeat;
display: block;
width:70px;
height:45px;
margin:0; 
margin-bottom:0px;
padding:0; 
}
#home a {
display:block;
width:70px;
height:45px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}
#home img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
#home a:hover img{visibility:hidden}
/*#home span {visibility:hidden;}*/


/* Sectional Background */
#main_white {
	background-color:#FFFFFF;
	width:670px;
	padding-bottom:30px;}
#random_image {
	height:260px;
	width:670px;
	text-align:center;}

#content {position:relative;
background:#FFFFFF;
width:670px;
clear:both;}

#port_col {
	width:520px;
	padding-top:20px;
	padding-left:22px;
	padding-right:22px;}
#left_col {
	float:left;
	clear:left;
	width:310px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	text-align:left;}
#right_col {
	float:left;
	width:234px;
	padding-top:20px;
	padding-left:20px;
	padding-right:30px;
	text-align:left;}
.left_col_heading {
	padding:5px 0 5px 30px;
	height:30px;
	/*background-image:url(images/left_col_heading.gif);*/
	background-repeat:no-repeat;
	border-bottom:solid 2px #97C73B;
	clear:both;}
.right_col_heading {
	padding:5px 0 5px 30px;
	height:30px;
	/*background-image:url(images/page_divider.gif);*/
	background-repeat:no-repeat;
	border-bottom:solid 2px #97C73B;
	clear:both;}
#right_col_footer {
	padding-top:0px;
	padding-bottom:1px;
	background-image:url(images/page_divider.gif);
	background-repeat:no-repeat;
	height:20px;
	width:467px;
	clear:both;}
.case_studies_preview {padding-top:8px; padding-left:4px;}
.picture_bg {
	float:left;
	background:#FFFFFF;
	text-align:center;
	padding:4px;
	margin:6px;
	border:dotted 1px #999999;}
/*#picture_bg{
	float:left;
	background-image:url(images/picture_bg.gif);
	width:76px;
	height:64px;
	text-align:center;
	padding-top:12px;
	margin-bottom:5px;
}*/
#footer{height:180px;
	width:670px;
	font-size:10px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	background:url(images/footer.gif) no-repeat;}

#footer_nav {padding:30px 0 0 110px;}
#footer_nav span {padding:15px 10px;}

#credits{clear:both; padding-left:35px; padding-top:30px;}

#services_f {float:left;
	position:relative;
	background-image:url(images/navfooter/services_green.gif);
	background-repeat: no-repeat;
	display: block;
	width:80px;
	height:40px;
	margin:0; 
	margin-bottom:0px;
	padding:0;}
#services_f a {display:block;
	width:80px;
	height:40px;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none; }
#services_f img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
#services_f a:hover img{visibility:hidden}
#services_f span {position:absolute; left:5px; top:30px;}

#case_studies_f	{
	float:left;
	position:relative;
	background-image:url(images/navfooter/case_studies_green.gif);
	background-repeat: no-repeat;
	display: block;
	width:75px;
	height:40px;
	margin:0;
	margin-bottom:0px;
	padding:0;}
#case_studies_f a {
	display:block;
	width:75px;
	height:40px;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none; }
#case_studies_f img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
#case_studies_f a:hover img{visibility:hidden}
#case_studies_f span {position:absolute; left:10px; top:30px;}

#contact_us_f {float:left;
	position:relative;
	background-image:url(images/navfooter/contact_us_green.gif);
	background-repeat: no-repeat;
	display: block;
	width:85px;
	height:40px;
	margin:0; 
	margin-bottom:0px;
	padding:0; }
#contact_us_f a {
	display:block;
	width:85px;
	height:40px;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none; }
#contact_us_f img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
#contact_us_f a:hover img{visibility:hidden}
#contact_us_f span {position:absolute; left:5px; top:30px;}

#home_f	{
	float:left;
	position:relative;
	/*background-image:url(images/navfooter/home_green.gif);*/
	background-repeat: no-repeat;
	display: block;
	width:55px;
	height:40px;
	margin:0; 
	padding:0; }
#home_f a {
	display:block;
	width:55px;
	height:40px;
	float:left;
	margin:0;
	padding:0;
	text-decoration: none; }
#home_f img {width:100%; height:100%; border:0;}
* html a:hover {visibility:visible}
#home_f a:hover img {visibility:hidden}
#home_f span {position:absolute; left:5px; top:30px;}

/*  TYPOGRAPHY  */
#main {text-align:left; font-size:1em; line-height:160%;}
#main_white {font-size:1.15em; line-height:160%;}
#footer {font-size:1.1em;}
#footer_nav a, #credits a{text-decoration:none; color:#999999;}
#footer_nav a:hover, #credits a:hover{text-decoration:none; color:#99ca3c;}
#credits {font-size:1em; line-height:120%; color:#BABABA;}
p a {border-bottom:dotted 1px;}

p {font-size:1.1em; line-height:140%; }
h2 {font-size:1.5em; line-height:120%; font-weight:bold; color:#908A7E;}
h3 {}
h4 {}
h5 {font-size:1em; line-height:120%; text-transform:uppercase; padding:0; margin:0;}
h6 {font-size:1em; line-height:120%; font-weight:bold; padding:0; margin:0;}