/* css information
--------------------------------------------------------
	Cohen | Kinne | Valicenti | Cook	screen stylesheet
	author:         					www.studiotwo.com
	updated:        					December 2008

	

-------------------------------------------------------- */
/*
***************************************

	TYPOGRAPHY AND COLOR RULES

***************************************
*/
body {
	background: #142834 url(../images/bg-page.jpg) repeat-x left top;
	color: #0f0f0f;
	font-size: 76%;
	font-family: tahoma, geneva, arial, sans-serif; 
	font: 13px/1.5em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	min-width: 800px;
}

img  {
	border-width: 0
}

a, a:link,  a:visited  {
	color: #a93d38;
	font-weight: bold;
	text-decoration: underline;
	background: transparent;
}	
a:hover   {
	
	
	text-decoration: none;
}


/*ul {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	ol {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	
li {
	padding-left: 10px;
	line-height: 1.1em;
	margin: .3em;
	list-style-type: disc;

	}*/
	
	
td {
	vertical-align: top; 
	text-align: left;
	}

hr {color:#e8e8e8;}


h1   {
	color: #8a9c44;
	text-align: left;
	font: 16px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	
	text-transform: uppercase;
}


h2   {
	color: white;
	background-color: #8a9c44;
	padding: 1px 10px 1px 10px;
	text-transform: uppercase;
	text-align: left;
	font: 15px arial, sans-serif;
/*	font-weight: bold;*/
	letter-spacing: 1px;
	line-height: 1.3em;
	font-weight: bold;

}

h3    {
	color: #8a9c44;
	text-align: left;
	font: 14px arial, sans-serif;
	font-weight: bold;
	text-transform:capitalize;
	

}


	
/*
***************************************

	MAIN PAGE STRUCTURE
	
***************************************
*/





#page-curve {
	margin: 0 auto 0 auto; 
	width: 960px;
	background: transparent url(../images/curve-top.gif) top left no-repeat;  
	padding-top: 9px;
	
}
.layoutFixed {
	margin: 0 auto;
	width:1014px;}


#bodywrap {
	width: 960px; 
	margin: 0px auto 0 auto; 
	background-color: transparent;
	text-align: center;
	padding: 0px 0 0 0;
	background: #122632;
}

#contentwrap {
	background: #122632;
	width: 960px;
	margin: 0 auto;
position: relative;
clear: both;	
}
	
	
#bottomcurve {
	background-color: transparent;
	

}

#topcurve {
	background-color: transparent;

}



/*

***************************************

	MAIN NAVIGATION RULES

***************************************

*/

#navigation {
	width: 960px;
	height: 39px;
	padding: 0px 0 0 0;
	margin: 0 auto;
	background: transparent url(../images/bg-nav.jpg) top left no-repeat;
}

#navigation ul	{
	width: 960px;
	height: 39px;
	margin: 0;
	padding: 0;
	position: relative;
	background: transparent url(../images/navigation.gif) top left no-repeat;
	border: 0;
	}
	
	

#navigation ul li	{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#navigation ul li, #navigation a	{
	height: 39px;
	display: block;
	border:0;
	padding: 0;
	margin: 0;
	}
	
#navigation ul li a {
	text-decoration: none;
	text-indent: -9999px;
	color: #ffffff;
	}	



#n1 {
	position: absolute;
	left: 25px;
	width: 50px;
}
#n2 {
	position: absolute;
	left: 110px;
	width: 80px;
}
#n3 {
	position: absolute;
	left: 225px;
	width: 155px;
}
#n4 {
	position: absolute;
	left: 410px;
	width: 85px;
}
#n5 {
	position: absolute;
	left: 532px;
	width: 75px;
}

#n6 {
	position: absolute;
	left: 642px;
	width: 95px;
}
/*#n7 {
	position: absolute;
	left: 772px;
	width: 95px;
}*/
#n1 a:hover {background: transparent url(../images/navigation.gif) -25px -39px no-repeat;}
#n2 a:hover {background: transparent url(../images/navigation.gif) -110px -39px no-repeat;}
#n3 a:hover {background: transparent url(../images/navigation.gif) -225px -39px no-repeat;}
#n4 a:hover {background: transparent url(../images/navigation.gif) -410px -39px no-repeat;}
#n5 a:hover {background: transparent url(../images/navigation.gif) -532px -39px no-repeat;}
/*#n6 a:hover {background: transparent url(../images/navigation.gif) -642px -39px no-repeat;}*/

#n6 a:hover {background: transparent url(../images/navigation.gif) -642px -39px no-repeat;}





/*

***************************************

	PAGE LAYOUT

***************************************

*/




#header {
	background-color: transparent;
	width: 960px;
	height: 39px;
	margin: 0 auto;
	/*position: relative;*/
	
	}

#logo {
	/*position: absolute;*/
	width: 960px;
	height: 39px;
	left: 20px;
	/*top: 28px;*/

}



	
#h-photoarea {
	
	width: 941px;
	height: 293px;
	margin: 0px auto;
	
	}
	
	#photoarea {
	
	width: 941px;
	height: 149px;
	margin: 0px auto;
	
	}



#welcome {margin: 30px auto;  width: 900px; color: #c0beb2; font-size: 14px;}
#featurewrap {clear: both; margin: 0px auto 0px auto; 	text-align: left; background-color: #223a49; border-top: 1px solid #38515f;/*position: relative;*/margin: 0 auto;
position: relative;
clear: both;	}
#spacefeature {margin: 0 auto; clear: both;}
#features {width: 900px; padding: 0px 0 0px 0; margin: 0 auto; position: relative}
#features a:link {color: #93a445; font-weight: bold; text-decoration: none;}
#features a:visited {color: #93a445; font-weight: bold; text-decoration: none;}
#features a:hover {text-decoration: underline;}
#locationwrap {margin: 0px auto; width: 960px; background-color: #1a303f; position: relative; clear: both; border-top: 1px solid #38515f;}
#spacelocation {margin: 0 auto; clear: both;}
#locations {color: #c0beb2; font-size: 13px;margin: 0px auto; width: 900px; background-color: #1a303f;  position: relative; clear: both;}
#location1 {
	padding-left: 10px;
	padding-right: 10px;
	width: 360px;
	text-align: left;
	color: #c0beb2;
	padding-top: 15px;
	padding-bottom: 15px;
}
#location2 {
	padding-left: 10px;
	padding-right: 10px;
	width: 490px;
	text-align: left;
	color: #c0beb2;padding-top: 15px;
	padding-bottom: 15px;
}
.feature {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 280px;
	text-align: left;
	color: #c0beb2;
}
.feature img {float: left; padding-right: 8px;}

.title-uppercase {color: #93a445; text-transform: uppercase; font-weight: bold; font-size: 1.2em;}
.text-green {color: #93a445;}
.text-red {color: #ee2e24;}

.title-redbold {color: #ee2e24; font-weight: bold; text-transform: uppercase;}
.text-cream {color: #c0beb2;}

.float {
	float: left;
	padding-left: 20px;
	padding-right: 10px;
	text-align: left;
	
}
/*#intro {width: 460px; line-height: 1.4em;padding-bottom: 20px;}*/
#intro {width: 560px; line-height: 1.4em;padding-bottom: 20px;}
#intro a:link {color: #93a445; text-decoration: none; font-weight: normal;}
#intro a:visited {color: #93a445; text-decoration: none; font-weight: normal;}
#intro a:hover {text-decoration: underline;}


#services {width: 260px; font-size: 13px;line-height: 1.6em;padding-bottom: 20px;}
/*#services1 {width: 180px; font-size: 13px;line-height: 1.6em;padding-bottom: 20px;}
#services2 {width: 170px;  font-size: 13px;line-height: 1.6em;padding-bottom: 20px;}*/

table#titlebar {
	width: 950px;
	text-align: left;
	border-top: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
}

#content {
	width: 964px; 
	margin: 0px auto 0 auto; 
	background-color: transparent;
	text-align: center;
	padding: 15px 0 0 0;
}


div#left {
	height: auto;
	float: left;
	padding: 10px;
	margin: 0px 0 0 20px;
	width: 280px;
	color:#b4b4a9; 
}

div#leftcontent {
	width: 260px;
	padding-top: 10px;
	margin: 0 auto;
	text-align: left;
}

.title-category {
	text-transform: uppercase; 
	font-weight: bold; 
	text-align: left;}

div#right {
	min-height: 400px;
	width: 615px;
	height: auto;
	float: left;
	padding: 10px 0px 20px 0px;
	margin: 0px 0 0 0px;
	color:#b4b4a9; 
}

div#rightcontent {
	width: 600px;
  	padding-top: 15px;
 	text-align: left;
}

div#text-wrap {
	width: 620px;

 }
 
div#text-left {
	float: left;
	width: 420px;

}

div#text-left2 {
	float: left;
	width: 400px;

}

div#text-right {
	float: right;
	width: 185px;
	margin-left: 10px;
	margin-top: 15px;
} 




div#staff { padding: 10px; }

.padding {padding: 15px;}
.staff-name {font-size: 18px; font-weight: bold; color: #93a445;}
.staff-title {font-weight: bold;}
#staff-right {font-size: 11px;}
#staff-right h3 {font-size: 12px;}

/*
***************************************

	LAYOUT - left navigation

***************************************
*/



	


	
#subNav { 
		display: block;
	width: 230px;
	color:#b4b4a9;  
	font-size: 14px; 
	text-decoration:none; 
	text-align: right;  
		font-weight: normal; 
	padding-right: 15px; }

#subNav ul {
 	margin: 0;
	padding: 0;
	list-style: none;
}
#subNav li { 
	margin: 0 0 0px 0; 
	
	padding: 0px 0px;
 }

#subNav a {
	display: block;
	width: 230px;
	color:#b4b4a9;  
	font-size: 14px; 
	text-decoration:none; 
	text-align: right;  
		font-weight: normal; 
	padding-right: 15px;
	border-bottom: 1px solid #2d4452;
	
}

#subNav a:hover {
	color: #ee2e24;
	text-decoration: none;
}
#subNav ul ul { margin: 0 0 20px 0px; }
#subNav ul ul li { margin: 0 0 0px 0px; }

#subNav ul ul a
{
	display: block;
	padding: 0px 0px 0px 0px;
	width: 230px;
	text-decoration: none;
	color:#b4b4a9;  
	font-size:10px; 
	text-decoration:none; 
	text-align: right;  
	padding-right: 15px; 
	list-style: none;

}

#subNav ul ul a:hover
{
	color: #8a9c44;
	background-color: transparent;
	text-decoration: none;
}

	
	

	
	
/*
***************************************

	FOOTER
	
***************************************
*/
	
#footer {
	width: 960px;
	margin: 15px auto 0px auto;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	clear: both;
	background: transparent;
	color: #95a1aa;
text-align: center;
}


#copyright {
	width: 900px;
	color: #95a1aa;
	background-color: transparent;
	margin: 5px auto 0 auto;
	font-size: 9px;
	clear: both;
	}


#copyright a:link {
	color: #b7d2de;
}

#copyright a:visited {
	color: #b7d2de;
}

#copyright a:hover {
	color: #ffffff;
}

#contact {
	float: right;
}


/*
***************************************

	CLASSES
	
***************************************
*/
.bold {font-weight: bold;}
.right {text-align: right;}
.italic {font-style: italic;}
.alignright {text-align: right;}
.uppercase {text-transform: uppercase;}
.redright {text-align: right; color: #ee2e24; font-size: 19px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; padding-right: 15px;}
.smtxt {font-size: 10px;}
