/*------------------------------------------------------------------------
# Spillover Marketing
# ------------------------------------------------------------------------
# Copyright (C) 2007 Spillover Marketing All Rights Reserved.
# Author: Spillover Marketing
# Websites:  http://www.spillover.com -  http://www.coursetrends.com
-------------------------------------------------------------------------*/

body#bd {
	background: url(../../images/drafthouse/bg.jpg) repeat #000;
}

/* Normal link */
a {
	color: #D25D23;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #4F4F4F;
}

a.readon {
	background: url(../../images/dark/readon.gif) no-repeat top;
}

a.readon:hover, a.readon:active, a.readon:focus {
	background: url(../../images/dark/readon.gif) no-repeat bottom;
}

a.mainlevel#active_menu {
	color: #000;
}

#so-wrapper {
	border-left: none;
	border-right: none;
}

#so-wrapper-head {
	background: transparent url(../../images/drafthouse/wrapper-head.gif) no-repeat top center;
	height:32px;
	width:940px;
}


#so-wrapper-foot {
	background: url(../../images/drafthouse/wrapper-foot.gif) no-repeat top center;
	height:30px;
	width:940px;
}

#so-header {
	background: none;
}

#so-header h1 {
	background: none;
}

#so-logo {
	background: url(../../images/drafthouse/logo.jpg) no-repeat;
	height:261px;
	width: 344px;
	float:left;
	margin-top:-10px;
}

.so-logo-link {
	display:block;
	height:261px;
	width:344px;
}

#so-mainnav a {
	color: #FFFFFF;
}

/* Bignumber */
.bignumber {
	background: url(../../images/dark/ol-bg.gif) no-repeat top left;
}


/* Dropcap hilite */
.dropcap-hilite {
	background: #425252;
}

/* Check list */
ul.checklist li {
	background: url(../../images/dark/checklist-bg.gif) no-repeat 0px 0px;
}

/* Note Style */
div.stickynote {
	border: 1px solid #B3C1C1;
}

div.stickynote p {
	color: #4F4F4F;
	background: url(../../images/dark/sticky-bg.gif) no-repeat left center #FFFFFF;
	border: 2px solid #E0E6E6;
}

div.pinnote {
	border: 1px solid #B3C1C1;
}

div.pinnote p {
	color: #4F4F4F;
	background: url(../../images/dark/pin-bg.gif) no-repeat left center #FFFFFF;
	border: 2px solid #E0E6E6;
}

div.contact {
	border: 1px solid #B3C1C1;
}

div.contact p {
	color: #4F4F4F;
	background: url(../../images/dark/contact-bg.gif) no-repeat left center #FFFFFF;
	border: 2px solid #E0E6E6;
}

div.download {
	border: 1px solid #B3C1C1;
}

div.download p {
	color: #4F4F4F;
	background: url(../../images/dark/download-bg.gif) no-repeat left center #FFFFFF;
	border: 2px solid #E0E6E6;
}

div.quote-hilite {
	background: url(../../images/dark/q1_std2.gif) no-repeat 20px 10px #FCF4F0;
	border:1px dotted #DF875C;
}

div.quote-hilite blockquote {
	color: #D25D23;
	background: url(../../images/dark/q2_std2.gif) no-repeat right bottom;
}

#so-footer {
	background: url(../../images/dark/footer-left-bg.gif) repeat-y 170px 0 #222D2D;
}

.wide #so-footer {
	background:none;
}

#so-footer a:hover,
#so-footer a:active,
#so-footer a:focus {
	color: #999999;
}

.article_seperator {
	display: block;
	height: 30px;
	border-bottom:none;
}

.componentheading {
	padding: 0 0 5px 0;
	margin-bottom: 15px;
	border-bottom:none;
	font-size: 200%;
	font-weight: bold;
	width:93%;
	_margin-left:15px;
}

/* Main Navigation */

#topmenu {
	height: 40px;
	width: 940px;
	margin: -10px 0 10px -25px;
	background: url('../../images/drafthouse/menu-bg.jpg') top center no-repeat;
	padding-left:50px;
	position:relative;
	z-index:10;
	}	

* html #topmenu {
	margin-right:-40px;
	width:940px;
}

#topmenu a i {
	visibility:hidden;
	}

#topmenu ul {
	border: none; 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	clear: left; 
	height: 37px;
	}

#topmenu ul li {
	display: block;
	float: left; 
	padding: 0; 
	margin: 0; 
	border: none;
	}

#topmenu ul li a {
	display: block;
	width: 70px; 
	height: 37px; 
	padding: 0 0 0 0; 
	margin: 0;
	}	

#topmenu ul li#home a {width: 82px;}
#topmenu ul li#menus a {width: 117px;}
#topmenu ul li#eclub a {width: 121px;}
#topmenu ul li#photos2 a {width: 117px;}
#topmenu ul li#reviews a {width:134px;}
#topmenu ul li#store a {width: 95px;}
#topmenu ul li#map2 a {width: 97px;}
#topmenu ul li#contact a {width:112px;}

#topmenu ul li#home .havesubchild a {width:100%;}
#topmenu ul li#menus .havesubchild a {width:100%;}
#topmenu ul li#eclub .havesubchild a {width:100%;}
#topmenu ul li#photos2 .havesubchild a {width:100%;}
#topmenu ul li#reviews .havesubchild a {width:100%;}
#topmenu ul li#store .havesubchild a {width:100%;}
#topmenu ul li#map .havesubchild a {width:100%;}
#topmenu ul li#contact .havesubchild a {width:100%;}


li#home a {background: transparent url('../../images/drafthouse/menu_home.gif') 0 0 no-repeat;text-decoration:none;}
li#home a:hover {background: transparent url('../../images/drafthouse/menu_home.gif') 0px -37px no-repeat; text-decoration:none;}
li#menus a {background: transparent url('../../images/drafthouse/menu_menu.gif') 0 0 no-repeat;text-decoration:none;}
li#menus a:hover {background: transparent url('../../images/drafthouse/menu_menu.gif') 0px -37px no-repeat; text-decoration:none;}
li#eclub a {background: transparent url('../../images/drafthouse/menu-eclub.gif') 0px 0px no-repeat; text-decoration:none;}
li#eclub a:hover {background: transparent url('../../images/drafthouse/menu-eclub.gif') 0px -37px no-repeat; text-decoration:none;}
li#photos2 a {background: transparent url('../../images/drafthouse/menu_gallery.gif') 0px 0px no-repeat; text-decoration:none;}
li#photos2 a:hover {background: transparent url('../../images/drafthouse/menu_gallery.gif') 0px -37px no-repeat; text-decoration:none;}
li#reviews a {background: transparent url('../../images/drafthouse/menu_reviews.gif') 0px 0px no-repeat; text-decoration:none;}
li#reviews a:hover {background: transparent url('../../images/drafthouse/menu_reviews.gif') 0px -37px no-repeat; text-decoration:none;}
li#store a {background: transparent url('../../images/drafthouse/menu_store.gif') 0px 0px no-repeat; text-decoration:none;}
li#store a:hover {background: transparent url('../../images/drafthouse/menu_store.gif') 0px -37px no-repeat; text-decoration:none;}
li#map2 a {background: transparent url('../../images/drafthouse/menu_map.gif') 0px 0px no-repeat; text-decoration:none;}
li#map2 a:hover {background: transparent url('../../images/drafthouse/menu_map.gif') 0px -37px no-repeat; text-decoration:none;}
li#contact a {background: transparent url('../../images/drafthouse/menu_contact.gif') 0px 0px no-repeat; text-decoration:none;}
li#contact a:hover {background: transparent url('../../images/drafthouse/menu_contact.gif') 0px -37px no-repeat; text-decoration:none;}


#topmenu li ul {
	width: 16.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	w\idth: 15.9em;
}

#topmenu li ul ul {
	margin: -1.5em 0 0 12em; /* third-and-above-level lists */
}

#topmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

#topmenu ul a {
	width: 14.8em;
	w\idth: 10.8em;
}

#topmenu li:hover ul ul, #topmenu li:hover ul ul ul,
#topmenu li.sfhover ul ul, #topmenu li.havechildsfhover ul ul, #topmenu li.havechild-activesfhover ul ul,
#topmenu li.sfhover ul ul ul, #topmenu li.havechildsfhover ul ul ul, #topmenu li.havechild-activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul,
#topmenu li.sfhover ul, #topmenu li.havechildsfhover ul, #topmenu li.havechild-activesfhover ul,
#topmenu li li.sfhover ul, #topmenu li li.havesubchildsfhover ul, #topmenu li li.havesubchild-activesfhover ul,
#topmenu li li li.sfhover ul, #topmenu li li li.havesubchildsfhover ul, #topmenu li li li.havesubchild-activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
#topmenu li ul {
	border: 1px solid #230f05;
	background: #230f05;
}

#topmenu li ul li {
	border-top: 1px solid #230f05;
	border-bottom: 1px solid #230f05;
	list-style-type:none;
}

#topmenu li ul a {
	border-right: none;
	margin: 0 0 -17px 0;
	padding: 3px 10px;
	border-top: none;
	border-left: none;
	background: none;
	font-weight: normal;
	line-height: normal;
	color: #8f6728;
	font-size: 100%;
	text-transform: none;
}

#topmenu li ul a:hover,
#topmenu li ul a:active,
#topmenu li ul a:focus {
	margin: 0 0 -17px 0;
	color: #986916;
	font-weight:bold;
	background: none !important;
}

#topmenu li a {
}

#topmenu li a:hover {
	color: #141514;
}

#topmenu li a.active,
#topmenu li a.active:hover,
#topmenu li a.active:active,
#topmenu li a.active:focus {
	
}

#topmenu li li a.active,
#topmenu li li a.hover,
#topmenu li li a.active,
#topmenu li li a.focus {
	border-bottom: none !important;
	background: none !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
	line-height: normal !important;
}

#topmenu li.havechild {
}

#topmenu li.havechild-active {
}

#topmenu li.havesubchild {
	background: none;
}

#topmenu li.havesubchild-active {
	background: none;
}

#topmenu ul li:hover,
#topmenu ul ul li:hover,
#topmenu ul li.sfhover,
#topmenu ul li.havesubchildsfhover,
#topmenu ul li.havesubchild-activesfhover,
#topmenu ul ul li.sfhover,
#topmenu ul ul li.havesubchildsfhover,
#topmenu ul ul li.havesubchild-activesfhover {
		
}

#topmenu li:hover,
#topmenu li.sfhover,
#topmenu li.havechildsfhover,
#topmenu li.havechild-activesfhover,
#topmenu li:hover a.first-item,
#topmenu li.sfhover a.first-item,
#topmenu li.havechildsfhover a.first-item,
#topmenu li.havechild-activesfhover a.first-item {
	
}

#topmenu li a.active-first-item,
#topmenu li a.active-first-item:hover,
#topmenu li a.active-first-item:active,
#topmenu li a.active-first-item:focus {
	
}


/* End Main Navigation */

.slideshow {
	margin:15px 25px 0 0;
	_margin: 10px 10px 0 0;
	position:relative;
	float:right;
}

#form {
	background: url(../../images/drafthouse/form-bg.jpg) no-repeat;
	height:357px;
	width:317px;
	padding: 190px 0 0 22px;
}

* html #form {padding: 180px 0 0 17px}

#comment img { width:315px; margin:0 auto 0 -12px;}

.frmtext {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#ddd4a6;
	font-size:14px;
	font-weight:bold;
}

.frmfield {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-color:#ddd4a6;
	font-size:14px;
	color:black;
	border:1px solid #ddd4a6;
}

* html .frmfield {font-size: 14px;}

.frmtext2 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:15px;
	font-weight:bold;
}

.frmfield2 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-color:#white;
	font-size:15px;
	color:black;
	border:1px solid #9f9979;
}

* html .frmfield2 {font-size: 14px;}

.required {color: #990000;}

.button { background-color:#ddd4a6; color:#331900;border: 1px solid #9f9979; }

.bodywrap {
	width:595px;
	margin:0 0 0 20px;
}
.bodywrap-large {
	width:795px;
	margin:0 0 0 20px;
}

.body-head, .body-head-large {
	height:83px;
	_position:relative;
	_z-index:10;
}
.body-head {
	background:url(../../images/drafthouse/body-head.gif) top center no-repeat;
	width:615px;
}
.body-head-large {
	background:url(../../images/drafthouse/body-head-large.gif) top center no-repeat;
	width:815px;
}

.body-body, .body-body-large {
	_position:relative;
	_z-index:12;
	padding:0;
}
.body-body {
	background:url(../../images/drafthouse/body-body.gif) repeat-y;
	width:615px;
}
.body-body-large {
	background:url(../../images/drafthouse/body-body-large.gif) repeat-y;
	width:815px;
}

.body-body p {padding-left:10px;}

.body-foot, .body-foot-large {
	height:84px;
	_position:relative;
	_z-index:10;
}
.body-foot {
	background:url(../../images/drafthouse/body-foot.gif) top center no-repeat;
	width:615px;
}
.body-foot-large {
	background:url(../../images/drafthouse/body-foot-large.gif) top center no-repeat;
	width:815px;
}

.modules {
	margin-left:-28px;
}

.modules img {
	_position:relative;
	_z-index:10;
}

#map {
	margin-left:30px;
}

#photos {
	width:520px;
	height:390px;
	margin:20px auto;
	clear:both;
}

.modalign {
	margin:32px 5px 5px 5px;
	_margin:25px 5px 5px 5px;
}