html { overflow-y: scroll; }
* {
 margin: 0;
 padding: 0;
}

body {
 background-color: #000;
}


a:focus { -moz-outline-style: none; }
a {outline: none;}
a img { border: 0; }


#logo {
 margin: 15px;
}

div.clear {
 clear: both;
}

/* GENERAL LINK BEHAVIOR */
/* ------------------------------------- */

a { color: #999; }
a:hover { color: #fb0; }


b.title {
 line-height: 1.5em;
 font-variant: small-caps;
 font-family: tahoma;
 font-weight: bold;
 color: #ccc;
 display: block;
 margin-bottom: 5px;
 font-size: 1.2em;
}



div#main {
 position: relative;
 width: 830px;
 min-height: 600px;
 background-color: #141414;
 margin-left: auto;
 margin-right: auto;
 margin-top: 50px;
 color: #eee;
}


/* THUMBNAILS */
/* ------------------------------------- */

div#thumbnails {
	z-index: 2;
	background-color: #222;
	width: 102px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position: absolute;
	left: 790px;
	top: 140px;
	line-height: 0; /* Required to keep images together */
}
div#thumbnails img {
	border: 0;
	padding: 1px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	opacity: .1;
}

div#thumbnails img:hover, div#thumbnails img.on {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

div#thumbnails a { border: 0; line-height: 0; }

div#thumbnails ul { list-style-type: none; }

div#thumbnails li { 
	border-bottom: 1px solid #ccc;
	height: 102px;
}



/* NAVIGATION */
/* ------------------------------------- */

div#navigation {
 margin-top: 20px;
 margin-left: 50px;
 margin-right: 50px;
 text-align: center;
 font-family: Tahoma;
 font-variant: small-caps;
 font-size: .86em;
 letter-spacing: .1em;
}

div#navigation ul li {
 display: inline;
 padding: 0 50px 0 50px;
}

div#navigation a.on { color: #fb0; }

div#navigation a {
	color: #ddd;
	text-decoration: none;
	padding: 5px;
}
div#navigation a:hover { color: #fb0; }



/* CONTENT */
/* ------------------------------------- */

div#content {
 position: relative;
 margin-left: 50px;
 margin-right: 50px;
 margin-top: 30px;

 padding-bottom: 60px;
 font-family: tahoma;
 font-size: .7em; 
}


/* IMAGE1 */
/* ------------------------------------- */
div#image1 {
 float: left;
 margin-top: 30px;
}

div#image1 img {
 margin-left: 30px; /* Left Margin and border here prevents IE 7 skipping on js img change */
 border: 1px solid #666;
}


/* SUBNAV */
/* ------------------------------------- */
div#subnav {
 position: absolute;
 top: 65px;
 left: 550px;
 line-height: 1.5em;
 font-variant: small-caps;
 font-family: tahoma;
}



div#subnav a {
 display: block;
 text-decoration: none;
 color: #999;
 padding: 3px 0px 3px 0px;
}
div#subnav a:hover {
 color: #fff;
}
div#subnav a.on {
 color: #fb0;
}

/* FOOTER */
/* ------------------------------------- */

div#footer {
 color: #222;
 font-family: tahoma;
 font-size: .6em;
 text-align: center;
 margin-top: 15px;
}
div#footer a{
 text-decoration: none;
 color: #222222;
}
div#footer a:hover {
 color: #850;
}