@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
background-color:#241f1b;
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:14px;
line-height:21px;
color:#000;
}

#page {
background:url(../images/library/woodBack.jpg) repeat-x;
background-color:#241f1b;
width:100%;
margin:0 auto;
overflow:hidden;
}


/* Header */

#header {
margin: 0 auto;
width: 960px;
height:100px;
}

#header .logo {
float: left;
margin-top:2px;
width: 236px;
}
#header .payment {
float: right;
margin-top:5px;
width: 160px;
}
#header .fresh {
float: right;
margin-right:5px;
width: 128px;
}


/* Navigation */

#navigation {
margin:0 auto;
width: 960px; height:30px;
padding:2px;
}

#nav-buttons {
background:url(../images/library/navigationBanner.png) no-repeat;
width:960px;
height:30px;
margin:0;
padding:0;
}

#nav-buttons span {
display: none;
}

#nav-buttons li, #nav-buttons a {
height:30px;
display:block;
}

#nav-buttons li {
float:left;
list-style:none;
display:inline;
}

#home {width: 65px;}
#menu {width: 75px;}
#order {width: 150px;}
#locations {width: 125px;}
#ourstory {width: 125px;}
#store {width: 85px;}
#cabana {width: 145px;}
#catering {width: 190px;}

#home a:hover, #home .current {background:url(../images/library/navigationBanner.png) 0px -30px no-repeat; }
#menu a:hover, #menu .current {background:url(../images/library/navigationBanner.png) -65px -30px no-repeat; }
#order a:hover, #order .current {background:url(../images/library/navigationBanner.png) -140px -30px no-repeat; }
#locations a:hover, #locations .current {background:url(../images/library/navigationBanner.png) -290px -30px no-repeat; }
#ourstory a:hover, #ourstory .current {background:url(../images/library/navigationBanner.png) -415px -30px no-repeat; }
#store a:hover, #store .current {background:url(../images/library/navigationBanner.png) -540px -30px no-repeat; }
#cabana a:hover, #cabana .current {background:url(../images/library/navigationBanner.png) -625px -30px no-repeat; }
#catering a:hover, #catering .current {background:url(../images/library/navigationBanner.png) -770px -30px no-repeat; }


/* Content */

#container {
margin: 10px auto;
padding:20px 20px 30px 20px;
width: 920px;
height:450px;
background-color:#fff;
}

#containerLocation {
margin: 10px auto;
padding:20px 20px 30px 20px;
width: 920px;
height:460px;
background-color:#fff;
}

#container.story {
background-image:url(../images/ourStory_Back.jpg);
}

#container.cabana {
background-image:url(../images/freeTaco_Background.jpg);
}

#container .text {
width:560px;
}

#container .heading {
float:left;
padding: 10px 10px 20px 0;
}

#container .cabana {
float:right;
padding: 10px 0 5px 0;
}

#content {
margin: 10px auto;
padding:20px 20px 30px 20px;
width: 920px;
height:450px;
background-color:#fff;
}

#content-home {
margin: 10px auto;
padding:10px;
width: 940px;
height:480px;
background-color:#fff;
}

#contentBig {
margin: 10px auto;
padding:30px 20px 20px 20px;
width: 920px;
height:480px;
background-color:#fff;
}

#contentLong {
margin: 10px auto;
padding:30px 20px 20px 20px;
width: 920px;
overflow:hidden;
background-color:#fff;
}

#contentStore {
margin: 10px auto;
padding:30px 20px 20px 20px;
width: 920px;
height:580px;
background-color:#fff;
}

#content-menu {
margin: 10px auto;
padding:10px;
width: 940px;
height:480px;
background-color:#fff;
}

#flashheroA {
float:left;
width:540px;
height:345px;
padding-right:10px;
}

#flashheroB {
float:left;
width:390px;
height:345px;
}

#flashheroC {
margin-top:10px;
float:left;
width:540px;
height:125px;
padding-right:10px;
}

#flashheroD {
margin-top:10px;
float:left;
width:390px;
height:125px;
}

/* Content Locations */

#newmarket-location {
float:left;
width: 325px;
}

#princes-location {
float:left;
width: 325px;
}

.divider {
float:left;
width:50px;
height:250px;
}

.storeheading {
padding:5px 0 20px 0;
}

.enquiry-form {
padding:20px 0 0 35px;
}

.storeimage {
padding:10px 0 15px 0;
}

#location-box {
width: 245px;
height:375px;
float: left;
line-height: 20px;
background: #d2c9bf;
padding:5px;
border: 1px solid #754c24;
}

#location-form {
width: 245px;
}


/* Content Catering */

#catering-content {
float:left;
width:560px;
margin-top:20px;
}

.catering-tabs {
float:left;
padding:0 0 20px 60px;
}

/* Footer */

#footer {
margin: 5px auto;
width: 960px;
}

#footer-nav {
float:left;
width:600px;
}

#socialnetwork {
float:left;
padding:12px 0 0 80px;
width:280px;
}

.footer {
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
line-height:18px;
color:#fff;
}

.deosc {
font-size:10px;
color:#008ec1;
text-decoration:none;
}

.link {
font-size:14px;
color:#754c24;
text-decoration:none;
}

/* Store */

#teeBox1 {
width: 270px;
float: left;
padding:5px;
text-align:center;
line-height:17px;
}
#teeBox2 {
width: 270px;
float: left;
padding:5px;
text-align:center;
line-height:17px;
}
#teeBox3 {
width: 270px;
float: left;
padding:5px;
text-align:center;
line-height:17px;
}

/* Footer Navigation */

#footer-navigation {
font-family:Helvetica, sans-serif;
font-size:10px;
color:#fff;
text-align:left;
}

#footer-navigation ul {
margin: 0;
text-align: left;
}

#footer-navigation li {
display: inline;
}

#footer-navigation a:link, #footer-navigation a:visited {
margin-right: 10px;
color:#fff;
text-decoration: none;
}

#footer-navigation a:hover {
border-bottom:1px solid #fff;
}

#footer-navigation a.current {
color: #fff;
border-bottom:1px solid #fff;
text-decoration:none;
}



/* H */

h1 {
font-family:Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #754c24;
line-height: 1.5em;
padding-bottom:20px;
}

h2 {
font-family:Helvetica, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
color: #754c24;
padding-bottom:5px;
}

h3 {
font-family:Helvetica, Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #754c24;
line-height: 16px;
padding-top:10px;
}


/* IMGs */

img.socialnetwork {
padding-left: 5px;
}

img.gallery {
background: #fff;
padding: 5px;
margin: 5px 5px 5px 0px;
border: 1px solid #d4d4d4;
}


/* Misc */

.cleaner {
height: 1px;
font-size: 1px;
clear: both;
}

.vspacer {
height: 400px;
float:left;
width:35px;
}

#twitter {
width:310px;
height:255px;
float:left;
}

#cclub {
width:560px;
height:206px;
float:left;
}