/* ---stylesheet for lakeoconeehouses.com, v3.0, 07/09 ---*/

body {
background: #516a60 url(images/wrap-dk.jpg) top center repeat-y;
width: 990px;
height: 100%;
margin: 0 auto;
padding: 0;
}
#wrap {
width: 990px;
margin: 0 auto;
padding: 0;
}
p {
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

/* ----- Links ------*/
a, a:visited {
color: #b18a2e;
text-decoration: none;
}
a:hover {
color: #b18a2e;
text-decoration: underline;
outline: none;
}
a img {
border: none;
}
a:focus, a:active {
text-decoration: none;
outline: none;
}
/* ---- Header ---- */
#header {
background: #516a60 url(images/header2.jpg);
width: 990px;
height: 150px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
#header h1 {
position: absolute;
left: -9999px;
font-size: 12px;
}
.headerright {
width: 250px;
float: right;
margin: 0;
padding: 40px 50px 0 0;
}
.headerright p {
color: #baa98a;
padding: 10px 0 0 10px;
margin: 0;
font-weight: bold;
text-transform: uppercase;
}
.news {
font-size: 16px;
font-weight: bold;
color: #de3838;
}
.headerright a {
color: #de3838;
text-decoration: none;
}
.headerright a:hover {
color: #de3838;
text-decoration: underline;
}
/* ---- Main Navbar ----*/
#navbar {
background: #000;
width: 974px;
height: 35px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #e6dec9;
font-weight: 600;
margin: 0 9px 0 8px;
padding: 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
float: left;
list-style: none;
margin: 0;
padding: 0;
z-index: 15;
position: relative;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #e6dec9;
display: block;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-variant: small-caps;
margin: 0 10px 0 0;
padding: 10px;
}
#nav li a:hover, #nav li a:active {
background: #25473a;
color: #e6dec9;
margin: 0 10px 0 0;
padding: 10px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
width: 110px;
color: #766b57;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
float: none;
margin: 0;
padding: 5px;
}
#nav li li a:hover, #nav li li a:active {
background: #e6dec9;
color: #25473a;
margin: 0;
padding: 5px;
}
#nav li ul {
background: #e6dec9;
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 120px;
margin: 0;
padding: 2px;
border-bottom: 1px solid #395047;
border-left: 1px solid #395047;
border-right: 1px solid #395047;
}
#nav li li { 
z-index: 10;
position: relative;
}
#nav li ul a { 
width: 140px;
}
#nav li ul a:hover, #nav li ul a:active { 

}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover { 
position: static;
}
/* ---- SubNavbar ---- */
#subnavbar {
background: #25473a;
width: 972px;
height: 28px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #e6dec9;
margin: 0 6px 0 8px;
padding: 0 0 0 2px;
}
#subnav {
margin: 0px;
padding: 0px;
}
#subnav ul {
float: left;
list-style: none;
margin: 0;
padding: 1px 0 0 8px;
}
#subnav li {
float: left;
list-style: none;
margin: 0px;
padding: 1px 0 0 8px;
z-index: 14;
position: relative;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #e6dec9;
display: block;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
margin: 0 6px 0 0;
padding: 6px 13px;
}
#subnav li a:hover, #subnav li a:active {
background: #000;
color: #e6dec9;
text-decoration: none;
margin: 0 6px 0 0;
padding: 6px 13px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #e6dec9;
color: #766b57;
width: 108px;
float: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0;
padding: 5px;
}
#subnav li li a:hover, #subnav li li a:active {
background: #e6dec9;
color: #25473a;
margin: 0;
padding: 5px;
}
#subnav li ul {
background: #e6dec9;
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 124px;
margin: 0;
padding: 2px;
border-bottom: 1px solid #25473a;
border-left: 1px solid #25473a;
border-right: 1px solid #25473a;
}
#subnav li li {
z-index: 10;
position: relative; 
}
#subnav li ul a { 
width: 140px;
}
#subnav li ul a:hover, #subnav li ul a:active { 

}
#subnav li ul ul {
margin: -25px 0 0 166px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover1 ul {
left: auto;
}
#subnav li:hover, #subnav li.sfhover1 { 
position: static;
}

/* ----Main Content ---- */
#content {
width: 972px;
margin: 0 auto;
padding: 0;
line-height: 17px;
}
#contentleft {
float: left;
width: 610px;
margin: 0 6px;
padding: 0 10px;
}
#contentleft h1 {
color: #25473a;
font-size: 22px;
font-family: Georgia, 'Times New Roman', serif;
font-weight: normal;
margin: 10px 0;
padding: 0;
line-height: 24px;
}
#contentleft h2 {
color: #fff;
font-size: 20px;
font-family: Georgia, 'Times New Roman', serif;
font-weight: normal;
margin: 10px 0 10px 10px;
padding: 0;
}
#contentleft h3 {
color: #25473a;
font-size: 18px;
font-family: Georgia, 'Times New Roman', serif;
font-weight: normal;
margin: 0 0 10px 10px;
padding: 0;
}
#contentleft h4 {
color: #25473a;
font-size: 22px;
font-family: Georgia, 'Times New Roman', serif;
font-weight: normal;
margin: 0;
padding: 0 0 10px 10px;
line-height: 24px;
}
#contentleft h5 {
background: #ecd9b7 url(images/icon.png) no-repeat top left;
color: #000;
font-size: 16px;
font-family: Georgia, 'Times New Roman', serif;
font-weight: normal;
margin: 0 0 15px 0;
padding: 3px 0 5px 25px;
}
#contentwide {
margin: 10px auto;
width: 946px;
padding: 10px;
}
#contentwide p {
margin: 0;
padding: 0 5px 15px 5px;
}
#contentwide h1 {
text-align: center;
color: #25473a;
font-size: 22px;
font-family: Georgia, 'Times New Roman', serif;
font-weight: normal;
margin: 10px 0;
padding: 0;
line-height: 24px;
}
.mlsbox { /*--this is for the mls idx iframe--*/
width: 700px;
margin: 5px auto;
border: 1px solid #baa98a;
background-color: #fff;
padding: 5px;
}
.contentbox {
width: 602px;
background: #fff;
font-size: 12px;
padding: 5px;
margin: 5px 0;
border: 1px solid #baa98a;
}
.contentbox p {
margin: 5px;
padding: 5px;
}
.contentbox img {
float: left;
margin: 0 5px 5px 5px;
padding: 2px;
border: 1px solid #baa98a;
}
.infobox { /*--content box used for pages other than listings, property, etc --*/
width: 602px;
background: #fff;
font-size: 12px;
padding: 5px;
margin: 5px 0;
border: 1px solid #baa98a;
}
.infobox p {
text-align: justify;
margin: 5px;
padding: 5px;
}
/* ----featured gallery ---- */	
#featured {
background: #fff;
width: 602px;
margin: 0;
padding: 1px;
border: 1px solid #baa98a;
}
#featured p {
font-size: 12px;
margin: 0;
padding: 0 0 0 10px;
}
/* ----extras ---- */
.stripe {
clear: both;
width: 500px;
height: 1px;
margin: 5px auto;
background-color: #ccc;
}
.note {
font-weight: 600;
color: #999;
}
blockquote {
background: #ecd9b7;
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
margin: 0 25px 15px 25px;
padding: 10px 20px 0px 15px;
border-top: 1px solid #e9decb;
border-right: 1px solid #666;
border-left: 1px solid #e9decb;
border-bottom: 1px solid #666;
}
.spacer {
clear: both;
}
.news {
font-weight: bold;
color: #ff3333;
}
/* ---- listings ---- */
.photobox { /*--this is for the top full-size photo--*/
background: #000;
width: 603px;
margin: 0;
padding: 2px;
border: 1px solid #baa98a;
}
#listing {
background: #fff;
width: 602px;
margin: 0 0 10px 0;
padding: 10px 5px;
border: 1px solid #baa98a;
}
#listing p {
margin: 0;
padding: 0 10px 5px 5px;
}
.listing-left {
width: 280px;
float: left;
margin: 0 0 10px 5px;
padding: 10px 5px 0 5px;
}
.listing-right {
width: 280px;
float: left;
margin: 0 0 10px 0;
padding: 10px 5px 0 5px;
}
/* ---- listing boxes ---- */
#photos {
width: 602px;
background: #fff;
margin: 0 0 10px 0;
padding: 5px;
border: 1px solid #baa98a;
}
#photos a img {
float: left;
margin: 6px 8px;
padding: 3px;
border: 1px solid #baa98a;
}
#photos a:hover img {
float: left;
margin: 6px 8px;
padding: 3px;
border: 1px solid #000;
}
#tours {
width: 602px;
background: #fff;
margin: 0 0 10px 0;
padding: 5px;
border: 1px solid #baa98a;
}
#tours a img {
float: left;
margin: 6px 8px;
padding: 3px;
border: 1px solid #baa98a;
}
#tours a:hover img {
float: left;
margin: 6px 8px;
padding: 3px;
border: 1px solid #000;
}
#map {
width: 602px;
background: #fff;
margin: 0 0 10px 0;
padding: 1px;
border: 1px solid #baa98a;
}
.listingagent {
width: 500px;
margin: 10px auto;
padding: 5px;
border: 1px solid #baa98a;
}
.listingagent img {
float: left;
margin: 5px;
padding: 2px;
border: 1px solid #baa98a;
}	
/* ---- Image classes ---- */
.alignleft {
float: left;
padding: 4px;
margin: 0 10px 10px 0;
display: inline;
border: 1px solid #baa98a;
}
.alignright {
float: right;
margin: 0 0 10px 10px;
padding: 4px;
display: inline;
border: 1px solid #baa98a;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.left {
float: left;
padding: 4px;
margin: 0 10px 10px 0;
display: inline;
border: none;
}
.right {
float: right;
margin: 0 0 10px 10px;
padding: 4px;
display: inline;
border: none;
}
/* ---- Sidebar ---- */
#sidebar {
float: right;
width: 320px;
margin: 10px 0 0 0;
padding: 10px 0;
line-height: 18px;
display: inline;
}
#sidebar p {
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
margin: 0;
}
#sidebar img {
float: left;
border: none;
margin: 5px 10px;
padding: 2px;
}
#sidebar a img {
border: none;
margin: 0;
padding: 0 0 15px 0;
}
#sidebar h2 {
background: #ecd9b7 url(images/icon.png) no-repeat top left;
color: #000;
font-size: 16px;
font-family: Georgia, 'Times New Roman', serif;
font-weight: normal;
margin: 0 0 7px 0;
padding: 3px 0 5px 25px;
}
#sidebar h3 {
color: #000;
font-size: 16px;
font-family: Georgia, 'Times New Roman', serif;
font-weight: normal;
margin: 0 0 7px 0;
padding: 3px 0 5px 0;
}
.sidebox {
background-color: #fff;
border: 1px solid #baa98a;
width: 300px;
margin: 5px 0;
}
.logo {
width: 300px;
height: 115px;
background: url(images/syclogo-plain.jpg) center no-repeat;
margin: 5px 0 10px 0;
padding: 0;
}

/* ---- Footer ---- */
#footer {
clear: both;
background: #25473a url(images/footer2.jpg);
height: 160px;
width: 990px;
color: #e6dec9;
font-size: 11px;
margin: 0 auto;
padding: 0;
}
#footer p {
color: #e6dec9;
font-variant: small-caps;
font-size: 11px;
margin: 0;
line-height: 1.6;	
padding: 0;
}
#footer a img {
border: none;
margin: 0;
padding: 0;
}
#footer a {
color: #dfd194;
text-decoration: none;
}
#footer a:hover {
color: #dfd194;
text-decoration: underline;
}
.footerleft {
width: 700px;
float: left;
margin: 0 0 0 10px;
padding: 8px 0 0 10px;
}

/* ---- Social Bookmarking ---- */
.bookmark {
margin: 5px 0 0 25px;
padding: 2px 0 10px 0;
}
.bookmark ul {
display: inline;
}
.bookmark ul li {
background: none;
display: inline;
list-style-type: none;
padding: 0 6px;
}
.bookmark_line img {
border: none;
}
.bookmark_icon {
opacity: .4;
-moz opacity: .4;
filter: alpha(opacity=40);
_filter: alpha(opacity=100);
}
.bookmark_icon:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
/* ---- mortgage calculator ---- */
#calculator {
width: 400px;
margin: 10px 10px;
padding: 5px 10px;
border: 1px solid #baa98a;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: #fff;
}
#calculator table {
background-color: #fff;
border: 1px solid #baa98a;
padding: 2px;
}
#calculator h3 {
color: #25473a;
font-size: 16px;
font-family: Georgia, 'Times New Roman', serif;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
/* ----contact form ---- */
#contactform-bot {
width: 450px;
margin: 10px 70px;
}
.form-main-bot {
margin: 0px auto;
padding: 5px;
}
.form-main-bot table {
margin: 5px auto;
border: 1px solid #baa98a;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background: transparent;
}
#contactform-side {
width: 300px;
margin: 10px 0;
}
.form-main-side {
margin: 0 10px;
padding: 0;
}
.form-main-side table {
margin: 0;
border: 1px solid #baa98a;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background-color: #fff;
}
/* ----  widgets ---- */
.weather {
width: 300px;
padding: 0px;
margin: 15px 0 5px 0;
}
.search {
width: 300px;
padding: 0 35px;
margin: 12px 0 5px 0;
}
.photosearch {
width: 300px;
padding: 0;
margin: 15px 0 5px 0;
}
.mrate {
width: 300px;
padding: 0;
margin: 12px 0 5px 0;
}
.mcalculator {
width: 300px;
margin: 15px 0 5px 0;
padding: 0;
}
/*----CSS FOR SLIDESHOW SCRIPT on Favorite Places page----*/
#imageSlideshowHolder {
margin: 10px;
float: right;		
width: 320px;
height: 240px;
border: 3px #baa98a solid;
position: relative;	/* Don't remove this line */
}
/* Don't change these values */
#imageSlideshowHolder img {
position: absolute;
left: 0px;
top: 0px;
}