/*

Casablanca Catering Hire - Global Stylesheet
Handwritten by Oliver Coningham (AztecMedia.eu)
http://www.casablancacateringhire.com/

*/

																					/* ------------ 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: #c4b57e url('../images/body-bg.jpg') no-repeat 50% 0;
	color: #fff;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.45em;
	padding: 0 0 20px 0;
	}
		
#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}

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

#branding { 
	height: 140px;
	margin-top: 20px;
	width: 960px;
	}
	
#branding h1 a { 
	background: url('../images/casablanca-catering-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: 62px;
	margin-top: 36px;
	text-indent: -25000px;
	width: 346px;
	}
	
#branding #branding-contact a:hover { 
	background-position: 0 -62px;
	}
	
#branding-nav { 
	float: right;
	width: 268px;
	}
	
#branding #social-media { 
	float: right;
	height: 30px;
	margin-top: 10px;
	text-indent: -25000px;
	width: 70px;
	}
	
#branding #social-media li { 
	float: left;
	}

#branding #social-media a { 
	display: block;
	height: 30px;
	width: 30px;
	}

#social-media-facebook a { background: url('../images/social-media-facebook.png') no-repeat 0 0; margin-right: 10px; }
#social-media-twitter a { background: url('../images/social-media-twitter.png') no-repeat 0 0; }

#branding #social-media a:hover { 
	background-position: 0 -30px;
	}

	

																					/* ------------ Subnav ------------ */

#subnav { 
	height: 30px;
	margin-top: 30px;
	width: 268px;
	}
	
#subnav li {
	float: left;
	}

#subnav a {
	display: block;
	height: 30px;
	text-indent: -25000px;
	}
	
#subnav a:hover {
	background-position: 0 -30px;
	}
	
#subnav-home a { background: url('../images/subnav-home.png') no-repeat 0 -30px; width: 90px; }
#subnav-login a { background: url('../images/subnav-login.gif') no-repeat 0 0; width: 88px; }
#subnav-logoff a { background: url('../images/subnav-log-out.gif') no-repeat 0 0; width: 88px; }
#subnav-contact a { background: url('../images/subnav-contact.png') no-repeat 0 0; width: 90px; }

#home #subnav-home a,
#login #subnav-login a,
#login #subnav-logoff a,
#contact #subnav-contact a { 
	background-position: 0 -30px; 
	}
	
#login #subnav-home a,
#contact #subnav-home a { 
	background-position: 0 0; 
	}


																					/* ------------ Search ------------ */

#search-form { 
	background: url('../images/search-bg.png') no-repeat 0 0;
	height: 30px;
	margin-top: 10px;
	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 21px 0 21px;
	position: relative;
	width: 918px;
	}
	
#nav li {
	float: left;
	}

#nav a {
	display: block;
	height: 30px;
	text-indent: -250000px;
	width: 102px;
	}
	
#nav a:hover {
	background-position: 0 -30px;
	}
	
#nav-cutlery a { background: url('../images/nav-cutlery.gif') no-repeat 0 0; }
#nav-chinaware a { background: url('../images/nav-chinaware.gif') no-repeat 0 0; }
#nav-glassware a { background: url('../images/nav-glassware.gif') no-repeat 0 0; }
#nav-furniture a { background: url('../images/nav-furniture.gif') no-repeat 0 0; }
#nav-linen a { background: url('../images/nav-linen.gif') no-repeat 0 0; }
#nav-bar a { background: url('../images/nav-bar.gif') no-repeat 0 0; }
#nav-kitchen a { background: url('../images/nav-kitchen.gif') no-repeat 0 0; }
#nav-misc a { background: url('../images/nav-misc.gif') no-repeat 0 0; }
#nav-marquees a { background: url('../images/nav-marquees.gif') no-repeat 0 0; }

#nav-selected a {
	display: block;
	height: 40px;
	position: absolute;
	top: 0;
	width: 122px;
	}
	
#cutlery #nav-selected a {
	background: url('../images/nav-cutlery-selected.png') no-repeat 0 0;
	left: 11px;
	}
	
#chinaware #nav-selected a {
	background: url('../images/nav-chinaware-selected.png') no-repeat 0 0;
	left: 113px;
	}
	
#glassware #nav-selected a {
	background: url('../images/nav-glassware-selected.png') no-repeat 0 0;
	left: 215px;
	}
	
#furniture #nav-selected a {
	background: url('../images/nav-furniture-selected.png') no-repeat 0 0;
	left: 317px;
	}
	
#linen #nav-selected a {
	background: url('../images/nav-linen-selected.png') no-repeat 0 0;
	left: 419px;
	}
	
#bar #nav-selected a {
	background: url('../images/nav-bar-selected.png') no-repeat 0 0;
	left: 521px;
	}
	
#kitchen #nav-selected a {
	background: url('../images/nav-kitchen-selected.png') no-repeat 0 0;
	left: 623px;
	}
	
#misc #nav-selected a {
	background: url('../images/nav-misc-selected.png') no-repeat 0 0;
	left: 725px;
	}
	
#marquees #nav-selected a {
	background: url('../images/nav-marquees-selected.png') no-repeat 0 0;
	left: 827px;
	}
	
	
																					/* ------------ Content ------------ */

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

#content { 
	padding-left: 20px;
	width: 940px;
	}	

#content #copy { 
	float: left;
	width: 295px;
	}	

#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: #b7a560;
	}

#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;
	}

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

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


																					/* ------------ Buttons ------------ */

#buttons { 
	float: right;
	width: 625px;
	}	
	
#buttons li { 
	float: left;
	}	

#buttons a { 
	display: block;
	height: 67px;
	float: left;
	text-indent: -25000px;
	width: 205px;
	}	

#button-cutlery a { background: url('../images/button-cutlery.png') no-repeat 0 0;	}	
#button-chinaware a { background: url('../images/button-chinaware.png') no-repeat 0 0;	}	
#button-glassware a { background: url('../images/button-glassware.png') no-repeat 0 0;	}	
#button-furniture a { background: url('../images/button-furniture.png') no-repeat 0 0;	}	
#button-linen a { background: url('../images/button-linen.png') no-repeat 0 0;	}	
#button-bar a { background: url('../images/button-bar.png') no-repeat 0 0;	}	
#button-kitchen a { background: url('../images/button-kitchen.png') no-repeat 0 0;	}	
#button-misc a { background: url('../images/button-misc.png') no-repeat 0 0;	}	
#button-gallery a { background: url('../images/button-gallery.png') no-repeat 0 0;	}	
	
#buttons a:hover { 
	background-position: 0 -67px;
	}	
	

																					/* ------------ Features ------------ */
			
#features { 
	height: 110px;
	width: 940px;
	}	
	
#features li { 
	float: left;
	}	

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

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

#feature-catering a {
	background: url('../images/feature-catering.png') no-repeat 0 0;
	margin-right: 15px;
	width: 295px;
	}

#feature-marquees a {
	background: url('../images/feature-marquees.png') no-repeat 0 0;
	margin-right: 0;
	}
		
#features a:hover {
	background-position: 0 -111px;
	}	

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

#footer { 
	background: url('../images/footer-bg.gif') repeat-x 0 0;
	color: #514a33;
	margin: auto;
	padding-top: 20px;
	width: 920px;
	}

#footer #copyright { 
	float: left;
	}

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