@charset "utf-8";
/* Coded by Matthew Rochow */
/* http://www.matthewrochow.com */
* {margin:0;padding:0}
body {background:url(http://www.waterfronthousesusa.com/images/bg.gif) repeat-x #fff;font:1em Arial;margin:0 auto}
fieldset, img {border:0}
h2 {color:#2d89a4;font-size:1.25em;margin:10px 0}
h3 {color:#2d89a4;font-size:1.15em;margin:10px 0}
#page {background:url(http://www.waterfronthousesusa.com/images/side-middle.gif) repeat-y;padding:0 0 10px;width:100%}

/* Header */
#header {margin:3px auto 0;width:900px;overflow:hidden}
#header ul {color:#294f62;font:bold 0.88em Tahoma;list-style:none;margin:10px 5px;overflow:hidden}
#header ul li {float:left}
#header ul li a {color:#294f62;text-decoration:none}
#header ul li a:hover {color:#3a8fb9;text-decoration:underline}
#intro {background:url(http://www.waterfronthousesusa.com/images/header.jpg) no-repeat 0 -3px;height:120px;padding:40px 0 0 230px}
#intro h1 {color:#fff;font-size:1.25em}
#intro p {color:#e7fbff}


/* Body */
#sidebar {background:url(http://www.waterfronthousesusa.com/images/side-middle.gif) repeat-y;float:left;margin:-130px 0 0;padding:0 10px;width:186px}
#sidebar p {font-size:0.75em}
#sidebar a {color:#306fa0;font-size:0.88em}
#sidebar label {color:#646462;font-size:0.75em;font-weight:bold;float:left;margin:2px 0 5px}
#sidebar input {background:url(http://www.waterfronthousesusa.com/images/box-bg.gif) repeat-x #fff;border:solid 1px #4ec1e6;float:right;height:18px;margin:0 0 2px;width:110px}
#sidebar input.login {background:url(http://www.waterfronthousesusa.com/images/login.gif) no-repeat;border:0;height:22px;width:76px}
#sidebar h3.first {margin:0 0 10px}
#top {background:url(http://www.waterfronthousesusa.com/images/side-top.gif) no-repeat;height:5px;margin:0 0 0 -10px;width:206px}
#main {color:#2e2e2e;font-size:0.88em;float:right;width:684px}
#content {color:#2e2e2e;font-size:0.88em;float:right;width:684px}
#content p {padding:10px 0 0}
#content a {color:#306fa0;font-size:1em}
#content h2 {font-size:1.25em;margin:10px 0 10px}
#content h3 {font-size:1.25em;margin:10px 0 10px}

#vidcontent {color:#2e2e2e;font-size:0.88em;width:900px;overflow:hidden}
#vidcontent p {padding:10px 0 0}
#vidcontent a {color:#306fa0;font-size:1em}
#vidcontent h2 {font-size:1.25em;margin:10px 0 10px}
#vidcontent h3 {font-size:1.25em;margin:10px 0 10px}

.center {text-align:center}
.center img {margin:5px 0 0}


/* Boxes */
.boxes {float:left;width:360px}
.blue-box {background:#fdf8e2;border:1px solid #CC9;float:left;font-size:0.88em;margin:10px 0 0;width:348px;}
.blue-box p {padding:0 10px 10px 10px}
.blue-box ul {color:#294f62;font:bold 0.88em Tahoma;list-style:none;margin:10px 5px;overflow:hidden}
.blue-box ul li a {color:#294f62;text-decoration:none}
.blue-box ul li a:hover {color:#3a8fb9;text-decoration:underline}
.blue-box h2 {font-size:1.25em;margin:10px 10px 10px 10px}

h3.blue {background:url(http://www.waterfronthousesusa.com/images/blue-heading.gif) repeat-x #4ea7d2;color:#fff;font-size:1.25em;margin:0 0 10px 0;padding:6px;}

.agent {background:#fdf8e2;border:1px solid #CC9;float:left;margin:10px 0 0;width:320px}
.agent img {float:left;padding:10px}
.agent p {float:left;text-align:center;padding:0 10px 10px 10px;width:160px}
.agent a {color:#306fa0;font-size:0.88em}
.agent h3 {background:url(http://www.waterfronthousesusa.com/images/blue-heading.gif) repeat-x #4ea7d2;color:#fff;font-size:1.25em;margin:0 0 10px 0;padding:6px;}

.listings {clear:both;padding:10px 0 0}
.listing {float:left;padding:7px 7px 7px 7px}
.listing p {clear:both;float:left;padding:5px;text-align:center;width:150px}

.search {background:#fdf8e2;border:1px solid #CC9;float:left;font-size:0.88em;margin:10px 0 0;padding:10px;width:300px;}
.search label {color:#2d89a4;font-size:1em;font-weight:bold;float:left;margin:2px 0 5px}
.search p {float:left;text-align:center;padding:0 10px 10px 10px;width:300px}
.search a {color:#306fa0;font-size:1em}
.search h3 {color:#2d89a4;font-size:1.25em;margin:10px 10px 10px 10px}
.search input {#fff;border:solid 1px #4ec1e6;height:18px;margin:0 0 2px;width:110px}
.search input.search {background:url(http://www.waterfronthousesusa.com/images/search.gif) no-repeat;float:right;border:0;height:22px;width:76px}
.search h3.first {margin:10px 10px 10px 10px}
.search select {#fff;border:solid 1px #4ec1e6;float:right;height:20px;margin:0 0 2px;width:180px}
.search input.search {background:url(http://www.waterfronthousesusa.com/images/search.gif) no-repeat;float:right;border:0;height:22px;width:76px}

.blue-box2 {background:#fdf8e2;border:1px solid #CC9;float:left;font-size:0.88em;margin:10px 0 0;width:320px;}
.blue-box2 p {padding:0 10px 10px 10px}
.blue-box2 ul {color:#294f62;font:bold 0.88em Tahoma;list-style:none;margin:10px 5px;overflow:hidden}
.blue-box2 ul li a {color:#294f62;text-decoration:none}
.blue-box2 ul li a:hover {color:#3a8fb9;text-decoration:underline}
.blue-box2 h2 {font-size:1.25em;margin:10px 10px 10px 10px}

.ad-box2 {background:#fdf8e2;border:1px solid #CC9;float:left;font-size:0.88em;margin:10px 0 0;padding:10px;width:300px;}

.searchpage {background:#fdf8e2;border:1px solid #CC9;float:left;font-size:1em;margin:10px 0 0;padding:10px;width:488px;}
.searchpage label {color:#2d89a4;font-size:0.88em;font-weight:bold;float:left;margin:10px 10px 10px}
.searchpage input {#fff;border:solid 1px #4ec1e6;float:right;height:20px;margin:0 0 2px;width:200px}
.searchpage input.login {background:url(http://www.waterfronthousesusa.com/images/search.gif) no-repeat;float:right;border:0;height:22px;width:76px}
.searchpage select {#fff;border:solid 1px #4ec1e6;float:right;height:20px;margin:0 0 2px;width:200px}

.results {margin:10px 0 0;padding:10px;width:600px}
.results img {float:left}
.results p {float:left;padding:0 10px 10px 10px;width:400px}
.results a {color:#306fa0;font-size:0.88em}

/* Footer */
#footer {background:url(http://www.waterfronthousesusa.com/images/footer.gif) repeat-x #4ea7d2;font-size:0.75em;margin:0 auto;text-align:center;width:100%}
#footer ul {color:#fff;list-style:none;margin:0 auto;padding:10px 0;overflow:hidden;width:800px}
#footer ul li {float:left}
#footer ul li a {color:#fff;text-decoration:none}
#footer ul li a:hover {text-decoration:underline}
#footer p {clear:both;color:#d9f5ff;text-align:center;margin:0 100px 0 100px}
#footer a {color:#d9f5ff}


/**************** Body and tag styles ****************/


#left {
float:left;
margin-left: auto; 
margin-right: auto;
padding-top: 5px;
padding-left: 0px;
padding-bottom: 5px; 
padding-right: 10px;
width: 470px;

}

#right {
margin: 0px 0px 0px 0px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px; 
padding-right: 5px;
float: right;
width: 180px;
}

#left1 {
float:left;
margin-left: auto; 
margin-right: auto;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px; 
padding-right: 5px;
width: 230px;

}

#left2 {
margin: 0px 0px 0px 0px;
padding-top: 0px;
padding-left: 5px;
padding-bottom: 0px; 
padding-right: 0px;
float: right;
width: 230px;
}


#results{
width: 680px;
margin-left: 210; 
margin-right: auto;
text-align:left;
float:right;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #16681f;
}

#resultsleft, #resultsright {
	padding: 0px 0 0px 0;
}

#resultsleft {
	float:left;
                margin: 0 0 0 3px;
	width: 300px;

}

#resultsright {
	margin: 0 0 0 3px;
	float: right;
	width: 300px;
}

#listings{
width: 680px;
margin-left: 210; 
margin-right: auto;
text-align:left;
float:right;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #16681f;
}

#photoleft, #photoright {
	padding: 0px 0 0px 0;
}

#photoleft {float:left;margin: auto auto 20px 0px; width:350px;}
#photoleft p {padding:0 10px 10px 10px}

#photoright {float: right;margin: auto auto 20px 0px; width:310px;}

#listingdetails{
width: 680px;
margin-left: 210; 
margin-right: auto;
text-align:left;
float:right;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #16681f;
}

#listingleft, #listingright {
	padding: 0px 0 0px 0;
                margin-bottom: 10px;
}

#listingleft {
	float:left;
                margin-left: auto;
                margin-right: auto;
                margin-top: 10px;
                margin-bottom: 10px;
	width: 400px;

}

#listingright {
                margin-left: auto;
                margin-right: auto;
                margin-top: 10px;
                margin-bottom: 10px;
	float: right;
	width: 250px;
}

#agent{
width: 680px;
margin-left: 210; 
margin-right: auto;
text-align:left;
float:right;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #16681f;
}

#agentleft, #agentright {
	padding: 0px 0 0px 0;
}

#agentleft {
	float:left;
                margin: 0 0 0 3px;
	width: 220px;

}

#agentright {
	margin: 0 0 0 3px;
	float: right;
	width: 380px;
}

#box {
margin:10px 0px 10px 0px;
background:#fdf8e2;
border:1px solid #CC9;
font-weight:bold;
padding-left: 10px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
width: 270px;
}

#box a:link{color:#1A4771; text-decoration:none;}
#box a:visited{color:#1A4771; text-decoration:none;}
#box a:active{color:#1A4771; text-decoration:underline;}
#box a:hover{color:#326c95; text-decoration:underline;}


#communitybox {
margin:10px 0px 10px 0px;
background:#fdf8e2;
border:1px solid #CC9;
font-weight:bold;
padding-left: 10px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
width: 210px;
}

#communitybox a:link{color:#1A4771; text-decoration:none;}
#communitybox a:visited{color:#1A4771; text-decoration:none;}
#communitybox a:active{color:#1A4771; text-decoration:underline;}
#communitybox a:hover{color:#326c95; text-decoration:underline;}

#communitypage{
width: 680px;
margin-left: 210; 
margin-right: auto;
text-align:left;
float:right;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #16681f;
}

#communityleft, #communityright {
	padding: 0px 0 0px 0;
}

#communityleft {
	float:left;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 20px;
	width: 450px;

}

#communityright {
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 20px;
	float: right;
	width: 230px;
}


#cleft {
	float:left;
                margin-left: auto;
                margin-right: 20px;
                margin-top: 0px;
                margin-bottom: 20px;
	width: 430px;

}

#cright {
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 20px;
	float: right;
	width: 250px;
}

#cleft2 {
	float:left;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 20px;
	width: 250px;

}

#cright2 {
                margin-left: 20px;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 20px;
	float: right;
	width: 250px;
}

#calculator{
width: 600px;
margin-left: auto; 
margin-right: auto;
text-align:left;
}

#calculator h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#1A4771;margin-bottom: 5px; margin-top:5px;}