@charset "UTF-8";
@import "/css/reset.css";

/*HTML SELECTORS*/

body {background: #e7e7e7; font-family: Futura, Helvetica, sans-serif; font-size: small; color:#4f4f4f; margin: 0; padding: 0; }
a{color: #3d7b95; text-decoration: none;}
a:hover{text-decoration: underline;}
a:visited{color: #a3a3a3;}

h2, h3{color: #3d7b95; font-size: 220%; font-weight: normal; text-align: center; text-transform: uppercase;}
h3{font-size: 170%;}
.bump{margin-top: 15px;}
h4{ font-weight: normal; font-size: 170%; letter-spacing: 2px; margin: 0; padding: 0;}
p{padding:0 15px 0 0; line-height: 1.5; color: #6c6c6c; margin: 0; font-family: Helvetica, sans-serif;}

#login label{width: 50px; float: left; line-height: 27px; margin-top: 10px; margin-left: 10px;}
#login input{ border: 1px solid #6d6d6d; background-color: #f6f6f6; font-size: 120%; padding: 3px 5px 0 5px; height: 27px; margin-top: 10px; line-height: 27px}
textarea { background: #F6F6F6; border: 1px solid #6D6D6D; height: 200px; font-size: 120%; width: 100%;}
.checkBox, .radio{height: auto; width: auto;}

input,select,textarea { font-family: Helvetica, Arial, sans; }

/* LAYOUT */

#wrapper { width:990px; margin: 0 auto; position: relative; }

#header {background: transparent url(/media/layout/headerBackground.jpg) top left no-repeat; border-top: none; width: 100%; width: 980px; height: 111px; margin: 0; }

#header a{background: transparent url(/media/layout/barefootLogo.gif) top left no-repeat; text-indent: -9000px; height: 88px; width: 224px; float: left; margin-top: 15px; margin-left: 20px;}

#navigation{background: #b9d6b2 url(/media/layout/navBackground.gif) top left repeat-x; list-style: none; color: #ffffff;  float: left; margin: 3px 0 0 0;; padding: 0; width: 980px;}
#navigation li{float: left; padding: 10px 7px; font-size: 120%; }
#navigation li a{color: #4f4f4f; text-decoration: none;  padding: 10px 10px 11px 10px; }
#navigation li a:hover{background-color: #ffffff; }
#contactBox{background: transparent url(/media/layout/trans.png); width: 220px; float: right; border-right: none; margin: 0; padding: 10px;  position: absolute; top:5px; right: 5px; font-size: 140%; color: #4f4f4f; text-transform: none; text-align: center; }
#contactBox:hover{border-color: #c3d9de; text-decoration: none;}
#contactBox span{color: #3d7b95; font-size: 140%; }

#detailStuff{float: right; width: 600px;}
#detailStuff img{border: 1px solid #898989;}

#main {padding-top: 15px; clear: both;}
#main p{padding-bottom: 20px; text-align: justify;}
#main img{border: 1px solid #898989;}


#footer {  }

#recentBox{width:692px; float: left; background-color: #ffffff; padding: 15px; margin-top: 10px; margin-bottom: 15px;}


#quickSearch{background-color: #c6c6c6; padding: 0 20px 10px 20px;}
#quickSearch #mainInputs{float: left;  line-height: normal;}
#quickSearch #mainInputs label{float: left; padding-right: 5px;}
#quickSearch #mainInputs #beds{float: left;}
#quickSearch #mainInputs select{margin-bottom: 10px; margin-right: 10px;}


#packages{background: #d0e4e9 url(/media/layout/blueGrass.jpg) bottom left no-repeat; margin-top: 10px; padding: 15px 25px; display: block; font-size: small; color:#4f4f4f; }
#packages:hover{border-color: #c3d9de; text-decoration: none;}
#packages span{color: #3d7b95; font-size: 220%; font-weight: normal; text-align: center; text-transform: uppercase;}



#tools{float: left; width: 440px;}
#tools p{padding:15px 15px 0 15px; line-height: 1.5;}

#outLink{background: #c6c6c6 url(/media/layout/dyeHomes.jpg) top left no-repeat; padding: 220px 0 5px 0; display: block; width: 300px; float: left; text-align: center; margin-top: 15px; margin-right: 15px; }

#mailList label{width: 50px; float: left; line-height: 27px; margin-top: 10px; margin-left: 10px;}
#mailList input{ border: 1px solid #6d6d6d; background-color: #f6f6f6; font-size: 120%; padding: 3px 5px 0 5px; height: 27px; margin-top: 10px; line-height: 27px}
#mailList #submitImage{height: auto; float: right; border: none; margin-right: 45px; background-color: transparent;}

#videoBox{display: block; float: right; background: transparent url(/media/layout/videoBox.jpg) top left no-repeat; height: 152px; width: 238px; padding: 10px; overflow: hidden; margin-top: 10px; color: #333333;}
#videoBox h4 a, #videoBox a{color: #3d7b95;}
.fractionals{width: 258px; margin-top: 10px; float: right; text-align: left;}
.fractionals .video{ padding-left: 35px; background: transparent url(/media/layout/movieIcon.gif) top left no-repeat;}
.fractionals .house{padding-left: 35px; background: transparent url(/media/layout/houseIcon.gif) top left no-repeat;}
.fractionals .news{padding-left: 40px; background: transparent url(/media/layout/newsIcon.gif) top left no-repeat;}


#footer {clear: both; list-style: none; text-align: center; background-color: #ffffff; width: 960px; padding: 10px; margin-top: 10px;}
#footer li{display: inline; padding: 10px 7px 10px 7px;}


/* PAGE/SECTION SPECIFIC */

/* Home page featured junk */
#featuredProperty{width: 550px; float: left;}
#featuredProperty img{border: 5px solid #ffffff; float: left; width: 355px; margin-bottom: 10px;}
#featuredProperty img:hover{border-color: #c3d9de;}
.featuredDetails{background-color: #ffffff; float: left; width: 115px; list-style: none; margin: 0; padding: 0; font-family: Futura, Helvetica; padding: 10px 30px 10px 10px;}
.price{color: #3d7b95; font-size: 170%; letter-spacing: -1px}
.location{font-size: 80%; line-height: 1.5;}
.basicInfo{margin-top: 15px;}
.spacer{margin-top: 5px;}
#searchBtn{text-align: center; padding-top: 5px;}
/**/



#featuredBox{width: 300px; padding-right: 50px; margin-top: 10px; float: left; text-align: center;}

/*AGENTS PAGE */

.agent{float: left; width: 200px; background-color: #ffffff; padding: 10px; list-style: none; margin-right: 10px; }
#allAgents{margin: 0 auto; width: 920px;}


/* Careers Page */
p#Careersubmit { text-align: center; }
p#Careersubmit input { padding: 4px 15px; }

/*contact page*/

#theBasics{width: 340px; background-color: #c6c6c6; padding: 15px; border-bottom: none; float: left;}
#mainContact label{width: 90px; float: left; line-height: 27px; margin-top: 10px; margin-left: 10px;}
#moreContact{background-color: #ffffff; padding: 15px;}

#fulladdress label{width: 85px; float: left; line-height: 27px; margin-top: 10px; margin-left: 10px;}
#mainContact input, #mainContact select{ border: 1px solid #6d6d6d; background-color: #f6f6f6; font-size: 120%; padding: 3px 5px 0 5px; height: 27px; margin-top: 10px; line-height: 27px}

#priceRange input, #howFind input{float: left; }
#priceRange label{width: 100px; line-height: normal; font-size: 90%;}
#priceRange, #howFind{width: 570px; float: left; margin-bottom: 20px; background-color: #ededed; padding: 10px}

#howFind label{width: auto; line-height: normal; margin-right: 20px; margin-left: 0;}
#fulladdress{width: 330px; float: left; background-color: #ededed; padding: 10px; margin-right: 20px;}

#staticInfo{float: left; margin-left: 15px;}

/*About the area page */

#subBox{width: 370px; float: left;}
#subBox a {display: block; color: #3d7b95; color: #3d7b95; font-size: 170%; font-weight: normal; text-align: center; text-transform: uppercase;}
#subBox a:hover{border-color: #c3d9de; text-decoration: none;}

	#areaNews{background-color: #c6c6c6; padding: 20px;}
	#mapBox{background: #d0e4e9 url(/media/layout/bluePalms.jpg) top left no-repeat; margin-top: 10px; padding: 20px;}
	#mortgage{background: #d0e4e9 url(/media/layout/greenSea.jpg) top left no-repeat; margin-top: 10px; padding: 20px;}
	#calcHolder{background: transparent url(/media/layout/calcbg.gif) bottom left no-repeat; width: 515px; height: 427px; float: left; margin-left: 50px;}
	#movie{float: left; padding-top: 20px;}
	
#detailStuff table{border: 1px solid #333333; margin-bottom: 15px;}
#detailStuff table td{padding: 5px; font-weight: normal;}
#detailStuff table .light{background-color: #d5ebf4;}
#detailStuff table .dark{background-color: #ffffff;}


/*mapsPage */

#mapsContainer{width: 980px; margin: 0 auto;}
#areaMap{width: 760px; margin: 20px auto;}
	
/*News Page */

.newsShort{width: 590px; float: right; font-weight: normal; list-style: none; }
.shortTitle{font-size: 140%; color: #7a9b7d; }
.shortDate{font-size: 80%; color: #9c7878; margin-bottom: 10px;}





.listings{background-color: #ffffff; padding: 20px; width: 950px; float: left; margin-bottom: 15px;}
.listings img{width: 325px; float: left; margin-right: 20px; border: 3px solid #ffffff;}
.listings img:hover{border: 3px solid #c3d9de;}
.listings h3{text-align: left; margin:0; padding: 0;}
.listings h4{margin-top: 0; padding-top: 0; font-size: 80%; margin-bottom: 10px;}
.listings ul{list-style: none;}
.listings p{ margin: 20px 0;}
.listings .moreInfo{background-color: #c3d9de; padding: 3px; color: #ffffff;}


#bfLogo{float: left; border: 1px solid #333333; margin: 0 5px 5px 0;}



/* CLASSES */
div.clear { clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }
.whiteBorder{border: 5px solid #ffffff;}
.pageImage { float: right; margin: 0 0 15px 25px; }



/*ADMIN STUFF */

#admin{padding-top: 15px; clear: both; width: 500px; margin: 0 auto;}
#admin ul{margin-left: 35px; list-style-image: url(/media/layout/bull.gif)}
#admin textarea{width: 350px; height: 200px;}
.list td{padding: 3px;}



/*PAGE VARIATION STUFF */

#specialService{background: #ffffff url(/media/layout/realtorBg2.jpg) bottom left no-repeat; width: 379px; margin-bottom: 15px; padding-left: 140px; padding-top: 10px}
#specialService p, #specialService form{padding-left: 50px;}
#specialService p{padding-left: 40px;}
#specialService input{margin: 3px; width: 200px; float: left;}
#specialService label{float: left; width: 60px; margin: 3px;}
#specialService h3{margin: 0; padding: 0;}
#contactNowBtn input{margin-left: 70px; width: auto;}


#featuredPropertyTest{}
/* Home page featured junk */
#featuredPropertyTest{width: 550px; float: left;}
#featuredPropertyTest img{border: 5px solid #ffffff; float: left; width: 120px; margin-bottom: 10px;}
#featuredPropertyTest img:hover{border-color: #c3d9de;}
#featuredPropertyTest .featuredDetails{background-color: #ffffff; float: left; width: 115px; list-style: none; margin: 0; padding: 0; font-family: Futura, Helvetica; padding: 10px; margin-right: 5px;}
#featuredPropertyTest .price{color: #3d7b95; font-size: 100%; letter-spacing: -1px}
#featuredPropertyTest .location{font-size: 80%; line-height: 1.5;}
#featuredPropertyTest .basicInfo{margin-top: 15px;}
#featuredPropertyTest .spacer{margin-top: 5px;}
#featuredPropertyTest h3{text-align: left;}