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



/* General Styling */
* {margin: 0; padding: 0;}
body {font: 12px normal Arial, Helvetica, sans-serif; background: #000 url(images/bg.gif);}
img {border: none;}

/* Page */
#page {width: 800px; height: auto; padding: 0; margin: 0 auto 0 auto;}

/* Top */
#top {width: 800px; height: auto; padding: 0; margin: 10px 0 0;}
#top .tleft {width: 630px; height: 200px; float: left;}
#top .crown {width: 170px; height: 200px; float: left;}
#top .leader {width: 630px; height: 180px; position: relative;}
#top .leader h2 {font: 42px normal Arial, Helvetica, sans-serif; color: #dc0101; position: absolute; top: 20px; left: 0;}
#top .leader img {margin-top: 100px;}

#top .nav {width: 630px; height: 20px;}
#top .nav ul {list-style: none;}
#top .nav ul li {width: 90px; height: 20px; background: url(images/nav_bg.png) no-repeat; margin-right: 5px; float: left}
#top .nav ul li h2 {padding: 2px; font: 11px normal Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;}
#top .nav ul li h2 a {color: #000; text-decoration: none;}
#top .nav ul li h2 a:visited {color: #000; text-decoration: none;}
#top .nav ul li h2 a:hover {color: #fff; text-decoration: none;}

/* Mid - Main Contant */
#mid {width: 800px; height: 400px; margin: 10px 0 20px 0; padding: 0;}
#mid .form {width: 500px; height: auto; margin: 20px 0; color:#FFF; float: left;}
#mid .mail {width: 300px; height: auto; margin: 20px 0; float: left; padding-top: 15px; text-align: right;}
#mid .mail p {font: 24px normal Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 10px;}

/* Product and sub product pages */
#mid .gall {width: 750px; height: auto; margin: 20px 0; color:#FFF;}
#mid .gall .pic {width: 100px; height: 170px; margin-right: 20px; padding: 0; float: left;}
#mid .gall .picsix {width: 100px; height: 170px; margin: 0; padding: 0; float: left;}
#mid .gall p.partner {font: 14px normal Arial, Helvetica, sans-serif; color: #fff;}
#mid .gall h3 {font: 14px normal Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; margin-top: 10px;}
#mid .gall a {color: #fff; text-decoration: none;}
#mid .gall a:visited {color: #fff; text-decoration: none;}
#mid .gall a:hover {color: #fff; text-decoration: underline;}
#mid .gall a.yellow {color: #dc0101; text-decoration: none;}
#mid .gall a.yellow:visited {color: #dc0101; text-decoration: none;}
#mid .gall a.yellow:hover {color: #fff; text-decoration: none;}
#mid .gall .desc {width: 500px; height: auto; margin-bottom: 30px;}
#mid .gall .measure {width: 400px; height: auto; float: left;}
#mid .gall .measure .inch {width: 120px; height: auto; float: left;}
#mid .gall .measure .feat {width: 80px; height: auto; float: left;}
#mid .gall .calc {width: 300px; float: left;}
#mid .gall h4 {font: 14px normal Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; margin-bottom: 10px;}

/* Footer */
#footer {width: 800px; height: auto; margin: 0 0 10px; padding: 0;  font: 14px normal Arial, Helvetica, sans-serif; color: #fff; line-height: 20px;}
#footer .left {width: 475px; height: auto; float: left; padding-right: 100px;}
#footer .right {width: 225px; height: 35px; float: right;}
#footer h3 {font: 16px normal Arial, Helvetica, sans-serif; color: #dc0101; font-weight: bold; text-transform: uppercase;}

/* Torino Fix */
.torinofix {clear: both;}