/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right :10px; }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
html,body{ 
height:100%; 
background-color:#000;
font-family; Arial, "Helvetica Neue", Helvetica, sans-serif; 
color: #d7d7d7;
}
#vimeo_box{
width:100%;
height:99.5%;
z-index: 0;
background-color:#000;
}
#container{
position:absolute;
z-index: 5;
bottom: 57px;
width:100%;
margin: 0;
overflow:hidden;
}
#content, #content_minimized{
position: relative;
bottom:0px;
left:-5px;
margin:0 91px 0 91px;
min-width: 900px;
max-width: 1500px;
padding-top: 15px;
}

@media screen and (min-width: 1500px) {
#content, #content_minimized{
width:90%;
margin:0 auto;
}
}
#content_minimized{
padding-top: 0px;
cursor: pointer;
}
#content{
background-image: url(../images/background_left.png);
}
.stripe_right, .stripe_left{
position:absolute;
height:70px;
width: 3px;
background-image: url(../images/stripe.png);
bottom:0px;
}
.stripe_right{
right:0px;
}
.stripe_left{
left:0px;
}
#content_right{
position:absolute;
width: 10px;
height: 100%;
top:0px;
right:-10px;
background-image: url(../images/background_right.png);
}
#content_minimized{
height:35px;
left:0px;
display:none;
background-image: url(../images/lee_bg_min.png);
background-repeat: no-repeat;
background-position: right top;
}
#content_minimized  #logo {
background-image: url(../images/lee_logo.png);
width:139px;
height:35px;
position:relative;
left:-5px;
}
#content_minimize, #content_maximize{
position:absolute;
top:20px;
right:10px;
width:25px;
height:13px;
cursor: pointer;
}
#content_minimize{
background-image: url(../images/min.png)
}
#content_maximize{
background-image: url(../images/max.png);
right: 20px;
top: 10px;
}
#nav_menu{
font-family: 'LeagueGothicRegular', "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-transform: uppercase;
font-size: 25px;
position:relative;
width:500px;
margin-left: 155px;
}
.nav_menu{
position: relative;
margin-bottom: 40px;
}
.nav_menu li{
display:inline;
padding:5px;
}
.nav_menu li a {
color:#d7d7d7;
text-decoration:none;
outline: 0 none;
}
.nav_menu li a:hover, .nav_menu li a.active {
color:#feb83f;
}
.child_menu{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
position:absolute;
display:none;
top: 35px;
left:0px;
width:500px;
}
.col_wrap{
position: relative;
display:inline;
width:300px;
float:left;
}
.vid_box{
width:250px;
padding:0px 25px;
height: 150px;
}
.vid_box p {
font-style: italic;
}
h2 {
font-weight: normal;
font-family: 'LeagueGothicRegular', "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-transform: uppercase;
font-size: 25px;
color:#d7d7d7;
}
h2 a {
text-decoration:none;
outline: 0 none;
color:#d7d7d7;
}
#content_inner{
width:100%;
}
#content_inner a.next, #content_inner a.prev{
position:absolute;
bottom:150px;
width:35px;
height:83px;
cursor: pointer;
}
#content_inner a.next{
right:-50px;
background-image: url(../images/arrow_right.png);
}
#content_inner a.next:hover{
background-image: url(../images/arrow_right_over.png);
}
#content_inner a.prev{
left:-40px;
background-image: url(../images/arrow_left.png);
}
#content_inner a.prev:hover{
background-image: url(../images/arrow_left_over.png);
}
#wrapper, .prev, .next {
display:none;
}
.hidden {
visibility: hidden;
}
#wrapper{
position:relative;
overflow:hidden;
height:300px;
margin:0px 20px;
padding-bottom: 30px;
}
#dyn_content{
position:absolute;
width:10000px;
}
#single_box{
position: relative;
margin-left: 25px;
padding-bottom: 40px;
}
.single_content {
margin-top:15px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
-moz-column-width: 380px;
-webkit-column-width: 380px;
overflow:hidden;
width: 450px;
}
.single_content p {
margin-bottom: 15px;
}
#single_box img{
float:left;
margin-right:15px;
}
.testimonial_box {
margin-left: 22px;
}
.testimonial_box p.test{
font-family: 'HeadlineOneHPLHS', "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-right:3px;
margin-bottom: 20px;
}
.testimonial_box_fp p.test{
font-family: 'HeadlineOneHPLHS', "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-right:25px;
margin-bottom:17px;
height: 90px;
font-weight:normal;
}
.testimonial_box_fp {
padding-left:22px;
min-width: 640px;
}

.testimonial_box p.text1, .testimonial_box_fp p.text1{
font-size:50px;
letter-spacing: 2px;
text-indent: -22px;
}
.testimonial_box p.text2, .testimonial_box_fp p.text2{
font-size:35px;
letter-spacing: 1.5px;
text-indent: -14px;
}
.testimonial_box p.text3, .testimonial_box_fp p.text3 {
font-size:25px;
letter-spacing: 1px;
text-indent: -11px;
}
.testimonial_box p.text4, .testimonial_box_fp p.text4{
font-size:20px;
letter-spacing: .75px;
text-indent: -10px;
}
.testimonial_box p.text5, .testimonial_box_fp p.text5{
font-size:18px;
letter-spacing: .6px;
text-indent: -9px;
}
.testimonial_box p.text6, .testimonial_box_fp p.text6{
font-size:16px;
letter-spacing: .6px;
text-indent: -8px;
}
#page_wrap #page {
margin: 0px 30px;
padding-bottom: 30px;
}
div.bio_text{
font-family: 'HeadlineOneHPLHS', "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 18px;
letter-spacing: .75px;
margin-left:535px;
margin-bottom: 30px;
}
div.bio_text h2 {
margin-top: 10px;
font-size: 30px;
margin-bottom: 20px;
}
div#bio_poster {
width:240px;
height:240px;
float:left;
margin-right: 15px;
}
div#bio_gallery { 
float: left;
width: 260px;
margin-right: 20px;
}
div#bio_gallery img{
margin-right: 5px;
margin-bottom: 3px;
}
div.news_col {
width:260px;
float:left;
margin:0px 10px 0px 30px;
}
div.news_col h2 {
margin-bottom:0px;
}
div.news_col h4 {
padding-bottom: 10px;
color: #c7c7c7;
font-weight: normal;
}
h2.news_title {
font-family: 'HeadlineOneHPLHS', "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size:30px;
letter-spacing: 1px;
margin-bottom: 15px;
}
div.news_content {
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
-moz-column-width: 380px;
-webkit-column-width: 380px;
height:120px;
}
div.news_content p{
margin-bottom: 15px;
}
#fp_test_cycle {
height:200px; 
overflow:hidden; 
margin-left: 260px;
min-width: 640px;
}
#ajax_loader {
display: none;
position:absolute;
width:100%;
height:100%;
background-image: url(../images/ajax-loader.gif);
background-repeat:no-repeat;
background-position:50% 30%;
}

#wp_fb_like_button{
	height:60px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	html, body {
	width: 1024px;
	height: 690px;
	}
	#vimeo_box{
	width:1024px;
	height:630px;
	z-index: 0;
	clear: none;
	}
	#container{
	bottom:0px;
	width: 1024px;
	}
	div.testimonial_box_fp {
	width: 640px;
	}
	div#fp_test_cycle {
	width: 662px;
	}
	#content, #content_minimized{
	width: 924px;
	margin-left: 50px;
	margin-right: 50px;
	bottom:0px;
	position: relative;
	}
	#content_minimized {
	height: 35px;
	}
	#ipad_ol {
	position: absolute;
	bottom:0px;
	width: 1024px;
	height: 690px;
	background-color: #000;
	z-index: 3;
	overflow: hidden;
	}
}
#ipad_play{
	width:116px;
	height: 65px;
	position:absolute;
	background-image:url(../images/play_button.png);
	top:150px;
	left:450px;
}
@media only screen and (max-device-width: 480px) {
	html, body {
	width: 1024px;
	height: 690px;
	}
	#vimeo_box{
	width:1024px;
	height:630px;
	z-index: 0;
	clear: none;
	}
	#container{
	bottom:0px;
	width: 1024px;
	}
	div.testimonial_box_fp {
	width: 640px;
	}
	div#fp_test_cycle {
	width: 662px;
	}
	#content, #content_minimized{
	bottom:0px;
	}
	#ipad_ol {
	position: absolute;
	bottom:0px;
	width: 1024px;
	height: 690px;
	background-color: #00f;
	z-index: 3;
	overflow: hidden;
	}	
}