@charset "utf-8";
/* CSS Document */

/* -------------------------------------- */
/* ---------- GLOBAL <<<----------------- */
/* -------------------------------------- */

body {background: #064F64 url(../img/gradiant-back.jpg) repeat-x; margin: 0px; padding-top: 30px; padding-bottom: 30px;}
body a {color: #5293ce; text-decoration: none;}
body a:visited {color: #5293ce; text-decoration: none;}
body a:active {color: #eb1d27; text-decoration: none;}
body a:hover {color: #eb1d27; text-decoration: none;}
ul {list-style: none;}
/*:focus {outline: none;}*/

/* -------------------------------------- */
/* ---------- STRUCTURE <<<-------------- */
/* -------------------------------------- */

/* Global Structure Elements */

#global-wrapper {position: relative; margin: 0 auto; padding: 0; width: 750px; background: #fff;}
#global-gradient-bar {background: url(../img/gradbar.jpg) no-repeat; margin: 0; padding: 0; width 750px; height: 10px;}
#global-masthead {background: url(../img/masthead-back.gif) no-repeat; position: relative; width: 750px; height: 174px;}

/* Index page structure */

#index-img-rollover {height: 300px; margin-bottom: 0px; background: url(../img/index-photo.jpg);}
#index-navigation {position: relative; height: 55px; padding: 0; margin: 2px 0; background: #fff;}
#index-footer {position: relative; clear: both; height: 90px; margin-bottom: 30px; background: url(../img/footer.gif) no-repeat;}

/* Content page structure */

#content-navigation {background: #fff; position: relative; top: 0px; left: 0px; width: 186px; height: 226px; padding: 0; margin: 0; float: left;}
#content-img-rollover {position: relative; top: 0px; left: 2px; width: 562px; height: 226px; float: left;}
	.about-rollover {background: url(../img/about-content.jpg);}
	.president-rollover {background: url(../img/president-message.jpg);}
	.careers-rollover {background: url(../img/careers-content.jpg);}
	.contact-rollover {background: url(../img/contact-content.jpg);}
	.industrial-rollover {background: url(../img/industrial-content.jpg);}
	.medical-rollover {background: url(../img/medical-content.jpg);}
	.commercial-rollover {background: url(../img/commercial-content.jpg);}
	.residential-rollover {background: url(../img/residential-content.jpg);}
#content-sidebar {position: relative; top: 20px; left: 0px; width: 186px; margin: 0; padding: 0px 0; float: left;}
#content-copy {position: relative; top: 20px; left: 2px; width: 562px; margin: 0; padding: 0; float: left;}
#contact-info {position: relative; width: 300px; height: 350px; margin: 0; padding: 0; border-left: 2px solid #005d74; background:url(../img/contact-info.gif) no-repeat; float: right;}
#content-footer {clear: both; position: relative; top: 30px; height: 90px; padding-bottom: 30px; background: url(../img/footer.gif) no-repeat; border-top: 2px solid #005d74;}

/* ------------------------------------- */
/* ---------- NAVIGATION <<<------------ */
/* ------------------------------------- */

/* Text Navigation */

#global-masthead ul {position: relative; top: 150px; left: 525px; width: 197px; height: 18px; margin: 0; padding: 0; float: left;}
#global-masthead li {float: left;}

.menu {display: block; text-indent: -5000px; height: 18px; background: url(../img/menu.gif) 0 0 no-repeat; border: none !important;}

.menu.home {width: 41px; background-position: 0px 0px;}
.menu.home:hover {background-position: 0px -20px;}
.menu.home.active {background-position: 0px -20px;}

.menu.about {width: 47px; background-position: -42px 0px;}
.menu.about:hover {background-position: -42px -20px;}
.menu.about.active {background-position: -42px -20px;}

.menu.careers {width: 56px; background-position: -89px 0px;}
.menu.careers:hover {background-position: -89px -20px;}
.menu.careers.active {background-position: -89px -20px;}

.menu.contact {width: 52px; background-position: -145px 0px;}
.menu.contact:hover {background-position: -145px -20px;}
.menu.contact.active {background-position: -145px -20px;}

/* Index page navigation */

#index-navigation h4 a {background: url(../img/nav-matrix.gif); position: absolute; display: block; top: 0px; width: 186px; height: 55px; text-indent: -5000px; border: none !important; margin: 0; padding: 0;}

#index-navigation h4 a#industrial {left: 0px; background-position: 0px 0px;}
#index-navigation h4 a#industrial:hover {background-position: 0px 55px ;}

#index-navigation h4 a#medical {left: 188px; background-position: -188px 0px;}
#index-navigation h4 a#medical:hover {background-position: -188px 55px ;}

#index-navigation h4 a#commercial {left: 376px; background-position: -376px 0px;}
#index-navigation h4 a#commercial:hover {background-position: -376px 55px ;}

#index-navigation h4 a#residential {left: 564px; background-position: -564px 0px;}
#index-navigation h4 a#residential:hover {background-position: -564px 55px ;}

/* Content page navigation */

#content-navigation h4 a {background: url(../img/nav-matrix-vertical.gif); position: absolute; display: block; top: 0px; width: 186px; height: 55px; text-indent: -5000px; border: none !important; margin: 0; padding: 0;}

#content-navigation h4 a#industrial {top: 0px; background-position: 0px 0px;}
#content-navigation h4 a#industrial:hover {background-position: -376px 0px;}
#content-navigation h4 a#industrial.active {background-position: -188px 0px;}

#content-navigation h4 a#medical  {top: 57px; background-position: 0px -57px;}
#content-navigation h4 a#medical:hover {background-position: -376px -57px;}
#content-navigation h4 a#medical.active {background-position: -188px -57px;}

#content-navigation h4 a#commercial {top: 114px; background-position: 0px -114px;}
#content-navigation h4 a#commercial:hover {background-position: -376px -114px ;}
#content-navigation h4 a#commercial.active {background-position: -188px -114px ;}

#content-navigation h4 a#residential {top: 171px; background-position: 0px -171px;}
#content-navigation h4 a#residential:hover {background-position: -376px -171px ;}
#content-navigation h4 a#residential.active {background-position: -188px -171px ;}

/* ------------------------------------- */
/* ---------- HEADERS <<<--------------- */
/* ------------------------------------- */

h1, h2, h3, h4, h5, h6 {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: normal; color: #069; margin: 0; padding: 0;}
h1 {font-size: 20px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 11px;}

h1 a.logo-link {position: absolute; display: block; top: 5px; left: 10px; width: 300px; height: 160px; text-indent: -5000px; border: none !important; margin: 0; padding: 0;}
.contact-head {font: 18px "Century Gothic", Arial, Helvetica, sans-serif; text-align: right; color: #eb1d27; width: 100px; margin: 0; padding: 0;}

#index-footer h4 a, #content-footer h4 a {position: absolute; display: block; text-indent: -5000px; border: none !important; margin: 0; padding: 0;}
#energy-star-link {top: 6px; left: 6px; width: 34px; height: 35px; background: url(../img/energy-star-logo.gif) no-repeat; background-position: 0px 0px;}
#energy-star-link:hover {background-position: 0px -37px;}
#nadca-link {top: 6px; left: 44px; width: 58px; height: 35px; background: url(../img/nadca-logo.gif) no-repeat; background-position: 0px 0px;}
#nadca-link:hover {background-position: 0px -37px;}
#csia-link {top: 6px; left: 106px; width: 36px; height: 35px; background: url(../img/csialogo.gif) no-repeat; background-position: 0px 0px;}
#csia-link:hover {background-position: 0px -37px;}
#ashrae-link {top: 6px; left: 146px; width: 40px; height: 35px; background: url(../img/ashraelogo.gif) no-repeat; background-position: 0px 0px;}
#ashrae-link:hover {background-position: 0px -37px;}
#iaq-link {top: 6px; left: 190px; width: 24px; height: 35px; background: url(../img/iaqlogo.gif) no-repeat; background-position: 0px 0px;}
#iaq-link:hover {background-position: 0px -37px;}
#mcsc-link {top: 48px; left: 6px; width: 36px; height: 35px; background: url(../img/mcsclogo.gif) no-repeat; background-position: 0px 0px;}
#mcsc-link:hover {background-position: 0px -37px;}
#spfd-best-link {top: 48px; left: 46px; width: 48px; height: 35px; background: url(../img/springfield-best-logo.gif) no-repeat; background-position: 0px 0px;}
#spfd-best-link:hover {background-position: 0px -37px;}
#hba-link {top: 48px; left: 98px; width: 54px; height: 35px; background: url(../img/hbalogo.gif) no-repeat; background-position: 0px 0px;}
#hba-link:hover {background-position: 0px -37px;}
#chamber-link {top: 48px; left: 156px; width: 76px; height: 35px; background: url(../img/chamberlogo.gif) no-repeat; background-position: 0px 0px;}
#chamber-link:hover {background-position: 0px -37px;}
#facebook-link {top: 48px; left: 280px; width: 35px; height: 35px; background: url(../img/facebook-logo.jpg) no-repeat; background-position: 0px 0px;}
#facebook-link:hover {background-position: 0px -36px;}
#twitter-link {top: 48px; left: 320px; width: 35px; height: 35px; background:url(../img/twitter-logo.jpg) no-repeat; background-position: 0px 0px;}
#twitter-link:hover {background-position: 0px -36px;}

.service-email {position: absolute; display: block; top: 185px; left: 20px; width: 155px; height: 16px; text-indent: -5000px; border: none !important; margin: 0; padding: 0;}
.industrial-email {position: absolute; display: block; top: 228px; left: 20px; width: 125px; height: 16px; text-indent: -5000px; border: none !important; margin: 0; padding: 0;}
.management-email {position: absolute; display: block; top: 271px; left: 20px; width: 140px; height: 16px; text-indent: -5000px; border: none !important; margin: 0; padding: 0;}


/* ------------------------------------- */
/* ---------- TEXT LINKS <<<------------ */
/* ------------------------------------- */

#content-sidebar a {font: 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #069; margin-left: 10px;}
#content-sidebar a:hover {color: #eb1d27;}
a.toplink {font: 11px "Century Gothic", Arial, Helvetica, sans-serif; color: #069;}

#admin-support-hidden {display: none;}
#duct-tech-hidden {display: none;}
#residential-sales-hidden {display: none;}
#outside-sales-hidden {display: none;}
#shop-maintenance-hidden {display: none;}

/* ------------------------------------- */
/* ---------- BODY TEXT <<<------------- */
/* ------------------------------------- */

p {width: 450px; text-align: justify; font: 12px Arial, Helvetica, sans-serif; color: #444; line-height: 1.5;}
p.career {font: 11px Arial, Helvetica, sans-serif; color: #444; line-height: 1.5;}
ul.career-list {list-style:square; width: 475px; padding-left: 25px; font: 11px Arial, Helvetica, sans-serif; color: #444; line-height: 1.5;}
.sub-list {text-indent: 25px;}

/* ------------------------------------- */
/* ---------- FORMS <<<----------------- */
/* ------------------------------------- */

label {font: 12px Arial, Helvetica, sans-serif; color: #444; line-height: 1.5;}
input {font: 11px Arial, Helvetica, sans-serif; color: #444; border: 1px solid #444; background: #fff;}
textarea {font: 11px Arial, Helvetica, sans-serif; color: #444; border: 1px solid #444; background: #fff;}
.button {font: 11px Arial, Helvetica, sans-serif; color: #fff; border: 1px solid #fff; background: #064F64;}
.checkbox {border: 0;}
.form-info {width: 200px; font: 9px Arial, Helvetica, sans-serif; color: #444;}

/* -------------------------------------- */
/* ---------- MISC CLASSES <<<----------- */
/* -------------------------------------- */

.no-show {display: none;}
.post-address {margin-bottom: 10px; float: left;}
.phone-numbers {margin-bottom: 10px; float: left;}
.email-address {margin-bottom: 10px; float: left;}
.contact-error {color: #eb1d27;}
.hidden {display: none;}
.visible {display: inline;}