* {margin:0;padding:0}
body {background:transparent url("img/wallpaper.jpg") no-repeat 50% 0;font:normal 13px/1.4 arial;color:#333;}
a {color:#ec8e00;}
a:hover {color:#c67700}
p {margin-bottom:12px}
h1 {margin-bottom:.8em}
ul {margin-top:15px}
ul li {list-style:none;background:transparent url("img/bullet.gif") no-repeat 0 3px;padding-left:20px;margin:0 0 5px 15px}
h1,h2,h3,h4,h5,h6 {}
h3 {font-size:13px}
img {border:none}
.clear {clear:both}
.right {text-align:right}
hr {border:none;border-top:1px solid #CCC;margin-bottom:15px}

#wrap {width:860px;margin:0 auto;position:relative}
.photos {position:absolute;top:0;right:-127px}
#nav {position:absolute;top:433px;right:13px;width:200px;height:267px;}
	#nav ul {margin:0}
	#nav ul li {text-indent:-9000px;list-style:none;background:none;padding:0;margin:0}
	#nav ul li a {background:transparent url("img/nav-sprite.gif") no-repeat 0 0;text-indent:-9000px;display:block;height:36px;width:200px;outline:none}
		#nav ul li.home a {}
		#nav ul li.home a.active {background-position:-200px 0}
		#nav ul li.menu a {background-position:0 -35px}
		#nav ul li.menu a.active {background-position:-200px -35px}
		#nav ul li.catering a {background-position:0 -71px}
		#nav ul li.catering a.active {background-position:-200px -71px}
		#nav ul li.jobs a {background-position:0 -108px}
		#nav ul li.jobs a.active {background-position:-200px -108px}
		#nav ul li.art a {background-position:0 -145px}
		#nav ul li.art a.active {background-position:-200px -145px}
		#nav ul li.produce a {background-position:0 -182px}
		#nav ul li.produce a.active {background-position:-200px -182px}
		#nav ul li.contact a {background-position:0 -219px}
		#nav ul li.contact a.active {background-position:-200px -219px}

#masthead h2 a {position:absolute;left:-130px;background:transparent url("img/masthead.png") no-repeat 0 0;width:609px;height:386px;text-indent:-9000px}
#contentwrap {padding-top:400px}
#content {padding-left:45px;width:520px;}


/*sprite attach*/
.hp h1,.menu h1,.catering h1,.thankyou h1,.contact h1,.jobs h1,.produce h1,.art h1 {background:transparent url("img/clodeli-sprite.gif") no-repeat 0 0;overflow:hidden;display:block;text-indent:-9000px;outline:none;}
.hp h1 {background-position:0 0;width:523px;height:23px}
.menu h1 {background-position:0 -30px;width:523px;height:23px}
.catering h1 {background-position:0 -60px;width:523px;height:23px}
.thankyou h1 {background-position:0 -90px;width:523px;height:23px}
.contact h1 {background-position:0 -120px;width:523px;height:23px}
.jobs h1 {background-position:0 -150px;width:523px;height:23px}
.produce h1 {background-position:0 -180px;width:523px;height:23px}
.art h1 {background-position:0 -210px;width:523px;height:23px}

a.adobe {background:#fff url("img/get-adobe-reader.gif") no-repeat 0 0;width:100px;height:25px;display:block;text-indent:-9000px;margin-top:20px}

a.dp-choose-date {float: left;width: 16px;height: 16px;padding: 0;margin: 5px 3px 0;display: block;text-indent: -2000px;overflow: hidden;background: url("img/calendar.gif") no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
/* makes the input field shorter once the date picker code has run (to allow space for the calendar icon*/
input.dp-applied {width: 140px;float: left;}

form.catering {margin-top:25px;width:410px}
form ul li {list-style:none;background:none;clear:left}
form label {width:150px;float:left}
form.catering .txt {width:200px}
form.catering .date-pick {width:183px}
form.catering textarea {width:204px}

.detailsAndMap {margin-top:20px}
.map {float:left;margin-left:15px}
.deets {float:left;width:205px}
form.contact label {width:100px}
form.contact ul li {margin-left:0;padding:0}
form.contact .txt {width:195px}
form.contact textarea {width:195px;display:block;clear:left}
form.contact {margin-top:20px}

.gallery img {margin:0 5px 3px 0;border:1px solid #eae2d8}


#footer {position:absolute;top:880px;width:860px;text-align:center;font-size:86%;padding-bottom:5px}
#footer span {padding-left:30px}
#footer a {color:#666;text-decoration:none;}
#footer a:hover {text-decoration:underline;}