/* CSS Reset */
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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html{background:url(images/waves.png) 0 0 repeat;}
body {font:11px/1.5 verdana,arial,helvetica,sans-serif; color:#4D4D4D; background:url(images/body.png) left top repeat-x;}

a{color:#006BE0; text-decoration:none;}
p{margin-bottom:10px;}
h1, h2{font-size:24px; color:#006BE0; font-weight:normal;}
h1, h2, h3{line-height:1; margin-bottom:0px;}
h3{font-size:18px;}
h1 span{color:#000;}
h3#signature{text-align:right;}

strong{font-weight:normal; font-size:13px;}
em{font-size:15px; color:#000;}

.divider{height:7px; clear:both; border-bottom:1px solid #CACACA; margin-bottom:10px;}

table{background:#fff;border-collapse: collapse; margin-top:5px; width:954px;}
    th{text-align:left; background:#404046; color:#fff; font-weight:normal;}
    th,td{vertical-align:top; padding:5px 5px 5px 8px;}
    th{border:1px solid #404046; border-bottom:none; border-right:1px solid #282828;}
    td{border:1px solid #E3E3E3;}
    tr{padding-right:15px;}
    th a{margin:0; background:url(images/arrows.png) right top no-repeat; color:#fff; display:block; height:17px;}
    th a:hover{background-position:right bottom; cursor:pointer;}
    th.current a:hover{cursor:default; background-position:right top;}

input{line-height:1;}
input, textarea, select{border:1px solid #CACACA; margin-bottom:15px; padding:2px; outline:none; font:11px/1.5 verdana,arial,helvetica,sans-serif; color:#666;}
input:focus, textarea:focus, select:focus{color:#000;}
textarea{background:url(images/tint.png) 0 0 repeat;}
.submit, .submit:focus{background:#333; color:#fff; font-size:11px; cursor:pointer; outline:none;  overflow: visible; line-height:1;}

#wrapper{width:984px; margin:auto;}

#header {position:relative; height:80px;}
#header ul{position:absolute; top:2px; left:15px;}
#header li{float:left; margin-right:20px;}
#header li a{color:#d6d6d6; display:block;}
#header li a:hover{color:#fff;}
    li#navFacebook a{padding-left:19px; background:url(images/facebook.png) 0 1px no-repeat; height:15px; color:#88C7FF;}
#header h1{position:absolute; top:33px; left:15px;}

#footer{padding:5px 15px; text-align:right;}
#footer p{position:relative; z-index:10;}

.content_top{height:5px; background:url(images/content_top.png) 0 0 no-repeat; overflow:hidden;}
.content_middle{overflow:auto; padding:10px 15px; position:relative; background:#fff; height:1%;}
.content_bottom{height:5px; background:url(images/content_bottom.png) 0 0 no-repeat; overflow:hidden;}

.heading{position:absolute; top:20px; left:25px;}
.left{float:left; clear:both;}
.right{float:right; width:739px}

#page_home{}
    #splash{width:954px; height:250px; margin-bottom:10px; position:relative; overflow:hidden;}
    .splash_photo{width:954px; height:250px; position:absolute; top:0; left:0;}
    #splash_photo2{display:none;}
    
    #homepage{padding:15px 15px 0 15px; height:372px; background:url(images/homepage.png) 0 0 no-repeat;}
    #newsletter{width:327px; height:90px; float:left; border-right:1px solid #ccc; margin-right:15px;}
    #newsletter_address, #newsletter_confirm{width:170px; float:left; margin-right:5px;}
    #guide{width:325px; height:90px; float:left}
    
    #features {}
        #features_nav{height:27px; overflow:hidden; position:relative;}
        #features_nav a{display:block; float:left; margin-right:5px; background:#333; color:#fff; height:27px; font-size:15px; padding:6px 11px 0px; line-height:1;}
        #features_nav a:hover, #features_nav a.current:hover, #features_nav a.current{background:#fff; color:#333; cursor:default;}
        #features_nav a:hover{cursor:pointer;}
        
        #welcome_feature{background:url(images/welcome.jpg) 0 0 no-repeat; height:293px; padding:15px 15px 0 15px;}
        #welcome_feature .message{width:611px; float:right; padding-top:10px;}
        #welcome_feature .message h2{margin-bottom:10px;}
        
        .welcome #footer{height:50px; position:relative; overflow:hidden;}
        #welcome_footer{background:url(images/welcome_footer.png) 0 0 no-repeat; position:absolute; top:0; left:0; width:440px; height:66px;}

        #search_nav{position:relative; margin-bottom:10px; border-bottom:1px solid #CACACA; padding-bottom:10px;}
        #search_nav .current{color:#4D4D4D;}
        #search_nav #search_mls{top:-2px;}

#page_about{}
    #page_about .heading{color:#fff;}
    #page_about .content_middle{background:url(images/content_middle_about.jpg) left bottom no-repeat #fff;}
    #page_about .content_bottom{background:none; height:0;}
    
#page_contact{}
    #page_contact .heading{color:#006BE0;}
    #page_contact .content_middle{background:url(images/content_middle_contact.jpg) left bottom no-repeat #fff;}
    #page_about .content_bottom{background:none; height:0;}
    #page_contact .right{border-left:1px solid #ccc; width:739px; padding-left:15px;}
    
    /* contact form */
    #email_form input{width:200px; height:15px;}
    #email_form p{margin:0;}
    #email_col_left{margin-right:15px; display:inline; float:left;}
    #email_col_right{width:512px; float:left;}
    #email_message{width:510px; height:121px; margin-bottom:5px; margin-top:0px;}
    #email_form input.submit{width:auto; padding:2px 8px; height:auto; cursor:pointer; float:left; margin-right:0px; margin-bottom:0; display:block; outline:none; overflow: visible;}
    
    #email_status{display:inline; margin:0;}
    #email_status p{margin-left:59px; margin-top:4px; padding-left:20px;}
    
    #email_status span{padding:1px 0px 1px 20px;}
    
    .email_loading{background:url(images/ajax-loader.gif) 2px 0 no-repeat;}
    .email_sent{background:url(images/email_sent.gif) 0 0 no-repeat;}
    .email_fail, .email_error{background:url(images/email_failed.gif) 0 0 no-repeat;}

#page_buyers{}
    #page_buyers .heading{color:#fff;}
    #page_buyers .left{width:462px; padding-right:14px; border-right:1px solid #ccc; margin-right:15px;}
    #page_buyers .right{width:462px;}
    
#page_area{}
    #page_area .heading{color:#fff;}
    
#page_guide{}
    #buyers_wrap{background:url(images/guide.jpg) 0 0 no-repeat; padding:15px;}
    #buyers_guide{width:350px; margin:auto; padding:15px;}
    #buyers_guide textarea{width:344px; height:150px;}
    #freemap{clear:both; float:left; margin-right:5px; margin-bottom:0px;}
    #additional_info{overflow:auto; margin-bottom:10px;}

#page_map{}
    #page_map #splash{height:450px;}
    #oconee_map{margin-bottom:15px;}
    ul#locations li{width:238px; float:left;}
    
#page_property{}
    #page_property #splash{margin-bottom:15px;}
    #page_property h3{margin-bottom:10px;}
    #page_property .left{float:left; width:580px;}
    #page_property .right{float:right; width:355px;}
    #property_photo{width:578px; height:432px; background:url(images/blank.png) center center no-repeat #F5F5F5; margin-bottom:15px; border:1px solid #CBCBCB;}
    
    #property_details li{overflow:auto; margin-bottom:3px;}
    .field {float:left; width:95px; font-style:italic; color:#111;}
    .value {float:right; width:250px;}
    
    #property_photos ul{margin-left:-4px; _margin-left:-8px; float:left;}
    #property_photos li{float:left; margin-left:4px; margin-bottom:10px;}
    #property_photos span{display:block; width:134px; height:95px;}
    #property_photos li a{border:1px solid #CBCBCB; background:#F5F5F5; overflow:auto; padding:3px; display:block; width:134px; overflow:hidden;}
    #property_photos li a:hover{border:1px solid #00509B;}
    
#page_search{}
    #page_search h2{margin-bottom:5px; font-size:18px;}
    #featured_properties{overflow:auto; margin-left:-10px;}
    
    .result div, .paginate{padding:6px; height:1%; background:#F5F5F5; border:1px solid #E6E6E6; overflow:auto; margin-bottom:10px; clear:both; position:relative;}
    
    .result{float:left; padding:0 0 10px 9px;}
    .result div{padding-bottom:0px; margin:0; width:137px; height:156px;}
    .result a{display:block; color:#666;}
    .result span{color:#000;}
    .result .thumb{width:137px; height:102px; display:block; cursor:pointer;}

    .paginate span{color:#666; float:right; _margin-top:-3px;}
    .paginate span.matches{float:left; padding-top:2px;}
    .paginate a{display:block; padding:1px 4px; background:#fff; border:1px solid #E6E6E6; float:left; margin-left:3px;}
    .paginate a:hover{border:1px solid #00509B;}
    .paginate a.current{color:#fff; background:#00509B; border-color:#00509B;}
    .paginate a.disabled{color:#666; background:none; border:1px solid #F5F5F5;}
    
    #page_search #search{margin-bottom:15px;}
    #search p{margin:0;}
    
    #search_mls{position:absolute; top:2px; right:0px;}
    #search_mls span{float:left; margin-right:5px; padding-top:2px;}
    
    #search_location{margin:0 0 0 -20px; overflow:auto; clear:both; height:1%;}
    #search_location div{float:left; overflow:auto; padding-left:10px;}
    #search_location select{height:205px;}
    
    #search_details *{float:left; margin-right:5px; margin-bottom:0;}
    #search_details p{padding-top:2px; padding-right:3px;}
    #search_details input{float:right; margin:0;}
    #search_details select{margin-right:15px;}
    
    #bed_and_bath{width:50px;}
    #bed_and_bath select{height:86px;}
    #bed_and_bath div{float:left; padding:0; margin:0;}