@charset "utf-8";
/* CSS Document */

/*
Author: Rasheed Sabir
Firm:	GreanLeaf Designs Inc.
Client: Dream Away Villas
Version:1.0
Date:	16th Mar, 2010
*/

/************************ Begin CSS Reset - Eric Meyers **************************/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: -0.5px;
	
}

dy {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/***************************** Element styles **************************************/

body{
	background: url(../images/background.html) #fff repeat-x top left;
}

h1, h2, h3, h4, h5, h6{
	color: #187b8b;
	padding: 10px 0 20px 0;
}

h1{font-size: 1.5em;}
h2{font-size: 1.3em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5{font-size: 1em;}
h6{font-size: 0.9em;}


/***************************** ID styles **************************************/

/*** Centering Page***/
#container {
	margin:0 auto 0 auto;
	width:980px;	
	background: #fff;
	padding:0;
}
#page{
	float: left;
	background: #fff;
}


/*** Top Bar ***/
#top-bar{
	background: url(../images/top-bar.jpg) #fff top left;
	text-align: center;
	text-transform: uppercase;
	color: white;
	padding-top: 20px;
	overflow: hidden;
}

#top-bar p{
	font-weight: bold;
	padding: 5px 0 10px 0;
}

/*** Navigation***/
#nav{
	background: url(../images/nav-background.jpg) #fff repeat-x top left;
	float: left;
	height: 38px;
	width: 980px;
	text-transform:uppercase;
	font-weight: bold;
}


#nav ul li{
	float: left;
	list-style: none;
	margin: 10px 0;
}

#nav ul li a{padding: 11px 30px;color: #000;text-decoration: none;}

#nav a:visited{color: #000;text-decoration: none;}

#nav  a:hover{text-decoration: underline;}


#banner{
	height: 252px;
	width: 980px;
	overflow: hidden;
}

/*** small-images***/
#small-images{
	float: left;
}

#small-images ul li{
	float: left;
	padding: 10px 2px 20px 2px;
	list-style: none; 
}


/*** Content***/

#content a:visited, a{color: #187b8b;}
#content p{padding: 5px 0;}

#main-content{
	width:650px;
	padding: 40px;
	min-height: 640px;
	text-align: justify;
	margin: 0;
	float:left;
	font-size: 0.8em;
	background: url(../images/sand-background.html) #fff no-repeat top left;
}

#sidebar{
	display: none;
}



/*** Footer***/
#footer{
	background: #187b8b;
	clear: both;
}

#copyright {
		
	font-size: 0.8em;	
	color:#fff;	
	padding: 0;
	text-align:left;
	margin: 0 auto;
	width: 980px;
}
#copyright p{padding: 20px 0 18px 20px; margin: 0px;}
#copyright a{color:#fff;text-decoration:underline;}
#copyright img{ padding: 10px 20px 0 0; float:right;}


/***************************** CLASS styles **************************************/

.clear{clear: both;}

.image-replace{ /*This class hides any content implemented with it from the viewer
	while keeping high SEO*/
	text-indent: -50000px;
	position:absolute; /*Preferred method to remove this class from the document flow*/
}

.button{
	/*round corners*/
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3+, Chrome */
	border-radius: 12px; /* Opera 10.5, IE 9 */
	padding: 10px;
	/*Gradient*/
	background-image: -moz-linear-gradient(top, #41aebf, #187b8b); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #41aebf),color-stop(1, #187b8b)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#41aebf', endColorstr='#187b8b'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#41aebf', endColorstr='#187b8b')"; /* IE8 */
}

.button:hover{
	/*round corners*/
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3+, Chrome */
	border-radius: 12px; /* Opera 10.5, IE 9 */
	padding: 10px;
	/*Gradient*/
	background-image: -moz-linear-gradient(top, #187b8b, #41aebf); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #187b8b),color-stop(1, #41aebf)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#187b8b', endColorstr='#41aebf'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#187b8b', endColorstr='#41aebf')"; /* IE8 */
}

.map-title{
	font-size: 1.5em;
	color: green;
	display: block;
	padding: 10px 0;
} 


.h1{font-size: 1.5em;color: #187b8b;display: block;font-weight: bold;}
.h2{font-size: 1.3em;color: #187b8b;display: block;font-weight: bold;}
.h3{font-size: 1.2em;color: #187b8b;display: block;}
.h4{font-size: 1.1em;color: #187b8b;display: block;}
.h5{font-size: 1em;color: #187b8b;display: block;}
.h6{font-size: 0.9em;color: #187b8b;display: block;}
.title{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 2.5em; font-weight: 100;}