/* ================================================================================================ */
/* == CSS:   	default.css - Standard-Stylesheet (Screen)										 == */
/* ==																							 == */
/* == Author:  	Bj�rn Lorenz, E-Formation GmbH - http://www.eformation.de/						 == */
/* ================================================================================================ */
*{
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	text-decoration: none; 
	border: 0;
}
body{
	background: #000 url(../nps/bg_body.gif) repeat-y center top;
	color: #303030;
	font-family: arial, verdana, sans-serif;
	font-size: 	.75em;	
}
#sheet{
	width: 760px;
	margin: 0 auto;
	overflow: hidden;
}
/* ================================================================================================ */
#head, #foot, #body, .navigation, #body .article{
	float: left; 
	clear: both;
	width: 100%;
}
/* ================================================================================================ */
.navigation ul{
	float: left; 
	clear: both; 
	padding: .58em 18px .58em 30px; 
}
.navigation li{
	float: left; 
	margin: 0 12px 0 0; 
}
.navigation a:hover, .navigation a:focus, .navigation a:active, .navigation .active a{
	font-weight: bolder;	
}
/* ================================================================================================ */
#head{
	background: url(../nps/bg_head.jpg) no-repeat center bottom; 
}
#head .navigation{
	background: #383838;
}
#head .navigation ul{
	float: right; 
}
#head .navigation a{
	color: #FFF; 
}
#head img{	
	float: right;
	margin: 38px 190px 38px 0; 
}
/* ================================================================================================ */
#body{
	background: #FFF;
	padding-bottom: 2.75em;
}
/* ================================================================================================ */
#body .navigation{
	background: #383838;
	margin-bottom: 1.75em;
}
#body .navigation ul{
	width: 100%;
}
#body .navigation a{
	color: #E5E5E5; 
}
#body .navigation #main{
	padding: 1px 0;
	background: #383838;
}
#body .navigation #main li{
	margin: 0;
}
#body .navigation #main a{
	display: block; 
	width: 152px;
	height: 63px; 
	padding-top: 12px;
	text-align: center;
	cursor: pointer;
}
#body .navigation #main a span{
	display: block;
	width: 52px;
	height: 40px;
	margin: 0 0 0 50px;
	padding: 0; 
	background: no-repeat left top;
}
#body .navigation #main .cleat a span{
	background-image: url(../nps/navigation/cleat.png);
}
#body .navigation #main .fairlead a span{
	background-image: url(../nps/navigation/fairlead.png);
}
#body .navigation #main .open-fairlead a span{
	background-image: url(../nps/navigation/open-fairlead.png);
}
#body .navigation #main a br{
	display: none;
}
#body .navigation #main a:hover, #body .navigation #main a:focus, #body .navigation #main a:active, #body .navigation #main .active a{
	font-weight: normal;
	background-color: #767676;
}
#body .navigation #sub{
	background: #767676;
}
/* ================================================================================================ */
#body .article{
	width: 700px;
	padding: 2em 30px 0 30px;
	line-height: 1.67em;
}
#body .article.color{
	background: #EDEDED;
}
#body .article div{
	float: left; 
	width: 350px;
}
#body .article .content{
	float: right; 
	width: 320px;
}
/* ================================================================================================ */
.article h1{
	color: #222B6E;
	font-size: 1.67em;
	font-weight: normal;
	line-height: 1.35em;
	margin-bottom: .5em;
}
.article h2, .article h3, .article h4, .article h5, .article h6{
	font-size: 1.08em;
	font-weight: bolder;
	margin-bottom: .25em;
}
.article p{
	margin-bottom: 1em;
}
.article ul, .article ol{
	padding-left: 2em;
	margin-bottom: 1em;
}
.article ul li{
	list-style-type: square;
}
.article ol li{
	list-style-type: decimal;
}
.article table{
	width: 100%;
	margin-bottom: 1em;
	border-top: 1px solid #767676; 
}
.article table td{
	padding: 4px 8px 4px 0px;
	border-bottom: 1px solid #767676; 
}
.article table td.numbers{
	text-align: right;
	padding-right: 0;
}
.article .content img{
	float: left; 
	margin: 0 1em .5em 0;
}
.article .content a, .article .folding a{
	padding-left: 9px;
	color: #222B6E;
	background: url(../nps/arrow_right.gif) no-repeat left 3px;
	text-decoration: underline;
}
.article .content a:hover, .article .content a:focus, .article .content a:active,
.article .folding a:hover, .article .folding a:focus, .article .folding a:active{
	color: #3E4896;
}
.article .folding .active a{
	color: #303030;
	background: url(../nps/dot.gif) no-repeat left center;
	text-decoration: none; 
}
.article .folding, .article .links{
	padding-left: 0;
}
.article .folding li, .article .links li{
	line-height: 2em;
	list-style-type: none;
}
.article .content a.back{
	background-image: url(../nps/arrow_left.gif);
}
/* ================================================================================================ */
.article .gallery, 
.article .downloads{
	float: left; 
	clear: both;
	width: 100%;			 	/* I shouldn't be so nice to IE 6/7 */
	padding: 0 0 14px 14px; 
	display: inline; 			/* I shouldn't be so nice to IE 6 */
}
.article .content .gallery, 
.article .content .downloads{
	width: 340px; 
	padding: 0; 
}
.article .content .gallery a, 
.article .content .downloads a{
	padding: 0; 
	background: none; 
}
.article .gallery li, 
.article .downloads li{
	list-style-type: none;
	float: left; 
	margin: 0 14px 14px 0; 
	padding: 0;
}
.article .gallery a{
	float: left;
	border: 1px solid #afafaf;
}
.article .gallery a:hover, 
.article .gallery a:focus, 
.article .gallery a:active{
	padding: 0;
	border: 1px solid #506F8E;
}
.article .gallery a img{
	margin: 0; 
}
.article .downloads a, 
.article .gallery .download a{
	float: left; 
	display: block;
	width: 96px; 
	height: 20px;
	padding: 76px 0 0 0;
	background: #BFBFBF url(../nps/icons/download.gif) no-repeat center 12px;
	border: 1px solid #afafaf;
}
.article .content .downloads a{
	padding: 76px 0 0 0;
	text-decoration: none;
	background: #BFBFBF url(../nps/icons/download.gif) no-repeat center 12px;
}
.article .downloads a span, 
.article .gallery .download a span{
	display: block;
	width: 100%;
	background: #767676;
	color: #E5E5E5;
	font-size: .75em;
	text-align: center;	
}
.article .downloads a:hover, 
.article .downloads a:focus, 
.article .downloads a:active,
.article .gallery .download a:hover, 
.article .gallery .download a:focus, 
.article .gallery .download a:active{
	padding: 76px 0 0 0;	/* I shouldn't be so nice to IE 6 */
	border: 1px solid #506F8E;
}
.article .downloads .application_pdf a, 
.article .gallery .download.application_pdf a{
	background: #BFBFBF url(../nps/icons/pdf.gif) no-repeat center 12px;
}
.article .downloads .video_mpeg a, 
.article .gallery .download.video_mpeg a{
	background: #BFBFBF url(../nps/icons/mov.gif) no-repeat center 12px;
}
.article .downloads .application_msword a, 
.article .gallery .download.application_msword a{
	background: #BFBFBF url(../nps/icons/word.gif) no-repeat center 12px;
}
/* ================================================================================================ */
#body .form p{
	text-align: right;
}
#body .form p.error{
	text-align: left;
	color: #900;
	margin-left: 380px;
}
#body .form p.confirm{
	text-align: left;
	margin-left: 380px;
}
form{
	float: left;
	clear: both; 
	margin-bottom: 1em;
}
input, textarea, select{
	float: left;
	width: 312px; 	
	margin: 0 0 .25em 0;
	padding: 2px 4px;
	background: #E5E5E5;
}
textarea{
	height: 8em;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
}
form .medium{
	width: 240px; 
}
form .small{
	width: 55px; 
}
form .submit{
	float: right;
	width: 320px;
	margin-top: 1em;
	background: #E5E5E5; 
	border: 1px solid #383838;
}
label{
	float: left; 
	display: block;
	width: 350px; 
	margin-right: 30px;
	text-align: right;
}
form span{
	float: left; 
	width: 9px; 
	text-align: center;
}
form br{
	clear: both;
}
form.error input.duty, form.error textarea.duty, form.error select.duty{
	background: #D6C5C5; 
}
form.error label.duty{
	color: #900; 
}
/* ================================================================================================ */
#foot .navigation ul{
	padding: .92em 30px; 
}
#foot .navigation a{
	color: #E5E5E5; 
}
/* ================================================================================================ */
body.homepage{
	background-image: none; 
}
.homepage #body{
	border-top: 30px solid #383838;
	padding-bottom: 75px;
}
.homepage .products{
	margin: 0 152px; 
	text-align: right;
	font-size: .92em;
	line-height: 3em;
}
.homepage .products span{
	padding-right: 1.09em;
}
.homepage .products a{
	color: #383838;
}
.homepage .products a img{
	border: 1px solid #808080;
}
.homepage .news{
	margin: 0 152px; 
	height: 100px;
	text-align: right;
}
.homepage .news a{
	display: block; 
	float: right;
	width: 150px; 
	height: 100px;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	overflow: hidden;
}
.homepage .news a.no_image{
	height: 25px;
	margin-top: 74px;
	border-top: 1px solid #808080;
}
.homepage .news .header{
	display: block; 
	background: #C90b31; 	
	line-height: 25px; 
	text-align: left;
	color: #FFF;
	padding: 0 9px;
}
.homepage #foot{
	background: #383838;
}
/* ================================================================================================ */