/*=== Setup ===*/







*{







	border: 0;







	margin: 0;







	padding: 0







}







body{







	background: #b1dcef;







	color: #666666;







	font: .7em Arial,Verdana,Helvetica,Sans-Serif







}







a{







	color: #771A2D;







	text-decoration: underline







}







a:hover{







	text-decoration: none







}















input,select,textarea{







	border: #999999 1px solid;







	font-size: 1em;







	padding: 2px







}







select{







	padding: 0







}







li{







	list-style: none







}







h2{







	color: #d27518;







	font-size: 15px;







	font-weight: bold;







	margin: 0 0 10px







}



.highlight{



color: #D33AA4;







}



.buynow{



	color: #771A2D;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px;
}




p{







	line-height: 1.3em;







	padding: 0 0 .8em







}







/*=== Centered Layout ===*/







#centerwrap{

	background: #ffffff;

	border: 1px solid #b0afaf;

	height: 550px;

	margin: 0 auto;

	position: relative;

	width: 755px;



}







#content{

	height: 500px;

	padding: 0 20px;

}







/*===-Suckertree -===*/







.suckertreemenu ul{



margin: 0;



padding: 0;



list-style-type: none;



}







/*Top level list items*/



.suckertreemenu ul li{



position: relative;



display: inline;



float: left;



background-color: #FFFFFF; /*overall menu background color*/



border-color:#FFFFFF;

}







/*Top level menu link items style*/



.suckertreemenu ul li a{



display: block;



background-color: #FFFFFF;



border: 1px solid white;



font-family:Arial;



font-size:12px;



text-decoration: none;



color:#8C2039;
	padding: 5px 40px 5px 10px;
}



	



/*1st sub level menu*/



.suckertreemenu ul li ul{



padding:5px;



background-color:#FFFFFF;



border-width:0px;



border-style:solid;



border-color:#FFFFFF;



left: 0;



position: absolute;



top: 1em; /* no need to change, as true value set by script */



display: block;



visibility: hidden;



}







/*Sub level menu list items (undo style from Top level List Items)*/



.suckertreemenu ul li ul li{



padding:2px 40px 2px 5px;



color:#333333;



font-size:11px;



border-width:0px;



border-style:solid;



border-color:#FFFFFF;



display: list-item;



float: none;



}







/*All subsequent sub menu levels offset after 1st level sub menu */



.suckertreemenu ul li ul li ul{ 



font-size:11px;



border-width:0px;



border-style:solid;



border-color:#FFFFFF;



left: 159px; /* no need to change, as true value set by script */



top: 0;



}







/* Sub level menu links style */



.suckertreemenu ul li ul li a{



padding:2px 40px 2px 5px;



color:#333333;



font-size:11px;



border-width:0px;



border-style:solid;



border-color:#FFFFFF;



display: block;



width: 140px; /*width of sub menu levels*/



text-decoration: none;

	background-color: #fbfbfb;

}







.suckertreemenu ul li a:hover{



background-color:#B1DCEF;



color:#FFFFFF;



text-decoration:underline;

	padding-left: 7px;

}







/*Background image for top level menu list links */



.suckertreemenu .mainfoldericon{



background: #FFFFFF;



}







/*Background image for subsequent level menu list links */



.suckertreemenu .subfoldericon{



background: #FFFFFF url(media/arrow-right.gif) no-repeat center right;



}







* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/



padding-top: 1em;



}



	



/* Holly Hack for IE \*/



* html .suckertreemenu ul li { float: left; height: 1%; }



* html .suckertreemenu ul li a { height: 1%; }



/* End */







/*=== Header ===*/







#header{

width: 720px;

height: 148px;

padding-bottom:20px;

	margin-left:auto;

	margin-right:auto;

	position: static;

}







#header .spacer{







	float: right;







}







/*- Logo -*/







#header h1{







	background: url(../images/logo.gif) no-repeat;







	float: left;

	width: 355px;







}







#header h1 a{







	display: block;







	height: 148px;







}







#header h1 a:hover{







	text-decoration: none;







}



#header h1 img{

	float: left;

	width: 355px;



}



/*=== Sub Columns ===*/







.col1{







	background: #f4f3f2;







	float: left;







	height: 285px;







	overflow: auto;







	width: 355px;







}



.col1 img{

	background: #f4f3f2;

	float: left;

	overflow: auto;

	width: 100px;

	margin-right: 10px;

	margin-top: 5px;

	margin-bottom: 5px;



}











.col1 .spacer{







	height: 1%;







	padding: 20px 10px 0 20px;







}







.col2{



	float: right;



	height: 285px;



	text-align: left;



	width: 348px;



	







}



.col3{

	background: #fff;

	float: left;

	height: 285px;

	overflow: auto;

	width: 365px;

}







.innerBox {

	float: left;

	width: 318px;

	margin-bottom: 15px;

}



.innerBox2 {

	float: left;

	width: 318px;

	margin-bottom: 15px;

}



.innerBox2 p a a:hover{

	float: left;

	width: 318px;

	margin-bottom: 15px;

	text-decoration: none;

}



#staffBox {



	float: left;



	width: 300px;



	



	margin-bottom: 15px;



}

#staffBox p {

	color: #666666;

}

#staffBox a {

	color: #666666;

	text-decoration: none;

}



#staffBox a:hover {

	color: #666666;

	text-decoration: none;

}

/*=== Reservation ===*/







#reservation{

	clear: both;

	padding-top: 15px;



}



#reservation p{

	float: left;

	margin-top: 5px;

	font-size: 15px;

	color: #7e7e7e;

	font-variant: small-caps;

}



#reservation img{

	float: right;

	margin-top: -3px;



}







/*=== Footer ===*/







#footer{







	clear: both;







	color: #771A2D;







	position: absolute;







	text-align: left;







	top: 555px;







	width: 755px;



	font-size: 11px;



}







#footer a{







	color: #771A2D;







	text-decoration: none;







}







#footer a:hover{







	color: #fff;







}







/*=== Misc. ===*/







.fix{







	clear: both;







	height: 1px;







	margin: -1px 0 0;







	overflow: hidden;
}
/*---------------------------------------------------------------------------------------------------------*/
.city-search{
	position:absolute;
	top:395px;
	right:-168px;
	float:left;
	width:160px;
	height:117px;
	background:url(../images/citysearch.gif) no-repeat left top;
	outline:none;
	}
p.faux-para{
	width:283px;
	}
p.faux-para span{
	font-weight:bold;
	}
span.best-tanning{
	color:#b52f84;
	}
p.faux-para a{
	text-decoration:none;
	color:#003d9a;
	outline:none;
	}
p.faux-para a:hover{
	color:#b52f84;
	}