/* BASE CSS */

* {
	margin: 0px;
	padding: 0px;
}

html {
	background-color: #6C1527; 
	background-image: url('../images/background.jpg');
	background-repeat: repeat-x;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #404040;
}

ul {
	padding-left: 15px;
}

body.editor {
	background-color: #FFFFFF;
	background-image: none;
}

table {
	border-collapse:collapse;
	border-spacing: 0px;
	border: 0px;
} 

table td {
	vertical-align: top;
}

table th {
	text-align: left;
}

p {
	margin-bottom: 10px;
}

h1 {
	color: #6C1527;
	font-size: 20px;
	line-height: 32px;
	background-image: url('../images/h1_bg.gif');
	height: 32px;
	margin-bottom: 20px;
}

h1.home {
	margin-bottom: 0px;
	height: 26px;
}

h2 {
	color: #999867;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
}

h2.home {
	color: #6C1527;
	background-image: url('../images/h1_bg.gif');
	background-position: bottom left;
	height: 25px;
}

img { border: none; }

a {
	color: #6585DE;
	text-decoration: none;
}

a:hover {
	color: #9F7B6D;
}

div.hr hr, div.bluehr hr {
        display: none;      
}

.blue { color: #6585DE; }

.taupe { color: #9F7B6D; }

.beige { color: #B1B077; }

/* FORM CSS */                      
fieldset {
	border: 0px;
}
 
legend {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
 
fieldset td {
	padding: 2px 4px;
}
 
.button {
	border: 0px;   
	background-color: #000000; 
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px;
	padding: 3px;    
}

.alert, .red {
	color: #f00;
}

/* LAYOUT CSS */
#container {
	width: 785px;
	margin: 0px auto;
	background-image: url('../images/container_bg.jpg');
	background-repeat: no-repeat;
	background-position: 0px 156px;
}

#centercontainer {
	float: left;
	width: 100%;
}

#centercol {
	margin: 0px 191px 0px 104px;
}

#fishlogo {
	padding: 0px 14px 15px 13px;
}

#content_box {
	width: 478px;
	margin: 0px 6px;
	background-color: #E5E4BA;
	background-image: url('../images/content_bg.gif');
	background-repeat: repeat-y;
}

#content_top {
	background-image: url('../images/content_bg_top.gif');
	background-repeat: no-repeat;
}

#stretch {
	float: right;
}

#headerphoto {
	padding: 7px 6px 7px 7px;
}

#content {
	width: 435px;
	padding: 0px 28px 15px 15px;
	margin: 0px 6px;
}

#content a {
	color: #6C1527;
}

#content a:hover {
	color: #6585DE;
}

#content div.hr {
        height: 1px;
	background-image: url('../images/h1_bg.gif');
        background-repeat: no-repeat;
	margin: -4px 0px 16px 0px;
}

#footer {
	width: 448px;
	height: 30px;
	background-color: #B1B077;
	padding: 15px;
	font-size: 11px;
	color: #7E7D54;
	background-image: url('../images/footer_bg.gif');
	background-repeat: repeat-y;
}

#footer a {
	font-size: 10px;
}

#leftcol {
	float: left;
	width: 104px;
	margin-left: -785px;
	min-height: 521px;
	background-image: url('../images/leftcol_bg.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	line-height: 15px;
}

#leftcol h2 {
	color: #E5E2BA;
	font-size: 20px;
	font-weight: bold;
}

#leftcol div.bluehr {
	height: 1px;
	background-color: #88263C;
	width: 85px;
	text-align: left;
	margin: 10px 0px 10px 3px;
}

#leftcol p {
	color: #E5E4BA;
	margin: 5px 0px 5px 4px;
}

#leftcol .big {
	font-size: 14px;
}

#logo {
	padding: 13px 15px 18px 3px;
}

#rightcol {
	float: left;
	width: 169px;
	margin-left: -191px;
	padding-left: 22px;
	min-height: 521px;
	background-image: url('../images/rightcol_bg.jpg');
	background-repeat: no-repeat;
	color: #E5E4BA;
	line-height: 15px;
}

#rightcol p {
	color: #E5E4BA;
	margin: 5px 0px 5px 3px;
}

#rightcol div.hr {
        height: 2px;
        background-image: url(/images/rightcol_divider.png);
        background-repeat: no-repeat;
	margin: 7px 0px 7px 3px;
}

#rightcol div.bluehr {
	height: 1px;
	background-color: #88263C;
	text-align: left;
	margin: 10px 0px 10px 3px;
}

#reservations {
	padding: 49px 1px 23px 00px;
}

/* NAVIGATION CSS */

#nav, #bottom_nav {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#nav li a {
	margin: 0px 0px 4px 0px;
	display: block;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
}

#nav li a.home {background:url(../images/menu_home.png) no-repeat;}
#nav li a.about {background:url(../images/menu_about.png) no-repeat;}
#nav li a.menu {background:url(../images/menu_menu.png) no-repeat;}
#nav li a.reservations {background:url(../images/menu_reservations.png) no-repeat;}
#nav li a.banquets {background:url(../images/menu_banquets.png) no-repeat;}
#nav li a.location {background:url(../images/menu_location.png) no-repeat;}
#nav li a.contact {background:url(../images/menu_contact.png) no-repeat;}
#nav li a.promotions {background:url(../images/menu_promotions.png) no-repeat;}
#nav li a.happy-hour {background:url(../images/menu_happy-hour.png) no-repeat;}
#nav li a.holiday-menu {background:url(../images/menu_holiday-menu.png) no-repeat;}
#nav li a:hover, #nav li.active a {background-position:0px -19px;}

#nav li ul {
	list-style: none;
	padding: 0px 0px 5px 4px;
}

#nav li ul li {
	font-size: 12px;
	line-height: 18px;
}

#nav li ul li a {
	text-indent: 0px;
	overflow: visible;
	display: inline;
}

#nav li ul li.active a {
	color: #9F7B6D;
}

#bottom_nav {
	font-size: 11px;
	color: #7E7D54;
}

#bottom_nav a {
	color: #7E7D54;
}

#bottom_nav a:hover {
	color: #404040;
}


/* MENU CSS */

ul.menu {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

ul.menu li {

}

ul.menu .title {
	margin-bottom: 5px;
}

ul.menu .name {
	color: #6C1527;
}

ul.menu img {
	margin-right: 5px;
}

#gallery td {
	width: 220px;
	padding-bottom: 15px;
	text-align: center;
}

#gallery img {
	border:1px solid #6C1527;
	padding: 2px;
}

#social_links {
	padding-left: 4px;
}

#social_links img {
	vertical-align: middle;
	margin-right: 5px;
}

#social_links a {
	color: #E5E2BA;
	margin-bottom: 5px;
	line-height: 25px;
}
