@media
screen {div#preloader {position: absolute; left: -9999px; top:  -9999px;}
div#preloader img {display: block;}}
@media print {div#preloader, div#preloader img {visibility: hidden; display: none;}}
* { padding: 0; margin: 0; overflow: hidden;}
/*bits*/
body {height: 100%; left: 0px; margin: 0px auto; position: absolute; top: 0px; width: 100%; overflow: auto;}
p {font-family: helvetica, verdana; font-size: 1.1em; font-weight: normal; color: black;}
p.sub {font-family: helvetica, verdana; font-size: 1.2em; font-weight: bold; color: black;}
a {font-family: helvetica, verdana; font-size: 1.1em; font-weight: bold; color: black; text-decoration: none; text-transform: uppercase;}
h1 {font-family: helvetica, verdana; font-size: 1.2em; font-weight: bold; color: black;}
h2 {font-family: helvetica, verdana; font-size: 1.0em; font-weight: bold; color: black;}
.bg {width: 100%; height: auto; position: absolute; top: 0; left: 0; overflow: hidden;}
/*Divs*/
#holder {background-color: transparent; background-image: url('http://genericcycles.com/images/screen.png'); background-repeat: repeat; height: 575px; left: 50%; margin-left: -380px; margin-top: -275px; position: absolute; top: 50%; width: 760px; z-index:12;}
#logo {background-color: transparent; padding-top: 1px; height: 101px; width: 761px;}
#sub {color: #222222; font-family: verdana; font-size: 17px; font-weight: bold; height: 49px; letter-spacing: 2px; margin-left: 60px; margin-top: 0px; width: 700px;}
#intro {background-color: transparent; background-image: url('http://genericcycles.com/images/screen.png'); background-repeat: repeat; color: #111111; font-family: verdana; font-size: 12px; left: 150px; line-height: 14px; margin-right: 15px; position: absolute; top: 150px; padding: 15px; width: auto;}
#intro a:link {font-size: 1.1em; color: black; text-decoration: underline; text-transform: capitalize;}
#intro a:visited {font-size: 1.1em; color: black; text-decoration:underline; text-transform: capitalize;}
#intro a:hover {font-size: 1.1em; color: #666666; text-decoration:underline; text-transform: capitalize;}
#foot {background: #bada55; height: 30px; left: 0px; position: absolute; top: 90%; padding-top: 5px; width: 760px; z-index: 5;}
#foot a {font-family: helvetica, verdana;  font-size: 1.1em; font-weight: normal; color: black; text-decoration: none;}
#foot a:hover {font-family: helvetica, verdana; font-size: 1.1em; font-weight: bold; color: black; text-decoration: none;}
#foot a.active {font-family: helvetica, verdana; font-size: 1.1em; font-weight: bold; color: #333333; text-decoration: line-through;}
#foot.twit {background: #bada55; height: auto; left: 0px; position: absolute; top: 90%; padding: 3px; width: 754px; z-index: 5;}
#foot.twit p {font-family: helvetica, verdana;  font-size: 0.7em; font-weight: normal; color: black; text-decoration: none;}
#foot.twit a {font-family: helvetica, verdana;  font-size: 0.9em; font-weight: normal; color: black; text-decoration: none;}
#foot.twit a:hover {font-family: helvetica, verdana; font-size: 0.9em; font-weight: normal; background: url('http://genericcycles.com/images/screen.png'); color: black; text-decoration: none;}
#bar {background: transparent; position: absolute; bottom: 10px; right: 10px; z-index: 50;}
#social {background: transparent; position: absolute; bottom: 10px; left: 10px; z-index: 50;}
/*Navigation menu details*/
#navigation {float:left; width: auto; height:360; font-size: 16px; margin:10px; z-index:8;}
#navigation ul li {list-style: none; text-decoration:none; padding-bottom: 10px;}
#navigation a:link {text-decoration: none; color: black; outline: none;}
#navigation a:visited {text-decoration: none; color: black; outline: none;}
#navigation a:hover {text-decoration: none; color: black; background: url('http://genericcycles.com/images/screen.png'); outline: none;}
#navigation li.active a:visited {color: #333333; font-weight: bold; background: url('http://genericcycles.com/images/screen.png');}
/*Lightbox nonsense*/
#lightbox{position: absolute; left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;	width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url('/images/blank.gif') no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/images/prevlabel.gif') left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url('/images/nextlabel.gif') right 15% no-repeat;}
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left;}
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}		
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height:100%; background-color: #000;}
/* Min-Width */
.lbWidth { /* most browsers */ position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px;}
* html .lbContent { /* IE6 */ margin-left: -790px; position:relative;}
* html .lbMinWidth { /* IE6 */ padding-left: 790px;}
/* Clearfix */	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
.active {color:white;}