/************************************************************************************
Reset
************************************************************************************/
html, body, h1, h2, h3, h4, blockquote, address, ul, ol, dl, li, dt, dd, p, form, fieldset { margin: 0; padding: 0; }
body { width: 960px; margin: 0 auto; padding: 100px 0 0; position: relative; color: #000; background: #8e8e8c url("../images/bg-doc.jpg") no-repeat 40% 0; font: 12px/1.4 "courier new", courier, serif; }
h1 { width: 174px; height: 130px; position: absolute; top: 13px; left: 83px; background: url("../images/logo-sin.png") no-repeat; text-indent: -9999px; }
li { list-style: none; }
a { outline: 0; color: #000; text-decoration: underline; cursor: pointer; }
a:hover { color: #000; text-decoration: none; }
img { display: block; border: 0; }
blockquote { width: 0; height: 0; position: absolute; top: -9999px; font-size: 0; }
address { text-indent: -9999px; }

/************************************************************************************
Constructs
************************************************************************************/
/*** Gallery ***/
#gallery { width: 960px !important; position: relative; overflow: hidden; }
#gallery a { display: block; text-decoration: none; }
#prev, #next { width: 100px; height: 400px; position: absolute; top: 30px; z-index: 2; text-indent: -9999px; }
#prev:hover, #next:hover { opacity: 0.5; }
#prev { background: url("../images/button-prev.png") no-repeat; left: 0; }
#next { background: url("../images/button-next.png") no-repeat; right: 0; }

/*** Nav Primary ***/
#nav-primary { width: 100%; height: 30px; padding-left: 290px; overflow: hidden; }
#nav-primary li { width: 113px; height: 20px; float: left; }
#nav-primary a { width: 100%; height: 100%; display: block; background: url("../images/nav-main.png") no-repeat; text-indent: -9999px; }
#plates { margin-right: 14px; }
#plates a { background-position: 0 -20px; }
#plates a:hover { background-position: 0 0; }
#plates a:active, #plates a:focus { background-position: 0 -40px; }
#cones { margin-right: 13px; }
#cones a { background-position: -114px -20px; }
#cones a:hover { background-position: -114px 0; }
#cones a:active, #cones a:focus { background-position: -114px -40px;}
#press { margin-right: 71px; }
#press a { background-position: -226px -20px; }
#press a:hover { background-position: -226px 0; }
#press a:active, #press a:focus { background-position: -226px -40px; }
#purchase { margin-right: 20px; }
#purchase a { background-position: -339px -20px; }
#purchase a:hover { background-position: -339px 0; }
#purchase a:active, #purchase a:focus { background-position: -339px -40px; }
#about a { background-position: -452px -20px; }
#about a:hover { background-position: -452px 0; }
#about a:active, #about a:focus { background-position: -452px -40px; }

/*** Features ***/
#features { height: 400px; padding-left: 120px; position: relative; overflow: hidden; left: -2229px; }
#features .project { width: 720px; height: 400px; margin-right: 20px; position: relative; overflow: hidden; float: left; }
#features dt { height: 0; position: absolute; top: -9999px; font-size: 0; }
#features dd img { width: 720px; height: 400px; }
#features .loader { width: 128px; height: 15px; margin: -7px 0 0 -65px; position: absolute; top: 50%; left: 50%; }
#features .shop, #features .order { width: 640px; height: 95px; position: absolute; left: 15px; background: url(" "); text-indent: -9999px; }
#features .shop:hover, #features .order:hover { border: 2px solid #000; }
#features .shop { top: 70px; }
#features .order { top: 190px; }
.nav { width: 100%; height: 90px; position: absolute; bottom: 0; left: 0; z-index: 1; background: #8e8e8c; background: rgba(142,142,140,0.5); }
.nav ul { margin: 0 -9999px 5px 0; padding: 12px 0 0; position: relative; float: left; }
.nav li  { float: left; margin-right: 10px; }
.nav a img { width: 108px; height: 60px; border: 2px solid #fff; }
.nav a:hover { border: 0; }
.nav a:hover img, .nav a:active img, .nav a:focus img { border: 2px solid #000; }