* { margin:0; padding:0;}
h1,h2,h3,p,ul,ol,blockquote,address {margin:1.0em 0;}
body {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:62.5%;
color:#D2D0D0; 
margin:0 auto;
padding:0;
background:url(images/main-bg.jpg) no-repeat top center #000700;
}
body#splashpg {
margin:0 auto;
padding:0;
background:#000;
}
img {border:0;}

/* ==== Splash ====*/
#splash {
width:1003px;
height:634px;
margin:0 auto;
padding:0;
background:url(images/splash-bg.jpg) no-repeat top center #000700;
position:relative;
}
#flashes {
width:973px;
height:180px;
background:#000;
position:absolute;
top:159px;
left:13px;
border:1px solid #00613C;
}

/* Table of Contents:
	1. Structure
	2. Typography, Links
	3. Navigation, Lists
	4. Images
	5. Contact Forms
*/


/* ==== 1.  STRUCTURE: ====*/
#xtra1 {
width:1024px;
margin:0 auto;
padding-bottom:85px;
background:url(images/main-bg-bot.jpg) no-repeat bottom center;
}
#wrapper {
width:967px;
border:1px solid #006845;
margin:35px auto 0 auto;
padding:0 2px 2px 2px;
background:#000;
}
#nav {
width:968px;
height:38px;
margin-top:-8px;
padding:0;
}
#header {
width:967px;
height:231px;
margin:1px 0 1px 0;
clear:left;
}
.secondary #header {
width:967px;
height:142px;
margin:1px 0 1px 0;
clear:left;
}
#logo {
width:241px;
height:231px;
background:url(images/hes-logo.jpg) no-repeat #fff;
float:left;
}
.secondary #logo {
width:241px;
height:142px;
background:url(images/hes-logo-sm.jpg) no-repeat #fff;
float:left;
}
#flash{
width:723px;
height:229px;
background:url(images/flash-header.jpg) top left no-repeat transparent;
float:right;
border:1px solid #787878;
}
.secondary #flash{
width:723px;
height:140px;
background:transparent;
float:right;
border:1px solid #787878;
}
#mdupg #flash {
background:url(images/header-mdu.jpg);
width:723px;
}
#aboutpg #flash {
background:url(images/header-about.jpg);
width:723px;
}
#partnerpg #flash {
background:url(images/header-products.jpg);
width:723px;
}
#contactpg #flash {
background:url(images/header-contact.jpg);
width:723px;
}
#innovpg #flash {
background:url(images/header-innov.jpg);
width:723px;
}
#contentwrap {
width:965px;
border:1px solid #494949;
background-color:#0F0F0F;
background:url(images/content-bg.jpg) top left no-repeat #000;
padding-bottom:20px;
position:relative;
}
#mediapg #contentwrap {
width:965px;
border:1px solid #494949;
background-color:#0F0F0F;
background:#000;
padding-bottom:20px;
position:relative;
}
#main {width:706px;}
#sidebar {
width:259px;
float:right;
}
#footer {
width:967px;
margin:0 auto 0 auto;
}
.clear {clear:both;}

/* ==== 2.  Typography: ====*/

h1 {
padding:18px 0 0 18px;
margin:0 0 18px 0;
font-size:.9em;
height:17px;
}
#mediapg h1 {
padding:0;
margin:0;
font-size:.9em;
}
#headline span {	
position:absolute;
width:100%;
height:17px;
}

/* Graphic h1 tag */
#headline span {background:url(images/main-h1.jpg) no-repeat top left;}
#aboutpg #headline span {background:url(images/about-h1.jpg) no-repeat top left;}
#aboutpg #headline span.bio {background:url(images/aboutbio-h1.jpg) no-repeat top left;}
#aboutpg #headline span.news {background:url(images/co-news-h1.jpg) no-repeat top left; height:30px;}
#innovpg #headline span {background:url(images/innov-h1.jpg) no-repeat top left;}
#interpg #headline span {background:url(images/demo-h1.jpg) no-repeat top left;}
#mdupg #headline span {background:url(images/mdu-h1.jpg) no-repeat top left; height:30px;}
#mediapg #headline span {background:url(images/media-h1.jpg) no-repeat top left;}
#partnerpg #headline span {background:url(images/products-h1.jpg) no-repeat top left;}
#contactpg #headline span {background:url(images/contact-h1.jpg) no-repeat top left;}
h2 {
padding:10px 0 0 18px;
margin-bottom:15px;
font-size:1.4em;
color:#D8AF53;
}
#homepg #sidebar h2 {
padding:10px 0 0 18px;
margin-bottom:15px;
font-size:.9em;
}
#sidebar h2 {
padding:15px 0 5px 18px;
margin:0;
}
#headline2 span {	
background:url(images/main-h2.jpg) no-repeat top left;
position:absolute;
width:190px;
height:18px;
}
h3 {
font-size:1.5em;
padding:0 0 0 18px;
margin:0 0 8px 0;
color:#D8AF53;
}
h4 {
font-size:1.3em;
padding:5px 0 10px 18px;
color:#D8AF53;
}
p {font-size:1.3em;}
#main p {
margin:0 0 15px 0; 
padding-left:18px;
/* width:640px; */
line-height:150%;
}
#homepg #sidebar p {
padding-left:18px;
line-height:125%;
font-size:1.2em;
}
#sidebar p {
font-size:13px;
margin:0 0 0 20px;
padding:0;
line-height:150%;
color:#CCCCCC;
}
address {
position:absolute;
color:#767676;
padding:0;
font-style:normal;
font-size:1.0em;
}
address span {margin:0 188px 0 100px;}
a {color:#D8AF53;}
a:hover {color:#006844;}

address a{color:#767676;}
address a:hover, #sidebar a:hover {color:#006844;}
#sidebar a {color:#C4CCCC;}

/* ==== 3.  Navigation, Lists: ====*/

#nav ul {magrin:0; padding:0;}
#nav li {
width:137px;
height:38px;
margin:0 1px 0 0;
padding:0;
float:left;
list-style:none;
background:#110E0A;
background:url(images/button.jpg) no-repeat transparent;
}
#nav li a{
color:#D2D0D0;
display:block;
text-align:center;
width:137px;
height:38px;
padding-top:12px;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
#nav li a:hover{color:#e8c36b;}

#nav li#contact {width:139px;background:url(images/button2.jpg) no-repeat transparent;}

/* ++++ Change the padding for multi-line anchors in navigation ++++ */
#nav li#innov a, #nav li#multi a{
padding-top:7px;
}
/* ++++ Specific for pages for White on-state in Navigation ++++*/
#homepg li#home,#aboutpg li#about, #innovpg li#innov, #mdupg li#multi, #interpg li#inter, #mediapg li#media, #partnerpg li#partner{background:url(images/button-on.jpg) no-repeat transparent;}
#contactpg li#contact {background:url(images/button-on2.jpg) no-repeat transparent;}
#homepg li#home a, #aboutpg li#about a, #mdupg li#multi a, #innovpg li#innov a, #interpg li#inter a, #mediapg li#media a, #partnerpg li#partner a, #contactpg li#contact a  {color:#262424;}

/* Sidebar Rules */
#sidebar ul, #main ul {
list-style:none;
font-size:12px;
margin:0 0 10px 25px;
}
#sidebar ul li,  #main ul li {
background:url(images/bullet.gif) 0 .4em  no-repeat transparent;
padding-left:15px;
line-height:120%;
margin-bottom:8px;
}
#sidebar address {
font-size:13px;
padding:10px 0 10px 20px;
margin:0;
line-height:140%;
color:#CCCCCC;
}

/* ==== 4. Images: ====*/

#gallery {
width:970px;
padding:0;
margin:0;
background:url(images/gallery-bg.jpg) top left no-repeat transparent;
text-align:center;
}
.img-l {
float:left;
border:1px solid #e8c36b;
margin:6px 15px 5px 0;
background:#000;
padding:1px;
}
.img-l3 {
float:left;
width:200px;
border:1px solid #e8c36b;
margin:6px 15px 5px 18px;
background:#000;
}
.img-l2 {
float:left;
width:112px;
border:1px solid #e8c36b;
margin:6px 15px 5px 18px;
background:#000;
text-align:center;
}
#main .img-l2 p {
margin:2px;
padding:1px;
font-size:0.9em;
text-align:left;
}
#main .img-l2 img {
padding-top:1px;
}

.img-prod {
float:left;
margin:6px 15px 5px 0;
background:transparent;
}
.img-prod-r {
float:right;
margin:0 15px 5px 0;
background:#000;
}
.logos {
width:400px;
float:right;
}
#logo-side {
border:3px solid #5B5B5B;
width:130px;
position:absolute;
bottom:20px;
right:50px;
}
.logos img {margin-right:6px;}

#crestor {
float:right;
margin:6px 0 5px 15px;
background:#000;
padding:0;
}
#touchpad {
position:absolute;
top:50px;
right:6px;
}
#awards, #stripe {
position:absolute;
top:0px;
right:259px;
z-index:20;
}
#demo {
position:absolute;
top:225px;
right:20px;
z-index:20;
}
div.hr {
height:4px;
background:url(images/hr.png) no-repeat left center transparent;
margin:0;
padding:8px 0;
}
#innovpg div.hr {
height:5px;
background:url(images/hr.png) no-repeat left center transparent;
margin:10px;
padding:10px 0;
}
div.hr hr {
display:none;
}
/* ==== 5. Contact Form: ====*/

p#contact {
font-size:1.2em;
color:#62001F;
margin-top:20px;
}
#formwrap {
position:relative;
margin:20px 0 0 10px;
padding:0;
width:400px;
}
#formwrap label {position:absolute;}
input, textarea {
margin:0 0 15px 120px;
width:250px;
background-color:#fdfbf2;
}
input.check {
margin:0 5px 1px 120px;
width:12px;
background-color:#E1E1E1;
}
input#zip {width:135px;}
input.submit{ 
width:60px;
margin-bottom:15px;
}
.formitem {margin-bottom:0.1em;}

/* Positions the state label */
#formwrap select {
position:absolute;
top:98px;
left:138px;
}
#formwrap span.required {color:#006844;}
span.required {color:#2B5596;}
input.phone1 {margin-left:120px;}
input.phone1, input.phone2 {width:30px !important;}
input.phone3 {width:45px !important;}
.phone1, .phone2, .phone3 {float:left;margin:0 5px 15px 0;}

#sidebar a.more {
color:#D89C35;
text-decoration:none;
}
.img-r {
float:right;
width:233px;
margin:0 0 0 12px;
text-align:center;
}