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

/* ---------------------------------------CSS RESET-------------------------------------------------------- */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/*-------------------------------------------END CSS RESET-----------------------------------------------------*/

body {
	background: url(images/water013.gif);
	font-size:100%;
	text-align:left;
}

p {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:100%;
	text-align:center;
	line-height:26px;
	text-transform:uppercase;
}

#container {
	position:relative;
	width:980px;
	height:100%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border:5px solid #000;
}

#header {
	background:url(images/head2_r1_c1.jpg) no-repeat;
	width:980px;
	height:208px;
}

#body {
	float:left;
	background:url(images/bg2.jpg) repeat-y;
	width:980px;
	height:100%;
}

#nav {
	float:left;
	margin-left:15px;
	margin-top:0px;
	width:195px;
}

#nav li {
	float:left;
	margin-top:0px;
}
	
.sidenav {
	display:block;
	height:62px;
	width:195px;
}

.home, .condo, .condophotos, .secrets, .townhouse, .testimonials, .request, .tickets, .rates, .scottsdale, .specials, .video, .investing, .before, .rent, .booking, .tips, .contact, .smyrna, .poolhome {
  display: block;
  width: 195px;
  height: 39px;
  background: url(images/home.jpg) no-repeat 0 0;
  margin-top:0px;
}

.secrets {background: url(images/secrets.jpg) no-repeat 0 0;}
.condo {background: url(images/condo.jpg) no-repeat 0 0;}
.condophotos {background:url(images/condophotos.jpg) no-repeat 0 0;}
.townhouse {background:url(images/townhouse.jpg) no-repeat 0 0;}
.smyrna {background:url(images/smyrna.jpg) no-repeat 0 0;}
.poolhome {background:url(images/poolhome.jpg) no-repeat 0 0;}
.scottsdale {background:url(images/scottsdale.jpg) no-repeat 0 0;}
.testimonials {background:url(images/testimonials.jpg) no-repeat 0 0;}
.request {background:url(images/request.jpg) no-repeat 0 0;}
.tickets {background:url(images/tickets.jpg) no-repeat 0 0;}
.rates {background:url(images/rates.jpg) no-repeat 0 0;}
.specials {background:url(images/specials.jpg) no-repeat 0 0;}
.video {background:url(images/video.jpg) no-repeat 0 0;}
.investing {background:url(images/investing.jpg) no-repeat 0 0;}
.before {background:url(images/beforearrive.jpg) no-repeat 0 0;}
.rent {background:url(images/rent.jpg) no-repeat 0 0;}
.booking {background:url(images/booking.jpg) no-repeat 0 0;}
.tips {background:url(images/tips.jpg) no-repeat 0 0;}
.contact {background:url(images/contact.jpg) no-repeat 0 0;}

.home:hover, .condo:hover, .secrets:hover, .condophotos:hover, .townhouse:hover, .tickets:hover, .testimonials:hover, .request:hover, .rates:hover, .specials:hover, .video:hover, .investing:hover, .before:hover, .rent:hover, .booking:hover, .tips:hover, .contact:hover, .smyrna:hover, .poolhome:hover, .scottsdale:hover{ background-position: 0 -39px;} 

.home span, .condo span, .secrets span, .condophotos span, .about span, .townhouse span, .tickets span, .testimonials span, .request span, .request span, .rates span, .specials span, .video span, .investing span, .before span, .rent span, .booking span, .tips span, .contact span, .smyrna span, .poolhome span, .scottsdale span{ display: none;}

h1 {
	float:left;
	width:500px;
	text-align:center;
	background: url(images/bg4.jpg);
	color:#000;
	border:1px solid #fff;
	font-size:1.3em;
	font-weight:bold;
	margin-top:2px;
	margin-left:32px;
	padding:2px;
	text-transform: uppercase;
}

h2, .h2condo {
	float:left;
	color: #F90;
	margin-top:15px;
	width:500px;
	text-align:center;
	margin-left:32px;
	font-size:1.2em;
}

.h2condo {
	margin-left:250px;
}

.p1, .p2, .p3, .p4, .features {
	float:left;
	width:500px;
	margin-top:30px;
	margin-left:32px;
	text-align:center;
}

.p2, .p3, .p4 {
	font-size:0.8em;
	margin-top:15px;
	margin-left:35px;
}

.p3 {
	margin-left:242px;
}

.p4 {
	font-size:1.4em;
}

.p1 span, .p2 span, .p3 span {
	color: #FC3;
}

.features, .features2 {
	float:left;
	margin-top:15px;
}

.features2 {
	margin-left:250px;
}

.features li, .features2 li {
	color:#fff;
	list-style-type:none;
	width:500px;
	line-height:26px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

#photocontain, #photocontain2 {
	float:right;
	width:200px;
	height:100%;
	margin-right:10px;
	margin-top:-20px;
}

#photocontain2 {
	margin-top:27px;
	margin-right:290px;
	width:555px;
}

#photocontain3 {
	float:left;
	width:500px;
	margin-left:32px;
}

#photocontain3 a .productimage2, .productimage3 {
	float:left;
	margin-left:10px;
	margin-top:10px;
}

.productimage2, .productimage3 {
	border:2px solid #fff;
}

.productimage3 {
	margin-left:35px;
	margin-top:30px;
}

.photo1, .photo2, .photo3, .photo4, .photo5{
	float:left;
	margin-top:40px;
}

.photo2, .photo4 {
	margin-top:0px;
}

.photo3 {
	margin-left:40px;
}

.photo4 {
	margin-left:52px;
}

.photo5 {
	margin-top:15px;
	width:720px;
	margin-left:110px;
}

#slideshow {
	float:left;
	margin-top:20px;
	margin-left:240px;
}

#contactform {
	float:left;
	margin-top:50px;
	width:468px;
	margin-left:40px;
	padding:15px;
	border:1px solid #fff;
}

.footer {
	float:left;
	width:980px;
	text-align:center;
	background:url(images/footerbg.jpg);
	font-size:0.7em;
	margin-top:78px;
	color:#000;
}

a:link {color: #000;}a:visited {color: #000;}a:hover {color: #fff;}a:active {color: #000;}

a.linkstyle2:link {color:#F90; text-decoration:underline;} a.linkstyle2:visited {color:#F90; text-decoration:underline;} a.linkstyle2:hover {color:#fff; text-decoration:underline;} a.linkstyle2:active {color:#F90; text-decoration:underline;}