/* ------------------------------------------------------------
    
    Title:     MexicoHoliday.com
    Type:      CSS for Screen
    Author:    VickeryHill.com
    Updated:   3/3/2009

------------------------------------------------------------ */


/* ------------------------------------------------------------

	Common

------------------------------------------------------------ */

a:link {color:#678C02; text-decoration:underline; font-weight:bold;}
a:visited {color:#678C02; text-decoration:underline; font-weight:bold;}
a:hover {color:#095BA5; text-decoration:underline; font-weight:bold;}
a:active {color:#095BA5; text-decoration:underline; font-weight:bold;}

body {
	background-image:url(imgs/common/background.gif);
	background-repeat:repeat;
	margin-top:0;
	}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#455F3A;
	}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#455F3A;
	}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#455F3A;
	}

/* ------------------------------------------------------------

	Layout

------------------------------------------------------------ */

#wrapper {
	margin:auto;
	width:780px;
	}

#wrapperHeader {
	margin:auto;
	width:780px;
	}

#wrapperNavigation {
	margin:auto;
	width:780px;
	}

#wrapperContent {
	margin:auto;
	width:780px;
	}

#wrapperFooter {
	margin:auto;
	width:780px;
	}

#headerLeft {
	float:left;
	width:309px;
	height:85px;
	}

#headerRight {
	float:right;
	width:471px;
	height:85px;
	background-image:url(imgs/common/sky-bkg.jpg);
	background-repeat:repeat-x;
	}

#headerWide {
	width:780px;
	height:250px;
	}

#navigation {
	background-color:#A0CF20;
	height:20px;
	}

#content {
	float:left;
	width:760px;
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:18px;
	}

#content p, ul, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:18px;
	}

#contactForm {
	float:right;
	width:300px;
	margin-left:10px;
	margin-top:50px;
	margin-bottom:10px;
	}

.contactTable {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
	}

.required {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
	}

/* ------------------------------------------------------------

	Homepage

------------------------------------------------------------ */

#homeColumn1 {
	float:left;
	width:260px;
	margin-right:10px;
	}

#homeColumn2 {
	float:left;
	width:240px;
	margin-right:10px;
	}

#homeColumn3 {
	float:left;
	width:240px;
	}

.homeGreen {
	width:258px;
	background-color:#DAF1AA;
	border:1px solid #C1D399;
	}

	#homeGreen h1 {
		margin-top:0;
		padding:5px 5px;
		border-bottom:1px solid #C1D399;
		}
	
	#homeGreen p {
		margin-top:0;
		padding:5px 5px;
		}

#homeFeatured {
	width:258px;
	background-color:#D6EAFA;
	border:1px solid #7894AA;
	}

	#homeFeatured h1 {
		margin-top:0;
		padding:5px 5px;
		border-bottom:1px solid #7894AA;
		}

	#homeFeatured p {
		margin-top:0;
		padding:5px 5px;
		}


.homeGray {
	width:238px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	}

	#homeGray h1 {
		margin-top:0;
		padding:5px 5px;
		border-bottom:1px solid #CCCCCC;
		}
		
		#homeGray a:link {color:#095BA5; text-decoration:underline; font-weight:bold;}
		#homeGray a:visited {color:#095BA5; text-decoration:underline; font-weight:bold;}
		#homeGray a:hover {color:#678C02; text-decoration:underline; font-weight:bold;}
		#homeGray a:active {color:#678C02; text-decoration:underline; font-weight:bold;}
	
	#homeGray p {
		padding:0 5px;
		}

#homeBlue {
	width:238px;
	background-color:#D6EAFA;
	border:1px solid #7894AA;
	}

	#homeBlue h1 {
		margin-top:0;
		padding:5px 5px;
		border-bottom:1px solid #7894AA;
		}

	#homeBlue p {
		margin-top:0;
		padding:5px 5px;
		}

#homePromotion {
	width:228px;
	border:1px solid #F7CD72;
	background-color:#FCEBC7;
	margin:5px 0 0 0;
	padding:5px 5px;
	}

	#homePromotion p {
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		color:#000000;
		line-height:18px;
		}

.homeRed {
	color:#FF0000;
	}

#homeWeather {
	font-size:36px;
	text-align:center;
	}

/* ------------------------------------------------------------

	Properties

------------------------------------------------------------ */

#destinationPhoto {
	float:right;
	padding:5px 0 5px 10px;
	}

.greenButton a:link {
	display:block;
	width:130px;
	height:25px;
	padding:5px 10px 0 10px;
	background-image:url(p7pmm/img/pmm_carbon_root.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	margin-bottom:5px;
	}

.greenButton a:visited {
	display:block;
	width:130px;
	height:25px;
	padding:5px 10px 0 10px;
	background-image:url(p7pmm/img/pmm_carbon_root.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	margin-bottom:5px;
	}

.greenButton a:hover {
	display:block;
	width:130px;
	height:25px;
	padding:5px 10px 0 10px;;
	background-image:url(p7pmm/img/pmm_carbon_root.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:underline;
	margin-bottom:5px;
	}

.greenButton a:active {
	display:block;
	width:130px;
	height:25px;
	padding:5px 10px 0 10px;
	background-image:url(p7pmm/img/pmm_carbon_root.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:underline;
	margin-bottom:5px;
	}

#featuresLayer {
	position:absolute; 
	text-align:left; 
	width:200px; 
	height:200px; 
	top:0; 
	left:0; 
	background-color: #FFFFFF; 
	border: 1px solid #666666; 
	visibility: hidden; 
	z-index:30000;
	}

/* ------------------------------------------------------------

	Property Details

------------------------------------------------------------ */

#detailLeft {
	float:left;
	width:450px; 
	margin:0 10px 0 0;
	}

#detailLeft img {
	padding:5px 5px 5px 5px;
	}

#detailRight {
	float:left;
	width:300px; 
	}

.rooms  {
	display:block;
	width:450px;
	border-bottom:1px solid #C1D399;
	padding:5px 0 5px 0;
	}
	
	#rooms img {
		padding:0 0 5px 0;
		}

	#rooms li {
		list-style-image:none;
		}

#testimonial {
	width:288px;
	border:1px solid #C1D399;
	background-color:#DAF1AA;
	padding:5px 5px 5px 5px;
	margin:5px 0 0 0;
	}

	#testimonial p {
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		color:#000000;
		line-height:18px;
		}

#children {
	width:288px;
	border:1px solid #E6D301;
	background-color:#FEEA02;
	padding:5px 5px 5px 5px;
	margin:5px 0 0 0;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	}

#photo {
	width:288px;
	background-color:#D6EAFA;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #7894AA;
	border-left:1px solid #7894AA;
	border-right:1px solid #7894AA;
	}

#photoBorder {
	width:298px;
	background-color:#D6EAFA;
	border-top:1px solid #7894AA;
	border-left:1px solid #7894AA;
	border-right:1px solid #7894AA;
	}

#photo p {
	font-size:11px;
	text-align:center;
	}

#overview {
	width:288px;
	background-color:#DAF1AA;
	border:1px solid #C1D399;
	margin:5px 0 0 0;
	padding:5px 5px 5px 5px;
	}

#overview p {
	font-size:11px;
	display:block;
	width:288px;
	border-bottom:1px solid #C1D399;
	margin:2px 0 2px 0;
	}

#promotion {
	width:288px;
	border:1px solid #F7CD72;
	background-color:#FCEBC7;
	margin:5px 0 0 0;
	padding:5px 5px 5px 5px;
	}

#promotion p {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#000000;
	line-height:18px;
	}

#availability {
	width:288px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	margin:5px 0 0 0;
	padding:5px 5px 5px 5px;
	}

#ratesLeft {
	float:left;
	width:528px;
	padding:0 10px 0 0;
	}

#ratesRight {
	float:left;
	width:222px;
	}
	
	#ratesRightAvailability {
	width:210px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	margin:40px 0 0 0;
	padding:5px 5px 5px 5px;
	}
	

/* ------------------------------------------------------------

	Footer

------------------------------------------------------------ */

#footer {
	background-image:url(imgs/common/footer-bkg.gif);
	background-repeat:repeat-x;
	padding:10px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:center;
	}
#footer a:link {color:#333333; text-decoration:underline; font-weight:normal;}
#footer a:visited {color:#333333; text-decoration:underline; font-weight:normal;}
#footer a:hover {color:#278BD2; text-decoration:underline; font-weight:normal;}
#footer a:active {color:#278BD2; text-decoration:underline; font-weight:normal;}

/* ------------------------------------------------------------

	Classes

------------------------------------------------------------ */

.redText {
	color:#FF0000;
	}

.breadcrumbs {
	font-size:11px;
	}
	
	.breadcrumbs a:link {text-decoration:none; font-weight:normal;}
	.breadcrumbs a:visited {text-decoration:none; font-weight:normal;}
	.breadcrumbs a:active {text-decoration:none; font-weight:normal;}
	.breadcrumbs a:hover {text-decoration:none; font-weight:normal;}