/* import CSS for compliant browsers */ @import url(reset.css); @import url(typography.css); @import url(920_6_20.css);

/***************************************
GLOBAL
****************************************/
html, body {margin:0;padding:0;}
body {background: url(../img/display/tex.jpg) #666 repeat top center;}


/***************************************
HEADER + NAV
****************************************/

header {margin-top:47px; height:135px; margin-bottom:40px;}
h1 {height:135px; height:260px; position:relative; text-indent:-999em; background:url(../img/display/logo.png) transparent no-repeat 0 0;}
#leaderboard {position:relative; top:30px; z-index:0; margin-bottom:20px;}
#leaderboard #grow {
	width:410px; overflow:hidden; border:10px solid #333; border:10px solid rgba(255,255,255,0.1); position:relative;/*Set absolute so it doesn't affect #grow's height*/
	-moz-box-shadow:0 0 12px rgba(0,0,0,0.9); -webkit-box-shadow:0 0 12px rgba(0,0,0,0.9); box-shadow:0 0 12px rgba(0,0,0,0.9);
}
#leaderboard img {display:block; position:absolute; top:0px;}
#grow:focus {display: block;}
nav {background:url(../img/display/nav.png) transparent no-repeat 0 0; position:absolute; z-index:3; height:75px; width:585px; left:-129px; top:53px; display:block;}
nav ul {display: block; position: relative; left: 105px;}
nav li {display:block; float:left; text-indent:-999em;}
nav li a { 
	display:block; background: url(../img/display/marker.png) transparent no-repeat 0 -999em; 
	width: 60px; margin-left: 33px; height: 55px;
}
nav li + li a {width: 80px; margin-left: 10px;}
nav li + li + li + li a {width: 88px;}
nav li + li + li + li + li a {width: 45px; margin-left: 50px;}
nav li a:hover, nav li a:focus, nav li a:active {background-position: top center;}
nav li + li + li + li + li a:hover, nav li + li + li + li + li a:focus, nav li + li + li + li + li a:active {background-image: none;}

/***************************************
SECTION ONE
****************************************/

#content {}
#pre {}

#t1 {width:280px; padding-left:10px;}
#t1 h2 {background:url(../img/display/titles/1.png) transparent no-repeat 0 0; text-indent:-999em; height:60px; width:300px; position:relative; left:-20px; margin-bottom:16px;}
#t1 ol {display:block;}
#t1 li {display:block; padding:15px 0; border-bottom:1px solid #666; border-top:2px solid #111;}
#t1 li:first-of-type {border-top:0;}
#t1 h3 {width:280px;}
#t1 h3 a {
	font-size:26px; line-height:20px; text-transform:lowercase; font-variant:small-caps; font-weight:500; letter-spacing:3px; 
	text-shadow:0 2px 2px rgba(0,0,0,0.9); color:#ececec; margin-bottom:6px; display:block;
}
/*#t1 li span {color:#b6b6b6; text-shadow:0 1px 1px rgba(0,0,0,0.9);}*/
#t1 li p {color:#b6b6b6; text-shadow:0 1px 1px rgba(0,0,0,0.9); padding:0;}
#t1 li span {display:inline;}
#t1 li br {display:none;}
#t1 p {font-size:11px; line-height:18px; color:#aaa9a9; text-shadow:0 1px 1px rgba(0,0,0,0.9); padding:12px 0 0 0; }
#t1 ol + p {border-top:2px solid #111;}


/***************************************
SECTION TWO
****************************************/

#t2 {width:350px; padding-left:10px; margin-top:50px;}
.sleeve {
	float:left; width:120px; height:120px; border:5px solid #333; border:5px solid rgba(255,255,255,0); margin-right:10px; position:relative; left:-20px; background:#333;
	-moz-box-shadow:0 0 12px rgba(0,0,0,0.9); -webkit-box-shadow:0 0 12px rgba(0,0,0,0.9); box-shadow:0 0 12px rgba(0,0,0,0.9);
}
#t2 h2 {background:url(../img/display/titles/2.png) transparent no-repeat 0 0; text-indent:-999em; height:60px; width:300px; position:relative; left:-20px; margin-bottom:30px;}
#t2 h4 {font-size:24px; line-height:20px; text-transform:lowercase; font-variant:small-caps; font-weight:500; letter-spacing:1px; 
	text-shadow:0 2px 2px rgba(0,0,0,0.9); color:#ececec; margin-bottom:12px; display:block; padding-top:14px
}
#t2 h4 span {font-size:12px; text-transform:none; font-variant:normal; letter-spacing:0; color:#aaa9a9; display:block; font-weight:500; margin-top:3px;}
#t2 .button {
	clear:right; display:block; width:150px; height:44px; background:url(../img/display/buy.png) transparent no-repeat 0 0; overflow:hidden; text-indent:-999em;
	position:relative; left:-10px; top:12px;
}

#t2 .button:hover, #t2 .button:focus, #t2 .button:active {background-position:0 -44px;}
#t2 .button:focus, #t2 .button:active {top:13px; outline:none;}

/***************************************
FAUX FOOTER
****************************************/

#post {clear:left; margin-top:70px; position:relative;}
#post h3 {
	background:url(../img/display/titles/3.png) transparent no-repeat 0 0; text-indent:-999em; height:60px; width:300px; position:absolute; z-index:2; top:-20px; left:350px;
}
#band {margin-bottom:40px; clear:right; position:relative; left:-3px; zoom:1; }
#band li {display:block; float:left; margin-left:16px; height:315px; overflow:hidden;}
#mb1 {background:url(../img/display/faces/dan.png) transparent no-repeat 0 0; }
#mb2 {background:url(../img/display/faces/jeff.png) transparent no-repeat 0 0; }
#mb3 {background:url(../img/display/faces/olly.png) transparent no-repeat 0 0; }
#mb4 {background:url(../img/display/faces/stu.png) transparent no-repeat 0 0; }
#band li img {display:block; opacity:0; filter: alpha(opacity = 0); -webkit-transition: opacity 0.75s ease-in-out;}
#band li img:hover {opacity:1; filter: alpha(opacity = 100);}

/***************************************
FOOTER
****************************************/

footer {margin-top: 50px; margin-bottom:10px; clear: left;}
footer .g2 {position: relative; left: -40px;}
.ab {position: relative; left: 180px; top:-5px;}
#ms {
	background: url(../img/display/social.png) transparent no-repeat 0 0; text-indent: -999em; display: block;
	height: 40px; width: 120px; height: 43px; overflow: hidden;
}
#fb {background: url(../img/display/social.png) transparent no-repeat 0 -43px; text-indent: -999em; display: block;
	height: 40px; width: 120px; height: 43px; overflow: hidden;}
footer .g2 ul {display: block; position: absolute; bottom: 3px; right:0px; }
footer .g2 li {
	color: #aaa9a9; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; font-size: 11px;
	text-align: right; margin-top: 6px; line-height: 12px; text-shadow:0 1px 1px rgba(0,0,0,0.9); display:block;
}
footer .g2 li a {}
footer .g4 {}
footer .g4 p {font-size: 14px; margin-bottom:12px; line-height: 24px; text-shadow:0 1px 1px rgba(0,0,0,0.9);}
footer .g4 p + p {margin-bottom:0;}


/***************************************
Useful tit-bits
****************************************/
.last {margin-right: 0;}
.height_fix {height: 1%;}
.block {display: block;}
.inline {display: inline;}
.relative {position: relative;}
.clear_left {clear:left;}
.none {display:none;}
html {image-rendering: -moz-crisp-edges;}
img {image-rendering: optimizeQuality;  -ms-interpolation-mode: bicubic;}
img[src$=".gif"] {image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor;}/* applies to GIF images only */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section{ display: block; }/*html5 refiners*/