/********************* Omeros Bros Seafood Restaurant Style Sheet created by 2Creative ****************************/

* {	margin: 0; padding: 0; }
body { font: 80%/1.4em Arial, Helvetica, sans-serif; background: #FFF url(images/bg-tile.jpg) repeat-x left top; color: #666; }
h1, h2 { font: normal 24px Georgia, "Times New Roman", Times, serif; color: #006699; 
	font-style: italic; margin-bottom: 8px; }
h3 { font-size: 16px; font-weight: normal; margin-bottom: 10px; color: #006699; }
h4 { font-size: 14px; margin-bottom: 5px; }
p { padding-bottom: 15px; }
img { border: none; }
a { color: #3e281c; text-decoration: none; }
a:hover { text-decoration: underline; }
ul { padding-left: 15px; margin-bottom: 15px; }

#wrapper { width: 900px; margin: 0 auto; }
	#header { }
		#logo img { margin-left: 307px; }
		#menu { margin-left: 132px; }
		.menu-item { float: left; width: 100px; height: 47px; }
		#menu-home { width: 93px; }
		#menu-about { width: 116px; }	
		#menu-menu { width: 108px;	}
		#menu-gallery { width: 114px; }
		#menu-location { width: 119px; }
		#menu-contact { width: 88px; }		
		
	#content { margin-top: 112px; margin-bottom: 20px; }		
		#mainContentHome { float: left; width: 439px; margin-right: 22px; }		
			#flash { margin-bottom: 22px; }
			.mainContentBox { float: left; width: 135px; margin-right: 12px; } 
				.mainContentBox p { font-size: 12px; padding-bottom: 10px; } 
				#boxLast { margin-right: 0; } 
		#sideContentHome { float: left; width: 439px; }
			#sideContentHome p { padding-bottom: 12px; } 
			#sideContentHome img { margin-bottom: 22px; } 
			.imageMarginRight { margin-right: 18px; }
			#contactHome p { text-align: right; font: 16px Georgia, "Times New Roman", Times, serif; 
				font-style: italic; padding-bottom: 7px; }			
		
		#mainContent { float: left; width: 570px; margin-right: 40px; }				
			.tabPanelWrapper { border-bottom: 1px solid #CCC; height: 40px; width: 567px; }
			.tabPanel { list-style: none; margin: 0; padding: 0; width: 570px; height: 40px; }
			.tabPanel li { list-style: none; float: left; width: 136px; margin: 0 5px 0 0;  
				border: 1px solid #CCC; border-bottom: none; text-align: center; font-size: 14px; }
			.tabPanel li#lastitem { margin-right: 0;  } 
			.tabPanel a { text-decoration: none; color: #006699; width: 136px; height: 30px; padding-top: 10px; }
			.tabActive { position: relative; top: 1px; display: block; cursor: default; outline: none; background: #FFF; }
			.tab { position: relative; display: block; cursor: pointer; outline: none; background: #CCC; }
			.tab:hover { background: #FFF; }
			#menuPanel { padding: 20px; border: 1px solid #CCC; border-top: none; width: 525px; }	
				#menuPanel h4 { font: normal 14px Georgia, "Times New Roman", Times, serif; color: #006699; 
					font-style: italic; margin-bottom: 8px; }
				
		#sideContent { float: left; width: 290px; }
			#sideContent img { margin-bottom: 20px; } 
			#contact { padding-bottom: 30px; }
			#contact p { text-align: left; font: 12px Georgia, "Times New Roman", Times, serif; 
				font-style: italic; line-height: 1.6em; padding-bottom: 5px; }
		
		#galleryContent { }
			.gallery-image, .gallery-image-last { float: left; width: 200px; margin-bottom: 33px; margin-right: 33px; }
			.gallery-image-last { margin-right: 0; }
		
	#subContent { padding-top: 15px; border-top: 1px dotted #666; margin-bottom: 30px; }
		.award { float: left; width: 132px; margin-right: 26px; }
		#awardLast { margin-right: 0; }
	
	#footer { /*width: 780px; */padding-top: 10px; border-top: 1px dotted #666; }
		#footer p { font-size: 11px; }
		#footer a { color: #666; }
	
	/*#deco { width: 112px; position: relative; left: 788px; top: -120px; }*/
		 

/********************* MISC ****************************/	
.clearFloat { clear: both; height: 0; }
.invisibleHeading {	display: none; }
.notice { font-size: 11px; font-style: italic; }
.warning { color: #990000; font-weight: bold; padding-bottom: 5px; }
.hidden { visibility: collapse; }
.textBlue, .textBlueBold { color: #006699; }
.textBlueBold { font-weight: bold; }
.imageFloatedLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.imageFloatedRight { float: right; margin: 5px 0 10px 10px; border: 2px solid #777; }
.more { font: 12px Georgia, "Times New Roman", Times, serif; color: #006699; font-style: italic; color: #006699; }

/********************* FORMS ****************************/
form br { clear: left; }
label {	border: none; width: 150px; color: #666; }
input, textarea { 
	font: small Arial, Helvetica, sans-serif;
	font-size: 85%;	margin-bottom: 5px;	border: 1px solid #000;	padding: 2px; width: 180px;	color: #333; 
	border: 1px solid #CCC; }
.submitButton { height: 30px; cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left;
	display: block;	margin-top: 10px; background: #9C0259; width: 70px; font-size: 12px; }
#formContact {}
#formContact label, #formContact input, #formContact select, #formContact textarea { color: #000; 
	display: block;	width: 300px; float: left; margin-bottom: 10px;	border: 1px solid #666;	font-size: 100%; padding: 2px; }
#formContact label { text-align: left; width: 150px; padding-right: 5px; border: none; color: #666; }
#formContact p { padding-top: 10px; padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .sendButton { float: left; cursor: pointer; color: #FFF; font-weight: bold; border: none; 
	display: block;	margin-top: 10px; background: #006699; width: 120px; line-height: 1.6em; }
#formContact .tinyInput { width: 30px; }
#formContact .smallInput { width: 180px; }
#formContact .mediumInput { width: 200px; }
#formContact .wideLabel { width: 280px; }
#formContact input.hidden {	display: none; }
#formContact input.radioButton { float: left; width: 15px; margin: 0 5px 0 0; border: none; }
#formContact .radioLabel { float: left; text-align: left; width: 80px; padding-top: 5px; }
#formContact .radioYesNoLabel {	float: left; text-align: left; width: 50px;	padding-top: 5px; }


/********************* TABLES ****************************/
.listTable { width: 100%; border: none; text-align: left; margin-bottom: 15px; }
td { padding: 2px; vertical-align: top; }
th { font-weight: normal; color: #CCFFFF; }