/* EARTH N SEA PIZZA Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #FFF;	font: 75%/1.4em Arial, Helvetica, sans-serif;
		background: #5F0101 url(images/bg-strip-home.jpg) repeat-x left top;	}	
h1, h2 { color: #F8C705; }
h1 { font-size: 140%; font-weight: normal; margin-bottom: 20px;	}
h2 { font-size: 120%; font-weight: normal; margin-bottom: 15px; }
h3 { color: #FFF; font-size: 120%; margin-bottom: 15px; line-height: 1em; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #FFF; text-decoration: underline; }
a:hover { text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 2px; list-style: square; }

#wrapper { width: 959px; margin: 0 auto; }
	#header { height: 238px; }
	
	#menu-bg { height: 173px; background: url(images/menu-bg.jpg) no-repeat left top; margin-bottom: 39px; }
		#menu { padding-top: 135px; }
		#menu a { float: left; color: #FFF; text-align: center; text-decoration: none; text-align: center; 
			font: italic 16px/2em Georgia, "Times New Roman", Times, serif; }
		#menu a:hover { color: #F8C705; text-decoration: none; } 
		a.menu-home { width: 100px; }
		a.menu-about { width: 80px;  }
		a.menu-menus { width: 105px; }
		a.menu-bookings { width: 90px; }
		a.menu-awards { width: 104px; }
		a.menu-special-offers { width: 126px; }
		a.menu-links { width: 90px; }
		a.menu-contact { width: 95px; }
			 
	#content { }							
		#main-content { float: left; width: 630px; 
			background: url(images/earthnseapizza.jpg) no-repeat left top; min-height: 287px; }
			#main-content-text { float: left !important; float: none; width: 329px; margin-left: 301px; 
				background: url(images/welcome-title.jpg) no-repeat left top; }
		 	#main-content-text h2 { margin-top: 50px; } 
				#main-content-text-left { padding-right: 50px; }
			#awards { margin-top: 10px; }
		#side-content { float: right; width: 329px; }
			#enews { margin-top: 29px; background: url(images/enews-title.jpg) no-repeat left top; }
				#enews p { padding-top: 35px; padding-left: 32px; } 
	#sub-content { margin-top: 69px; margin-bottom: 50px; }
		#location-contact { float: left; width: 630px; padding-top: 44px; 
			background: url(images/location-title-home.jpg) no-repeat left top; }
			#location { float: left; width: 329px; }
			#contact { float: right; width: 260px; }
				#contact h3 { font-size: 180%; font-weight: normal; margin-bottom: 22px; } 
				#contact p { padding-bottom: 22px; } 
		#pictures { float: right; width: 329px; margin-top: 20px; }
		
	#footer { border-top: 1px dotted #FFF; }
		#footer p { font-size: 95%; line-height: 1.6em; padding: 10px 0; text-align: center; }
		#footer a { color: #FFF; text-decoration: none; }
		#footer a:hover { color: #F8C705; }
		
/************************ MISC ********************/	
.clearFloat { clear: both; line-height: 0; height: 0; }
.warning { color: #CC0000; font-weight: bold; padding-bottom: 0; }
.notice { font-size: 85%; font-style: italic; }
.heading, .invisible { display: none; }
.textYellow, .textYellowBod { color: #F8C705; }
.textWhite, .textWhiteBold { color: #FFF; }
.textYellowBold, .textWhiteBold { font-weight: bold; }

/************************* FORM **********************/
input, textarea { font: small Arial, Helvetica, sans-serif;
	margin-bottom: 5px;	border: 1px solid #333;	padding: 2px; width: 160px;	color: #333; }
	
#formSignup { margin-left: 32px; }
#formSignup input {	width: 110px; padding: 2px; border: 1px solid #000; margin-left: 0;} /* ie8 */
#formSignup input, #ie8#fix { width: 110px; padding: 2px; border: 1px solid #000; margin-left: -33px;} /* ie7, ie6 */
html:not([dummy]) #formSignup input { width: 110px; padding: 2px; border: 1px solid #000; margin-left: 0;} /* safari, ff*/
#formSignup #goButton { width: 27px; height: 27px; background: url(images/arrow-home.jpg) no-repeat left top; 
	border: none; cursor: pointer; margin-top: 13px; margin-left: -8px; }
.signupField { float: left; width: 120px; margin-right: 10px !important; margin-right: 5px; }

#formContact {}
#formContact br { clear: left; }
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;	width: 250px; float: left; margin-bottom: 10px; border: 1px solid #333;	font-size: 100%; padding: 2px; }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #333; }
#formContact label { text-align: left; width: 150px; padding-right: 5px; border: none; }
#formContact p { padding-top: 10px;	padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .sendButton { cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left; display: block;
	margin-top: 10px; background: #990000; width: 100px; }
#formContact .tinyInput { width: 20px; }
#formContact .smallInput { width: 100px; }
#formContact .mediumInput { width: 200px; }
#formContact .mediumLabel { width: 230px; }
#formContact .wideLabel { width: 260px; }
#formContact .extrWideLabel { width: 400px; }
#formContact p { margin-bottom: 5px; }
#formContact input.hidden { display: none; }
#formContact .checkBox { width: 15px; height: 15px; margin: 0 5px 0 0; border: 1px solid #01223C; }
#formContact .checkboxLabel { margin-right: 20px; width: 120px; display: block; }
#formContact .checkboxWideLabel { margin-right: 20px; width: 200px; display: block; }