/*

COLORS:
Yellow .......... #f9be00
Orange ......... #f87022
Grey ........... #89847c

*/

/* GENERAL ********************************************************************************************************************
***************************************************************************************************************************** */

	body { font-family: Arial; font-size: 12px; color:#fff; background:url(../img/design/bg.gif) fixed;}

	#shell { width: 857px; background:#282622; margin: 35px auto;}
	
	a { color:#f9be00;}
	a:hover { color:#f87022; text-decoration: none; }


	#home h1 { text-transform:uppercase; font-size: 26px;}
	#home h1 span { color:#f9be00; text-transform:uppercase;}
	
	h2 { color:#f9be00; font-size: 21px;}
	h3 { color:#f87022; font-size: 15px;}
	
	hr { background:url(../img/design/br_hr.gif); margin: 20px 0; height: 2px; border: none;}

/* HEADER ********************************************************************************************************************
***************************************************************************************************************************** */

	#titlebar { height: 75px; background:url(../img/design/bg_titlebar.gif) bottom repeat-x; }
	
		#logo { background:url(../img/design/logo.png); margin: -21px 0 0 0; width: 144px; height: 110px; position: absolute;}
		#logo a { display: block; width: 144px; height: 110px;}

		/*#home #nav ul li#home a,
		#artists #nav ul li#artists a,
		#schedule #nav ul li#schedule a,
		#aboutus #nav ul li#aboutus a,
		#contact #nav ul li#contact a
		{ color:#010101; background:url(../img/design/bg_nav_on.gif);}
*/

	/* Main Nav ----------------------------------------------------*/		 		
		
		#h-nav {}
		#h-nav ul {    margin: 0 0 0 147px; padding: 0;}
		#h-nav ul li { width: 142px; height: 64px; display: block; list-style: none; float: left;}
		#h-nav ul li a { width: 142px; height: 39px; padding: 25px 0 0 0; display: block; text-align: center; font-weight: bold; font-size: 14px; text-decoration: none; background:url(../img/design/bg_nav_off.gif); color:#fff; text-transform:uppercase;}
		#h-nav ul li a:hover { color:#010101; background:url(../img/design/bg_nav_on.gif);}
		
		/*
		#home #h-nav ul li#home a,
		#artists #h-nav ul li#artists a,
		#schedule #h-nav ul li#schedule a,
		#aboutus #h-nav ul li#aboutus a,
		#contact #h-nav ul li#contact a 
		{ color:#010101; background:url(../img/design/bg_nav_on.gif);}
		*/

		/* drop down menus */
		#nav .dropDowns {  position:absolute; z-index: 99999999; position:relative;  display: none;}
		#h-nav li ul  { text-align: left; width: 142px; margin: 0; padding:0; border-bottom: 1px solid #000;   }
		#h-nav li ul li { height: 40px;  display: block;  border-top: 1px solid #000; border-bottom: 1px solid #47443f; padding: 0;  }
		#h-nav li li a { height:30px; padding: 13px 0 0 0; text-transform: none; font-size: 12px; background-position:0px  -10px;}
		#h-nav li li a:hover { background-position:0px  -10px;}
		#products, #demo {position:relative;}		
		#nav li:hover .dropDowns, #nav li.over .dropDowns {display:block}
	
		li:hover a, li.over a { }
		#utilitynav ul li:hover a, li.over a { border-bottom: none;}



	
	#home #headerShell {background:#000 url(../img/design/bg_headerShell.gif) bottom repeat-x; height: 288px;}
	#headerShell {background:#000 url(../img/design/bg_headerShell.gif) bottom repeat-x; height: 148px;}
	
		#home #header { height: 275px; background: url(../img/design/bg_header.jpg) no-repeat;  }
		#header { height: 136px; background:url(../img/headers/bgfiller.jpg); }
	
	#home #ctaShell {  margin: 0; display: block;  background:#000; height: 147px; width: 857px; }
	#ctaShell { display: none; }
	
		#ctaBook, #ctaSchedule, #ctaContact { margin: 2px 1px 0 0; float: left; width: 285px; height: 146px;}
		#ctaBook a, #ctaSchedule a, #ctaContact a { display: block; width: 285px; height: 146px;}
		#ctaBook a:hover, #ctaSchedule a:hover, #ctaContact a:hover { background-position:center; border: 7px solid #fe7b22; width: 271px; height: 132px;}
		
		#ctaBook {}
		#ctaBook a { background:url(../img/design/cta_book.jpg); }
	
		#ctaSchedule {}
		#ctaSchedule a { background:url(../img/design/cta_schedule.jpg); }
	
		#ctaContact { margin-right: 0;}
		#ctaContact a { background:url(../img/design/cta_contact.jpg); }

/* BODY ********************************************************************************************************************
***************************************************************************************************************************** */

	#home #content { background: none; position: absolute; margin: 0 0 0 50px; top: 155px; width: 400px; height: 100px; }
	#content { background:url(../img/design/border_vert.gif) repeat-y; width: 600px; margin: 0 0 0 217px; padding: 20px; line-height: 180%;}
	body.toscha #content_bg { background:url(../img/design/bg_artist_toscha.jpg) 500px 0 no-repeat;}
	#photogallery #content { background:url(../img/design/border_vert.gif) repeat-y; width: 600px;  padding: 0 0 0 2px; }

	#side { display: none;}
	body.toscha #side { display: block; width: 198px; margin: 10px 0 0 10px; float: left;  text-align: center;}

	#home h1 {}

		#col {  width: 190px; float: left; margin: 0 10px 0 0; }
		#col h2 { font-size: 18px; margin: 10px 0 6px 0;}
		#col span { display: block; width: 190px; height: 95px; background:#000;}
		#col p { padding: 0; }
		#col span a { clear: left; background:#ff0000; display: block;}
		
		#col_1 { float: left; width: 250px;}
		#col_2 { float: left; width: 250px;}
		#col_1 li, #col_2 li { margin: 0 0 0 20px; color:#f9be00; }



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

	#home #footerShell { margin: 1px 0 0 0; width: 100%; display: block;  font-size: 11px; height: 30px;}
	#footerShell { background:url(../img/design/border_horiz.gif) repeat-x; width: 100%; display: block;  font-size: 11px; height: 30px;}
	
		#footerNav { }
		#footerNav ul { margin: 0; padding: 8px 0 0 30px; }
		#footerNav ul li { display: inline; margin: 0 10px 0 0;}
		#footerNav ul li a { color:#89847c; text-decoration: none; }
		#footerNav ul li a:hover { color:#fff; }
	
		#credits { position: absolute; margin: -14px 0 0 700px; }