/*
LANDING STYLES

Design by webMullet
http://www.webmullet.ca
version: 1.1 - 02/10
-----------------------
colors:
	lgt beige:			#feffdb
	med beige:			#b8b174
	drk brown:			#241600
	med green:			#566c44
	med gray				#3d3938
*/
/* LAYOUT */

* { margin: 0; padding: 0; }
div {
	position: relative;
}
body { 
	height: 100%; 
	background: #3d3938;
	font-size: 16px; 
	color: #feffdb; 
}

div#wrap {
	width: 818px;
	height: 508px;
	margin: 80px auto 0 auto;
	background-image: url(../images/splashMainShadow.png);	
}

div#content {
	width: 796px;
	height: 486px;
	margin-top: 4px;
	background: #241600;
	border: 7px solid #566c44;
	position: relative;
	top: 4px; left: 4px;
}
/* UTILS */
.clear {
	clear: both;
}
a, a:active, a:visited {
	color: #feffdb;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* FONTS */
body { font-size: 16px; }
h1 { font: 1em "Times New Roman", Times, serif; }
h2 { font: italic 1.9em "Times New Roman", Times, serif; }
h3 { font: 1.5em "Times New Roman", Times, serif; letter-spacing: .05em;}
h4 { font: 1.25em Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif; }
h5 { }
h6 { }

/* HEADER */
div#header {
	width: 100%;
	height: 93px;
	background: url(../images/splashHeaderImg.png);
	color: #241600;
}
/* IMAGE/NAVIGATION BAR */
div#navBar {
	width: 100%;
	height: 300px;
}
table#imageLinks {
	border-collapse: collapse;	
}
table#imageLinks th, table#imageLinks td {
	padding: 0;
	color: #feffdb;
	font: bold 1.5em Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
}

#gallery a, #contact a, #rates a {
	display: block;
	position: relative;
	bottom: -240px;
	padding: 0 2em;
	text-align: center;
}

.gallery {
	background: url(../images/splashSeaweedImg.jpg) no-repeat;
}
#gallery {
	width: 265px;
	height: 300px;
}
.galleryHover {
	background-image: url(../images/splashGalleryHover.png);
}

.contact {
	width: 265px;
	height:300px;
	background: url(../images/splashShellsImage.jpg);
}
#contact {
	width: 265px;
	height: 300px;
}
.contactHover {
	background-image: url(../images/splashContactHover.png);
	cursor: pointer;	
}

.rates {
	width: 266px;
	height:300px;
	background: url(../images/splashDriftwoodImg.jpg);
}
#rates {
	width: 266px;
	height: 300px;
}
.ratesHover {
	background-image: url(../images/splashRatesHover.png);
	cursor: pointer;	
}
/* INFO */
div#info {
	width: 100%;
	height: 100px;
	text-align: center;
	color: #b8b174; 
	font: .9em Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
}

div#info div:first-child {
	padding: 2em 0;
}
div#info div:first-child span {
	color: #feffdb;
}
/* FOOTER */
div#footer {
	width: 818px;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	color: #b8b174; 
	font: .75em Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
}

div#footer div:first-child {
	padding: 1em;
}

div#footer div:first-child p {
	line-height: 2em;
}
div#footer div:first-child span {
	font-size: 1.25em;
	color: #feffdb;
}