/*

Casablanc Marqueees - Global Stylesheet
Handwritten by Oliver Coningham (AztecMedia.eu)
http://www.clientname.co.uk/

*/

																					/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
.normal { font-weight: normal; }

hr { display: none; }
strong { font-weight: bold; }

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

																					/* ------------ Defaults ------------ */

body {
	background:#cdbe83 url('../images/body-bg.jpg') no-repeat top center;
	color: #000;
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 0.7em;
	line-height: 1.7em;
	padding-top:20px;
	}

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}

#ie6 { 
	display: none;
	}

#container { 
	margin: auto;
	width: 960px;
	}
	
	
	
																					/* ------------ Branding ------------ */

#branding { 
	height: 140px;
	width: 960px;
	}
	
#branding h1 a { 
	background: url('../images/casablanca-marquee-hire.gif') no-repeat 0 0;
	display: block;
	float: left;
	height: 120px;
	margin-right: 20px;
	text-indent: -25000px;
	width: 227px;
	}
	
#branding #branding-contact a { 
	background: url('../images/contact-details.gif') no-repeat 0 0;
	display: block;
	float: left;
	height: 65px;
	margin-top: 36px;
	text-indent: -25000px;
	width: 346px;
	margin-left:5px;
	}
	
#branding #branding-contact a:hover { 
	background-position: 0 -65px;
	}
	
#strapline { 
	float: left;
	width: 490px;
	height:24px;
	margin-top:5px;
	}
	
#branding-nav { 
	float: right;
	width: 168px;
	}

	
#facebook a,
#twitter a { 
	background: url('../images/facebook.png') no-repeat 0 0;
	display:block;
	height:30px;
	width:30px;
	margin-left:10px;
	text-indent:-25000px;
	float:right;
	margin-top:60px;
	}
	
#twitter a { 
	background: url('../images/twitter.png') no-repeat 0 0;
	}
	
#facebook a:hover,
#twitter a:hover {
	background-position:0 -30px;
	}
	
	
	
/* ------------ Search ------------ */

#search-form { 
	background: url('../images/search-bg.png') no-repeat 0 0;
	height: 30px;
	margin-top: 50px;
	padding-left: 14px;
	width: 254px;
	}
	
#search-form input { 
	float: left;
	}
	
#search-form #search { 
	background: #fff url('../images/search-input-bg.gif') repeat-x 0 0;
	border: none;
	color: #514a33;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	margin-top: 3px;
	overflow: hidden;
	padding: 4px 0 0 0;
	width: 163px;
	}
	
	
	
	
																					/* ------------ Navigation ------------ */

#nav { 
	background: url('../images/nav-bg.png') no-repeat bottom left;
	height: 30px;
	padding: 10px 20px 0 20px;
	position: relative;
	width: 920px;
	}
	
#nav li {
	float: left;
	}

#nav a {
	display: block;
	height: 30px;
	text-indent: -250000px;
	width: 153px;
	}
	
#nav a:hover {
	background-position: 0 -30px;
	}
	
#nav-home a { background: url('../images/nav-home.gif') no-repeat 0 0; }
#nav-about a { background: url('../images/nav-about.gif') no-repeat 0 0; }
#nav-marquees a { background: url('../images/nav-marquees.gif') no-repeat 0 0; width:154px }
#nav-photos a { background: url('../images/nav-photos.gif') no-repeat 0 0;  width:154px }
#nav-catering a { background: url('../images/nav-catering.gif') no-repeat 0 0;}
#nav-contact a { background: url('../images/nav-contact.gif') no-repeat 0 0; }

#nav-selected a {
	display: block;
	height: 40px;
	position: absolute;
	top: 0;
	width: 173px;
	}
	
#home #nav-selected a {
	background: url('../images/nav-home-selected.png') no-repeat 0 0;
	left: 10px;
	}
	
#about #nav-selected a {
	background: url('../images/nav-about-selected.png') no-repeat 0 0;
	left: 163px;
	}
	
#marquees #nav-selected a {
	background: url('../images/nav-marquees-selected.png') no-repeat 0 0;
	left: 316px;
	}
	
#photos #nav-selected a {
	background: url('../images/nav-photos-selected.png') no-repeat 0 0;
	left: 470px;
	}
	
#catering #nav-selected a {
	background: url('../images/nav-catering-selected.png') no-repeat 0 0;
	left: 624px;
	}
	
#contact #nav-selected a {
	background: url('../images/nav-contact-selected.png') no-repeat 0 0;
	left: 777px;
	}
	
#search-results #nav-selected a {
	display:none;
	}



	
																					/* ------------ Content ------------ */

#content-outer { 
	background: url('../images/content-outer-bg.gif') repeat-x 0 0;
	width: 960px;
	}

#content { 
	background:#d6c99a url('../images/page-bg.gif') no-repeat bottom left;
	padding: 20px 0 20px 20px;
	width: 940px;
	}
	
#home #content { 
	padding: 0 0 0 20px;
	width:940px;
	}		

#content #copy { 
	float: left;
	width: 290px;
	}
	
#home #content #copy {
	padding-top:20px;
	}	
	
#content #copy ul li {
	background: url('../images/bullet.png') no-repeat 0 0;
	padding:2px 0 0 25px;
	margin-bottom:3px;
	}

#content .copy { 
	float: left;
	margin-right: 20px;
	width: 450px;
	}

#content .copy-large { 
	width: 920px;
	}	
		
#content p { 
	font-weight: normal;
	margin-bottom: 1.25em;
	}	

#content h2,
#content h3 { 
	font-weight: normal;
	margin-bottom: 1em;
	}
	
#content h2 strong,
#content h3 strong { 
	font-weight: normal;
	color: #514A33;
	}

#content h2 { 
	font-size: 160%;
	}
	
#content h3 { 
	font-size: 150%;
	}

#content h4 { 
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 1em;
	}
	
#content a { 
	color: #514a33;
	text-decoration: underline;
	}
	
#content a:hover { 
	text-decoration: none;
	}


	
																					/* ------------ Slideshow ------------ */

#slideshow { 
	height: 200px;
	margin: 0 auto 20px auto;
	padding-top: 20px;
	width: 920px;
	}

																					/* ------------ Slider ------------ */
#slider-wrap  {
	background: url('../images/slider-bg.png') no-repeat 0 0;
	height:303px;
	position:relative;
	width:295px;
	margin:20px 0 0 20px;
	float:left;
}

#slider-wrap #slider-overlay  {
	background: url('../images/slider-overlay.png') no-repeat 0 0;
	height:253px;
	width:295px;
	position:absolute;
	top:0;
	left:0;
}

#slider-wrap .slider-img-container  {
	background: url('../images/slider-img-bg.png') no-repeat 0 0;
	height:107px;
	width:107px;
	float:left;
	padding:10px;
}

#slider-wrap .slider-img  {
	height:107px;
	width:107px;
	overflow:hidden
}

#slider-wrap .slider-view-btn a {	
	background: url('../images/slider-view-btn.png') no-repeat 0 0;
	display:block;
	width:139px;
	height:30px;
	bottom:0px;
	right:27px;
	position:absolute;
	text-indent:-25000px;
}


																					/* ------------ Features ------------ */
			
#features { 
	height:323px;
	width:335px;
	float:right;
	padding-top:10px;
	}	
	
#features li { 
	float: left;
	}	

#features a {
	display: block;
	height: 98px;
	float: left;
	text-indent: -25000px;
	width: 335px;
	}	

#feature-catering a {
	background: url('../images/feature-catering.png') no-repeat 0 0;
	}
	
#feature-contact a {
	background: url('../images/feature-contact.png') no-repeat 0 0;
	}

#feature-photo a {
	background: url('../images/feature-photo.png') no-repeat 0 0;
	height:118px
	}
		
#features a:hover {
	background-position: -335px 0;
	}	



		
																					/* ------------ Footer ------------ */

#footer { 
	background: url('../images/footer-bg.png') no-repeat 0 0;
	color: #514a33;
	margin: auto;
	padding: 20px 0 20px 0;
	width: 960px;
	}

#footer #copyright { 
	float: left;
	}

#footer #credit { 
	float: right;
	}
				
#footer a { 
	color: #514a33;
	text-decoration: none;
	}
	
#footer a:hover { 
	color: #fff;
	text-decoration: underline;
	}