@charset "utf-8";

@import url('ADPMask.css');

/*MAIN */

body  {
	background: #b5b5b5;
	margin: 0; /*zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /*centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:24px;
}

#fckbody  {
	background-color:#FFFFFF;
	text-align: left;
}

#shadow { 
	width: 840px; 
	background: #b5b5b5;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image: url(images/global/dropShadow.jpg);
	background-repeat:repeat-y;
} 

#container { 
	width: 800px;  /* website is built for 1024 width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(images/global/sidebar_bg.jpg);
	background-repeat:repeat-y;
} 

.fltrt { /* float an element right. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /*float an element left */
	float: left;
	margin-right: 8px;
}
.clearfloat { /*  a div or break element - the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*LINK FORMATTING*/
a:link, a:visited, a:active {
	color: #990033;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #990033;
}

/*HEADER*/

#header { 
	background: #DDDDDD; 
	padding: 0;  
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. */
	padding: 10px 0; /* using padding instead of margin to keep the element away from the edges of the div */
}


/*TOP NAV*/
#topNav{
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse */
	padding:0; 
	width:800px;
	height:20px;
}

#homeroll{
	background-image: url(images/global/Home_over.jpg);
	display:block;
	height:20px;
	width:85px;
}
#homeroll:hover img{
	visibility:hidden;
}

#inforoll{
	background-image: url(images/global/Info_over.jpg);
	display:block;
	height:20px;
	width:85px;
}
#inforoll:hover img{
	visibility:hidden;
}

#proproll{
	background-image: url(images/global/Properties_over.jpg);
	display:block;
	height:20px;
	width:85px;
}
#proproll:hover img{
	visibility:hidden;
}

/* Possible fix for IE6 but not currently used
#preload{position:absolute;visibility:hidden;}
#image2{background:url(../images/global/Home_Over_bg.jpg);}
#rollover{
	background:url(../images/global/Home_bg.jpg);
	width:85px;
	height:20px;
	display:block;
	text-align:center;
	
}
#rollover a:link{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
padding-top:1px;
}
#rollover:hover{background:url(../images/global/Home_over_bg.jpg);}*/


/*FLASH CONTAINER*/
#flashContainer {
	margin: 0; 
	padding:0; 
}

/*SIDEBAR*/

#sidebar1 {
	float: left; /*  element is floated, must have a width */
	width: 140px;
	background-image: url(images/global/sidebar_bg.jpg);
	background-repeat:repeat-y;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
	font-size:12px;
	line-height:12px;
}

#sidebar1 ul{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

#sidebar1 ul li{
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom:14px;
	padding-left: 0px;
	font-weight: bold;
}

#sidebar1 ul a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

		
/*MAIN CONTENT*/		
#mainContent {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 170px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	
} 


#mainContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	margin: 0px;
	padding: 0px;
	
	
}
#mainContent ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	margin: 0px;
	padding-left: 15px;
	list-style-type:square;
	line-height:24px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6a6a6a;
	font-weight: bold;
	text-transform:uppercase;
	margin: 0px 0px 15px 0px;
	
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990033;
	font-weight: bold;
	text-transform:uppercase;
	margin: 15px 0px 15px 0px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8A7A5B;
	font-weight: bold;
}

/*ACCOMMODATION INFO SIDEBAR*/

#accInfo {
	float: right; /* since this element is floated, must have a width */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF;
	border: 1px solid #8A7A5B;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 11px;
	line-height:17px;
}

#accInfo p{
	background: #E1E1E1; 
	padding: 10px;
	margin: 0px;
	
}

/*PROPERTY LIST*/
.propList{
	width: 595px;
	border: 1px solid #990033;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	line-height:18px;
}

.propListHead{
	background:#AA9F88;
	padding: 5px;	
}

.propListBody{
	margin: 0px;
	background-color: #FFFFFF;
}

.propListPix{
	float:left;
	width:150px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.propListText{
	float:left;
	width:425px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.propListTextInto{
font-size:10px;
font-weight:bold;
}

.propTitle{
	font-size: 18px;
	text-transform:uppercase;
	color: #990033;
}

.propSubTitle{
font-size: 13px;
color:#FFFFFF
}

/*BOOKING FORM*/
.bookingForm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	}
	
.paymentForm 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size:12px;
	font-weight: bold;
	background-color: #CEC8BD;
}

.smallPrint
{
	font-size: 10px;
	font-weight: normal;
}

/*QUOTES*/
.quote{
	background-image: url(images/global/quote.gif);
	background-repeat: no-repeat; 
	padding: 6px 0px 20px 12px;
	color: #6A6A6A;
	font-weight: bold;
}
.comment{
	color: #5f4d37;
	margin: 0px;
	padding: 0px;
}

.who{
	color: #AA9F88;
}


/* FOOTER*/

#footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#AA9F88;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #990033;
} 
#footer a:hover{
color:#FFFFFF;
text-decoration: none;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px;
}
#footershadow{
width:840px;
height:20px;
margin: 0 auto;
background:url(images/global/footer_shadow.jpg);
}