html {
   background: #fff url(images/main_bgtile.jpg) repeat-x top left;
   margin: 0;
   padding: 0;
   }
body {
   z-index: 1;
   background: transparent url(images/main_background.jpg) no-repeat top center;
   height: 768px;
   width: 100%;
   margin: 0;
   padding: 0;
   font-family: LucidaGrande, Lucida Sans, Verdana, sans-serif;
   font-size: 12px; 
   }
#main {
   padding: 0;
   z-index: 5;
   width: 755px;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   }
#main h2 {
   font-size: 1.2em;
   }
#top {
   height: 154px;
   width: 773px;
   padding: 0px 0 0 2px;
   z-index: 2;
   }
#logo {
   padding: 0;
   margin: 0;
   height: 125px;
   width: 230px;
   float: left;
   z-index: 110;
   }
#logo a {
   height: 133px;
   width: 230px;
   padding: 0;
   margin: 0;
   border: none;
   display: block;
   position: relative;
   background: transparent url(images/Shade-Systems_logo.gif) no-repeat center left;
   }
#logo h1 {
   height: 125px;
   width: 230px;
   padding: 0;
   margin: 0;
   }
#logo h1 span {
   display: none;
   }
#contact {
   padding: 0;
   margin: 0;
   width: 530px;
   height: 133px;
   background: transparent url(images/shade_systems-head.gif) no-repeat top right;
   float: right;
   }
#contact span {
   display: none;
   }
.top_nav {
   color: white;
   width: 100%;
   float: right;
   }
a {
   color: #000080;
   text-decoration: none;
   border-bottom: 1px dashed #448FB4;
   }
a:hover {
   color: #900B09;
   text-decoration: none;
   border-bottom: 1px dotted #900B09;
   }
#main_flash {
   width: 755px;
   height: 230px;
   background: #fff;
   border: 10px solid white;
   padding-left: 0px;
   }
#flashcontent {
   width: 730px;
   margin-left: auto;
   margin-right: auto;
   }
#main_flash p {
   display: none;
   }
#main_photo {
   width: 755px;
   height: 257px;
   background: #fff;
   border-left: 10px solid white;
   border-right: 10px solid white;
   display: none;
   }
#main_photo p {
   display: none;
   }
#gallery {
   width: 755px;
   height: 277px;
   border: 10px solid white;
   background: #fff;
   margin: 0;
   padding: 0;
   }
#large_pic {
   width: 480px;
   height: 277px;
   float: left;
   padding: 0;
   margin: 0;
   }
#large_pic img {
   padding: 0;
   margin: 0;
   }
.small_pic {
   float: right;
   margin: 0 0 -3px 5px;
   }
*html .small_pic {
   margin: 0 0 0 5px;
   }
.small_pic img {
   margin: 0;
   border-bottom: 1px solid white;
   }
#video {
   background: #0C60A0;
   float: right;
   width: 225px;
   margin-right: -20px;
   margin-left: 15px;
   padding-bottom: 10px;
   }
#video p {
   margin: 0 6px 0 10px;
   color: #fff;
   }
#video img {
   padding: 0;
   margin: 0;
   }
.link a {
   color: #AFE1ED;
   }
.link a:hover {
   color: #c00;
   }
#link2 a {
   color: #00c;
   }
#link2 a:hover {
   color: #c00;
   }
   
   
#turnnslide {
   background: #0C60A0;
   width: 225px;
   padding: 10px 0 10px 0;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   }
#turnnslide ul {
   width: 205px;
   padding: 0;
   margin: 0;
   margin-left: auto;
   margin-right: auto;
   }  
#turnnslide ul li {
   margin: 1px 0 1px 0;
   padding: 0;
   list-style-type: none;
   }
* html #turnnslide ul li {
   margin: 1px 0 1px -18px;
}
#turnnslide ul li a {
   background: #00508F;
   display: block;
   padding: 4px 0 2px 0;
   color: #fff;
   font-weight: bold;
   border: none;
   margin: 0;
   }
#turnnslide ul li a:hover {
   background: #00437A;
   display: block;
   padding: 4px 0 2px 0;
   color: #c00;
   border: none;
   }
#turnnslide ul li img {
   border: 0;
   margin: 1px 10px 0 4px;
   }
#swf_holder {
   width: 205px;
   padding: 0;
   margin-left: auto;
   margin-right: auto;
   }
#specs {
   float: right;
   width: 175px;
   margin-right: -10px;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
   border: 1px dashed #4EA4D0;
   padding: 10px;
   clear: right;
   }
#specs h2 {
   color: #900B09;
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   }
#specs UL {
   list-style: square outside url('images/arrow.gif');
   }
#specs UL li {
   margin: 2px 0 8px 0;
   }
.idealist {
   margin-top: 6px;
   list-style: square outside url('images/arrow.gif');
   }
.idealist li {
   margin: 2px 0 6px 0;
   }
.products {
   
   }
.products a {
   font-size: 12pt;
   font-weight: bold;
   }
#cafe_order {
   float: right;
   height: 35px;
   width: 230px;
   background: url(images/cafe_order.jpg) no-repeat;
   border: 1px solid #ofo;
   font-family: arial;
   font-size: 20px;
   }
#cafe_order a {
   padding: 3px 0 0 35px;
   display: block;
   color: #000;
   font-weight: bold;
   font-style: italic;
   text-decoration: none;
   border: none;
   }
#cafe_order a:hover { 
   color: #c00;
   }
 
.breaker {
   clear: right;
   }
#footer {
   width: 525px;
   text-align: center;
   float: left;
   }
li {
   list-style: square inside;
   }

hr {
   width: 90%;
   color: #4EA4D0;
   background-color: #4EA4D0;
   }
.page_photo {
   float: right;
   border: 1px solid #4EA4D0;
   margin: 10px -10px 10px 5px;
   }
#products_use {
   width: 45%;
   float: left;
   }
#products_use H2 {
   font-size: 14pt;
   }
#products_use img {
   float: right;
   border-style: none;
   }
#products_cat {
   width: 48%;
   float: right;
   padding-left: 25px;
   border-left: 1px solid #4EA4D0;
	}
#products_cat H2 {
   font-size: 14pt;
   }
#products_cat img {
   float: right;
   border-style: none;
   }
.newsthumb {
   margin: 0 15px 0 0;
   }
.newstable td p {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px; 
   }
.newstable td img {
   margin: 0 0 10px 15px;
   }
.newstable td h3 {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   }
.style1 {
   border-bottom: none;
   }
.style1 img {
   border: 1px solid #00c;
   }
.shoptable {
   width: 610px;
   margin-left: auto;
   margin-right: auto;
   }

.styOptionSelectVal {
   font-size: 10px;
   width: 250px;
   overflow: auto;
   }
.styOptionReview {
   font-size: 12px;
   font-weight: bold;
   }
.styProductDescShort {
   font-size: 10px;
   }