/*  Colors
	#fffec4 = Yellow/golden color
				"Mermaids Seafood Restaurant" text
				Un-hovered navigation button text
				Hovered navigation button background
				column2 h1-h5 text
	#8eafc0 ="Catering" top border color
	#576c6f ="Menus" top border color
	#796b3e ="FAQ" top border color
	#d16711 ="Diner Dash" top border color
	#000000 = Black; Page background color
	#151515 = Dark Gray; Footer background color
	#1c1c1c = Dark Gray;
				Main_wrapper (and thus column2) background color
	#222222 = Dark Gray;
				Hovered navigation button text
	#252525 = Dark Gray; 
				column1 and column3 background-color
	#777777 = Lighter Medium gray used for footer text color
	#aaaaaa = Lighter gray used for main <p> text


*/

body {
	margin:0;
	padding:0;
    background: #000;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    text-align:left;
	text-decoration:none;
	font-weight:400;
}
    
html>body {font-size:76%;}


/* Main container for front page
--------------------------------------------  */
.wrapper {
	position: relative;
	width: 960px;
	margin:15px auto -10px;
	background-color:#252525;}
	
/* End of front page  --------  */

/*  Styles for the front page  
--------------------------------------------------------------------------------------  */                  
/*  .main_logo div holds large logo "M" on front page */
.main_logo {
	position:relative;
	float:left;
	margin: 17px 0 0 169px;
	padding-bottom: 8px;
}
	/*  Large logo "M" on front page  -----------------  */
	img.mainlogo {
		width:225px;
	}
.text_title {
	/*  .text_title div holds the title text  */
	position:relative;
	float:left;
	width:100%;
	padding-bottom: 5px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	text-align:center;
	text-transform:uppercase;
	color:#FFFEC4;
}
	/*  h1 = "Mermaids"  */
	h1.mermaids_title {
		font-size: 5em;
		line-height: 0.75em;
		letter-spacing: 0.28em;
		margin: 0 0 0 18px;
		padding: 3px 0 5px;
		font-weight: 100;
	}
	/*  h4 = "Seafood Restaurant"  */
	h4.mermaids_title {
		font-size: 2em;
		line-height:0.7em;
		letter-spacing: 0.4em;
		margin:4px 0 0 10px;
		padding: 3px 0;
		font-weight: 100;
	}
	/*  h5 = "Fayetteville, Arkansas"  */
	h5.mermaids_title {
		font-size: 1.3em;
		line-height:0.8em;
		letter-spacing: 0.65em;
		margin:5px 0 0 13px;
		padding: 3px 0;
		font-weight: 100;
	}
/*  .navigation div holds the navigation bar on the front page  */
.navigation {
	position:relative;
	float:left;
	margin: 38px 0 45px 164px;
	text-align:center;
}
	/*  Elements of the navigation bar on the front page  */
	ul.nav {
		float:left;
		width:100%;
		padding:0;
		margin:0;
		list-style-type:none;
	}
	a.nav {
		float:left;
		width:152px;
		height:44px;
		margin-right:8px;
		text-decoration:none;
		text-transform:uppercase;
		font-size:1.9em;
		font-weight:500;
		line-height:44px;
		color:#fffec4;
	}
	a:hover#b1, a:hover#b2, a:hover#b3, a:hover#b4 {
		background-color:#FFFEC4;
		color: #222;
	}
	li.nav {display:inline;}
	a#b1 {border-top:15px solid #8eafc0;}/*  Catering  */
	a#b2 {border-top:15px solid #576c6f;}/*  Menus  */
	a#b3 {border-top:15px solid #796b3e;}/*  FAQ  */
	a#b4 {border-top:15px solid #d16711;}/*  Diner Dash  */
	/*  End of front page navigation bar elements  */
/*  End of Styles for the front page  */                  
/*  ----------------------------------------------------------------------------------  */






/* Containers for all pages
--------------------------------------------  */
.main_wrapper {
	position: relative;
	width: 960px;
	margin:0px auto 0px;
/*	background-color:#1c1c1c;
*/	background-color:#252525;
}
	
/* End of containers for all pages  --------  */

/*  Content Page Styles  -------------------------------------------------------------
--------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------  */
/*  column1 Styles
--------------------------------------------------------------------------------------  */
.column1 {
	float:left;
	width:0px;
	height:110px;
}

.corner {
	position:absolute;
	width:100px;
	height:110px;
	background-color:#252525;
	top:0px;
	left:0px;
	z-index:99;
}


/*  column2 Styles
--------------------------------------------------------------------------------------  */
.column2 {
	float:left;
	width:540px; /*  Total width of column2 is 560px  */
	padding:30px 10px 20px 110px;
background-color:#1c1c1c;
}
.column2 h1, .column2 h2, .column2 h3, .column2 h4, .column2 h5 {
	margin:0 10px 0 0;
	line-height:1em;
	font-weight: 100;
	text-transform:uppercase;
	color:#fffec4;
}
/*  H1 = "Catering" or "Menu" or "FAQ" or "Diner Dash"  ----------  */
.column2 h1{
	width:535px;
	font-size:4.2em;
	text-transform:uppercase;
	padding:0 0 6px 5px;
	line-height:1.23em;
}
.column2 h1 a {
	color:#fffec4;
	text-decoration:none;
}
h1#titlehb1 {
	border-top:15px solid #8eafc0;
}
h1#titlehb2 {
	border-top:15px solid #576c6f;
}
h1#titlehb3 {
	border-top:15px solid #796b3e;
}
h1#titlehb4 {
	border-top:15px solid #d16711;
}
.column2 h2{
	padding:0px 0 0px 7px;
	font-size:3.0em;
}
.column2 h3{
	padding:20px 0 2px 8px;
	font-size:2.2em;
}
.column2 h4{
	padding:20px 0 2px 9px;
	font-size:1.8em;
}
.column2 h5 {
	padding:3px 0 3px 10px;
	font-size:1.3em;
	text-transform:capitalize;
}
.column2 h5 a, .column2 h5 a:link, .column2 h5 a:visited, .column2 h5 a:active {
	text-decoration:none;
	color:#fffec4;
}
.column2 p {
	margin:0 10px 0 0;
	padding:2px 0 13px 11px;
	line-height:1.2em;
	color:#aaa;
}
.column2 p a {
	color:#ddd;
	text-decoration:none;
}
.column2 p a:hover {
	color:#fffec4;
}
.menunav {
	float:left;
	width:540px;
height:13px;
	margin:10px 0px 5px 0;
	padding:0 0 3px 0;
}
.left {
	float:left;
	text-align:left;
}
.right {
	float:right;
	text-align:right;
}
.menunav .right h5 a, .menunav .right h5 a:link, .menunav .right h5 a:active, .menunav .right h5 a:active,
.menunav .left h5 a, .menunav .left h5 a:link, .menunav .left h5 a:active, .menunav .left h5 a:active{
	color:#555;
	font-size:0.65em;
	text-decoration:none;
	line-height:0.95em;
font-style:italic;
vertical-align:top;
}
.menunav .left h5 a:hover, .menunav .right h5 a:hover{
	color:#fffec4;
}



/*  column3 Styles
--------------------------------------------------------------------------------------  */
.column3 {
	float:left;
	width:300px;
	padding:15px 0 0;
/*	height:1200px;
	background-color:#252525;
*/}
/*  Small "M" Logo in header */
div.smlogo{
	position:relative;
	margin-left:105px;
	margin-right:auto;
} 
img.smlogo {
	border:none;
	width:75px;
}
.column3 h1, .column3 h4, .column3 h5 {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight:100;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: 0.2em;
	color:#fffec4;
}
/*  h1 = "Mermaids"  */
.column3 h1 {
	font-size: 2.5em;
	line-height: 1em;
	margin: 3px 0 0 3px;
	width:297px;
}
/*  h4 = "Seafood Restaurant"  */
.column3 h4 {
	font-size: 1.12em;
	line-height: 1.2em;
	margin: 0 1px 0 0px;
	width:300px;
}
/*  h5 = "Fayetteville, Arkansas"  */
.column3 h5 {
	font-size:0.8em;
	line-height:1.8em;
	margin:0 -1px 0 2px;
	width:298px;
	letter-spacing:0.4em;
}
.column3 a {color:#fffec4;text-decoration:none;}

/*  .header_navbar div holds the navigation buttons on the side  */
.nav_buttons {
	text-transform:uppercase;
	color:#fffec4;
}
/*  Header Navigation Bar Styles  ---------  */
.nav_buttons ul {
	padding:12px 0 0 69px;
	list-style-type:none;
	text-align:center;
}
.nav_buttons a {
	float:left;
	width:160px;
	height:28px;
	margin:10px 0 0;
	text-decoration:none;
	font-size:1.6em;
	font-weight:500;
	line-height:28px;
	color:#fffec4;
}
a:hover#hb1, a:hover#hb2, a:hover#hb3, a:hover#hb4 {
	background-color:#fffec4;
	color: #222;
}
/*.nav_buttons li {display:inline;}
*/
a#hb1 {border-top:10px solid #8eafc0;margin-top:20px;}/*  Catering  */
a#hb2 {border-top:10px solid #576c6f;}/*  Menus  */
a#hb3 {border-top:10px solid #796b3e;}/*  FAQ  */
a#hb4 {border-top:10px solid #d16711;}/*  Diner Dash  */
/*  End of FP Navigation Styles  ----------  */

/*  Footer Styles
--------------------------------------------------------------------------------------  */
.footer {
	position:relative;
	float:left;
	width:960px;
	background-color:#151515;
	text-align:center;
	padding:9px 0 10px;
	color:#777;
}
.footer p, .footer p a, .footer p a:link, .footer p a:visited, .footer p a:hover, .footer p a:active {
	margin:0;
	padding:0;
	line-height:1.3em;
	color:#777;
	text-decoration:none;
}
.footer p a:hover {color:#fffec4;}

/*  End of Footer Styles -------------------------------------------------------------  */

/*  Other Style Elements
--------------------------------------------------------------------------------------  */
span.cat {color:#8eafc0;}
span.menu {color:#576c6f;}
span.dd {color:#d16711;}
.italic {font-style:italic;}
#top {padding-top:4px;}
iframe {
	background-color:#252525;
}

/*  Clear  --------------------------------  */
.clear {clear: both;}