/* 2-3 columns fixed width
Method: 
Browsers:.
Author: Taliesin Smith 
*/
/* == Colour Scheme */
/*
green: #9c913a
dark brown: #442506
medium brown: #552f0b
light brown: #b57330
slate brown: #917f6d border color on content area

*/

/* == positioning Contexts */
#masthead {
	position: relative;
}
body * {
	margin: 0;
	padding: 0;
}
body {background-color: #fefefe;}
#wrapper {background-color: green;}
#masthead {background-color: #442506;}
#branding {background-color: #442506;}
#branding h1, #branding h2 {background-color: #9c913a;}
#mainMenu {background-color: #9c913a;}
#content {background-color: #552f0b;}
#mainContent {background-color: #fff;}
#footer {background: #442506;
}
/* == 815px containers */

#mainContent,
#branding h1,
#mainMenu,
#footer .footerWrap {
	width: 815px;
}

body {
	text-align: center;
	min-width: 760px; /*for netscape v-scroll*/
}
#wrapper {
	text-align: left; /*to overirde center for IE*/
	overflow: hidden;
}
/* == Left Spacing of Layout */
/* The inner containing elements need a consistnt left margin to achieve the patchwork effect */
#masthead #branding,
#masthead #mainMenu,
#content #mainContent,
#footer .footerWrap {
	margin: 0 auto 0 8%;
}

/* == div layout */
#branding h1 {
	height: 120px;
}
#branding h2 {
	height: 1px;
	width: 815px;
	margin: 0;
	padding: 0;
	line-height: 1px;
	font-size: 1px;
}
#branding h1, #branding h2 {
	text-indent: -9999px;
}
#mainMenu {
	height: 24px;
	padding: 0;
	background-color: #9c913a;
}
/*#branding {
	height: 115px;
	position: relative;
	top: 145px;
}*/
#branding h1 {
	color: #fff ; /*#442506*/
	margin: 0;
	padding: 0;
}
#mainMenu a {
	color: #fff;
}
#mainMenu{
	margin-left: 0;
	padding-left: 0;
}
#mainMenu li {
	border: none;
	background: #9c913a url(../../media/img/cssImages/splash_bullet.gif) no-repeat scroll left 50%;
	margin: 0;
	padding: 0;
} 
#mainMenu li.first{
	border: none;
	background-image: none;
}
#mainMenu a {
	padding: 0 15px 0 20px;
}
#mainMenu .first a {
	padding-left: 20px;
}
#mainMenu a:hover,
#mainMenu a:focus,
#mainMenu a:active,
.home #subMenu .home a {
	color: #442506;
	text-decoration: none;
}
#mainContent {
	
	padding: 0;
	overflow: hidden;
}
#footer {
	clear: both;
}
#footer .footerWrap {
	background-color: #b57330;
	height: 500px;
}
/* == Home page image effects in content area*/
p{
padding: 0;
margin: 0;	
}
h2#logo {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#logo a, #logo a:link, #logo a:visited,
#atmosphere a, #atmosphere a:link, #atmosphere a:visited,
#window a, #window a:link , #window a:visited,
#wine a, #wine a:link , #wine a:visited {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#logo a {
	width: 332px;
	height: 253px;
	background-image: url(../../media/img/cssImages/splash_oliversRestaurant_logo.jpg);
}
#atmosphere a {
	width: 334px;
	height: 189px;
	background-image: url(../../media/img/cssImages/splash_table.jpg);
	background-position: left top;
}
#window a{
	width: 259px;
	height: 442px;
	background-image: url(../../media/img/cssImages/splash_window.jpg);
	background-position: left top;
}
#wine a{
	width: 222px;
	height: 442px;
	background-image: url(../../media/img/cssImages/splash_wines.jpg);
	background-position: left top;
}

#logo a:hover, #logo a:focus, #logo a:active,
#atmosphere a:hover, #atmosphere a:focus, #atmosphere a:active {
	text-decoration: none;
}
#window a:hover, #window a:focus, #window a:active,
#wine a:hover, #wine a:focus, #wine a:active {
	background-position: left -442px;
}
#atmosphere a:hover, #atmosphere a:focus, #atmosphere a:active {
	background-position: left -190px;
}
.col {
	margin: 0;
	padding: 0;
	float: left;
}