@charset "UTF-8";
/* CSS Document */
@import url(reset.css);
/*Layout*/
body {padding-bottom: 20px; background: #a3a4a4 url(../images/bodyBG.png) repeat-x;}
#container {width: 984px; margin: 0 auto; position: relative;}
#headerLeft {float: left; width: 13px; height: 220px; position: relative; background: url(../images/headerLeft.jpg) no-repeat top left;}
#headerRight {float: right; width: 13px; height: 220px; position: relative; background: url(../images/headerRight.jpg) no-repeat top right;}
#header {float: left; width: 983px; height: 220px; position: relative; background: url(../images/headerBG.jpg) repeat-x;}
#equipment {float: right; margin: 0 25px 10px 0;}
#slogan {float: right; position: relative; right: 7px;}
#logo {float: left; position: relative; top: 32px; left: 25px;}
#wrapper {float: left; width: 984px; padding: 20px 0 10px; position: relative; background: url(../images/wrapperBG.jpg) repeat-y;}
#mainColumn {float: left; display: inline; width: 610px; margin: 0 0 0 25px; position: relative;}
#aboutUs {float: left; margin: 10px; padding: 10px; background: url(../images/aboutUsBG.jpg) repeat-x left top; border: 1px solid #cb4200;}
#oneColumn {float: left; display: inline; width: 935px; margin: 0 25px; position: relative;}
.imageGallery {clear: both;}
#sideColumn {float: right; display: inline; width: 300px; margin: 0 26px 15px 0; position: relative;}
#footer {width: 983px; height: 29px; position: relative; clear: both; background: url(../images/footerBG.jpg) no-repeat;}
/*Text Formatting*/
body {font-family: Arial, Verdana, Helvetica; font-size: 12px; color: #c8c8c8;}
h1 {float: left; height: 23px; margin: 0 0 20px 0; padding: 10px 15px 0; background: url(../images/pagetitleBG.jpg) repeat-x; border: 1px solid #8c8c8c; font-size: 14px; font-weight: bold; color: #f0f0f0;}
h2 {float: left; margin: 0 0 20px 0; clear: both; font-size: 13px; font-weight: bold; color: #f0f0f0;}
h2.secondHeading {margin-top: 8px;}
h3 {float: left; margin: 7px 0 0 25px; font-size: 11px; color: #f0f0f0;}
h4 {font-size: 14px; font-weight: bold; color: #f0f0f0;}
h5 {margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #f65a0a;}
p {margin-bottom: 10px; clear: both; line-height: 1.5em;}
strong {font-weight: bold; color: #f0f0f0;}
/*Images*/
img.star {display: inline; position: relative; top: 3px;}
img.imgRight {float: right; border: 1px solid #cb4200;}
img.product {float: left; margin: 0 15px 15px 0; border: 1px solid #cb4200;}
img.productLast {float: left; margin: 0 0 15px; border: 1px solid #cb4200;}
img.contact {margin: 20px 0 10px;}
/*Links*/
/*Menu*/
#menu {float: right; width: 540px; height: 31px; margin-top: 161px; position: relative;}
#menu #nav {margin: 0; padding: 0;}
#menu #nav li {display: inline;}
#menu #nav li a {text-decoration: none; float: left; width: 180px; height: 0; padding-top: 31px; overflow: hidden;}
#menu #nav li a {background-image: url(../images/menusprite.jpg); background-repeat: no-repeat;}
/*Default*/
#menu #nav li.home a {background-position: 0 0;}
#menu #nav li.product a {background-position: -180px 0;}
#menu #nav li.contact a {background-position: -359px 0;}
/*Visited*/
#menu #nav li.home a:visited {background-position: 0 0;}
#menu #nav li.product a:visited {background-position: -180px 0;}
#menu #nav li.contact a:visited {background-position: -359px 0;}
/*Hover*/
#menu #nav li.home a:hover {background-position: 0 -31px;}
#menu #nav li.product a:hover {background-position: -180px -31px;}
#menu #nav li.contact a:hover {background-position: -359px -31px;}
/*Active*/
#menu #nav li.home a:active {background-position: 0 -31px;}
#menu #nav li.product a:active {background-position: -180px -31px;}
#menu #nav li.contact a:active {background-position: -359px -31px;}
/*Selected*/
#menu #nav li.home a.selected {background-position: 0 -31px;}
#menu #nav li.product a.selected {background-position: -180px -31px;}
#menu #nav li.contact a.selected {background-position: -359px -31px;}
/*Text Links*/
a:link, a:visited {text-decoration: underline; color: #f65a0a;}
a:hover, a:active {text-decoration: none;}
/*Contact Definition List*/
dl.twoColumnContact {width: 100%; margin-bottom: 10px; clear: both;}
dl.twoColumnContact dt {float: left;}
dl.twoColumnContact dd {margin: 0 0 10px 110px;}