/*This style sheet is copyright us2design 2007*/

/*=================================================================================================*/
* {margin:0; padding:0;}

#html a {display: block;}
body { color: #003; font-size: 12px; behavior:url(csshover.htc); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; line-height: 20px; background-color: #333; background-repeat: no-repeat; background-position: 0 0; text-align: center; margin: 0; padding: 0  }

div#mainwrap  { background-color: white; text-align: left; width: 800px; margin: 30px auto; border: solid 1px #fff   }

div#header { background-repeat: no-repeat; text-indent: -5000px; color: #006699; background-image: url(../content_images/header.jpg); text-align: center; width: 800px; height: 120px   }

div#content{ color: #f39; font-size: 12px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; line-height: 18px; background-image: url(../content_images/menu_bar.jpg); background-repeat: no-repeat; background-position: left top; width: 800px; border-top: 1px solid white; }

div#content h3{color: #666; font-size: 11px; font-weight: bold; text-align: left; height: 21px; padding-top: 4px; }
div#content p{ padding-bottom: 10px; text-align: left; }

.tab{ float:left; height: 21px; text-align: left; margin-left: 50px; padding-bottom: 4px;}

.tab a { float:left; color: #003; text-decoration: none; }

.tab a:hover { float:left; color: #fff; text-decoration: none; }

.tabtxt{  float:left;  color: #fff; }

div#boxholder{ width: 800px; clear: both; overflow: hidden; border-top: 1px solid #fff; }

.box{ }

/*.box p {font-size: 12px; line-height: 18px; margin-left: 50px; padding-right: 250px; padding-bottom: 10px; padding-left: 0; }*/

.box form{margin: 10px 0 5px 0;}

.home { color: #003; font-size: 12px; line-height: 18px; background-image: url(../content_images/home_image.jpg); background-repeat: no-repeat; background-position: right top; margin: 0 0 0 50px ; padding: 10px 450px 0 0; }

.home a:hover {color: #003; text-decoration: none; }
.aboutus {color: #003; font-size: 12px; line-height: 18px; margin: 0 200px 30px 50px ; padding: 10px 50px 50px 0; }

.aboutus a:hover {color: #999; text-decoration: none; }

.aboutusbgnd {background-image: url(../content_images/about_us.jpg); background-repeat: no-repeat; background-position: right top; height: 460px;  }


/* products =================================================================================================*/

.product {color: #003; font-size: 12px; line-height: 18px; margin: 0 0 0px 50px ; padding: 10px 50px 50px 0; }
.producthead { color: #000; font-size: 16px; font-weight: bold; margin-top: 0px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dashed #999; }

.productleft { width: 340px; float: left; margin-bottom: 20px; }

.productleft p a {color: #666; text-decoration: none; }

.productleft p a:hover {color: #003; text-decoration: none; }

.productleft p{ color: #666; }

.productright {float:right; text-align: right; margin-left: 10px; }

.productright img {margin-left: 20px; border: 1px solid #fff;}

/* END of products =================================================================================================*/
.pressandpr { color: #003; font-size: 12px; line-height: 18px; background-image: url(../content_images/J0503-pr_side_bar.jpg); background-repeat: no-repeat; background-position: left top; margin: 0 0 0 30px ; padding: 0 50px 0 215px; }

.prheading { color: #666; font-size: 13px; font-weight: bold; line-height: 18px; margin-right: 50px; margin-bottom: 5px;  border-bottom: 1px dashed #003; }



/*footer ==========================================================================================*/

div#footer { margin-top: 20px; padding-top: 5px; color: #fff; font-size: 14px; background-image: url(../content_images/menu_bar.jpg); text-align: center; width: 800px; height: 25px; border-top: 1px solid #fff; }

/*=================================================================================================*/

.clearfix {display: block}
.clearfloats {clear:both;}
.clearfix:after { visibility: hidden; display: block; height: 0; clear: both; content: "." }

/*=================================================================================================*/

a{ color: #006; text-decoration: none; }

a:hover{ color: #fff; text-decoration: none; }

/*=================================================================================================*/

div#quote1 { background-image: url(../content_images/quote_01.jpg); background-repeat: no-repeat; background-position: left 0; text-indent: -5000px; height: 121px; }

div#quote2 { background-image: url(../content_images/quote_02.jpg); background-repeat: no-repeat; background-position: left 0; text-indent: -5000px; height: 121px; margin-bottom: 20px; }

div#quote3 { background-image: url(../content_images/quote_03.jpg); background-repeat: no-repeat; background-position: left 0; text-indent: -5000px; height: 157px; }

div#quote4 { background-image: url(../content_images/quote_04.jpg); background-repeat: no-repeat; background-position: left 0; text-indent: -5000px; height: 121px; margin-bottom: 20px; }

/*=================================================================================================*/
.class { }