/* Reel to Reel Catering CSS Document */

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 90%;	
	color: #656565;	
	background-color: #ccc5d9;	
}

#textcontent P {
	color: #656565;
	margin-bottom: 20px;
	line-height: 20px;
	
}

a:link, a:visited {
	color: #BCA7C8;
	text-decoration: none;
}

a:hover, a:active {
	color: #BCA7C8;
	text-decoration: underline;
}

.italics {
	font-style: italic;
}

.bold { 
	font-weight: bold;
}

.highlight {
	color:#BCA7C8;
	font-weight:bold;
}

* {
	margin: 0;
	padding: 0;
}

#wrapper {			
	width: 750px;
	margin: 0 auto 0 auto;
	padding: 0 5px 0 5px;
	background:url(sitegraphics/bg.gif) repeat-y;
}

#branding {
	height: 268px;
	width: 750px;
}	

#bannerquotes {
	height: 156px;
	width: 750px;
}

#content {
	margin: 3px 0 0 3px;
	background:url(sitegraphics/bgcontent.gif) top repeat-y;	
}

#textcontent {
	padding: 25px;
	width:449px;
	background:url(sitegraphics/bg_textcontent.jpg) top repeat-x ;
}

/* ----------------------------- NAV -----------------------------*/


#nav {
	float: right;
	width: 245px;
	margin: 0 0 20px 0;
}

#nav ul a {
	display: block;
	width: 245px;
	height: 42px;
	list-style-type: none;
	text-indent: -1976px;
	overflow: hidden; 
}

#nav ul {
	margin: 0 0 20px 0;
	padding: 0;
}

#nav li {
	list-style-type:none;
	border-bottom: solid 3px #FFF;	
}


#nav-home, #nav-home a 			{ background: url(sitegraphics/bg_nav.jpg); background-position: 0px 0px;}
#nav-aboutus, #nav-aboutus a 	{ background: url(sitegraphics/bg_nav.jpg); background-position: 0px -42px; }
#nav-ourmenu, #nav-ourmenu a 	{ background: url(sitegraphics/bg_nav.jpg); background-position: 0px -84px;}
#nav-prices, #nav-prices a 		{ background: url(sitegraphics/bg_nav.jpg); background-position: 0px -168px;}
#nav-contactus, #nav-contactus a 	{ background: url(sitegraphics/bg_nav.jpg); background-position: 0px -126px; }

#nav-homeSelected, #nav-homeSelected a 				{ background: url(sitegraphics/bg_nav.jpg); background-position: -490px 0px;}
#nav-aboutusSelected, #nav-aboutusSelected a 		{ background: url(sitegraphics/bg_nav.jpg); background-position: -490px -42px;}
#nav-ourmenuSelected, #nav-ourmenuSelected a 		{ background: url(sitegraphics/bg_nav.jpg); background-position: -490px -84px;}
#nav-pricesSelected, #nav-pricesSelected a 			{ background: url(sitegraphics/bg_nav.jpg); background-position: -490px -168px;}
#nav-contactusSelected, #nav-contactusSelected a 	{ background: url(sitegraphics/bg_nav.jpg); background-position: -490px -126px; }


/* ----------------------------- PRICELIST -----------------------------*/

#priceList {
	width:405px;
	border: solid 3px #E0E0E0;
	padding: 15px;
	background:url(sitegraphics/bgmenu.jpg) bottom right no-repeat;
}	


#priceList p {
	text-align:left;
	font-size:90%;	
	margin: 0 0 25px 0;
}


#menu {
	width:405px;
	border: solid 3px #E0E0E0;
	padding: 15px;
	background:url(sitegraphics/bgmenu.jpg) bottom right no-repeat;
}	


#menu p {
	text-align:center;
	font-size:90%;	
	margin: 0 0 15px 0;
}

#menuseperator {
	text-align:center;
	margin: 0 auto 15px auto;
	width: 50%;
	border-bottom: 2px solid #CCC5D9;	
}




h1 {
	height: 37px;
	margin: 0 0 15px 0;
	display: block;
	text-indent: -3000px;	
}

h2 {
	margin: 0 0 0 0;
	height:30px;
	text-indent: -3000px;	
}

#menu h3 {
	height:30px;	
	margin-bottom:30px;
	font-family:Verdana, Arial;
	text-align:center;
	display:block;
	font-size: 105%;
	color:#CCC5D9;	
}

.headerhome { background:url(sitegraphics/header_home.gif) no-repeat 0 0;}

.headeraboutus { background:url(sitegraphics/header_aboutus.gif) no-repeat 0 0;}

.headerourmenu { width: 250px; background:url(sitegraphics/header_ourmenus.gif) no-repeat 0 0;}

.headerPrices { width: 250px; background:url(sitegraphics/header_prices.gif) no-repeat 0 0;}

.headercontactus { width: 250px; background:url(sitegraphics/header_contactus.gif) no-repeat 0 0;}

.subheaderreel2reelcatering { background:url(sitegraphics/subheaders_reeltoreelcatering.gif) no-repeat 0 0;}

.subheaderlogistics { background:url(sitegraphics/subheaders_logistics.gif) no-repeat 0 0;}

.subheadercrew { background:url(sitegraphics/subheaders_crew.gif) no-repeat 0 0;}

.subheaderwholesome { background:url(sitegraphics/subheaders_wholesomecooking.gif) no-repeat 0 0;}

.subheaderBreakfast { background:url(sitegraphics/subheader_breakfast.gif) no-repeat 0 0;}

.subheadermenu1 { background:url(sitegraphics/subheaders_menu1.gif) no-repeat 0 0;}

.subheadermenu2 { background:url(sitegraphics/subheaders_menu2.gif) no-repeat 0 0;}

.subheadermenu3 { background:url(sitegraphics/subheaders_menu3.gif) no-repeat 0 0;}

.subheadermenu4 { background:url(sitegraphics/subheaders_menu4.gif) no-repeat 0 0;}

/* Prices sub headers */

.subheaderBreakfastLunchTea { background:url(sitegraphics/subheaders_breakfastlunchtea.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderSupper { background:url(sitegraphics/subheaders_supper.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderSoup { background:url(sitegraphics/subheaders_soup.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderToprovide { background:url(sitegraphics/subheaders_toprovide.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderOvertime { background:url(sitegraphics/subheaders_overtime.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderMilage { background:url(sitegraphics/subheaders_mileage.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderEarlymorningcall { background:url(sitegraphics/subheaders_earlymorningcall.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderSaturdays { background:url(sitegraphics/subheaders_saturdays.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderSundays { background:url(sitegraphics/subheaders_sundays.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderNightshoots { background:url(sitegraphics/subheaders_nightshoots.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderGenerator { background:url(sitegraphics/subheaders_generator.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderContinuousWorkingDays { background:url(sitegraphics/subheaders_continuousworkingdays.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderGasBottleSurcharge { background:url(sitegraphics/subheaders_gasbottlesurcharge.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.subheaderTravelDays { background:url(sitegraphics/subheaders_traveldays.gif) no-repeat 0 0; margin: 0 0 2px 0;}

.demothumb {
	border: 6px #D2EBCB;
	margin: 25px;
}

#menuselector {
	margin-bottom:15px;
	padding-top:3px;
	display:inline;
	float:right;
}

#menuselector select {
	width: 155px;
}

#quotebox1 {
	width: 314px;
	height: 97px;
	padding: 20px 100px 20px 20px;
	background:url(sitegraphics/bgquotebox.jpg) 0 0 no-repeat;
	border: solid 3px #E0E0E0;
}

#quotebox2 {
	width: 160px;
	margin: 0 auto 20px auto;
	padding: 20px 20px 0px 20px;
	background:url(sitegraphics/bg_quotebox2.jpg) right bottom no-repeat #FFF;
	border: solid 3px #E0E0E0;
	font-size: 90%;
}
#quotebox2 p {
	margin-bottom: 50px;
}


/* -----------------------------Contact Form Styling -----------------------------*/


#contactdetails {
	float: left;
	width: 200px;
}
#contactdetails h1 {
	margin: 0;
	padding: 0 0 0.2em 0;
	font-size: 115%;
	color: #CCC5D9;
}
#contactdetails p {
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 1.2em;
}
#contactdetails .caption {
	display: block;
	background-color:#F0EDF4;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #000;
}
#contactform {
	float: right;
	width: 220px;
	padding-left: 20px;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
label {
	display: block;
	font-weight: normal;
	font-size: 90%;
	color:#656565;
}
input {
	width: 100%;
	margin: 2px 0 8px 0;
	border: 1px solid #CCC5D9;
}
.checkbox {
	width: 15px;
}
textarea {
	width: 100%;
	margin: 2px 0 8px 0;
	border: 1px solid #CCC5D9;
}
select {
	width: 50%;
	margin: 2px 0 8px 0;
	border: 1px solid #CCC5D9;
}
.sendform {
	display: block;
	clear: both;
	margin: 10px 0 10px 0;
	text-align: center;
}
.sendbutton {
	width: 70px;
	border: 1px solid #656565;
}


#foot {
	clear:both;
}