body {background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 12px; color: #333333;}
img {border: 0;}
h3 {font-family: Arial, Helvetica, sans-serif; font-weight: lighter; font-size: 20px; color: #336699;}
h4 {font-family: Arial, Helvetica, sans-serif; color: #333333; font-weight: lighter; font-size: 16px;}
a {text-decoration: none; color: blue;}
a:hover {text-decoration: underline; color: blue;}

#container{width: 980px; margin: 0 auto;}
#content {position: relative; float: left; width: 980px; margin-top: 10px;}

#header {position: relative; float: left; width: 100%; height: 90px; background-image: url(../images/backgrounds/header-bg.gif); background-position: left; background-repeat: repeat-x; margin: 0;}
#header-container {margin: 0 auto; width: 980px; height: 90px; border: 0 1px red;}
#head-left {position: relative; float: left; width: 500px; height: 83px; margin: 0 0 0 5px;}
#head-right {position: relative; float: right; width: 400px; height: 83px; margin: 0 5px 0 0;}
.head-link a {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #333333;}
.head-link a:hover {text-decoration: none; color: #6ea2d1;}
#head-right table {position: relative; float: right;}
#altus-sec-logo {position: relative; float: left; height: 38px; width: 271px; margin: 18px 0 0 0;}
#clock {position: relative; float: right; color: #CCCCCC;}
#tel {position: relative; float: right; color: #CCCCCC;}
#search {position: relative; float: right;}
#banner {position: relative; float: left; height: 168px; width: 663px; margin: 10px 0 10px 0;}
#banner-lg {position: relative; float: left; height: 254px; width: 980px; margin: 10px 0 10px 0;}
#training-banner {position: relative; float: left; height: 367px; width: 979px; margin: 10px 0 10px 0;}
#banner-sm {position: relative; float: left; height: 102px; width: 980px; margin: 10px 0 10px 0;}

#left {position:relative; float: left; width: 665px;}
#right {position: relative; float: right; width: 310px;}
#main-product-content {position: relative; float: right; width: 736px; border-left: 1px dotted #333333; padding-left: 5px; margin-left: 5px;}
.image {position: relative; float: right; margin-left: 10px; margin-bottom: 10px;}
.pdf {list-style-image: url(../images/icon-pdf.gif);}
.screen-shot {position: relative; float: left; margin: 5px;}
#products-main-left {position: relative; float: left; width: 310px;}
#products-main-right {position: relative; float: right; width: 670px;}
.product {position: relative; float: left; width: 310px; padding: 5px 0 5px 0;}
.product a {display: block; text-decoration: none;}
.product a:hover {display: block; text-decoration: underline;}
.product-left {position: relative; float: left; width: 50px; height: 50px; margin: 0; padding: 0;}
.product-right {position: relative; float: right; width: 255px; height: 50px; padding: 0; padding: 0;}
.product-right p {position: relative; float: left; margin: 0; padding: 0;}
.product-right p span.product-head-link{font-family: Arial, Helvetica, sans-serif; color: #3300FF; font-size: 16px; text-decoration: none; margin: 0; padding: 0;}
.product-right p span.product-text {color: #999999;}

/* includes/bottom.php styling */
#bottom {font-size: text-align: center; margin: 20px 0 10px 0; padding: 5px 0 5px 0; border-top: 5px solid #e2e6f1; border-bottom: 10px solid #e3f1e2; background-color: #fdfdfd;}
#bottom-container {margin: 0 auto; width: 980px;}
#bottom-links {position: relative; float: right;}
#bottom-links a {color: #96989b; text-decoration: none;}
#bottom-links a:hover {color: #0099CC; text-decoration: underline;}

#util {position: relative; float: right; margin: 10px 0 0 0; font-size: 9px; text-align: center; color: #999999;}
#util a {text-decoration: none; color: #999999}
#util a:hover {text-decoration: underline; color: #666666;}
#util hr {color: #CCCCCC;}