/* CSS Document */

body, h1, h2, h3, h4, h5, h6, div, p, dl, dd, ul, ol, li, form, fieldset {
    margin: 0;
    padding: 0;
}

body{
 margin:0;
 background:url(../imgs/bg1.jpg) #fff repeat;
}


/*Letter*/


h1 {
 position: relative;	
 width:auto;
 height:50px;
 margin:10px 0px;
 padding: 5px 15px 5px 10px;
 color:#333333;
 font-family:Verdana;
 font-weight:bold;
 font-size:140%;
 border-bottom:4px solid #cccccc;
 background-color:transparent;
}
h1:first-letter {
 margin-right: .1em;
 font-size: 1.5em;
}

h1::after {
 position: absolute;
 bottom: -4px;
 left: 0;
 z-index: 2;
 content: '';
 width: 20%;
 height: 4px;
 background-color: #3498db;
}

h2 {
 position: relative;
 width:auto;
 height:auto;
 padding:.75em 0em .75em 0em;
 color:#333333;
 font-family:Verdana;
 font-weight:bold;
 font-size:100%;
}

h3 {
 margin:10px 0px;
 padding:0px;
 color:#245d83;
 font-family:Verdana;
 font-weight:bold;
 font-size:80%;
}


/*Paragraph*/
p {
 margin:0px;
 padding:0px 0px;
 color:#333333;
 line-height:1.2em;
 font-family:Verdana;
 font-weight:normal;
 font-size:80%;
 background-color:transparent;
}

/*Link Color*/
a:link {
 color:#000066;
 text-decoration:none;
}
a:visited {
 color:#660066;
}
a:hover {
 color:#00CCFF;
}
a:active {
 color:#FF99FF;
}


/*Site Box Layout*/

#sitebox{
 height:auto;
 width:954px;
 margin:0px auto;
 padding:0px;
 background-color:transparent;
 border-top:0px solid #ffffff;
 border-bottom:0px solid #333333;
 border-left:2px solid #ffffff;
 border-right:2px solid #b5c2c9;
}

#header{
 clear:both;
 float:left;
 height:85px;
 width:950px;
 margin:0px;
 padding:0px;
 background-color:#ffffff;
 border-left:2px solid #ffffff;
 border-right:2px solid #ffffff;
}

#main{
 clear:both;
 float:left;
 height:auto;
 width:950px;
 margin:0px;
 padding:0px 0px 0px 0px;
 background-color:#ffffff;
 border-left:2px solid #ffffff;
 border-right:2px solid #ffffff;
}

#footer{
 clear:both;
 float:left;
 height:auto;
 width:950px;
 margin:0px;
 padding:0px;
 border-top:1px solid #b5c2c9;
 background-color:#ffffff;
 border-left:2px solid #ffffff;
 border-right:2px solid #ffffff;
}



/*Header Logo*/

.header-logo {
 float:left;
 height:45px;
 width:935px;
 margin:0px;
 padding:5px 0px 0px 15px;
 background-color:transparent;
}

/*Header Menu*/

.header-menu {
 float:left;
 width:920px;
 height:30px;
 margin:0px;
 padding:0px 15px;
 background-color:#888888;
 box-shadow: 0px 3px 6px 0px #aaa;
}

.menu ul li {
 list-style: none;
 margin:0;
 padding:0px 15px;
 font-size:14px;
 float: left;
 position: relative;
 width: auto;
 height: 30px;
 line-height: 30px;
 background:#888888;
 color: #cccccc;
 font-family:Verdana;
 text-align:center;
 font-weight:bold;
}
.menu ul li a {
  color: #e5e5e5;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#22597d;
  color:#fff;
}
.menu ul li ul {
  position: absolute;
  top: 30px;
  left: 0px;
  width: 470px;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 470px;
  height: 0;
  text-align:left;
  background:#22597d;
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#3498db;
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:30px;
  z-index: 10;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}



/*Product*/

.product{
 width:910px;
 height:auto;
 margin:0px;
 padding:10px 20px;
 background-color:#ffffff;
}


/*Product-index*/

.product-index1{
 width:910px;
 height:auto;
 margin:0px;
 padding:10px 20px 5px 20px;
 background-color:transparent;
}

/*Product-lineup*/

.product-lineup{
 width:910px;
 height:auto;
 margin:0px;
 padding:10px 20px 5px 20px;
 background-color:#ffffff;
}

.product-lineup table{
 width:auto;
 height:auto;
 margin:20px 0px 10px 0px;
 padding:0px 0px;
 border-collapse:collapse; 
 border:none;
 background-color:transparent;
}

.product-lineup td{
 width:auto;
 height:auto;
 margin:0px 0px;
 padding:10px 0px 15px 0px;
 text-align:left;
 vertical-align:top;
 border-collapse:collapse; 
 border:none;
 background-color:#ffffff;
}

.product-lineup ul {
 width:auto;
 margin:0px 0px 10px 10px;
 padding:0px 10px;
}
.product-lineup li {
 width:auto;
 height:auto;
 padding:2px 0px;
 font-family:Verdana;
 font-weight:normal;
 font-size:75%;
 list-style-type: none;
}

.product-lineup td li a {
 display:block;
 color:#225a7d;
 text-align: left;
 text-decoration: none;
 font-size:120%;
 font-weight:bold;
 background-color:transparent;
}
.product-lineup td li a:hover {
 color:#3498db;
}


/*Product-features*/
.features{
 float:left;
 width:590px;
 height:auto;
 margin:10px 0px;
 padding:0px;
 background-color:transparent;
}
.features ul {
 width:auto;
 margin:0px 0px 10px 0px;
 padding:0px 10px;
}
.features li {
 width:auto;
 height:auto;
 padding:2px 0px;
 list-style-type: none;
}


/*Product Pic-table*/
.product-pic{
 float:right;
 width:300px;
 height:auto;
 margin:20px 0px 10px 0px;
 padding:0px 10px;
 background-color:transparent;
}

.product-pic table{
 width:300px;
 height:auto;
 margin:10px 0px 10px 0px;
 padding:0px 0px;
 border-collapse:collapse; 
 border:none;
 background-color:transparent;
}

.product-pic td{
 width:300px;
 height:auto;
 margin:0px 0px;
 padding:0px 0px 15px 0px;
 align:right;
 border-collapse:collapse; 
 border:none;
 background-color:transparent;
}

.product-pic2{
 clear:both;
 float:left;
 width:890px;
 height:auto;
 margin:0px 0px 15px 0px;
 padding:0px 15px;
 background-color:transparent;
}

.product-pic2 table{
 float:right;
 width:auto;
 height:auto;
 margin:0px;
 padding:0px 0px;
 border-collapse:collapse; 
 border:none;
 background-color:transparent;
}

.product-pic2 td{
 width:auto;
 height:auto;
 margin:0px 0px;
 padding:0px 0px 0px 15px;
 vertical-align:top;
 border-collapse:collapse; 
 border:none;
 background-color:transparent;
}

/*Specifications-table*/

.spec-chart{
 Clear:both;
 width:auto;
 height:auto;
 margin:0px;
 padding:0px;
 background-color:#ffffff;
}

/*About Us*/

.about-us{
 Clear:both;
 float:left;
 width:auto;
 height:auto;
 margin:0px;
 padding:0px 0px 30px 0px;
 background-color:#ffffff;
}

.about-us ul {
 width:auto;
 margin:0px 0px 10px 0px;
 padding:0px 10px;
}
.about-us li {
 width:auto;
 height:auto;
 padding:5px 0px;
 color: #333333;
 font-family:Verdana;
 text-align:left;
 font-weight:normal;
 font-size:75%;
 list-style-type: none;
}

/*Footer -- Logo*/
.copyright{
 clear:both;
 color:#333333;
 text-align:right;
 width:auto;
 font:normal 12px Arial, Helvetica, sans-serif;
 margin:10px 13px 10px 10px;
}


/*For latest browsers*/
.cf:before,
.cf:after {
 content:"";
 display:block;
 overflow:hidden;
}
 
.cf:after {6:50 PM 11/30/2011
 clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
 zoom:1;
}

/*For Float Clear*/
.cl {  
 display: inline-block;  
}  
cl:after {  
 content: "";  
 display: block;  
 clear: both;  
}