/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { background: #000 url(../images/body_bg.jpg) top center no-repeat; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", 'Times New Roman', Times, serif; font-size: 0.85em; color: #333; }
ul, li { list-style: none; line-height: 1.5em; }
p { line-height: 1.4em; padding: 0 0 10px 0; }
h1 { font-size: 140%; font-weight: bold; padding: 5px 0; }
h2 { font-size: 120%; font-weight: bold; padding: 5px 0; }
h3 { font-size: 130%; line-height: 1.5em; font-weight: bold; padding: 5px 0; }
h4 { font-size: 100%; font-weight: bold; padding: 5px 0; }
h5 { font-size: 100%; font-weight: 200; padding: 5px 0; }

a:link { background-color: inherit; color: #f00; text-decoration: none; }
a:visited { background-color: inherit; color: #af0e0a; text-decoration: none; }
a:hover { background-color: inherit; color: #bc1410; text-decoration: underline; }
a:active { background-color: inherit; color: #b5985a; text-decoration: underline; }

/* Divs
----------------------------------------- */
#curtain { background: url(../images/top_curtain.png) 0 0 no-repeat; height: 265px; margin: 0 auto; position: relative; text-align: center; width: 1024px; z-index: 40; }
#theeye { background: url(../images/the_eye.gif) top center no-repeat; height: 256px; left: auto; margin: -185px auto 0 auto; position: relative; top: auto; width: 373px; }

/*Theo*/
#theohead { background: url(../images/theo_head.png) top center no-repeat; height: 479px; left: auto; margin: -257px auto 0 auto; position: relative; top: auto; width: 294px; z-index: 30; }
#theo_title { background: url(../images/title/theo_mindell.png) 0 0 no-repeat; left: 535px; bottom: 90px; position: relative; height: 14px; width: 126px; z-index: 27; }

/*Matt*/
#matthead { background: url(../images/matt_head.png) top center no-repeat; height: 479px; left: auto; margin: -257px auto 0 auto; position: relative; top: auto; width: 294px; z-index: 30; }
#matt_title { background: url(../images/title/matt_howse.png) 0 0 no-repeat; left: 535px; bottom: 90px; position: relative; height: 14px; width: 126px; z-index: 27; }

/*Stuart*/
#stuarthead { background: url(../images/stuart_head.png) top center no-repeat; height: 479px; left: auto; margin: -257px auto 0 auto; position: relative; top: auto; width: 294px; z-index: 30; }
#stuart_title { background: url(../images/title/stuart_cripwell.png) 0 0 no-repeat; left: 535px; bottom: 90px; position: relative; height: 14px; width: 161px; z-index: 27; }

/*Bryan*/
#bryanhead { background: url(../images/bryan_head.png) top center no-repeat; height: 479px; left: auto; margin: -257px auto 0 auto; position: relative; top: auto; width: 294px; z-index: 30; }
#bryan_title { background: url(../images/title/bryan_randolph.png) 0 0 no-repeat; left: 535px; bottom: 90px; position: relative; height: 14px; width: 152px; z-index: 27; }

/*Paul*/
#paulhead { background: url(../images/paul_head.png) top center no-repeat; height: 479px; left: auto; margin: -257px auto 0 auto; position: relative; top: auto; width: 294px; z-index: 30; }
#paul_title { background: url(../images/title/paul_anthony_dobleman.png) 0 0 no-repeat; left: 570px; bottom: 100px; position: relative; height: 28px; width: 130px; z-index: 27; }

/*Jeremy*/
#jeremyhead { background: url(../images/jeremy_head.png) top center no-repeat; height: 479px; left: auto; margin: -257px auto 0 auto; position: relative; top: auto; width: 294px; z-index: 30; }
#jeremy_title { background: url(../images/title/jeremy_lyn.png) 0 0 no-repeat; left: 535px; bottom: 90px; position: relative; height: 14px; width: 130px; z-index: 27; }

/*Heather*/
#heatherhead { background: url(../images/heather_head.png) top center no-repeat; height: 479px; left: auto; margin: -257px auto 0 auto; position: relative; top: auto; width: 294px; z-index: 30; }
#heather_title { background: url(../images/title/heather_bailey.png) 0 0 no-repeat; left: 535px; bottom: 90px; position: relative; height: 14px; width: 130px; z-index: 27; }

#newwrapper { background: url(../images/top_nav_bg.png) top center no-repeat; height: 215px; margin: -230px auto 0; padding: 0; position: relative; width: 700px; z-index: 25px; }
#newwrapperi { background: url(../images/top_nav_bg.png) top center no-repeat; height: 215px; margin: -410px auto 0; padding: 0; position: relative; width: 700px; z-index: 25px; }

#wrapper { background-color: #f8f7c6; color: #000; margin: 0 auto; min-height: 700px; position: relative; text-align: left; width: 700px; z-index: 20; }

#navi { 
	color: #ccc491;
	height: 178px;
	margin: 150px 0 0 5px;
	opacity: 0.9; 
	position: relative;
	width: 200px; 
	z-index: 31; }
	
#navi ul { margin: 10px 0 0 27px; }

#navi li a { display:block; background-repeat:no-repeat; text-indent:-9999em; height:18px; overflow:hidden; }

.home a { background: url(../images/nav/home.png); width:149px; vertical-align: middle; }
.artists a { background: url(../images/nav/artists.png); width:149px; vertical-align: middle; }
.shoppe a { background: url(../images/nav/shoppe.png); width:149px; vertical-align: middle; }
.merch a { background: url(../images/nav/merch.png); width:149px; }

#navi li a:hover { background-position:0 -18px; }


#menu ul { list-style:none; white-space:nowrap; text-align:left; background:url(anywidth/opaque.png); padding:1px 1px 0 1px;}

#navi li { list-style:none; }
#navi li { display:inline; }
#navi ul { position:relative; left:-9999px; }
#navi ul.topnav { position:absolute; left:0; top:20px; }

#navi ul li:hover > ul {visibility:visible; left:100%; margin-top:-24px; margin-left:-1px;}

#navi a:hover ul,
#navi a:hover a:hover ul, 
#navi a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}


#navi li a.fly { width:149px; }
#navi li a.fly:hover { background-position: 0 -18px; } 
#navi li:hover > a.fly { background-position: 0 -18px; }


#navi ul ul {
	background: #28251a;
	margin-left: 10px;
	position: absolute;
	width: 115px;
	z-index: 40;
	}
#navi ul ul li a { 
	background: #28251a;
	background-image: none;
	color: #ccc491;
	font-size: 14px;
	font-weight: 100;
	padding: 3px 7px 3px 0;
	text-align: right;
	text-shadow: 2px 2px 1px #000;
	width: 115px;
	}

#navi ul ul li a:hover { background: #000; padding: 3px 7px 3px 0; text-decoration: none; width: 115px; } 
#navi ul ul li:hover > a { background: #000; padding: 3px 7px 3px 0; text-decoration: none; width: 115px; }


.flyedout li.theo { background: url (../images/nav/a_theo_mindell.png) 0 0 no-repeat; } 

#navi table { position:relative; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.content_chunk { margin: 10px auto; width: 320px; }
.content_chunk p {
 font-size: 85%;
 color: #000;
 background-color: #f8f7c6;
 text-align: left;
 line-height: 1.3em;
 font-weight: 500;
 word-spacing: 1px;
}

/* 2 Column Layout */
.content_left { float: left; margin: 25px 35px 25px 60px; width: 260px; }
.content_right { float: left; margin: 25px 55px 25px 20px; width: 265px; }
.content_right ul { margin: 5px 15px; }

.indent_col { padding: 10px 20px; text-align: center; width: 220px; }
.indent_col h3 { text-transform: uppercase; }

/* Flash Content */
#flashwrap { background: url(../images/flash_wrap_bg.jpg) 0 0 no-repeat; margin: 0 auto; height: 348px; width: 679px; }
#flashcontent { padding: 5px 0 0 40px; position: relative; z-index: 0; }

/* Landing Page */
#splashwrap { margin: 0 auto; padding: 50px 0; width: 950px; }
#splashwrap a { outline: none; }
.indexlink { background: none; height:900px; left:0; position:absolute; top:0; width: 100%; z-index:10; }
#splashalt { margin: 0 auto; padding-left: 40px; text-align: center; width: 950px; }
#splashalt a { color: #948F5C; }
#landing_paint { margin: 0 auto; padding: 50px 0; width: 500px; }

/* Images */
img { border: none; }
img.smlogo { height: 95px; width: 302px; }
img.hr { height: 14px; width: 261px; }
img.poster { height: 309px; width: 200px; }

#artistcontent { margin: 0 auto; padding: 0; width: 261px; }
#artistcontent ul li { display: inline; padding: 3px 8px; }
#artistcontent p { padding: 10px 0 10px 30px; }

#slidewrapz { height: 542px; margin: 0 auto; padding: 0 50px; width: 600px; }
#slide_left { background: url(/images/slide_left.png) 0 0 no-repeat; height: 588px; left: 7px; position: absolute; width: 144px; z-index: 41; }
#gallery-2, #ssp { position: absolute; top: 3px; z-index: 0; }
#slide_right { background: url(/images/slide_right.png) 0 0 no-repeat; height: 588px; left: 550px; position: absolute; width: 144px; z-index: 12; }
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
#slide_left, #slide_right { display: none; }
}


/* ------------ Self Clearing Floats ------------ */
#wrapper:after,
#content_left:after,
#content_right:after,
#footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }