﻿/********************************************************
 resets
********************************************************/
*{margin:0px; padding:0px;}
img{border:0px;}

/** margin and padding will need to be set for the following elements **/
body{} /** we usally zero this out anyway **/
table{}
p{}
ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
li
{
    background-image: url('/styles/images/white-bullet.gif');
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 14px;
}
form{}
h1,h2,h3,h4,h5,h6{ color: #073168; font-weight: bold; font-style: italic; }
h1 { font-size: 30px; }
h2 { font-size: 20px; }
/** these elements are rarely used **/
dd{}
dl{}
blockquote{}
address{}
fieldset{}
a, a:visited { color: #c60315; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.no-underline { text-decoration: none; }
/********************************************************
 general styles
********************************************************/
html{width:100%; text-align:center;}
body{ background: #dbdbdb url('/styles/images/bg.gif') repeat-x; padding: 0px; margin:0px auto; text-align:left; width:1080px; font-family:Arial, Verdana; font-size: 11px; color:#2e2e2e;}
.button{cursor:pointer;}

.centermargin{margin-left:auto; margin-right:auto;}
.clear-float{clear: both; height: 0px; overflow: hidden;}
/********************************************************
 input styles
********************************************************/
input[type=text]{height: 16px; font-size: 12px;}
/********************************************************
 header styles
********************************************************/
#header{ position: relative; }
#chpower-link { position:absolute; top:44px; right:170px; }
#social-media-links { position: absolute; right: 30px; top: 30px; }
#social-media-links a { margin-right: 8px; }
#social-media-links a.you-tube { margin-right: 0; }
/********************************************************
 content styles
********************************************************/
#content { width: 1000px; margin: 0 auto; position: relative; }
#main-content { background-color: #fff; }
.logo { position: absolute; bottom: 0px; left: -40px; z-index: -1; }
/********************************************************
 footer styles
********************************************************/
#footer{ height: 150px; }
#footer-links a, #footer-links a:visited { color: #7d7d7d; font-weight: normal; font-style: normal; }
#footer-links { padding: 45px 0 0 180px; color: #7d7d7d; }
#footer-links .divider { margin: 0 8px; }
.copyright{font-size:11px;}
/********************************************************
 home styles
********************************************************/
#home-flash { height: 348px; }
#home-how-tos { height: 85px; }
#home-content { padding: 5px 0 20px 5px; }
#home-callouts { margin-bottom: 6px; }
#home-callouts .callout { float: left; margin-right: 6px; border: 1px solid #fafafa; position: relative; }
#home-callouts .no-border { border: none; margin-right: 7px; }
#home-callouts .last-callout { margin-right: 0; }
#home-callouts .callout-content { position: absolute; left: 15px; top: 120px; width: 140px; }
#home-callouts .callout-content a { font-weight: bold; text-decoration: none; font-style: italic; }
#home-callouts #air-compressors .callout-content { top: 100px; }
#home-callouts #how-to-choose .callout-content { top: 130px; left: 10px; text-align: center; }
#home-callouts #how-to-choose .callout-content a, #home-callouts #how-to-choose .callout-content a:visited { color: #fff228; }
#home-callouts #home-links .callout-content { top: 20px; color: #fff; font-size: 12px; font-style: italic; }
#home-callouts .callout-headline { font-weight: bold; font-style: italic; font-size: 18px; color: #2a5791; margin-bottom: 8px; }
#home-callouts .callout-headline a { font-weight: bold; font-style: italic; font-size: 18px; color: #2a5791; }
#home-callouts #how-to-choose .callout-headline { font-size: 19px; text-align: center; color: #fff; }
#home-callouts #home-links .callout-headline { font-size: 12px; color: #fff; font-weight: bold; }
#home-callouts .callout-text { margin-bottom: 8px; }
#home-callouts .callout-text a {font-weight:normal; font-style:normal; color:#2e2e2e; }
#home-callouts #how-to-choose .video-link { position: absolute; top: 8px; left: 8px;  }
#home-callouts #home-links ul { margin: 15px 0; }
#home-callouts #home-links a, #home-callouts #home-links a:visited { color: #fff; font-style: italic; text-decoration: underline; font-weight: normal; }
#video {position:relative;}
.close-window {position:absolute; top:0; right:5px;}