/*Base for THEHOTEL at Playa Blanca Design by Jesse Doyle @ Inc3d.com | Copyright 2008 CDDGBaja |*/


body {background: #201815 url(images/background.gif) repeat-x scroll left top;
		margin: 0 auto;
		color: #cccccc;
		font-family:arial;
		font-size: 11px;}
		
p {font-family:"Arial",Arial,Tahoma,Helvetica,sans-serif;letter-spacing:0px;line-height:150%;padding-left: 10px; padding-right: 10px; margin-top: 10px;}
h2 {font-size:18px; padding-top: 4px;}
		
a:link {color: #eeeeee;}
a:visited {color: #eeeeee;}
a:hover {color: #A5A5A5;}

img{border:0px;}

div.site_container {margin: 0 auto;
		margin-top: 10px;
		text-align: left;
		width: 968px;
		}
#header1 {background: url(images/header_top-trans.png) no-repeat scroll left bottom;
		position: relative;
		width: 100%;
		height: 20px;
		}
#navtop {margin: 0 auto; 
		float:right;
		padding-left: 10px;
		padding-right: 10px;
		}
#navtopleft {margin: 0 auto; 
		float:left;
		padding-left: 10px;
		}
#content {background: #f3f3f3 url(images/background_content.gif) repeat-x scroll left bottom;
		border: #000000 solid 1px;
		float:right;
		width: 100%;
		height: 100%;
		}
		
#leftside {width: 180px; float: left;}
div.leftinner {background: #555555;
		height: 410px;
		margin-left: 16px;
		width: 164px;}
div.leftinner2 {background: #555555;
		height: 450px;
		margin-left: 2px;}
div.leftinnerflash {
		height: 100%;
		margin-left: 4px;
		padding-top: 14px;
		width: 100%;}
#navabove {width: 780px; height: 60px; }
/*New Nav Sections*/
#navbar {width: 780px; background: url(images/navbar-trans.png) no-repeat; float:left;margin:0px;padding:0px;}
#navbar ul {margin: 0; padding: 0; list-style: none;}
#navbar li { float:left; padding:0; margin: 0px 0px 0px 0px; height: 30px; }
#navbar a {display:block; overflow: hidden; text-indent:-1000em; height:30px;}
#navbar li:hover, #navbar a:hover{background-position: left bottom;}
#navbar a:active {outline: none;}

#navbar_home li, #navbar_home a {background: transparent url(images/dbthehotel-trans.png) left top; width: 72px;}
#navbar_theresidences li, #navbar_theresidences a {background: transparent url(images/dbtheresidences-trans.png) left top; width: 106px;}
#navbar_cuisine li, #navbar_cuisine a {background: transparent url(images/dbcuisine-trans.png) left top; width: 58px;}
#navbar_events li, #navbar_events a {background: transparent url(images/dbevents-trans.png) left top; width: 56px;}
#navbar_weddings li, #navbar_weddings a {background: transparent url(images/dbweddings-trans.png) left top; width: 74px;}
#navbar_entertainment li, #navbar_entertainment a {background: transparent url(images/dbentertainment-trans.png) left top; width: 106px;}
#navbar_concierge li, #navbar_concierge a {background: transparent url(images/dbconcierge-trans.png) left top; width: 80px;}
/*End --- New Nav Sections*/

div.contentinner {float:right;margin-right:16px;} /*margin-right:16px;*/
div.section {background: transparent url(images/header_section-trans.png) no-repeat; 
		float:right;
		height:40px;
		position: relative;
		width: 786px;
		}
div.section p {color: #000000; font-size: 13px; font-style:normal;text-align:justify;}

div.sectionwide {background: transparent url(images/header_section_wide.png) no-repeat; 
		float:right;
		position: relative;
		width: 100%;
		}
div.sectionwide p {color: #000000; font-size: 13px; font-style:normal;text-align:justify;}
		
#contentbottom {width: 100%; height: 160px; margin-top:16px; float:right;position:relative;}
div.banner_glow {width:770px; height:40px;float:left;margin-left:16px;margin-top:-16px;margin-bottom:10px;}
div.contentimages {height: 100%; float:left; padding-left: 14px; padding-right: 6px;}
div.floorplans {float:left;margin-top:20px;margin-bottom:10px;width:100%;background: #777777;}
div.floorplans img {margin-top:10px;}
div.floorplans_inner {margin-bottom: 20px;margin-left:60px; margin-top:20px;}

div.map {float:left;margin-top:10px;margin-bottom:4px;margin-left:4px;}

#hr_strip {width: 100%;
		height: 2px;
		background-image: url(images/hr_strip.gif); 
		background-repeat: repeat-x;
		margin-bottom:10px;
		margin-top:-10px;
		}

#footerbar {background: #5D5552;
		float: right;
		margin-top: 10px;
		height: 120px;
		width: 100%;
		}
div.footercontent {margin-left: auto; margin-right: auto;
		width: 972px;
		height: 120px;
		text-align: center;
		padding-left: 20px;
		padding-right: 0px;
		padding-top: 10px;
		font-size: 11px;
		}
div.footercontent a {font-size: 12px; text-decoration: none;}
div.footercontent ul { margin: 0; padding: 0; list-style: none;}
div.footercontent ul li{float: left; padding:0; margin: 0px 14px 0px 14px;}

div.footerlinks {width: 106px;margin-top: 10px;}

div.bottom {margin: 0 auto;
		float:left;
		height: 100px;
		text-align: left;
		width: 968px;}
		
div.bottomlogos {width: 100%; vertical-align:top; border-top: 1px solid #999999;}

/*Second page layout*/
div.mainleft {background: transparent url(images/header_section2.png) no-repeat;
		float:left;
		height:40px;
		position: relative;
		width:646px;
		margin-left:2px;}
div.mainleft p {color: #000000; font-size: 14px; font-style:normal;}

div.contentright {width:480px;
		float:right;}
div.right_side {background: #555555;
		float:right;
		width: 318px;
		height: 600px;
		margin-right: 2px;
		}
div.right_side p {color: #ffffff; font-size: 14px; font-style:normal; text-align:center;}