/* -----------------------------------

Author: 		Tim Kraumanis
Date Created: 	March 13, 2008
Last Modified: 	March 13, 2008
Client: 		HMFluid

----------------------------------- */

body {
font: 11px Verdana;
color: #666;
background: #FFF url(../img/bgInterior.png) repeat-x top left;
}

* {
margin: 0;
padding: 0;
}

img {
border: none;
}

li {
list-style:inside;
}
#main #left h1 {
color:#0000FF;

}
a {
color: #3F6369;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* ----------------------------------- */

/* class attributes */

p.tagline {
	clear:both;
	padding:20px 0 70px 0;
	line-height:20px;
	color: #948A36;
	font-weight:600;
}

p.ebay {
	clear:both;
	padding:20px 0 20px 0;
	text-align:center;
}

body.front {
background-image: url(../img/bgFront.png);
}

body.main {
background-image: url(../img/bgFront_blank02.png);
}

#container {
width: 1000px;
}

#header { 
height: 80px;
background: #000033;
}

h1#logo a, h3#logo a, h2#logo a, p#logo a {
position:absolute;
top:23px;
left:20px;
height:32px;
background: url(../img/headerLogo.png) no-repeat;
text-indent: -9999px;
font-size:1px;
margin:0 !important;
padding:0 !important;
}

#header ul#nav {
float: right;
display: inline;
width: 530px;
height: 80px;
padding:0 0 0 20px;
/*background: url(images/bgNav.png) no-repeat;*/
}

#header ul#nav li {
float: left;
display: inline;
padding:32px 10px 0 0;
text-align: center;
}

#header ul#nav a {
color: #CCC;
font-size: 11px;
}
#logo{
	position:absolute;
	top:3px;
	left:10px;

}

#header ul#nav a:hover { 
color: #98DDF1;
text-decoration: none; 
}

#header ul#nav li.home { width: 50px; }
#header ul#nav li.company { width: 66px; }
#header ul#nav li.products { width: 70px; }
#header ul#nav li.services { width: 66px; }
#header ul#nav li.industries { width: 70px; }
#header ul#nav li.careers { width: 70px; }
#header ul#nav li.tech { width: 120px; }
#header ul#nav li.contact { width: 85px; }

#header img {
position: absolute;
top: 81px;
left: 0;
}

/* ----------------------------------- */

/* dotted line breaks */

.break p {
	margin:0;
	padding:0;
}

p.break {
	background: url(../img/bgHLine.png) repeat-x 0px 6px;
	height:10px;
}

div#masthead {
	height:220px;
	padding:1px 0 0 0;
	float: left;
}
div#mastdescribe {
	height:210px;
	margin: 1px 0 0 1px;
	padding:10px 0 0 9px;
	float: left;
	width: 390px;

	
	color: #fff;
}
div.subNav {
	padding:15px 20px 5px 20px;
	margin:0 0 20px 0;
	font-size:13px;
	border-top:1px solid #CDE7EB;
	border-bottom:1px solid #CDE7EB;
	background-color:#E9F7FC;
	color:#999 !important;
}

#left img{

border: 1px #ababab solid;

padding: 0px;
margin-right: 7px;

}
#left prod_line{
border-bottom: 1px #999999 dotted;
padding-bottom: 8px;
position:relative

}

#left ul.list2 li {
list-style-type: disc;
line-height: 1.6em;
margin-left: 3em;
}
#left {
float: left;
display: inline;
margin-left: 40px;
margin-top: 40px;

}

body.front div#left, body.main div#left {
width: 530px;
background: url(images/bgVLine.png) repeat-y top right;
padding-right: 10px;
position:relative;
}

body.front h2, body.main h2, body.front h1, body.main h1 {
font-weight: normal;
font-size: 13px;
line-height: 22px;
}

body.main #left h3, body.main #left h1 {
font-size: 16px;
font-weight:bold;
margin:0 0 16px 0;
color:#555 !important;
}
 #right h1 {
font-size: 16px;
font-weight:bold;
margin:0 0 16px 0;
color:#555 !important;
}
body.front #left h2, body.main #left h2, body.front #left h1, body.main #left h1 {
color: #000033;
font-size: 14px;
font-weight:bold;
margin:0 0 16px 0;
}

#left p {
color: #666666;
line-height: 19px;
margin-bottom: 12px;
}

#left strong {
	color:#333;
	font-size:13px;
}

#left ul.list li {
	padding:0 0 8px 15px;
	background:url(../img/bullet.png) no-repeat 0 4px;
}

#left .contactLeft, #left .contactRight {
	width:250px;
	float:left;
}

#left .contactRight {
	float:right;
}

p.footer {
text-align: right;
font-size: 10px;
color: #B1B1B1;
margin: 20px 0 0 40px;
padding-top:20px;
background: url(../img/bgHLine.png) repeat-x top;
clear: both;
} 

p.inside {
margin-right: 50px;
}

body.front div#right, body.main div#right {
float: right;
margin: 40px 0 0 0px;
width: 370px;
background: url(images/bgMap.png) no-repeat;
position:relative;
}

body.front div#right h2, body.main div#right h2, body.front div#right h1, body.main div#right h1 {
color: #A89E3E;
font-weight:600;
}
body.front div#right h3,body.main div#right h3{
color:#FFFFFF;
}
body.front div#right ul li, body.main div#right ul li {
float: left;
display: inline;
margin-right: 20px;
color: #555;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 19px;
font-weight:600;
}

/* ----------------------------------- */



div#cat h2, div#prod h2, div#cat h1, div#prod h1 {
margin-bottom: 18px;
font-size: 16px;
color: #555;
}

div#cat {
width: 550px;
}

div#cat-img img {
/*border: 1px solid #C2D0D8;*/
width: 542px;
height: 152px;
margin-bottom: 20px;
}

/*div#cat-img {
border: 3px solid #E2EFF3;
margin-bottom: 20px;
}*/

#left div#cat ul li {
width: 275px;
float: left;
display: inline;
margin-bottom: 12px;
}

#left div#cat ul li a {
color: #948A36;
}

div#prod {
width: 580px;
}

div#prod a {
color: #948A36;
display: block;
margin-bottom: 12px;
}

div#prod a img {
vertical-align: middle;
}

div#prod-img img {
border: 1px solid #85A0B1;
width: 292px;
/* height: 292px; */
}

div#prod-img {
border: 3px solid #E2EFF3;
margin: 0 20px 20px 0;
float: left;
}

ul#right {
width: 302px;
height: 370px;
background: #FFF url(images/bgList.png) no-repeat;
float: right;
display: inline;
margin: 4px 50px 0 0;

}

ul#right li {
padding: 12px 20px;
background: url(../img/bgListBar.png) repeat-x bottom left;

}

ul#right li.last {
background: none;
}

ul#right li a {
color: #56787F;
font-size: 12px;
}

ul#right li a:hover {
text-decoration: underline;
}

ul#productOption {
margin:0 0 0 320px;
}

ul#productOption li a.linkPdf {
	padding:0 0 2px 20px;
	background:url(../img/aAcrobat.png) no-repeat 0 0;
}

ul#productOption li a.linkPhone {
	padding:0 0 2px 20px;
	background:url(../img/aPhone.png) no-repeat 0 0;
}

ul#productOption li a.linkBack {
	padding:0 0 2px 20px;
	background:url(../img/aBackArrow.png) no-repeat 0 0;
}
#right #toplink {
	background: url(images/toplink.jpg) no-repeat ;
}
#right #toplink ul li a{
	color: #555;
	font: lighter;
	text-decoration:none;
}
#right #toplink ul li{
	margin-top:-5px;

	border-bottom: 1px #ccc solid;
	padding: 8px 0 3px 10px;
	display: block;
	background:#f3f7fb;
	width:339px;
}

#right #fineday {
	
	background: #dce7ef;
	width:349px;


}
#right #fineday a{
	color: #555;
	font: lighter;
	text-decoration:none;
}