/**********************************************************************************************

	CSS on Sails
	Title	: EmpireAttractions.com
	Author	: XHTMLized (http://www.xhtmlized.com/)
	Date	: April 2009

***********************************************************************************************
		
	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 1.1	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; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0; }
	address { font-style: normal; }

/* 1.2	Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/	

	ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3	Clearfix
-----------------------------------------------------------------------------------------------*/

	.clearfix { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/	

	body { text-align: center; font: 62.5% Helvetica, Arial, sans-serif; background: #fff; }
	hr { display: none; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
	input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; }
	a:link, a:visited { color: #0E5CA8; text-decoration: none; cursor: pointer; outline: none; }
	a:hover, a:active { color: #0E5CA8; text-decoration: underline; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	div.container { position: relative; margin: 0 auto; width: 1000px; text-align: left; font-size: 1.2em; }
	div#header { z-index: 10; position: relative; padding: 0 0 0 28px; width: 972px; height: 137px; }
	div#content { z-index: 1; position: relative; padding: 0 0 0 28px; width: 972px;  }
	div#footer { z-index: 1; position: relative; overflow: hidden; clear: both; padding: 0 30px 0px 30px; width: 940px; }
	body.secondary div#footer { padding: 0 30px 30px 0px; width: 720px; }

	div.gsc-resultsbox-visible { background: #FFF;}
	div.gs-webResult { padding-left: 10px;}
	div.gsc-tabHeader , div.gsc-tabhActive { background: #FFF;}


/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	div#header h1, div#header h1 span, div#header a.logo, div#header a.logo span { display: block; overflow: hidden; width: 245px; height: 81px; }
	div#header h1, div#header a.logo { z-index: 10; position: absolute; left: 43px; top: 21px; }
	div#header h1 span, div#header a.logo span { position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/logo.png) no-repeat; }
	div#header a.logo span { cursor: pointer; }
	
	div#header p.tagline { z-index: 0; position: absolute; left: 462px; top: 72px; width: 525px; text-align: right; font-weight: normal; font-size: 2em; color: #7D7D7D; }
	
	div#header div.ext-navigation { z-index: 1; position: absolute; left: 688px; top: 0; width: 297px; height: 58px; background: url(../images/bg-ext-navigation.png) no-repeat 0 0; }
	div#header div.ext-navigation fieldset {margin-left:70px;margin-top:-8px;}
	div#header div.ext-navigation p { float: left; margin: 10px 0 0 20px; font-weight: normal; font-size: .92em; color: #fff; display: inline; }
	div#header div.ext-navigation p a { text-decoration: none; color: #fff; }
	div#header div.ext-navigation p a:hover { color: #000; }
	div#header div.ext-navigation ul { float: right; margin: 6px 15px 0 0; display: inline; }
	div#header div.ext-navigation ul li { float: left; }
	div#header div.ext-navigation ul li label { float: left; margin: 4px 8px 0 0; font-weight: normal; font-size: .92em; color: #fff; }
	div#header div.ext-navigation ul li input { float: left; margin: 1px 0 0 0; padding: 2px 3px 0 3px; width: 119px; height: 14px; line-height: 1em; font-size: .92em; border: none; background: #fff; }
	div#header div.ext-navigation ul li button { float: left; margin: 6px 0 0 5px; width: 18px; height: 8px; text-align: left; text-indent: -9999em; border: none; background: #ccc url(../images/btn-go.png) no-repeat 0 0; cursor: pointer; }
	div#header div.ext-navigation ul li button:hover { background: #ccc url(../images/btn-go.png) no-repeat 0 -8px; }
	
	div#header div#navigation { position: absolute; left: 35px; top: 122px; height: 23px; }
	div#header div#navigation ul { margin: 0; }
	div#header div#navigation ul li { position: relative; float: left; margin: 0 15px 0 0; height: 23px; font-weight: normal; font-size: 1em; color: #0E5CA8; }
	div#header div#navigation ul li a { display: block; float: left; padding: 5px 11px 0 11px; height: 18px; text-decoration: none; color: #0E5CA8; background: #fff; }
	div#header div#navigation ul li a:hover ,
	div#header div#navigation ul li a.active ,
	div#header div#navigation ul li.sfHover a { color: #fff; background: #2778BD; }
	/*div#header div#navigation ul li.sfHover a { color: #FFF200; }*/ 
		
	div#header div#navigation ul ul { position: absolute; left: 0; top: 23px; padding: 12px 0 0 0; width: 245px; background: #2778BD; }
	div#header div#navigation ul ul li { clear: both; margin: 0; padding: 0; height: auto; font-size: .83em; }
	div#header div#navigation ul ul li.last { padding: 0 0 5px 0; }
	div#header div#navigation ul ul li a { padding: 0 0 7px 11px; width: 234px; height: auto; color: #fff; background: #2778BD; }
	div#header div#navigation ul ul li a:hover { color: #FFF200; }
	/*div#header div#navigation ul li.sfHover ul li a { color: #fff; }
	div#header div#navigation ul li.sfHover ul li a:hover { color: #FFF200; }*/

	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	
	div#content div#top-content { padding: 12px 0 0 0; width: 972px; background: url(../images/bg-top-content.png) no-repeat 0 0; }
	
	div.slider-watch { overflow: hidden; margin: 0 0 5px 0; padding: 0 0 0 18px; height: 370px; }
	
	div.wrapper-slider-preview { overflow: hidden; float: left; margin: 0 5px 0 0; width: 450px; height: 360px; }
	
	div.slider-watch ul.slider-preview { margin: 0; padding: 0; width: 450px; }
	div.slider-watch ul.slider-preview li { float: left; clear: both; padding: 0; width: 450px; height: 300px; }
	div.slider-watch ul.slider-preview li h2 { padding: 5px 0 1px 0; text-transform: uppercase; font-weight: normal; font-size: 1.5em; color: #fff; }
	div.slider-watch ul.slider-preview li img { margin: 0 0 5px 0; width: 443px; height: 265px; }
	div.slider-watch ul.slider-preview li p { line-height: 1.36em; font-weight: normal; font-size: .92em; color: #000; }
	div.slider-watch ul.slider-menu { float: left; margin: 28px 0 0 0; width: 170px; }
	div.slider-watch ul.slider-menu li { padding: 0 0 12px 0; line-height: 1.27em; font-weight: bold; font-size: .92em; color: #fff; }
	div.slider-watch ul.slider-menu li a { text-decoration: none; color: #fff; }
	div.slider-watch ul.slider-menu li a:hover ,
	div.slider-watch ul.slider-menu li a.active { color: #FFF200; }
	
	div.mod-news { padding: 0 0 10px 5px; width: 615px; }
	div.mod-news h3 { line-height: 1.5em; text-transform: uppercase; font-weight: bold; font-size: 1.5em; color: #E23A28; }
	div.mod-news ul { margin: 0; }
	div.mod-news ul li { line-height: 1.27em; font-weight: bold; font-size: .92em; color: #2478BD; }
	div.mod-news ul li a { text-decoration: none; color: #E23A28; }
	div.mod-news ul li a:hover { text-decoration: underline; }
	
	div#content div#main-content { padding: 0 0 15px 0; width: 972px; }
	
	ul.mod-ads { overflow: hidden; margin: 0 0 5px 0; padding: 0; height: 1%; }
	ul.mod-ads li { float: left; margin: 0 13px 0 0; padding: 3px 0 0 6px; width: 220px; height: 83px; }
	ul.mod-ads li.green { background: #A0CD3A; }
	ul.mod-ads li.purple { background: #6A3591; }
	ul.mod-ads li.red { background: url(/images/empire_color_box.gif) no-repeat 0 0; width:460px; float:left; margin: 0 13px 0 0; padding: 3px 0 0 6px; }
	ul.mod-ads li.blue { background: #2578BD; }
	ul.mod-ads li.various { background: #F39932 url(../images/bg-mod-ads-various.png) no-repeat 0 0; }
	ul.mod-ads li.ticket { background: url(../images/bg-mod-ads-ticket.png) no-repeat 0 0; }
	ul.mod-ads li h3 { padding: 0; line-height: 1.43em; font-weight: bold; font-size: 1.17em; color: #fff; }
	ul.mod-ads li p { line-height: 1.27em; font-weight: normal; font-size: .92em; color: #000; }
	ul.mod-ads li.green h3 a { text-decoration: none; color: #fff; }
	ul.mod-ads li.green p { padding: 0 0 0 3px; width: 125px; }
	ul.mod-ads li.green p a { text-decoration: none; color: #000; }
	ul.mod-ads li.purple ul { margin: 1px 0 0 0; }
	ul.mod-ads li.purple ul li { float: none; margin: 0; padding: 0 0 3px 0; width: auto; height: auto; }
	ul.mod-ads li.purple ul li h4 { line-height: 1.27em; font-weight: bold; font-size: .92em; color: #FFF200; }
	ul.mod-ads li.purple ul li h4 a { text-decoration: none; color: #FFF200; }
	ul.mod-ads li.purple ul li h4 a:hover { color: #fff; }
	ul.mod-ads li.purple ul li p { line-height: 1.44em; font-weight: normal; font-size: .75em; color: #fff; }
	ul.mod-ads li.various h3 { width: 90px; }
	ul.mod-ads li.various p { width: 105px; }
	ul.mod-ads li.blue p { padding: 0 5px 0 3px; color: #fff; }
	ul.mod-ads li.blue fieldset { padding: 5px 0 0 0; }
	ul.mod-ads li.blue fieldset label { float: left; margin: 0; width: 30px; line-height: 1.22em; font-weight: normal; font-size: .75em; color: #000; }
	ul.mod-ads li.blue fieldset input { float: left; margin: 0; padding: 4px 3px 0 3px; width: 175px; height: 17px; line-height: 1em; font-size: .83em; border: none; background: #fff; }
	
	ul.search_results li {color: yellow; padding-top:15px;}
	ul.search_results li a {font-size: 1.2em; font-weight:bold;}
	ul.search_results li a:link {color: #00f; text-decoration:underline;}
	ul.search_results li a:visited {color:#551A8B; text-decoration: underline;}
	ul.search_results li {color:black; font-size: 1em; }
	
	div.mod-other-websites { margin: 0; padding: 0; }
	div.mod-other-websites h3 { padding: 0 0 5px 0; line-height: 1.15em; font-weight: bold; font-size: 1.08em; color: #E23A28; }
	div.mod-other-websites ul { overflow: hidden; width: 943px; height: 80px; background: url(../images/bg-mod-other-websites.png) no-repeat 0 0; }
	div.mod-other-websites ul li { position: relative; overflow: hidden; float: left; margin: 0; padding: 0; height: 80px; display: inline; }
	
	div.mod-other-websites ul li#mow-renaissance { margin: 0 0 0 10px; width: 108px; }
	div.mod-other-websites ul li#mow-sterling { margin: 0 0 0 20px; width: 92px; }
	div.mod-other-websites ul li#mow-screamers { margin: 0 0 0 17px; width: 98px; }
	div.mod-other-websites ul li#mow-northpole { margin: 0 0 0 18px; width: 154px; }
	div.mod-other-websites ul li#mow-sylvan { margin: 0 0 0 23px; width: 101px; }
	div.mod-other-websites ul li#mow-yesterdays { margin: 0 0 0 28px; width: 96px; }
	div.mod-other-websites ul li#mow-screamer { margin: 0 0 0 7px; width: 156px; }
	
	div.mod-other-websites ul li a ,
	div.mod-other-websites ul li a span { position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; height: 80px; }	
	div.mod-other-websites ul li a span { height: 160px; }
	div.mod-other-websites ul li a img { position: absolute; left: -9999em; }
	
	div.mod-other-websites ul li#mow-renaissance a span { background: url(../images/logo-mod-other-websites.png) no-repeat 0 0; }
	div.mod-other-websites ul li#mow-sterling a span { background: url(../images/logo-mod-other-websites.png) no-repeat -128px 0; }
	div.mod-other-websites ul li#mow-screamers a span { background: url(../images/logo-mod-other-websites.png) no-repeat -237px 0; }
	div.mod-other-websites ul li#mow-northpole a span { background: url(../images/logo-mod-other-websites.png) no-repeat -353px 0; }
	div.mod-other-websites ul li#mow-sylvan a span { background: url(../images/logo-mod-other-websites.png) no-repeat -530px 0; }
	div.mod-other-websites ul li#mow-yesterdays a span { background: url(../images/logo-mod-other-websites.png) no-repeat -659px 0; }
	div.mod-other-websites ul li#mow-screamer a span { background: url(../images/logo-mod-other-websites.png) no-repeat -762px 0; }
	
	div.mod-other-websites ul li a:hover span { top: -80px; }
	
	/* Secondary page */
	
	body.secondary div#wrapper-content { overflow: hidden; width: 1000px; background: url(../images/bg-w-content-secondary.png) repeat-y 0 0; }
	body.secondary div#content { overflow: hidden; padding: 0; width: 1000px; background: url(../images/bg-content-secondary.png) no-repeat 0 0; }
	
	body.secondary div#content div#top-content { padding: 23px 0 0 14px; width: 702px; height: 130px; background: none; }
	body.secondary div#content div#top-content img { float: left; }
	body.secondary div#content div#top-content img.venue-image { margin: 0 0 0 18px; }
	
	body.secondary div#content div#main-content { float: right; padding: 0 30px 30px 0; width: 720px; }
	body.secondary div#content div#main-content div.inside-content { float: left; padding: 25px 0 0 0; width: 450px; }
	body.secondary div#content div#main-content div.sidebar-content { float: right; padding: 165px 0 0 0; width: 227px; }
	
	div.inside-content h2 { padding: 0 0 15px 0; line-height: 1.33em; font-weight: bold; font-size: 1.5em; color: #E23A28; }
	div.inside-content p { padding: 0 0 15px 0; line-height: 1.80em; font-weight: normal; font-size: 1em; color: #362F2D; }
	div.inside-content img.float-left { float: left; margin: 5px 10px 10px 0; }
	div.inside-content img.float-right { float: right; margin: 5px 0 10px 10px; }
	
	div.inside-content div.special-noticed { padding: 50px 0; }
	div.inside-content div.special-noticed h2 { padding: 0 0 10px 0; text-transform: uppercase; }
	div.inside-content div.special-noticed h3 { padding: 0; line-height: 1.5em; font-weight: bold; font-size: 0.83em; color: #362F2D; }
	div.inside-content div.special-noticed p {padding: 0 0 15px 0; line-height: 1.5em; font-weight: normal; font-size: 0.83em; color: #362F2D;  }
	
	div.sidebar-content div.mod-sidebar-content { overflow: hidden; margin: 0 0 10px 0; padding: 7px 7px 32px 12px; width: 208px; }
	
	div.sidebar-content div.mod-sidebar-blue { background: #2778BD; }
	div.sidebar-content div.mod-sidebar-green { height: 48px; background: #A0CC3A url(../images/bg-mod-ads-ticket.png) no-repeat scroll 0 0; }
	div.sidebar-content div.mod-sidebar-red { background: #E23B29; }
	
	div.sidebar-content div.mod-sidebar-content h3 { padding: 0 0 3px 0; line-height: 1.29em; font-weight: bold; font-size: 1.17em; color: #fff; }
	div.sidebar-content div.mod-sidebar-content p { line-height: 1.27em; font-weight: normal; font-size: .92em; color: #000; }
	div.sidebar-content div.mod-sidebar-blue p { color: #fff; }
	div.sidebar-content div.mod-sidebar-content p a { color: #000; }
	div.sidebar-content div.mod-sidebar-content ul.list-link { float: left; width: 200px; }
	div.sidebar-content div.mod-sidebar-content ul.list-link li { line-height: 1.27em; font-weight: normal; font-size: .92em; color: #000; }
	div.sidebar-content div.mod-sidebar-content ul.list-link li a { color: #000;font-weight:bold; }
	
	
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	
	body.secondary div#sidebar { float: left; padding: 15px 0 0 30px; width: 188px; }
	body.secondary div#sidebar h2 { padding: 0 0 15px 0; line-height: 1em; text-transform: uppercase; font-weight: normal; font-size: 1.92em; color: #6CA9DB; }
	body.secondary div#sidebar h3 { padding: 0 0 15px 0; line-height: 1em; font-weight: bold; font-size: 1em; color: #534741; }
	
	body.secondary ul.sidebar-nav { margin: 0; }
	body.secondary ul.sidebar-nav li { padding: 0 0 15px 0; line-height: 1.25em; font-weight: bold; font-size: 1em; color: #534741; }
	body.secondary ul.sidebar-nav li a { color: #534741; }
	body.secondary ul.sidebar-nav li a:hover , 
	body.secondary ul.sidebar-nav li a.active { text-decoration: none; font-weight: bold; color: #0E5CA8; }	
	body.secondary ul.sidebar-nav ul { margin: 5px 0 0 10px; }
	body.secondary ul.sidebar-nav ul li { padding: 0; }
	body.secondary ul.sidebar-nav ul li a { color: #736357; }
	body.secondary ul.sidebar-nav ul li a:hover { color: #534741; }	
	body.secondary ul.sidebar-nav ul ul { margin: 3px 0 3px 25px; }
	body.secondary ul.sidebar-nav ul ul li { padding: 0; }
	body.secondary ul.sidebar-nav ul ul li a { color: #998675; }
	body.secondary ul.sidebar-nav ul ul li a:hover { color: #736357; }
	
	body.secondary a:link, a:visited { color: #362F2D; text-decoration: none; cursor: pointer; outline: none; }
	body.secondary a:hover, a:active { color: #362F2D; text-decoration: underline; }
	
	
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/

	div#footer .left-footer { float: left; padding-bottom: 10px; }
	div#footer .center-footer { float: center; }
	div#footer .right-footer { float: right; padding-bottom: 10px; }
	
	div#footer address , div#footer p { font-weight: normal; font-size: 1em; color: #9D9790; }
	div#footer address a , div#footer p a { text-decoration: none; color: #9D9790; }
	div#footer address a:hover , div#footer p a:hover { color: #9D9790; }

    div#footer { background-color:#fff; font-size:100%;  color:#9D9790;}
    div#footer a { color:#9D9790;  text-decoration:none;  }
    div#footer a:hover { color:#9D9790; text-decoration:underline;    }