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

+++ Version 1.0
+++ Feb. 22 2007
+++ Vacances McRoy Inc. 

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



/*******************************************************
	COLOUR HEX
*******************************************************/

/*
	sun yellow 	: F49216
	orange 		: F06F16
	red 		: C2360E
	peach		: FEC886
	rust		: CC6015
	bg blue		: E2E8F6

*/

/*******************************************************
	GLOBAL STYLES
*******************************************************/


body,html
{
	height:100%;
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size:small;
	background-color: #E2E8F6;
}

*
{
	margin : auto;
	padding : 0;
	border: 0;
}

img
{
	margin : auto;
	padding : 0;
	border: 0;	
}

a {text-decoration:none;}

a:link{ color: #F06F16;  }
a:visited {color:#CC6015;   }
a:hover { color: #C2360E;   }


h1,h2,h3,h4,h5,h6
{
	margin:0;
	text-indent: 0;
	padding:0;
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}



/*******************************************************
	STRUCTURE
*******************************************************/


#outer
{
	height:100%;
	min-height: 100%;
	border:0;
}

#inner
{
	background-color: #F49216;
	width: 980px;	
	margin: 10px auto;
	border:0;
}

#top-area
{
	height: 200px;
	width: 1024px;
	background-color: #F49216;
	margin:0;
	text-align:center;
	border-top: 10px solid #F49216;
}


#body-area
{
	height: 300px;
	width: 980px;
	margin:0;
	text-align:left;
}

#left-menu-area
{
	width: 260px;
	margin:10px 0 0 12px;
	padding:0;
	float:left;
}

#content-area
{
	width:690px;
	background-color: #ffffff;
	float:left;
	margin: 20px 0 0 0;

}


#footer
{
	background-image: 
	url('images/bg.jpg');
	background-repeat: repeat-x;
	height:51px;
	text-align:right;
}


#footer img
{
	margin-right:13px;
}




/*******************************************************
	RIGHT AREA (MAIN CONTENT)
*******************************************************/

#content-area h2
{
	font-size: 120%;
	width: 650px;
	display:block;
	color: #C2360E;
 	border-bottom: #C2360E 1px solid;
 	margin: 15px 0 15px 20px;
 	padding-bottom: 5px;
 	text-transform:uppercase;
	
}

#content-area h3
{
	color: #F06F16;
 	margin: 15px 0 15px 20px;
	clear:both;
	font-size: 95%;	
}

#content-area p
{
	margin: 0 10px 1.25em 20px;
	font-size:95%;
	line-height: 1.5em;
}




/* HOME PAGE */

div#home-text 
{
	margin:0;
}

#home-text a
{
	font-weight:bold;
	display:block;
	margin: 1.75em 0 0 18px;
}


#home-text a:before
{
content: "> ";
}	


#homeswf
{
	margin: 35px 0 25px 16px;
	clear:both;
}


/* PROPERTY INFO */


ul.property-info
{
	margin-bottom: 40px;
}

ul.property-info li
{
	font-size: 90%;
	margin-left: 6em;
	line-height:1.5em;
}


.notes
{

	color: #484848;
	padding: 3px 0;
	border-top: solid 2px #F06F16;
	border-bottom: dotted 1px #F06F16;
	font-size: x-small;
	margin-bottom: 6em;

}

.notes a:before
{
	content: "> ";
}

.notes a 
{
	font-weight:bold;
}

.blurb 
{
	margin-top: -20px;
}

.reserve-area
{
	display:block;
	clear:both;
	background-color:#FEC886 ;
	width: 200px;
	font-size: small;
	margin: 15px 0;
	text-indent: 8px;
}


.reserve-area a 
{ 
	font-weight:bold;
	text-transform: uppercase;
}



/* THUMBNAILS */

#thumbs-container
{
	margin: 1em 0 20px 20px;
	width: 80%;
	float:left; /*float stretches container around images */
	text-align: left;
	display:block;
	clear:both;
}


.thumbs
{
	background-color: #F06F16;
	padding: 4px;
	margin: 3px;
	float:left;
}

.thumbs:hover
{
	background-color: #C2360E;
	border:none;

}



/*******************************************************
	FORM
*******************************************************/


form
{
	margin:0 0 10px 20px;
}

.radio
{
	float:left;
	clear:both;
	border:0;

}

.radiotext
{
	margin-left: 4px;
}

input,textarea
{
	border: 1px solid #DBDBCB;
	font-weight:normal;
	font-size: small;
	padding: 2px;
	color: #484848;
}

textarea
{
	clear:both;
	margin-bottom: 8px;
}

input:focus
{
	background-color:#FEC886;
}

textarea:focus
{
background-color:#FEC886;
}

.leftcol
{


}

label
{
	display:block;
	font-weight:normal;
	margin-top: 20px;

}

submit
{
	margin-top: 8px;

}