/* CSS Document */

body, html 
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	background-color: #000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #CCC;
	height: 100%;
	font-size: 11px;
	line-height: 15px;
}

#reservation, input, select
{
	font-size: 9px;
}

#copywrapper
{
	color: #333 ;
	height: 335px;
	background-color: #fff;
}

#copywrapper.homecopy
{
	color: #CCC;
	background-color: #422B1D;
}


.centered 
{
	width: 100%;
	height: 100%;
}

td 
{
	vertical-align: middle;
}

#wrapper
{
	background-color: #fff;
	/*border: 1px solid #000;*/
	width: 750px;
	height: 498px !important;

	
	margin: 0px auto;
	padding: 0px;
	text-align:left;
}

#gallery
{
	height: 333px !important;
	height: 296px; /* ie */
	/*background-color:#ccc;*/
	padding: 20px;
}


#menu
{
	height: 163px;
	background-color: #422B1D;
	margin: 0px;
	padding: 0px;
	/*position: relative;*/
}

#menu img
{
	display: block;
	
}

#content
{
	height: 233px !important; /* mozilla */
	height: 196px; /* ie */
	/*background-color:#ccc;*/
	padding: 20px;

	
}

img
{
	border: none;
	padding: 0px;
	margin: 0px;
}

br
{
	clear:left;
}

#navigation
{
	
	

}

#navigation ul
{
	margin: 0px;
	padding: 0px;
	list-style:none;
}



#navigation li
{
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 33px;
}

#navigation li a
{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 33px;
	
	
}

#navigation a
{
	text-decoration:none;
}

#navigation img
{

	display:block;

}

/* -use prototype to resize to.
#menutwo
{
	height: 130px;
}

#contenttwo
{
	height: 320px;
}
*/

/*@10px padding 1/5 of width is 146*/
#flashimgs
{
	height: 100px;
	background-color: #EEE;
}

#imageleft
{
	width: 110px;
	height: 80px;
	float:left;
	margin-right: 20px;
}
#copycenter
{
	width: 300px;
	float:left;
}
#quoteright
{
	width: 260px;
	float:right;
}

/*
Modified by Charles. 
Comment the 'height' and 'border' attribute
Add 'text-align'
*/
.copytext
{
	/*border: 1px solid;
	height: 100px;*/
	
	height: 170px;
	/*border: 1px solid #000;*/
	margin: 0px;
}

.plainTxt {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
}

#pagenav
{
	border: 1px solid #716056;
	padding: 4px;
	float: right;
	margin: 0px;
	color: #716056;
	font-size:9px;
	
}

#pagenav a
{
	text-decoration: none;
	color: #BC9630;
}


/*
James - gallery
*/

#thumbwrapper
{
	width: 260px;
	height: 269px;
	float: left;
	
	/*border: 1px solid #ccc;*/
}



#imagewrapper
{
	width: 435px;
	height:255px;
	float: right;
}

#imagewrapper fixed 
{
	float:left;
	width:255px;
	height:255px;
	background:#666;
	display:block;
}

#floatwrapper
{
	float: right;
	width: 180px;
}

#floating 
{
	width:180px;
	height:100%;
	background:#EAEfEA;
	position:relative;
	
}
#floating div 
{
	position:relative;
	bottom:0;
	left:0;
}

#imagewrapper p
{
	margin:0;
	padding:0;
	padding-left: 20px;
}

#pagenav .offset
{
	margin-right: 30px !important;
}



.header
{
	color: #bc9630;
	display: block;
	margin-bottom: 5px;
}

#copywrapper a, #copyright a:link, #copywrapper a:visited 
{
	color: #BC9630;
	text-decoration: none;
	border-bottom: 1px dotted #BC9630;
}
#copywrapper a:active, #copywrapper a:hover 
{
	color: #716056;
	text-decoration: none;
	border-bottom: 1px solid #716056;
}

#thumb
{
	width: 85px;
	height:85px;
	float: left;
	margin-top: 0px;
  	margin-right: 1px;
  	margin-bottom: 1px;
  	margin-left: 0px; 
	padding: 0px;

}

#thumb a, #thumb a:link, #thumb a:active, #thumb a:visited { display:block; border: 5px solid #fff; height: 75px; width:75px;}
#thumb a:hover {  display:block; border: 5px solid #bc9630; height: 75px; width:75px; }
#thumb img
{
	display:block;
	height: 75px;
}

form
{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 195px;
}

td
{
	height: 23px;
	padding: 0px;
	margin: 0px;
}
table
{
	padding: 0px;
	margin: 0px;
}