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


body {
   margin: 0px;
   padding: 40px 0 0 0;
   font-family:Arial;
   background-color: #076b81;
   }
#wrapper {
   margin: 0 auto;
   width: 829px;
   height: 869px;
   min-height: 869px;
   height: auto;
   background: url('images/main.jpg') no-repeat #fff;
   }
#header {
   float: left;
   width: 829px;
   height: 300px;
   margin: 0px;
   padding: 0px;
   background: url('images/header.gif') center;
   border: 0px solid red;
}
.dotted {

   background: url('images/dotted.gif') repeat-y top left;
   border: 0px solid #FF0000;
   
/* -------- menu ------------ */
   }
#topmenu {
   float: left;
   margin: 102px 1px 0 5px;
   padding: 0px;
   width: 820px;
   height: 32px;
   border: 0px solid #000;
   } 
#topmenu2 {
   float: left;
   margin: 135px 1px 0 5px;
   padding: 0px;
   width: 820px;
   height: 32px;
   border: 0px solid #000;
} 
#topmenu2 ul{
   
   margin: 0px;
   padding: 0 10px 0px 15px;
   list-style: none;
}
#topmenu ul{
   
   margin: 0px;
   padding: 0 10px 0px 15px;
   list-style: none;
}
#topmenu2 li{
   float: left;
}
#topmenu li{
   float: left;
}
#topmenu2 a {
   float: left;
   border: none;
   display: block;
   text-decoration: none;
   padding: 0 30px 0px 30px;
   color: #fff; 
   font-size: 12px;
   font-weight: bold;
   height: 20px;
   line-height: 31px;
    border: 0px solid #fff;
   } 
#topmenu a {
   float: left;
   border: none;
   display: block;
   text-decoration: none;
   padding: 0 30px 0px 30px;
   color: #fff; 
   font-size: 12px;
   font-weight: bold;
   height: 20px;
   line-height: 31px;
    border: 0px solid #fff;
   } 
#topmenu2 a:hover {
   color: #f6ce05;
	
} 
#topmenu a:hover {
   color: #f6ce05;
	
} 
#topmenu img {
   border: none;
 } 
 .edge {background:url('images/edge.gif') no-repeat; height: 30px; } 
 .topPlayer {   
   float: left;
   width: 700px;
   height: 38px;
   padding: 0px;
   margin: 0px;
   color: #000;
   border: 0px solid blue;
   margin-bottom: 10px;
}
 /*-------------------- top above-----------------*/
 
#content {
   float: left;
   width: 829px;
   height: 560px;
   min-height: 560px;
   height: auto;
   margin: 0 0 0 0px;
   border: 0px solid blue;
   }
   
#innercontent {
      padding: 10px 20px 15px 17px;
	  font-size: 12px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  text-align: justify;
	  color: #000066;	  
}
h1 {
   font-size: 16px;
   color: #00667d;
   font-weight: bold;
   border-bottom: 0px solid #000;

   text-align:left;
   margin: 0px;
}
h2 {
   color:#b64933;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: -10px;
}
h3 {
   color:#fff;
   font-size: 14px;
   font-weight: bold;
}
.redText {
	color: #008080;
	font-size: 12px;
} 

 /*-------------------- misc above -----------------*/  
#footer {
   width: 795px;
   height: 32px;
   background: url('images/footer.gif') repeat-x left ;
   margin: 0px auto;
   padding: 0px 0 0px 0;
   border: 0px solid red;
   }
#foot-inner a{
   color: #FFFFFF;
}
#foot-inner a:hover{
   text-decoration: none;
}
#foot-inner {
   padding: 8px 15px 0 15px;
   margin: 0px 0 0 0;
   font-size: 14px;
   color:#fff;
   font-weight: bold;
   }
#logo {
   margin: 0 auto;
   color: #fff;
   font-size: 10px;
   padding-top: 10px;
   margin: 0px;
}
#logo a{
   text-decoration:none;
   color:#fff;
   border: none;
}
 #logo img{
   text-decoration:none;
   color:#fff;
   border: none;
}
 /*-------------------- footer above -----------------*/ 
.box-outer {
   float: left;
   background: url('images/top-w.gif') no-repeat;
   width: 374px;
   margin: 0px 0 20px 0;
   padding: 0px;
}
.box-inner {
   float: left;
   background: url('images/mid-w.gif') repeat-y;
   width: 374px;
   height: 150px;
   min-height: 150px;
   height: auto;
   margin: 18px 0 0 0px;
   padding: 0 15px 0 15px;
}
h1{
   width: 340px;
}
h2{
   width: 340px;
}
.box-inner p{
   width: 340px;
}
.box-bot {
   float: left;
   background: url('images/bot-w.gif') no-repeat top;
   width: 374px;
   margin: 0px;
   height: 19px;
   padding: 0px;
}
.box2-outer {
   float: left;
   background: url('images/top-g.gif') no-repeat;
   width: 383px;
   margin: 20px 0 20px 0;
   padding: 0px;
}
.box2-inner {
   float: left;
   background: url('images/mid-g.gif') repeat-x #0d9bb2;
   width: 383px;
   height: 150px;
   min-height: 150px;
   height: auto;
   margin: 14px 0 0 0px;
   padding: 0 0px 0 0px;

}
.box2-bot {
   float: left;
   background: url('images/bot-g.gif') no-repeat top;
   width: 383px;
   margin: 0px;
   height: 15px;
   padding: 0px;
}
.video p{
   float: left;
}
.video {
   float: left;
   width: 172px;
   height: 61px;
   color: #fff;
   font-size: 11px;
   margin: 0 3px 15px 0;
   border: 0px solid white;
}
.video img{
   float: left;
   border: none;
   margin-right: 8px;
 }
.inner {
   padding: 0 15px 0 15px;
}
.left {
   float: left;
   width: 376px;
   padding: 0px;
   margin: 0px;
   color: #000;
   border: 0px solid blue;
   margin-bottom: 20px;
}
.right {
   float: right;
   width: 383px;
   margin: 0px;
   padding: 0 0 0 0px;
   text-align: left;
   color: #000;
   border: 0px solid green;
}
#right img {
   margin: 0 0 10px 0;
}
.left ul{
   float: left;
   margin-left: 3px;
   padding: 0px;
   list-style: none;
}
.left ol{
   margin-left: 15px;
   padding: 0px 0 0 3px;
}
.dotline{
   background: url('images/dotline.gif') repeat-x;
   width: 418px;
   height: 4px;
   text-align: center;
   border: 0px solid green;
}
.photoright {
   float: right;
   margin: 0 10px 10px 10px;
   padding: 0px;
}
 #flash {
	width: 383px;
	height: 250px;
	background-color: #999999;
	border: 0px solid #000;
	play-during: repeat;
}
#player1 img{
   float: left;
   border: none;
}
#player2 img{
   float: left;
   border: none;
}
.clearfix {clear: both;}

/*--------------------products below-----------------*/
h4 {
  background: url('images/arrow.gif') no-repeat left;
  font-size: 10px;
  color: #097d93;
  margin: 0px;
}
.prodbox img{
  float: left;
  border: none;
}
.prodbox {
  float: left;
  width: 107px;
  height: 120px;
  font-size: 9px;
  text-align: left;
  margin: 0px 10px 10px 0;
}
/*--------------------form-----------------*/

label { width: 10em; float: left; font-size:12px; }
label.error { float: left; color: red;  vertical-align: top; width: 70%; padding-left: 10em; font-size:12px;}
form p { clear: both; }
.submit { margin: 0 0 10px 120px; position: relative; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
fieldset {margin-left: 0; width: 400px; text-align: left; float: left; border: 0px solid black; padding: 0px;}
#formtext{color: #000;}
textarea {border: 1px solid #ccc;}
input {border: 1px solid #ccc;}
form {border: none;}