/*

	The Harbour Lights Global CSS Document
	Author: Phil Clayton 
	Distractedpeople
	www.distractedpeople.net
   
 */

/* ---------- layout ---------- */

html, body {
	margin: 0; 
	padding: 0;
	height: 100%;
	text-align: center;
}

body {
	background: #002222 url('../imgs/theme_graphics/body_grad.jpg') repeat-x 0 0;
}

body.sand {
	background: #9F9A6D url('../imgs/theme_graphics/sand_body_grad.jpg') repeat-x 0 0;
}


.wrap {
	/*border: 1px solid red;*/
	width: 900px;
	margin: 0 auto;
	text-align: left;
	height: 100%;
}

#header {
	/*border: 1px solid red;*/
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

#header .logo {
	/*border: 1px solid red;*/
	width: 885px;
	height: 135px;
	background: transparent url('../imgs/theme_graphics/logo/header_logo1.png') no-repeat top left;
	margin: 20px 0 0 10px;
}

#header .logoSand {
	/*border: 1px solid red;*/
	width: 885px;
	height: 135px;
	background: transparent url('../imgs/theme_graphics/logo/sand_header_logo.png') no-repeat top left;
	margin: 20px 0 0 10px;
}


.leftColumn, .rightColumn, .leftColumnShadow {
	height: 100%;
	margin: 0;
	padding: 0;
}

.leftColumn {
	/*border: 1px solid green;*/
	float: left;
	width: 685px;
	/*background: red;*/
}

.leftColumnShadow {
	float: left;
	width: 685px;
	height: 100%;
	background: transparent url('../imgs/theme_graphics/leftColumnShadow.png') repeat-y 0 0;
}

.leftColumnSandShadow {
	float: left;
	width: 685px;
	height: 100%;
	background: transparent url('../imgs/theme_graphics/leftColumnSandShadow.png') repeat-y 0 0;
}


.leftColumnContainer {
	background-color: #002222;
	width: 665px;
	height: 100%;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0 0 0 3px;
	padding: 0;
}

.leftColumnSandContainer {
	background-color: #9F9A6D;
	width: 665px;
	height: 100%;
	border-left: 1px solid #5e5a35;
	border-right: 1px solid #5e5a35;
	margin: 0 0 0 3px;
	padding: 0;
}

.leftColumnImageBg {
	/*border: 1px solid blue;*/
	width: 665px;
	/*height: 500px;*/
	margin: 0;
	padding: 10px 0 0 0;
	background: transparent url('../imgs/theme_graphics/leftColumnImageBG.png') no-repeat top left;
}

.leftColumnImageBgSand {
	/*border: 1px solid blue;*/
	width: 665px;
	/*height: 500px;*/
	margin: 0;
	padding: 10px 0 0 0;
	background: transparent url('../imgs/theme_graphics/leftColumnImageBGSand.png') no-repeat top left;
}

.leftColumnImage {
	/*border: 1px solid blue;*/
	width: 645px;
	height: 525px;
	/*height: 500px;*/
	margin: 0 0 0 10px;
}

/* ---------- These ids control the background image of the leftColumnImage ------------

   ------------------------------------------------------------------------------------- */

#index {
	background: transparent url('../imgs/restaurant/restaurant_harbour_645.jpg') no-repeat top left;
}

#menu {
	background: transparent url('../imgs/restaurant/restaurant_menu_645.jpg') no-repeat top left;
}

#dining {
	background: transparent url('../imgs/restaurant/restaurant_diningroom_645.jpg') no-repeat top left;
}

#gallery {
	background: transparent url('../imgs/restaurant/restaurant_courtyard_645.jpg') no-repeat top left;
}

/* ------------------------------------------------------------------------------------- 

   ------------------------------------ end -------------------------------------------- */

.textContainer {
	width: 450px;
	position: relative;
	top: 20px;
	left: 440px;
	margin: 0;
	padding: 0;
}

.findUsTextContainer {
	width: 450px;
	position: relative;
	z-index: 9999;
	top: 40px;
	right: 230px;
	margin: 0;
	padding: 0;
}

.textTop {
	/*border: 1px solid red;*/
	width: 450px;
	height: 45px;
	background: transparent url('../imgs/theme_graphics/text_bg_01.png') no-repeat;
	margin: 0;
	padding: 0;
}

.text, .textMenu {
	width: 405px;
	background: transparent url('../imgs/theme_graphics/text_bg_03.png') repeat-y top left;
	margin: -1px 0 0 0;
	padding: 0 25px 5px 20px;
}

.textBottom {
	/*border: 1px solid red;*/
	width: 450px;
	height: 30px;
	background: url('../imgs/theme_graphics/text_bg_04.png') no-repeat top left;
	margin: 0;
	padding: 0;
}

.rightColumn {
	float: right;
	width: 210px;
}

#signOff {
	/*border: 1px solid red;*/
	width: 210px;
	float: right;
	margin: 150% 0 0 0;
	padding: 0;
}

#signOff .logo{
	/*border: 1px solid red;*/
	width: 210px;
	float: right;
	margin: 35px 0 0 0;
	padding: 0;
}

#MenuSignOff {
	/*border: 1px solid red;*/
	width: 210px;
	float: right;
	margin: 160% 0 0 0;
	padding: 0;
}

#MenuSignOff .logo{
	/*border: 1px solid red;*/
	width: 210px;
	float: right;
	margin: 35px 0 0 0;
	padding: 0;
}

#findUsSignOff {
	/*border: 1px solid red;*/
	width: 210px;
	float: right;
	margin: 20% 0 0 0;
	padding: 0;
}

#findUsSignOff .logo{
	/*border: 1px solid red;*/
	width: 210px;
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
}

#GallerySignOff {
	/*border: 1px solid red;*/
	width: 210px;
	float: right;
	margin: 170% 0 0 0;
	padding: 0;
}

#GallerySignOff .logo{
	/*border: 1px solid red;*/
	width: 210px;
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
}

#footer {
	/*border: 1px solid red;
	border-bottom: 1px dotted #001515;*/
	width: 100%;
	float: left;
	margin: 15px 0 0 0;
	padding: 0 10px 30px 0;
	/*background: transparent url(../test/imgs/theme_graphics/shadow1.png) repeat-y 100% 0%;*/
}

#footerSand {
	/*border: 1px solid red;
	border-bottom: 1px dotted #001515;*/
	width: 100%;
	float: left;
	margin: 13px 0 0 0;
	padding: 0 10px 30px 0;
	/*background: transparent url(../test/imgs/theme_graphics/shadow1.png) repeat-y 100% 0%;*/
}

.oneDesign {
	margin-left: 248px;
}

/*-------- navigation --------*/

#header ul {
	/*border: 1px solid red;*/
	margin: 15px 0 5px 0;
	padding: 0;
	float: left;
}

#header ul li {
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 1em;
	letter-spacing: .025em;
	color: #fff;
	list-style-type: none;
	margin: 0 1em 0 0;
	padding: 0;
}

a:link {
	color: #fff;
	text-decoration: none;
}

a:visited, a:active {
	color: #fff; 
	text-decoration: none;
}  /* visited link */

a:hover {
	color: #046380; 
	text-decoration: none;
}   /* mouse over link */

a.selected {
	color: #002222;
}

#dining a:link {
	color: #046380;
	text-decoration: none;
}

#dining a:visited, a:active {
	color: #046380; 
	text-decoration: none;
}  /* visited link */

#dining a:hover {
	color: #bdbdbd; 
	text-decoration: none;
}   /* mouse over link */


/*-------- imgs --------*/

.headerLogo {
	margin: 30px 0 0 0;
	padding: 0;
	border: none;
}

.floatRight {
	border: none;
	float: right;
	margin: 0 0 10px 10px;
}

/*--------------clearing---------------*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */