/*=======================================================================================*/
/* Company: Next Horizon                                                                 */
/* Year: 2007                                                                            */
/* XHTML, CSS, Flash, and Programming: B. L.	                                     */
/*=======================================================================================*/

/*=======================================================================================
	CSS Style order
	
	Global Settings
	Container DIVS
	Links/Text Styles
	Buttons
	Main Navigation
	Top Navigation
	Flash
	Products Styles
	Middle Content
	Marine Products	- h2 (header)
	Design Assistance	- h2 (header)
	Commercial/Industrial Products - h2 (header)
	Marine Products Box
	Design Assistance Box
	Commercial/Industrial Products Box
	Footer
	Bottom Navigation
	Copyright
	
========================================================================================*/


* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*======================================================*/
/*	Global Settings																			*/
/*======================================================*/

html {
width: 1000px;

}

html, body{
	border: 0;
	background-color:#00074f;
}

body {
	font-size: 12px;
	background: transparent url("../images/bg.jpg") repeat-x top;
	width: 1500px;
	overflow-x:hidden;
}



/*======================================================*/
/*	Container DIVS																					*/
/*======================================================*/

#wrapper{
	width: 990px;
	margin: 0 0 0 75px;
}

.clear{
	clear: both;
} 

#content {
	width: 833px;
	margin-left: 95px;
	padding: 0px 10px 10px 10px;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content-products {
	width: 833px;
	margin-left: 95px;
	padding: 0px 10px 0px 10px;
	background: #fff;
}

#content-products a {
	text-decoration: none;
}

/*======================================================*/
/*	Links/Text Styles																		*/
/*======================================================*/

#content a{
	color: #000;
}

#content a:hover{
	color: #201854;
}


h3{
	color: 000;
	font-weight: bold;
	text-align:center;
	padding-bottom: 5px;
	font-size: 14px;
}

h5 {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin:15px 0 10px 0;
	padding:0;
}

p{
	color: #201854;
	font-size: 14px;
	line-height: 18px;
	padding: 0px 5px 10px 5px;
	margin:0px 5px 0px 5px;
}

#list ul {
	padding: 0;
	color: #201854;
	width: auto;
}

#list li {
	margin: 1px 0px 0px 0px;
	padding: 0;
	color: #201854;
	display: block;
	list-style-type: none;
}

#materialsused p {
	line-height: 1.5em;
}
.hiddenlinks a{
	color: #201854;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.hiddenlinks2 a{
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px
}
.hiddenlinks3 a{
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px
}



#pdflist ul {
	margin:0;
	list-style-type:none;
	display:block;
}

#pdflist li {
	margin:0px 0 0 0;
	padding-left:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000;
	text-indent:5px;
}

#pdflist li a {
	color:#009999;
	font-weight:bold;
	text-decoration:underline;
}

#pdflist li a:hover {
	text-decoration:none;
	color:#000;
}
/*====================================================*/
/*	Buttons																						*/
/*====================================================*/

#btnApplication {
	position: absolute;
	margin: 0 0 0 600px;
	height: 112px;
	overflow:hidden;
}

#btnApplication a {
	float: right;
	margin: 0px 100px 0px 0px;
	padding: 2px;
	width: 190px;
	height: 56px;
	overflow: hidden;
	color: #201854;
	display: block;
	background: url(../images/Employee_Application_Button.png) no-repeat top left;
	text-indent: -5000px;
}

#btnApplication a:hover {
	background-position: bottom left;
}

/*====================================================*/
/*	Main Navigation																		*/
/*====================================================*/
/*
.whitenav {
	color: #fff;
	padding-left: 20px;
}

#nav {
	float: left;
	display: inline;
	margin: 4px 0 0 0;
	color: #ffffff;
	z-index: 300;
}

#nav ul li {
	padding-right: -10px;
}

#nav li {
	display: inline;
	list-style-type: none;
	color: #ffffff;
	padding-right: 10px;
	padding-left: 8px;
}

#nav a {
	color: #ffffff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#nav a:active {
	color: #201854;
}

#nav a:hover {
	color: #201854;
}

*/
/*=================== Nav Drop Down ======================*/

#submenu {
	display:none;
}


/*====================================================*/
/*	Top Navigation																		*/
/*====================================================*/

#logo{
	width: 114px;
	height: 91px;
	margin-top: 7px;
	padding-top: 7px;
	float: left;
	display: inline;
	background: url('../images/logo.png') no-repeat;
	text-indent: -5000px;
}


#logolink{
	display:none;
}

#logo2{
	width: 270px;
	height: 34px;
	float: left;
	display: inline;
	padding-top: 32px;
	margin: 4px 0 0 -15px;
}

#topnav{
	width: 200px;
	height: 18px;
	margin: 0px 0 0 800px;
	padding-top:6px;
	background: transparent url("../images/topnav.jpg") no-repeat top;
	z-index:2;
	position:absolute;

}

#topnavtext li{
	display: inline;
	margin: 0 5px;
	position:relative;
	z-index:2;
}

#topnavtext li a{
	font-size: 11px;
	text-decoration: none;
}

#topnavtext li a:hover {
	color: #fff;
}

/*======================================================*/
/*	Flash																								*/
/*======================================================*/

#flash{
	display: block;
	margin: 0 auto 0 auto;
	width: 825px;
	background: transparent url('../swfs/flashheader.swf') no-repeat top;	
	z-index: 0;
}



/*======================================================*/
/*	Products																						*/
/*======================================================*/


#leftmenu li a {
	color:#0066CC;
	font-weight: bold;
	text-decoration: none;
}

#productwrap li a:hover {
	color: #00CCFF;
}

#productwrap {
	width:auto;
	height: auto;
	margin:0;
	padding:0px 0 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: #fff;
}

#purplebox {
	width: 100%;
	padding: 30px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #01033f;
	background: #eee4e3;
	font-weight: bold;
}

#purplebox a {
	color:#01033f;
}

#purplebox a:hover {
	color: #03bdf3;
}

#leftmenu {
	width: 240px;
	float: left;
	margin:0;
	padding:0;
}

#leftmenu a.current {
	color: #03bdf3;
}

#leftmenu ul {
	display: block;
	list-style-type: none;
	color: #000;
	margin: 10px 0 0 0;
}

#leftmenu li {
	display:block;
	margin:5px 0 0 0;
	padding:3px 0 0 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

#leftment a {
	color:#0050a4;
	font-weight: bold;
	text-decoration: none;
}

#leftmenu a:active {
	color: #03bdf3;
}

#leftmenu a:hover {
	color: #03bdf3;
}

/*======================================================*/
/*	PRODUCT INFO																				*/
/*======================================================*/

#productinfo {
	width: 533px;
	margin: -5px 0 0 0px;
	padding: 10px;
	float: left;
	background: #fff;
}

#productinfo p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	margin: 5px 0 0 0;
	padding: 0;
	text-indent: 20px;
	line-height: 1.4em;
}

#productinfo h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0050a4;
	font-weight: normal;
	margin: 5px 0 5px 0;
	padding:0;
	text-align: center;
}

#productinfo h1 a {
	color: #0050a4;
	text-decoration: underline;
}

#productinfo h1 a:hover {
	color: #03dbdf3;
	text-decoration: none;
}

.products h1 {
	font-size:18px;
}

#productinfo h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin: 15px 0 15px 15px;
	padding: 0;
	text-align: left;
}

#productinfo h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #009999;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding:0;
}

#productinfo h3 a {
	color: #009999;
	text-decoration: none;
}

#productinfo h3 a:hover {
	color: #03dbdf3;
}

#productinfo h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #009999;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding:0;
}

#productinfo h4 a {
	color: #009999;
	text-decoration: none;
}

#productinfo h4 a:hover {
	color: #03dbdf3;
}

#productinfo #content {
	width: 500px;
	height: auto;
	margin: 0 0 10px 30px;
	background: #fff;
}

#productinfo #content ul {
	display: block;
	list-style-type: none;
	margin: 20px 0 0 20px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#productinfo #content li {
	display: block;
	list-style-type: none;
	margin:2px 0 0 0;
	padding:0 0 0 24px;
}

#productinfo.treebullet li {
	background: url('../images/bullet_tree.gif') no-repeat left;
}



/*======================================================*/
/*	Middle Content																			*/
/*======================================================*/

#middle{
	display: block;
	margin: 0 auto;
	width: 833px;
	height: 19px;
	background: transparent url('../images/middle.jpg') no-repeat;
}

#middlebox {
	margin: 0 auto;
	width: 833px;
	background: transparent url('../images/middlebox.gif') repeat-y;
}

#middlebox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:  #01033f;
}

#middlebox img {
	border:1px solid #000; 
	margin:0 10px 5px 10px; 
}

#middlebox ul {
	width: 75%;
	margin: 0px 0 5px 0px;
	padding:0 120px 0 110px;
	list-style-type: disc;
}

#middlebox li {
	color: #201854;
	font-size: 14px;
}
	

#middlebox p{
	padding: 10px 10px;
	color: #201854;
	font-size: 14px;
	line-height: 18px;
}

/*======================================================*/
/*	Marine Products	- h2 (header)												*/
/*======================================================*/

h2#marine{
	float: left;
	display: inline;
	width: 273px;
	height: 30px;
	background: transparent url('../images/marine.png') no-repeat;
	margin: 10px 0 0 75px;
	padding-right: 10px;
	text-indent: -5000px;
}

#marineproducts{
	margin: 0px 0 0px 13px;
}



/*======================================================*/
/*	Design Assistance	- h2 (header)											*/
/*======================================================*/

#designassistance{
	margin: 0px 0 0px 14px;
}

h2#design{
	float: left;
	display: inline;
	width: 273px;
	height: 30px;
	background: transparent url('../images/design.png') no-repeat;
	margin: 10px 0 0 0px;
	padding-right: 10px;
	text-indent: -5000px;
}

/*======================================================*/
/*	Commercial/Industrial Products - h2 (header)				*/
/*======================================================*/

#commercialindusteialproducts{
	margin: 0px 0 0px 14px;
}

h2#commercial{
	float: left;
	display: inline;
	width: 273px;
	height: 30px;
	background: transparent url('../images/commercial.png') no-repeat;
	margin: 10px 0 0 0px;
	text-indent: -5000px;
}

/*======================================================*/
/*	Marine Products Box																	*/
/*======================================================*/

#middlebtmbox{
	float: left;
	display: inline;
	width: 273px;
	background: transparent url('../images/middlebtmbox.png') repeat-y;
	margin: 40px 0 0 -283px;
}

/*======================================================*/
/*	Design Assistance Box																*/
/*======================================================*/

#middlebtmbox2{
	float: left;
	display: inline;
	width: 273px;
	background: transparent url('../images/middlebtmbox.png') repeat-y;
	margin: 40px 0 0 -284px;
}

/*======================================================*/
/*	Commercial/Industrial Products Box									*/
/*======================================================*/

#middlebtmbox3{
	float: left;
	display: inline;
	width: 273px;
	background: transparent url('../images/middlebtmbox.png') repeat-y;
	margin: 40px 0 0 -273px;
}




/*======================================================*/
/*	Footer																							*/
/*======================================================*/

#footer{
	width: 100%;
	margin: 20px 0 20px 0px;
	position: absolute;
	color: #fff;
	height: 50px;
	background: #00074f;
	z-index:1;
}

/*======================================================*/
/*	Bottom Navigation																		*/
/*======================================================*/

#bottomnav{
	margin: 0 0 10px 200px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #ccc;
}

#bottomnav li{
	display: inline;
	margin-right: 7px;
}

#bottomnav li a{
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
	padding-right: 15px;
}

#bottomnav li a:hover{
	color: #fff;
}

/*======================================================*/
/*	Copyright																						*/
/*======================================================*/

#copyright{
	font-size: 11px;
	margin-top: 5px;
	display: inline;
	color: #fff;
	margin: 0 0 0 173px;
}


#copyright a{
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
}

#copyright a:hover{
	color: #fff;
}


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

#contactform{
display: inline;
float: left;
width: 395px;
margin:0 0 0 20px;
}
#contactform fieldset{
	padding: 4px 8px;
	border: none;
}
#contactform legend{
	margin: 1px 5px;
	padding: 0 1px;
	font-weight: bold;
	color: #0d4274;
}
#contactform label{
display: inline;
	float: left;
	width: 105px;
	margin: 0 5px 5px 0;
	padding: 1px;
	color: #0d4274;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-align: left;
}
#contactform .text{
display: inline;
	float: left;
	width: 250px;
	margin: 0 0 5px 0;
	padding: 1px;
	color: #0d4274;
	font-size: 12px;
	line-height: 18px;
	border: 0 none;
	border: 1px solid #ccc;

}
#contactform textarea{
display: inline;
	float: left;
	width: 300px;
	padding: 1px;
	color: #333;
	font-size: 12px;
	line-height: 18px;
	border: 0 none;
	border: 1px solid #ccc;
}

.red {
	color: #ff0000;
}