/*
Theme Name: Riviera Maya Houses
Theme URI: http://dvwebdesign.com/
Description: Theme by Hiram Hibbard (info@dvwebdesign.com).
Version: 1.0
Author: Hiram Hibbard
Author URI: http://dvwebdesign.com/
Tags: colors, custom header, fixed width, two columns, widgets

	Riviera Maya Houses v1.0
	 http://dvwebdesign.com

*/



/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Diamond Valley Web Design
	Date: 12/08/2008 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global Reset
**************************************************************************************************************
**************************************************************************************************************/	

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}


/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:url(images/water.gif) repeat; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;}
a, a:visited {color:#088DCB; text-decoration:underline;}
a:hover {color:#29557A;}
p {line-height:18px; margin:0 auto; padding:10px 20px;}
h2, h3, h4 {color:#29557A; font-weight:bold; margin:0 auto; padding:10px 20px;}
h2 {font-size:26px;}
h3 {font-size:20px;}
ul {padding-right:10px;}



/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#outerWrap  {background:url(images/background_sky.jpg) top center repeat-x; width:100%; height:auto; clear:both; margin:0 auto;}
.wrap {width:860px; padding-top:20px; height:auto;}


/* 3.1 Header
**************************************************************************************************************/

#banner {background:url(images/banner.png); width:882px; height:222px; overflow:hidden;}

ul#navigationTop {width:636px; height:19px; display:block; text-align:center; margin:0 auto; padding:65px 0 0; clear:both;}
	ul#navigationTop li {display:block; float:left; overflow:hidden; margin:0 auto; padding:0; list-style:none;}
		.homeButton {background:url(images/home_button.gif); width:73px; height:19px; padding:0; display:block; text-indent:-9999px; float:left; }
		.rentalsButton {background:url(images/rentals_button.gif); width:105px; height:19px; padding:0; display:block; text-indent:-9999px; float:left;}
		.galleryButton {background:url(images/gallery_button.gif); width:106px; height:19px; padding:0; display:block; text-indent:-9999px; float:left;}
		.attractionsButton {background:url(images/attractions_button.gif); width:157px; height:19px; padding:0; display:block; text-indent:-9999px; float:left;}
		.excursionsButton {background:url(images/excursions_button.gif); width:142px; height:19px; padding:0; display:block; text-indent:-9999px; float:left;}
		.reservationsButton {background:url(images/reservations_button.gif); width:159px; height:19px; padding:0; display:block; text-indent:-9999px; float:left;}
			
h1#logo {width:666px; height:80px; margin:30px auto 0 auto; padding:0; clear:both; float:right;}
	h1#logo a {width:666px; height:0; padding-top:80px; overflow:hidden; display:block; clear:both;}
	

/* 3.2 Content
**************************************************************************************************************/

#content {background:url(images/body_bgd.png) repeat-y; width:882px; clear:both; overflow:hidden;}
#contentInner {background:url(images/huts_bgd.jpg) bottom no-repeat; width:800px; clear:both; overflow:hidden; padding-bottom:130px;}
.entry img {border:2px solid #72A5DE;}

ul#navigationMiddle {width:750px; height:19px; display:block; text-align:center; margin:0 auto; padding:10px 0 0; clear:both;}
	ul#navigationMiddle li {margin:0 auto; padding:0 7px; list-style:none; font-size:16px; display:inline; line-height:18px; font-weight:bold;}
		ul#navigationMiddle a, ul#navigationMiddle a:visited {color:#72A5DE; text-decoration:none;}
		ul#navigationMiddle a:hover {text-decoration:underline;}


/* 3.3 Footer
**************************************************************************************************************/

#footer {background:url(images/footer.png) no-repeat; width:882px; height:169px; clear:both; overflow:hidden; color:#fff;}
	#footer a, #footer a:visited {color:#fff; text-decoration:underline;}
	#footer a:hover {text-decoration:none;}
	#footer p.floatLeft {margin:13px 30px 0 60px; padding:0;}
	#footer p.floatRight {margin:13px 60px 0 30px; padding:0;}
	#footer p.insurance {margin:13px 30px 0; padding:0; float:left; display:inline;}
	#footer p.clear {margin:0 auto; padding:30px 0 0;}
	
ul#navigationBottom {text-align:center; margin:0 auto; padding:20px 0 0 140px; clear:both; text-align:center; overflow:hidden;}
	ul#navigationBottom li {display:block; float:left; margin:0 auto; padding:0; list-style:none; padding:0 2px; line-height:18px;}
	
/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.divider {float:left; display:inline;}
	.divider img {border:none;}
.floatedP {float:left; display:inline; width:300px; padding:10px 30px 10px;}
img.noBorder {border:none;}
p.sendToFriend {float:left; display:inline;}
a.sendtofriendLink {padding-left:4px; line-height:20px;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/	

/* Homepage */

.leftFront {float:left; display:inline; width:400px;}
/* FAQ */

.q {color:#29557A; font-weight:bold; font-size:15px; padding-top:10px; padding-bottom:0;} /* Question */
.a { padding-left:30px; padding-bottom:20px; font-style:italic;} /* Answer*/

/* Listings */

.listingBox {width:666px; height:auto; overflow:hidden;}
.listingTop {background:url(images/listing_top.png) top no-repeat; overflow:hidden; width:666px; height:58px;}
	.listingTop h3 {font-size:18px; font-weight:bold; color:#29557A; padding-top:25px;}
.listingInner {background:url(images/listing_bgd.gif) bottom no-repeat; width:666px; overflow:hidden; padding-bottom:20px;}

.listingStats {margin:0 auto; padding:0; float:left; display:block; width:230px; overflow:hidden;}
	.listingStats p {display:block; height:30px; line-height:30px; padding:0 0 0 40px;  color:#29557A; font-size:16px; font-weight:bold; padding-bottom:5px; overflow-hidden;}
p.listingStatsHead {font-size:18px; color:#000; font-weight:bold; margin:0 auto; padding:0;}
p.building {background:url(images/icon_building.png) top left no-repeat; margin-top:10px;}
p.bathroom {background:url(images/icon_bath.png) top left no-repeat;}
p.bed {background:url(images/icon_bed.png) top left no-repeat;}
p.pool {background:url(images/icon_pool.png) top left no-repeat; padding-bottom:0;}

.listingRates {float:right; display:inline; width:180px; margin:0 auto; padding:0; margin-top:15px;}
	.listingRates p {line-height:25px; margin:0 auto; padding:0;}
	.listingRates img {border:none;}
.ratesHead {color:#29557A; font-weight:bold; font-size:16px;}

/*Listing Details*/

.listingIntroBox {width:756px; height:auto; overflow:hidden; clear:both;}
.listingIntroTop {background:url(images/detailed_top.gif) top left no-repeat; overflow:hidden; width:756px; height:44px;}
	.listingIntroTop h3 {padding:18px 24px 0; margin:0;}
.listingIntroContent {background:url(images/detailed_bgd.gif) bottom no-repeat; width:756px; overflow:hidden; height:auto; padding-left:6px; padding-bottom:20px;}
	.listingIntroContent .listingRates {float:right; display:inline; width:250px; margin:15px 15px 0 0; padding:0; line-height:18px;}

.ratesParagraph {}
.ratesTable {border:2px solid #72A5DE; text-align:center; margin-top:20px;}
	.ratesTable th {font-weight:bold; text-transform:uppercase; vertical-align:top; padding:5px; border:2px solid #72A5DE; text-align:center;}
	.ratesTable td {border:2px solid #72A5DE; padding:5px; text-align:center;}

.toggleLink {font-weight:bold; font-size:16px;}
/*span.toggleButton {display:block; width:102px; height:41px; background:url(images/show_more.jpg) no-repeat; text-align:left; color:#fff; font-weight:bold; margin:0 auto; padding:0;}*/