/* ################################### SITE COLOR REFERENCE  ############################ 
181818 = Dark Grey
202020 = Dark Grey - Tray Background
2f2f2f = Mid Grey
4f4f4f = Mid Grey - Nav Off Color
646464 = Light Grey
9f9f9f = White Point
906a0e = Mustard Color

   ###################################  END COLOR REFERENCE  ############################ */

/* ###################################  CSS RESET  ############################ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}





/* ################################### BEGIN: GLOBAL STYLES  ############################ */
html{font-size: 100.01%;height:100.5%;}
body{
	margin:0;
	padding:0;
	height:100%;
	font: 65% Helvetica, Arial, sans-serif;
	color: #646464;
	background: #181818 url(../images/bg-main.gif) no-repeat 50% 0;
}
a	{text-decoration:none;}
em	{font-style: normal;color:#906a0e;}

#centering-container, #footer-content{
	text-align: left;
	margin: 0 auto;
	width: 920px;
}
#top-block{
	height:5px;
	background-color:#906a0e;
}
/* ################################### Rounded Rectangle Tricks ################################### */
#navigation ul, #main-block #video-block, #main-block #video-block-masters, #main-block #youtube-block, #main-block ul.teasers li h1, #navigation-secondary #navigation-header, #navigation-secondary ul, #navigation-secondary, #footer #footer-content ul li ul li a span, #side-bar ul li ul, #navigation-header ul li, #main-block ul.teasers li.active, #main-block ul.list-philosophers li span, #main-block ul.list-masters li span{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

#navigation ul, #main-block #video-block, #main-block #video-block-masters, #main-block #youtube-block, #main-block ul.teasers li h1, #navigation-secondary #navigation-header, #navigation-secondary ul, #navigation-secondary, #side-bar ul li ul, #main-block ul.list-philosophers li span, #main-block ul.list-masters li span{
	-moz-box-shadow: #101010 0px 2px 3px;
	-webkit-box-shadow: #101010 0px 2px 3px;	

}
/* ################################### BEGIN: Header  ############################ */
#header:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#header{display:inline-block;}
#header	{
	display:block;
	padding:15px 0;
}
#header h1{
	font-weight:bold;
	float:left;
	font-size:3.9em;
}
#header h1 a{color:#646464;}
#header #quote-box{
	float:right;
}
#header #quote-box p{
	padding:15px 0 15px 4px;
	color: #906a0e;	
}
#header #quote-box p strong{
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}
#header #quote-box .tweets{width:300px;}
#header #quote-box .tweets p{
	text-align: right;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	padding:0;
	margin:0;
}
#header #quote-box .tweets p a{color:#4f4f4f;}
/* ################################### BEGIN: Navigation  ############################ */
#navigation{
	display:block;
	overflow:hidden;
	padding-bottom: 40px;	
}
#navigation ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#navigation ul{display:inline-block;}
#navigation ul{
	/*float:left;
	width:912px;*/
	display:block;
	background-color:#202020;
	border: 4px solid #2f2f2f;
}

#navigation ul li{
	float:left;
	text-align:center;
	padding: 4px 0;
}
#navigation li a{
	padding: 4px 15px;
	text-decoration:none;
	color:#4f4f4f;
	font-size: 1.3em;
	font-weight:bold;

}
#navigation li a em{
	color:#646464;	
}
#navigation li a:hover, #navigation li a.active{
	color:#4f4f4f;
	background-color:#2f2f2f;
}
#navigation li a:hover em, #navigation li a.active em{
	color:#906a0e;
}

#navigation #comment ol a{
	color: #ffffff;
}

#navigation #comment ol a:active{
	color: #ffffff;
}

# navigation #comment ol a:visited{
	color: #ffffff;
}
/* ################################### BEGIN: Secondary Navigation  ############################ */
#navigation-secondary:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#navigation-secondary{display:inline-block;}
#navigation-secondary{
	display:block;
	overflow:hidden;
	background-color:#202020;
	margin-bottom: 30px;
	padding-top:119px;
	position:relative;
}
#navigation-secondary #navigation-header{
	position:absolute;
	height:115px;
	width:912px;
	background-color:#202020;
	border: 4px solid #2f2f2f;
	top: 0;
	right: 0;
	display: block;
	z-index: 10;
}
#navigation-secondary ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#navigation-secondary ul{display:inline-block;}
#navigation-secondary ul{
	display:block;
	overflow:hidden;
	background-color:#202020;
	border: 4px solid #2f2f2f;
	border-top: none;
}
#navigation-secondary ul li{
	float:right;
	overflow:hidden;
	text-align:center;
	position:relative;
}
#navigation-secondary li a{
	padding: 8px 15px;
	display:block;
	text-decoration:none;
	color:#4f4f4f;
	font-size: 1.3em;
	font-weight:bold;
}
#navigation-secondary li a em{
	color:#646464;
}
#navigation-secondary li a:hover, #navigation-secondary li a.active{
	color:#4f4f4f;
	background-color:#2f2f2f;
}
#navigation-secondary li a:hover em, #navigation-secondary li a.active em{
	color:#906a0e;
}
#navigation-header.film{background: url(../images/bg-film.jpg) no-repeat 0 0;}
#navigation-header.forums{background: url(../images/bg-forums.jpg) no-repeat 0 0;}
#navigation-header.store{background: url(../images/bg-store.jpg) no-repeat 0 0;}
#navigation-header.blog{background: url(../images/bg-blog.jpg) no-repeat 0 0;}
#navigation-header ul {border:none;-moz-box-shadow: #101010 0px 0px 0px;-webkit-box-shadow: #101010 0px 0px 0px;}
#navigation-header ul li{
	float:left;
	height:115px;
	margin-right:2px;
	position:relative;
}
#navigation-header ul li a{padding: 3px 15px;position:absolute;bottom: 0;left:0;opacity:0;filter:alpha(opacity=0)}

#navigation-header.philosophers ul li, #navigation-header.philosophers ul li a{width:112px;}
#navigation-header ul li.ph-01{background: url(../images/head-ph-01.jpg) no-repeat 0 0;}
#navigation-header ul li.ph-02{background: url(../images/head-ph-02.jpg) no-repeat 0 0;}
#navigation-header ul li.ph-03{background: url(../images/head-ph-03.jpg) no-repeat 0 0;}
#navigation-header ul li.ph-04{background: url(../images/head-ph-04.jpg) no-repeat 0 -4px;}
#navigation-header ul li.ph-05{background: url(../images/head-ph-05.jpg) no-repeat 0 0;}
#navigation-header ul li.ph-06{background: url(../images/head-ph-06.jpg) no-repeat 0 0;}
#navigation-header ul li.ph-07{background: url(../images/head-ph-07.jpg) no-repeat 0 0;}
#navigation-header ul li.ph-08{background: url(../images/head-ph-08.jpg) no-repeat 0 0;}

#navigation-header.masters ul li, #navigation-header.masters ul li a{width:150px;}
#navigation-header ul li.ma-01{background: url(../images/head-ma-01.jpg) no-repeat 0 0;}
#navigation-header ul li.ma-02{background: url(../images/head-ma-02.jpg) no-repeat 0 0;}
#navigation-header ul li.ma-03{background: url(../images/head-ma-03.jpg) no-repeat 0 0;}
#navigation-header ul li.ma-04{background: url(../images/head-ma-04.jpg) no-repeat 0 0;}
#navigation-header ul li.ma-05{background: url(../images/head-ma-05.jpg) no-repeat 0 0;}
#navigation-header ul li.ma-06{background: url(../images/head-ma-06.jpg) no-repeat 0 0;}


#navigation-header.team ul li, #navigation-header.team ul li a{width:302px;}
#navigation-header ul li.te-01{background: url(../images/head-te-01.jpg) no-repeat 0 0;}
#navigation-header ul li.te-02{background: url(../images/head-te-02.jpg) no-repeat 0 0;}
#navigation-header ul li.te-03{background: url(../images/head-te-03.jpg) no-repeat 0 0;}

#navigation-header ul li.active{cursor:pointer;}
#navigation-header ul li a:hover, #navigation-header ul li.active a{color:#9f9f9f;background-color:#181818;opacity:0.9;filter:alpha(opacity=90)}
#navigation-header ul li a:hover em,  #navigation-header ul li.active a em{color:#906a0e;}

/* ################################### BEGIN: Main Block  ############################ */
#navigation-block:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#navigation-block{display:inline-block;}
#main-block{
	display:block;
	margin-bottom:50px;
	width:656px;
}
#main-block.wide{
	width:auto;
}
#main-block #youtube-block{
	margin-bottom:25px;
	margin-right:8px;
	background-color:#202020;
	border: 4px solid #2f2f2f;
	height:385px;
}
#main-block #video-block{
	margin-bottom:25px;
	background-color:#202020;
	border: 4px solid #2f2f2f;
	height:365px;
}
#main-block #video-block-masters{
	margin-bottom:25px;
	background-color:#202020;
	border: 4px solid #2f2f2f;
	height:389px;
}
#main-block #video-block #player-content{
	padding:25px 15px 0 10px;
	width:225px;
	float:right;
}

/* ################################### Main Block: CREDITS  ############################ */
#main-block #leftcolumn-block{
	width: 200px;
	float: left;
	
}
#main-block #rightcolumn-block{
	width: 225px;
	float: right;
}
#main-block #middlecolumn-block{
	width: auto;
	margin-right: 225px;
	margin-left: 225px;
	
}

/* ################################### Main Block: STORE  ############################ */
#main-block #storeleft-block{
	width: 200px;
	float: left;
	padding-bottom: 10px;
	
}
#main-block #storeright-block{
	width: 450px;
	float: right;
    padding-bottom: 10px;
}

/* ################################### Main Block: IMAGE GALLERY  ############################ */
#main-block #image-block a{
    padding-left: 4px;
	padding-right: 4px;
}

#main-block #image-block img{
    border: 1px solid #646464;
    margin-bottom: -4px;
}


/* ============ Home =========== */
#main-block ul.teasers{
	display:block;
}
#main-block ul.teasers li{
	float:left;
	margin-right:16px;
	margin-bottom:50px;
	overflow:hidden;
	display:block;
	width:295px;
}
#main-block ul.teasers li.end-cap{margin-right:0;}

#main-block ul.teasers li h1{
	height:102px;
	margin-bottom:20px;
	padding:8px 8px;
	font-size:2.1em;
	display:block;
	overflow:hidden;
	background-color:#202020;
	border: 4px solid #2f2f2f;
}

#main-block ul.teasers li.active{cursor:pointer;background-color:#202020;}
#main-block ul.teasers p a{color:#646464;}
#main-block ul.teasers h1.film{background: url(../images/teaser-film.jpg) no-repeat 0 0;}
#main-block ul.teasers h1.masters{background: url(../images/teaser-masters.jpg) no-repeat 0 0;}
#main-block ul.teasers h1.philosophers{background: url(../images/teaser-philosophers.jpg) no-repeat 0 0;}
/* ============ Secondary =========== */
#main-block p{
	line-height:1.4em;
	font-size:1.3em;
	margin-bottom:10px;
	margin-right:65px;	
}
#main-block #video-block h2{margin-right:10px;margin-left:-40px;}
#main-block #video-block-masters h2{margin-right:10px;margin-left:-40px;}
#main-block #video-block #player-content p{margin-right:10px;margin-left:-40px;}
#main-block ul.teasers p{font-size:1.4em;padding:4px;margin-right:0;}

#main-block h1{font-size:2.7em;	margin-bottom:.6em;}
#main-block h2{font-size:2.1em;	margin-bottom:.6em;}
#main-block h3{font-size:1.5em;	margin-bottom:0;}
#main-block h4{font-size:1.2em;	font-weight:normal; margin-bottom:1em;font-style: italic;}
#main-block h4 a, #main-block p a {color:#906a0e;}

#main-block ul.list-philosophers li.active, #main-block ul.list-masters li.active{cursor:pointer;}
#main-block ul.list-philosophers li, #main-block ul.list-masters li{width:256px; float:left ;font-size:1.5em; padding:0 30px 25px 0;}
#main-block ul.list-philosophers a, #main-block ul.list-masters a {color:#906a0e;}
#main-block ul.list-philosophers span, #main-block ul.list-masters span{
	height:125px; 
	width:250px;
	display:block;
	background-color:#202020;
	border: 4px solid #2f2f2f;
	margin-bottom:15px;
}

#main-block ul.list-philosophers li.dreyfus span{background: url(../images/sidebar-dreyfus.jpg) no-repeat 0 0;}
#main-block ul.list-philosophers li.wrathall span{background: url(../images/sidebar-wrathall.jpg) no-repeat 0 0;}
#main-block ul.list-philosophers li.kelly span{background: url(../images/sidebar-kelly.jpg) no-repeat 0 0;}
#main-block ul.list-philosophers li.carman span{background: url(../images/sidebar-carman.jpg) no-repeat 0 0;}
#main-block ul.list-philosophers li.thomson span{background: url(../images/sidebar-thomson.jpg) no-repeat 0 0;}
#main-block ul.list-philosophers li.haugeland span{background: url(../images/sidebar-haugeland.jpg) no-repeat 0 0;}
#main-block ul.list-philosophers li.taylor span{background: url(../images/sidebar-taylor.jpg) no-repeat 0 0;}
#main-block ul.list-philosophers li.borgmann span{background: url(../images/sidebar-borgmann.jpg) no-repeat 0 0;}

#main-block ul.list-masters li.molina span{background: url(../images/sidebar-molina.jpg) no-repeat 0 0;}
#main-block ul.list-masters li.chase span{background: url(../images/sidebar-chase.jpg) no-repeat 0 0;}
#main-block ul.list-masters li.jazz span{background: url(../images/sidebar-jazz.jpg) no-repeat 0 0;}
#main-block ul.list-masters li.sakaguchi span{background: url(../images/sidebar-sakaguchi.jpg) no-repeat 0 0;}
#main-block ul.list-masters li.salton span{background: url(../images/sidebar-salton.jpg) no-repeat 0 0;}
#main-block ul.list-masters li.benner span{background: url(../images/sidebar-benner.jpg) no-repeat 0 0;}

#main-block ul.content{list-style-type: circle;}
#main-block ul.content li{
	line-height:1.4em;
	font-size:1.3em;
	padding:0 85px 10px 5px; margin:0 0 0 15px;
}
#main-block ol{list-style-type: decimal;}
#main-block ol li{font-size:1.2em; padding:0 0 10px 5px; margin:0 0 0 15px;}


#forums-block:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#forums-block{display:inline-block;background-color:#202020;}
#forums-block{
	display:block;
	margin-bottom:50px;
	border: 4px solid #2f2f2f;
}
#forums-block a {font-size:1.8em; display:block;padding:25px 15px;color:#646464;}
#forums-block a em{color:#906a0e;}

#side-bar {
	float:right;
	width:250px;
	margin-top:3.2em;
	margin-bottom:50px;
}
#side-bar ul li ul{
	border: 4px solid #2f2f2f;
	background-color:#202020;
	margin-bottom:10px;
	padding:8px;
}
#side-bar ul li ul li{
	font-size:1.3em;
}
#side-bar ul li ul li a{
	display:block;
	text-decoration:none;
	color:#646464;
}
#side-bar ul li ul li a:hover, #side-bar ul li ul li a.active{
	color:#906a0e;
}
#side-bar.video{
	margin-top:0;
	margin-left:0;
}
#side-bar.video h1{
	font-size:1.8em;
	padding-bottom:5px;	
}
#side-bar h1{
	font-size:1.8em;
	padding-bottom:5px;	
}

#side-bar .bio-pic {padding:0;}
#side-bar .bio-pic li{height:125px;}
#side-bar .bio-pic li h1{display:none;}

#side-bar .ruspoli{background: url(../images/sidebar-ruspoli.jpg) no-repeat 0 0;}
#side-bar .gallo{background: url(../images/sidebar-gallo.jpg) no-repeat 0 0;}
#side-bar .forte{background: url(../images/sidebar-forte.jpg) no-repeat 0 0;}
#side-bar .mangusta{background: url(../images/sidebar-mangusta.jpg) no-repeat 0 0;}

#side-bar .borgmann{background: url(../images/sidebar-borgmann.jpg) no-repeat 0 0;}
#side-bar .dreyfus{background: url(../images/sidebar-dreyfus.jpg) no-repeat 0 0;}
#side-bar .wrathall{background: url(../images/sidebar-wrathall.jpg) no-repeat 0 0;}
#side-bar .kelly{background: url(../images/sidebar-kelly.jpg) no-repeat 0 0;}
#side-bar .carman{background: url(../images/sidebar-carman.jpg) no-repeat 0 0;}
#side-bar .thomson{background: url(../images/sidebar-thomson.jpg) no-repeat 0 0;}
#side-bar .haugeland{background: url(../images/sidebar-haugeland.jpg) no-repeat 0 0;}
#side-bar .heidegger{background: url(../images/sidebar-heideggar.jpg) no-repeat 0 0;}
#side-bar .taylor{background: url(../images/sidebar-taylor.jpg) no-repeat 0 0;}

#side-bar .molina{background: url(../images/sidebar-molina.jpg) no-repeat 0 0;}
#side-bar .chase{background: url(../images/sidebar-chase.jpg) no-repeat 0 0;}
#side-bar .jazz{background: url(../images/sidebar-jazz.jpg) no-repeat 0 0;}
#side-bar .sakaguchi{background: url(../images/sidebar-sakaguchi.jpg) no-repeat 0 0;}
#side-bar .salton{background: url(../images/sidebar-salton.jpg) no-repeat 0 0;}
#side-bar .benner{background: url(../images/sidebar-benner.jpg) no-repeat 0 0;}

/* ################################### BEGIN: Footer Block  ############################ */
#footer:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#footer{display:inline-block;}
#footer	{
	clear:both;
	margin-bottom:50px; 
	display:block;
	overflow:hidden;
	background-color: #906a0e;

	-moz-box-shadow: #101010 0px 3px 0px;
	-webkit-box-shadow: #101010 0px 3px 0px;
}
#footer #footer-content{
	padding:15px 0 0;
}
#footer #footer-content ul{
	display:block;
	overflow:hidden;
}
#footer #footer-content ul li{
	width:200px;
	float:left;
	padding-right:15px;
	overflow:hidden;
}
#footer #footer-content ul li h1{font-size:1.2em; font-weight:bold;color:#181818;}
#footer #footer-content ul li h1.quote{font-size:1.3em; font-weight:bold; color:#181818; padding-bottom:15px;}
#footer #footer-content ul li em{font-weight:bold;color:#181818;}
#footer #footer-content ul li ul{padding-bottom:15px;}
#footer #footer-content ul li ul li{float:none;}
#footer #footer-content ul li ul li a{color:#181818;}
#footer #footer-content ul li ul li a span.facebook{background: url(../images/ico-social.png) no-repeat 0 -2px;}
#footer #footer-content ul li ul li a span.twitter{background: url(../images/ico-social.png) no-repeat -34px -2px;}
#footer #footer-content ul li ul li a span{
	background: url(../images/ico-social.png) no-repeat 0 0;
	float: left;
	width:30px;
	height:30px;
	margin: 0 5px 5px 0 ;
	display: block;
}

/* ################################### BEGIN: Form BLock  ############################ */

#form-block { background-color:#181818;padding:10px;width:600px;height:400px;}
#form-block h1{padding: 10px;font-size:2.7em;}
#form-block h1 em{color:#906a0e;}
#form-block p{padding: 10px;font-size:1.3em;margin-bottom:10px;}
#submit { margin-top: 10px; overflow:hidden;}
#form-block label {

	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-size: 1.2em;
	color:#9f9f9f;
}

input[type=text] { width: 300px; }
#form-block .disclaimer{ 
	margin:20px 10px 35px 10px;
	font-size: 1.3em; 
}
#amount, #zip_code, #card_exp, #card_id, #state { width: 100px; }

/* ################################### BEGIN: LIGHTBOX - Using ColorBox  ################################### */

/*
	http://colorpowered.com/colorbox/
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#colorbox{}

#cboxOverlay{background:#000;}
    #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight{width:6px; height:6px; background-color:#2f2f2f;}
	#cboxTopLeft{-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;}
	#cboxTopRight{-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;}
	#cboxBottomLeft{-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;}
	#cboxBottomRight{-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;}
	
	#cboxTopCenter, #cboxBottomCenter{height:6px; background-color:#2f2f2f;}
	#cboxContent{background:#181818;}
		#cboxClose{position:absolute; top:1px; right:5px; background-color:#181818;font-size:1.6em;padding:5px;text-align:center;}
		 #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
         #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxLoadedContent{margin-bottom:28px;}

	    #cboxClose.hover{color:#906a0e;}