/* CSS Document */

body
	{
		margin					: 0;
		padding					: 0;
		background				: url(../images/marina-background.jpg) repeat-x;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 12px;
	}
	

#main-wrapper
	{
		width					: 960px;
		margin					: 0 auto;
		background				: url(../images/marina-centerbg.jpg) no-repeat;	
	}

#body-wrapper
	{
		width					: 823px;
		margin					: 0 auto;
		padding					: 0;
	}

#body-wrapper2
	{
		clear					: both;
		width					: 800px;
		margin					: 0 0 0 23px;
		background-color:#FFFFFF;
	}
	
/*=======================================================
	HEADER GOES HERE
=========================================================*/

#head-wrapper
	{
		height					: 113px;
		-height					: 110px;
		margin					: 0;
		padding					: 0;

	}	
	
#head-wrapper #logo-box
	{
		float					: left;
		width					: 316px;
		height					: 113px;
		display					: block;
	}
	
#head-wrapper #headleft-box	
	{
		float					: right;
		width					: 500px;
	}


#head-wrapper #toplink
	{
		width					: 168px;
		height					: 22px;
		float					: right;
		text-align				: center;
		padding					: 3px 0 0 0;
		background				: url(../images/marina-toplink.png);
	}
	
#head-wrapper #toplink a
	{
		color					: #FFFFFF;
		text-decoration			: none;
		padding					: 0 2px 0 2px;
		background-color: none;
	}
	
#head-wrapper #toplink  a:visited
	{
		color					: #FFFFFF;
		text-decoration			: none;
		padding					: 0 2px 0 2px;
		background-color: none;
	}
		
	
#head-wrapper #toplink a:hover
	{
		color					: #FFFFFF;
		text-decoration			: underline;
		background-color: none;
	}	

.clearer { clear:both; }

/*=======================================================
	NAVIGATION GOES HERE
=========================================================*/	

#nagivation-wrapper	
	{
		background				: url(../images/marina_navigationbg.jpg) no-repeat;
		height					: 42px;
		width					: 800px;
	}
	
#nagivation-wrapper	 ul#menu-list
	{
		margin					: 0;
		padding					: 12px 0 0 12px ;
	 	-padding				: 12px 0 0 10px ;
		font-size				: 13px;
		text-transform			: uppercase;
		color					: #FFFFFF;
		font-weight				: bold;
	}
	
#nagivation-wrapper	ul#menu-list li
	{
		float					: left;	
		display					: block;
	}

#nagivation-wrapper	ul#menu-list li a
	{
		
		height					: 15px;
		padding					: 5px 7px 5px 7px;
/*		background-color		: #b43d03;*/
		margin					: 5px;
		color					: #FFFFFF;
		text-decoration			: none;
	}
	
#nagivation-wrapper	ul#menu-list li a:visited
	{
		
		height					: 15px;
		padding					: 5px 7px 5px 7px;
		/*background-color		: #b43d03;*/
		margin					: 5px;
		color					: #FFFFFF;
		text-decoration			: none;
	}				
	
#nagivation-wrapper	ul#menu-list li a:hover
	{

		color					: #FFFFFF;
		text-decoration			: none;
/*		background-color		: #8d5e47;*/
		background-color		: #050d57;

	}	

/*=======================================================
	CONTENT GOES HERE
=========================================================*/		


#content-wrapper
	{
		float					: left;
		width					: 497px;
		margin					: 9px 0 0 9px;
		-margin					: 9px 0 0 4px;
		background				: url(../images/content-bg.jpg) no-repeat;
		padding					: 15px 9px 9px 15px;
		color					: #723309;
	}
	

#content-wrapper h2
	{
		color					: #FF6600;
		font-size				: 22px;
		margin					: 0;
		padding					: 0 0 8px 0;
		border-bottom: #FF6600 1px solid;
	}

.titleName
	{
		text-transform			: uppercase;
		font-weight				: bold;
		color					: #330066;
	}

.titleRates
	{
		color					: #FFFFFF;
		text-transform			: uppercase;
		padding					: 5px;
		background-color		: #ff4e00;
		text-align				: center;
		font-weight				: bold;
		font-size				: 14px;
	}

	
#sidebar-wrapper
	{
		float					: right;	
		width					: 227px;
		margin					: 9px 9px 0 0;
		padding					: 10px 0 0 0 ;
	}

.box-palawaninfo
	{
		background				: url(../images/box-mod1.jpg) no-repeat;
		height					: 248px;
		width					: 211px;
		padding					: 15px 8px 8px 8px;
	}

.box-palawaninfo h3
	{
		color					: #FF6600;
		padding					: 0 0 0 6px;
		margin					: 0;
		font-size				: 16px;
		text-transform			: uppercase;
	}

.box-palawani					: 211px;
		padding					: 15px 8px 8px 8px;
	}

.box-palawaninfo h3
	{
		color					: #FF6600;
		padding					: 0 0 0 6px;
		margin					: 0;
		font-size				: 16px;
		text-transform			: uppercase;
	}

.box-palawaninfo ul
	{
		margin					: 0;
		padding					: 15px 0 0 25px;
		list-style-type			: none;
	}

.box-palawaninfo li
	{
		line-height				: 30px;
		list-style-image		: url(../images/box-bullet.jpg);
		}	
	
	
.box-palawaninfo li a
	{	
		color: #FF6600;
		text-decoration: none;
	}
	
.box-palawaninfo li a:visited
	{	
		color: #FF6600;
		text-decoration: none;
	}
	
..box-palawaninfo li a:hover
	{	
		color: #FF6600;
		text-decoration: none;
	}		
/*=======================================================
	gallery GOES HERE
=========================================================*/		

#myGallery	
	{
		background-color		: #000000;
		width					: 800px;
		height					: 390px;
	}	
	
	
#reserve-wrapper
	{
		text-align				: center;
		padding					: 8px;
	}	
	
#footer-wrapper
	{
		
		color					: #b5b5b5;
		padding-bottom			: 15px;
		margin-top				: 20px;
	}
	
#footer-wrapper a, a:visited
	{
		color					: #b5b5b5;
		text-decoration			: none;
	}
	
#footer-wrapper a:hover
	{
		color					: #b5b5b5;
		text-decoration			: none;
	}