@charset "UTF-8";
/* CSS Document */
body {
font: 12px "Lucida Grande", Verdana, Arial, Tahoma, Helvetica, sans-serif;
color:#363942;
background-image:url("http://www.southforkapts.com/images/background.png");
margin: 0;
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container { 
width: 800px;
background: #efeadc;
margin: 0 auto;
text-align: left;
}

/* header styles*/

#header {
background-image:url("http://www.southforkapts.com/images/sfsignoverall.png");
background-repeat:no-repeat;
background-position: 0px 90px;
height:390px; margin-top:30px;
} 

#headerplan {
background-image:url("http://www.southforkapts.com/images/sfstreetscene.png");
background-repeat:no-repeat;
background-position: 0px 90px;
height:390px; margin-top:30px;
} 

#headeramen {
background-image:url("http://www.southforkapts.com/images/amenities.png");
background-repeat:no-repeat;
background-position: 0px 90px;
height:390px; margin-top:30px;
} 

#headerserv {
background-image:url("http://www.southforkapts.com/images/sfclubinterior.png");
background-repeat:no-repeat;
background-position: 0px 90px;
height:390px; margin-top:30px;
} 

#headerprop {
background-image:url("http://www.southforkapts.com/images/sfcornersign.png");
background-repeat:no-repeat;
background-position: 0px 90px;
height:390px; margin-top:30px;
} 

#headerloca {
background-image:url("http://www.southforkapts.com/images/sfrcranch.png");
background-repeat:no-repeat;
background-position: 0px 90px;
height:390px; margin-top:30px;
}

#headerleas {
background-image:url("http://www.southforkapts.com/images/moving.png");
background-repeat:no-repeat;
background-position: 0px 90px;
height:390px; margin-top:30px;
}

#headercomm {
background-image:url("http://www.southforkapts.com/images/sffield.png");
background-repeat:no-repeat;
background-position: 0px 90px;
height:390px; margin-top:30px;
}

#headercont {
background-image:url("http://www.southforkapts.com/images/antelope.png");
background-repeat:no-repeat;
background-position: 0px 90px;
height:390px; margin-top:30px;
}
#header h1 { color:#363942;
}

#logo {
float:left;
width:33%;
height:120px;
background-image:url("http://www.southforkapts.com/images/logo.png");
background-repeat:no-repeat;
}


#ajax-banner {
background: #efeadc;
background-position: 0px 90px;
height:390px; margin-top:30px;
border:none;
width: 800px;
text-align: left;
}

#ajax-banner ul {
margin: 90px 0 0 0;
padding: 0;	
position: absolute;
}


/* Navigation Styles */
#nav{
float:right;
width:90px;
height:16px;
margin:20px 0 0 5px;
border-bottom:#363942 solid 3px;
}

#nav a:link, #nav a:visited{
text-decoration:none;
color:#363942;
font-size:12px;
}

#nav a:hover{
color:#7F9975;
}

#nav:hover{
border-bottom:#7F9975 solid 3px;
}

#active{
color:#7F9975;
border-bottom:#7F9975 solid 3px;
float:right;
width:90px;
height:16px;
margin:20px 0 0 5px;
}


/* Right Handed AJAX Loader */
#piccontent{
margin-left:15px;
}

#uprightcontent {
float: right;
width: 33%;
background: #EFEADC;
margin:30px 10px 0 10px;
padding: 15px 0; 
}

#uprightcontent a:link, #uprightcontent a:visited{
text-decoration: none;
color:#363942;
font-size:12px;
border-bottom:1px dotted #363942;
}

#uprightcontent a:hover{
color:#576B4F;
border-bottom:solid 1px;
}

#lowercontent { 
background: #EFEADC;
padding-top:30px;
margin: 15px 15px 0 15px;
}

/* Double Column Layout Styles */
#onecontent {
float: left;
width: 50%;
background: #EFEADC;
border-right:#382513 dotted 1px;
margin-left:10px;
margin-right:10px;
}

#twocontent {
float: right;
width: 50%;
background: #EFEADC; 
margin-left:10px;
margin-right:10px;
}

/*Double row Layout Styles */
#bigcontent {
text-align:center;
background: #EFEADC;
padding-top:0px;
margin-right:10px;
margin-left:10px;
}

#smallcontent {
background: #EFEADC; 
margin-right:10px;
margin-left:10px; 
}

/* Triple Column Layout Styles */
#leftcontent {
float: left;
width: 33%;
background: #EFEADC;

}

#rightcontent {
float: left;
width: 33%;
background: #EFEADC;

}

#centercontent {
float:left;
width:33%;
background: #EFEADC;
border-left:#382513 dotted 1px;
border-right:#382513 dotted 1px;
}

#leftcontent a:link, #leftcontent a:visited, #centercontent a:link, #centercontent a:visited, #rightcontent a:link, #rightcontent a:visited{
text-decoration: none;
color:#363942;
font-size:12px;
border-bottom:1px dotted #363942;
}


/* Text Styles*/
#leftcontent p, #leftcontent h3, #rightcontent p, #rightcontent h3, #centercontent p, #centercontent h3, #onecontent p, #onecontent h3 , #twocontent p, #twocontent h3 {
margin-left: 10px; margin-right: 10px;
color:#363942;
}

a.comm{
text-decoration:none;
color:#363942;
border-bottom:1px dotted #363942; 
}

/* Footer Styles */
#footer { 
margin-top:60px;
padding: 10px 10px;
background:#EFEADC;
border-top:#382513 dotted 1px;
}

#footer p{
line-height:1.8;
font-size:9px;
margin: 0; padding: 0; 
}

#footer a:link, #footer a:visited{
text-decoration:none;
color:#363942;
border-bottom:1px dotted #363942; 
}

#footer a:hover{
text-decoration:none;
color:#363942;
border-bottom:1px solid #576B4F; 
}

/* Image Styles*/
#piccontent img{
border:#363942 solid 3px;
}

/* List Styles */
ul{
list-style-type: square;
list-style-position: outside;
}
li{
margin-right:10px;
}

/* Form Styles */
label{
width: 36%;
float:left;
text-align: right;
margin-right: 0.5em;
display: block;
}

label.text{
margin-top:6px;
clear:right;
}

input.text, select, textarea{
width:60%;
float:left;
clear:right;
color:#363942;
border:1px solid  #382513;
background-color: #F7F4EE;
margin-top:3px;
}

input.date1{
width:25px;
float:left;
color:#363942;
border:1px solid  #382513;
background-color: #F7F4EE;
margin-right:5px;
margin-top:3px;
}

input.date2{
width:35px;
float:left;
clear:right;
color:#363942;
border:1px solid  #382513;
background-color: #F7F4EE;
margin-right:5px;
margin-top:3px;
}

fieldset{
border:none;
}

fieldset.center{
text-align:center;
margin-top:15px;
}

legend{
font-size:small;
font-weight:bold;
}

input.submit{
width:100px;
text-align:center;
color:#363942;
border:1px solid  #382513;
background-color: #F7F4EE;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { 
float: left;
margin-right: 8px;
}
.clearfloat { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}