/* CSS Document */

body {
background-image:url(../images/bg2.jpg);
background-repeat:no-repeat;
background-color:black;
background-position:center top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
}
/*CONTAINER*/

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

#container {
margin: 0 auto;
width:1006px;
}
/*HEADER*/

#header {
width:1006px;
padding:0;
margin:0;
}
#header-top {
height:114px;
padding:0;
margin:0;
}
#header-bottom {
width:1006px;
height:275px;
padding:0;
background-image: url(../images/index_header_02.jpg) ;
margin:0;
}
.search_box{
float:right;
padding: 12px 23px 0 0;
}

/*Navigation*/
#nav {width:1006px;}
#navlist {list-style: none;}
#navlist li {float: left;}
#navlist li a {display: block; height: 55px; overflow: hidden; background-position: top left; background-repeat: no-repeat;	text-indent: -999em;}
#navlist li a:hover {background-position: bottom left;}
#navlist li .current {background-position: bottom left;}
/* NAV SPECIFICS */
#nav-home {width: 173px; background-image: url(../images/nav2/nav_01.jpg);}
#nav-products {width: 179px; background-image: url(../images/nav2/nav_02.jpg);}
#nav-services {width: 174px;	background-image: url(../images/nav2/nav_03.jpg);}
#nav-analytics {width: 179px; background-image: url(../images/nav2/nav_04.jpg);}
#nav-contact-us {width: 176px; background-image: url(../images/nav2/nav_05.jpg);}
#nav-faq {width: 124px; background-image: url(../images/nav2/nav_06.jpg);}
#nav-sub-mobile {width: 177px; background-image: url(../images/nav2/nav-sub-mobile.jpg);}
#nav-sub-castrol {width: 177px; background-image: url(../images/nav2/nav-sub-castrol.jpg);}
#nav-sub-airbp {width: 177px; background-image: url(../images/nav2/nav-sub-airbp.jpg);}
#nav-sub-hasco {width: 177px; background-image: url(../images/nav2/nav-sub-hasco.jpg);}
#nav-sub-forge {width: 177px; background-image: url(../images/nav2/nav-sub-forge.jpg);}
#nav-sub-apply {width: 176px; background-image: url(../images/nav2/nav-sub-apply.jpg);}
#nav-products2 {width: 179px; background-image: url(../images/nav2/nav_02.jpg);height: 55px; overflow: hidden; background-position: top left; background-repeat: no-repeat;	text-indent: -999em;}
#nav-products2:hover {background-position: bottom left;}
#navlist li ul { /* second-level lists */
	position: absolute;
	z-index:10;
	list-style:none;
	display: block;
	background-color: #fff;
	width: 177px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin:0;
	padding:0;
	border-left:1px solid #a58545;
	border-right:1px solid #a58545;
}
#navlist li ul.contact { /* Contact Page Drop Width Fix */
	width: 176px !important;
	background-image: url(../images/nav2/nav-sub-apply.jpg);
}
#navlist li ul.contact a:hover{ /* Contact Page Drop Width Fix */
	width: 176px !important;
	 background: url(../images/nav2/nav-sub-apply.jpg) bottom right;
}
#navlist li ul li {
	list-style:none;
	display: block;
	clear:left;
	width:100%;
}
#navlist li ul li a {
	display:block;
	overflow: hidden;
	height:30px;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -999em;
	margin:0;
	background-color:;
	padding:0;
	width: 214px !important;
}
#navlist li ul li a:hover {
	background-position: bottom left;
}

#navlist li:hover ul ul, #navcontainer li.sfhover ul ul {
	left: -999em;
}

#navlist li:hover ul, #navcontainer li li:hover ul, #navcontainer li.sfhover ul, #navcontainer li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/*CONTENT*/
#content {
padding:0;
margin:0;
}
#content-left {
float:left;
width:659px;
}
#content-left-top {
padding:0;
margin:0;
}
#content-left-middle {
height:410px;
background-image: url(../images/left_02-new.jpg);
padding:0;
margin:0;
}
#content-left-text {
padding:20px 20px 20px 40px;
margin:0;
line-height:18px;
}
#content-left-text p{
margin-bottom:15px;
}
#content-left-bottom {
padding:0;
margin:0;
}

#content-right {
float:right;
width:347px;
}
#content-right-top {
padding:0;
margin:0;
}
#content-right-middle {
height:485px;
background: #000 url(../images/right_02-new.jpg) no-repeat;
padding:0;
margin:0;
}
#content-right-news {
width:324px;
height:485px;
overflow-y:scroll;
overflow-x:hidden;
}
#content-right-text {
margin-left:22px;
margin-top:2px;
width:260px;
}
#content-right-text ul {
list-style-image:none;
}
#content-right-text ul li{
float:left;
padding:17px 0;
padding-right:20px;
color:#FFF;
font-size:12px;
border-top:1px solid #5f5f5f;
width:242px;
display:block;
line-height:18px;
}
.gold{
color:#c8a152;
float:right;
}
.gold a, .gold a:visited{
color:#c8a152;
float:right;
text-decoration:none;
}
.gold a:hover{
color:#c8a152;
text-decoration:underline;
}
.news-bold {
font-weight:bold;
}

#content-right-bottom {
padding:0;
margin:0;
}
/*FOOTER*/
#footer {
width:1006px;
overflow:hidden;
}
#footer-left {
float:left;
margin:20px 0 40px 20px;
width:600px;
color:#FFFFFF;
}
#footer-right {
float:right;
margin:20px 20px 40px 0;
width:200px;
text-align:right;
}
#footer-right a, #footer-right a:visited{
color:#FFFFFF;
text-decoration:none;
}
#footer-right a:hover {
color:#FFFFFF;
text-decoration:none;
border-bottom:1px dashed #FFF;
}

/*CONTENT SUB*/
#content-sub {
width:1006px;
float:left;
padding:0;
margin:0;
}
#content-sub-top {
width:1006px;
height:123px;
float:left;
padding:0;
margin:0;
background:url(../images/subpage/content-sub-top.jpg) no-repeat;
}
#content-sub-title {
width:363px;
height:66px;
float:left;
padding:0;
margin:41px 0 0 15px;
}
#content-sub-text {
width:959px;
float:left;
padding:0;
background:url(../images/subpage/content-bg-text.jpg) no-repeat #cccccc;
}
#sub-text {
padding:20px;
}
#content-sub-content {
width:1006px;
background:url(../images/subpage/content-sub-bg.jpg) repeat-y;
float:left;
}
#content-sub-left {
width:24px;
float:left;
padding:0;
}
#content-sub-right {
width:23px;
float:right;
padding:0;
}
#content-sub-foot {
width:1006px;
height:42px;
float:left;
padding:0;
background:url(../images/subpage/content-sub-foot.jpg) no-repeat;
overflow:hidden;
}
.lengthen {
height:250px;
}

/*HEADERS*/

h1 {
font-size:24px;
margin-bottom:10px;
}
h2 {
font-size:18px;
margin-bottom:10px;
}
h3 {
font-size:16px;
margin-bottom:10px;
}
h4 {
}

/*HEADERS*/

p {
font-size:13px;
margin-bottom:15px;
}

/*LISTS*/

#content-sub-text ul {
font-size:13px;
margin-bottom:10px;
}

#content-sub-text li {
list-style:disc;
margin-left:15px;
padding-bottom:5px;
}
#spaced-ul {
margin-top:10px;
}
#spaced-ul li {
list-style:disc;
margin-left:15px;
padding-bottom:15px;
}
/*Products Page */
.break {
height:3px;
margin:30px 50px 30px 0;
background:url(../images/subpage/break.jpg) repeat;
}
.products-info {
line-height:22px;
margin:20px 70px 20px 0;
}
#products-wrap {overflow:hidden;}
#products-left {float:left;width:600px;}
#products-right {float:right;width:210px;padding:70px 0 0 40px;}
.box-display{float:left;width:420px;padding: 20px 0 0 20px;}
/* Contact Page */
#contact-left {
float:left;
width:370px;
}
#contact-left a img{
border:solid 10px #f4f4f4;
}
#contact-left a:hover img{
border:solid 10px #e5e4e4;
}

#contact-right {
float:right;
width:530px;
}
#contact-wrap {
overflow:hidden;
}

/*Mobile Page */
#products-left-mobile {float:left;width:525px;height:450px;}
.syn {float:left; width:523px;height:198px;background:url(../images/subpage/syn-bg.jpg) no-repeat #000;}
p.syn-text {float:right;width:304px;padding:45px 15px 0px 0; }
.signum {float:left; width:523px;height:246px;background:url(../images/subpage/sig-bg.jpg) no-repeat;margin-top:20px;}
p.sig-text {float:right;width:304px;padding:45px 15px 0px 0; }
#products-right-mobile {float:left;width:372px;height:438px;background:url(../images/subpage/right-bg.jpg) no-repeat;margin:0 0 0px 20px;}
a.btn {width:150px; height: 32px;float:left;padding-top:20px;}
#mobil-text-right {float:left;padding:60px 0 0 25px;}

/*Castrol Page */
#products-left-castrol {float:left;width:525px;height:750px;}
.synthetic {float:left; width:523px;height:225px;background:url(../images/subpage/castrol-syn-bg.jpg) no-repeat;}
p.synthetic-text {float:right;width:304px;padding:45px 15px 0px 0; }
.job_shop {float:left; width:523px;height:210px;background:url(../images/subpage/castrol-job-bg.jpg) no-repeat;margin-top:20px;}
p.job_shop-text {float:right;width:304px;padding:45px 15px 0px 0; }
.military-spec-prod {float:left; width:523px;height:280px;background:url(../images/subpage/military-spec-prod-bg.jpg)  no-repeat #000;margin-top:20px;}
p.military-spec-prod-text {float:right;width:304px;padding:45px 15px 0px 0; }
#products-right-castrol {float:left;width:372px;height:438px;background:url(../images/subpage/right-bg.jpg) no-repeat;margin:0 0 0px 20px;}
a.btn {width:150px; height: 32px;float:left;padding-top:20px;}
#castrol-text-right {float:left;padding:60px 0 0 25px;}

/*Airbp Page */
#products-left-air {float:left;width:525px;height:438px;}
.turbine {float:left; width:523px;height:225px;background:url(../images/subpage/bp-turbine-bg.jpg) no-repeat;}
p.turbine-text {float:right;width:304px;padding:45px 15px 0px 0; }
.piston {float:left; width:523px;height:205px;background:url(../images/subpage/bp-piston-bg.jpg) no-repeat;margin-top:20px;}
p.piston-text {float:right;width:304px;padding:45px 15px 0px 0; }
#products-right-air {float:left;width:372px;height:438px;background:url(../images/subpage/bp-right-bg.jpg) no-repeat;margin:0 0 0px 20px;}
#air-text-right {float:left;padding:60px 0 0 25px;}

/*Hasco Page */
#products-left-hasco {float:left;width:525px;height:680px;}
.iso {float:left; width:523px;height:211px;background:url(../images/subpage/hasco-iso-bg.jpg) no-repeat;}
p.iso-text {float:right;width:304px;padding:45px 15px 0px 0; }
.experience{float:left; width:523px;height:211px;background:url(../images/subpage/hasco-experience-bg.jpg) no-repeat;margin-top:20px;}
p.experience-text {float:right;width:304px;padding:45px 15px 0px 0; }
.support {float:left; width:523px;height:211px;background:url(../images/subpage/hasco-lab-bg.jpg) no-repeat;margin-top:20px;}
p.support-text {float:right;width:304px;padding:45px 15px 0px 0; }
#products-right-hasco {float:left;width:372px;height:438px;background:url(../images/subpage/hasco-right-bg.jpg) no-repeat;margin:0 0 0px 20px;}
#hasco-text-right {float:left;padding:60px 0 0 25px;}

/*Services Page */
#services-left {float:left;width:385px;padding-right:40px;}
#services-right {float:left;width:465px;border-left: #aaa 1px solid;padding-left:25px;}
.training-icon {height:47px; width:55px; float:left;background:url(../images/subpage/training-icon.png) no-repeat;}
.fluid-icon {height:47px; width:55px; float:left;background:url(../images/subpage/fluid-icon.png) no-repeat;}
.offering-icon {height:47px; width:55px; float:left;background:url(../images/subpage/offering-icon.png) no-repeat;}
.fill-icon {height:47px; width:55px; float:left;background:url(../images/subpage/fill-icon.png) no-repeat;}
.services-icon-title {padding-top:15px;width:390px;float:right;}
.services-icon-wrap {height:47px;width:465px;margin-bottom:15px;}

/*Anayltics Page */
.clock-icon {height:47px; width:55px; float:left;background:url(../images/subpage/clock-icon.png) no-repeat;}
.bolts-icon {height:47px; width:55px; float:left;background:url(../images/subpage/bolts-icon.png) no-repeat;}
.fill-icon {height:47px; width:55px; float:left;background:url(../images/subpage/fill-icon.png) no-repeat;}
.nut-icon {height:47px; width:55px; float:left;background:url(../images/subpage/nut-icon.png) no-repeat;}
/*Hasco Data Sheets Page */
.hasco-sub-list ul {list-style-type:none;margin-top:0px;padding-top:0px;}
.hasco-sub-list li {list-style-type:none;font-size:14px;font-weight:bold;padding-bottom:6px;color:#222;}
.hasco-sub-list a, .hasco-sub-list a:visited {color:#222;font-weight:bold;text-decoration:none;border-bottom:dotted 1px #999;}
.hasco-sub-list a:hover {color:#000;text-decoration:none;border-bottom:dotted 1px #666;}
.hasco-sub-list {padding-bottom: 10px;}
/*NEWS */
#news-wrap {line-height:20px;width:85%;}
#news-wrap p {padding:0;}
#news-wrap h2 {padding:0;margin-bottom:17px;}
.news-item {border-bottom:dashed 1px #777; padding-bottom:15px;margin-bottom:25px;}
/*FAQ */
#sub-text-faq {
padding:20px;
}
#sub-text-faq h2{
font-size:22px;
margin-bottom:16px;
}
#sub-text-faq a, #sub-text-faq a:visited{
color:#111;
text-decoration:none;
border-bottom:#777 dotted 1px;
}
#sub-text-faq a:hover{
color:#000;
text-decoration:none;
border-bottom:#333 dotted 1px;
}
.sub-text-faq-line {
background-color:#aaa;
height:2px;
padding:0;
margin:0 0 17px 0;
}
#sub-text-faq p{
line-height:23px;
margin-bottom:40px;
width:86%;
}
