@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	GLOBAL WHITESPACE RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,fieldset { margin:0; padding:0; border:0; }
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
body { margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#656565; background-color:#115577; text-align:center; }
p { margin: 10px 0 0 0; }
a { color: #505050; text-decoration: none; }
h1 { font: 18px Myriad, Arial, sans-serif; color: #000; }
h2 { font: 18px Myriad, Arial, sans-serif; color: #000; }
h2.margin { margin: 10px 0; }
h3 { font: 15px Myriad, Arial, sans-serif; color: #7d7d7d; }
h3.price { margin-top: 6px; }
/*
	----------------------------
	LAYOUT STYLES
	____________________________
*/
#wrapper { width:980px; height: 550px; margin: 0 auto; text-align:left; position: relative; background: url('../media/layers/2.jpg') repeat-x; }
#baseHeader { position: absolute; right: 20px; top: 0; z-index: 1; }
#media-buffer { position: absolute; right: 20px; top:0; z-index: 2; }
#logo { position: absolute; left: 20px; top: 20px; z-index: 4; }
#content { position: absolute; left: 270px; top: 250px; z-index: 4; width: 630px; background-color: #fff; padding: 20px; }
#content p { line-height: 17px; }
#content a { text-decoration: underline; }
p.notop { margin-top: 0; }
#metainfo { float: left; width: 250px; }

/*
	----------------------------
	NAVIGATION STYLES
	____________________________
*/
#navigation { position: absolute; top: 250px; left: 20px; z-index: 4; width: 170px; background-color: #fff; padding: 20px; }
#navigation img { clear:left; float:left; margin: 0 5px 10px 0; }
#navigation img.last { margin-bottom: 0; }
#navigation div { margin: 10px 0 0 0; padding-top: 3px; }
#navigation div p { margin: 0; font-size: 10px; }
#navigation ul { margin:0 0 10px 0; padding: 0; list-style: none;}
#navigation ul li { margin: 0 0 10px 0; }
#navigation ul li a { font: 16px Myriad, Arial, sans-serif; color: #000; }
#navigation ul li a:hover { font: 16px Myriad, Arial, sans-serif; color: #343434; }

ul#schools { list-style: none; margin: 3px 40px; }
ul#schools li { float: left; display: block; width: 115px; margin: 0 20px 5px 0;}
ul#schools li.reset { clear: left; }

ul.expect { margin-left: 40px; }
ul.expect li { margin-bottom: 5px; }

ul#agents { list-style: none; margin: 10px 0 0 0;}
ul#agents li { display: block; width: 305px; margin: 0 20px 20px 0; float: left; clear: left; }
ul#agents li.even { margin-right: 0; clear: none; }
ul#agents li img { float: left; margin-right: 8px; }
ul#agents li div { margin-top: 10px; }

dl dt { font-size: 14px; margin-bottom: 1px; }
dl dd { margin-bottom: 8px; line-height: 17px; }
/*
	----------------------------
	PAGE SPECIFIC STYLES
	____________________________
*/
div#featuredlistings { width: 630px; overflow: hidden; position: relative; margin-top: 10px; }
div#featuredlistings h2 { float:left; }
a.carouselLeft, a.carouselRight { display: block; float: right; margin: 3px 3px 0 3px; }
ul.periodic { list-style: none; float: right; margin-top: 3px; }
ul.periodic li { float: left; margin: 0 2px; }
ul.properties { clear: left; overflow: hidden; width: 100000px; padding: 10px 0; }
ul.properties li { float: left; display: block; width: 315px; }
ul.properties li img { float: left; }
ul.properties li div { float: left; margin-left: 5px; }
ul.properties p { font-size: 12px; margin-top: 6px; }

fieldset#contact { float: left; width: 360px; margin: 8px 0 0 20px; }
fieldset#contact label { clear: left; float: left; width: 90px; display: block; font: 12px Myriad, Arial, sans-serif; color: #000; margin-top: 10px; padding-top: 4px; }
fieldset#contact label.top { margin-top: 0; }
fieldset#contact label.error { color: #ff0000; }
fieldset#contact input { float: left; width: 240px; margin: 10px 0 0 20px; font-size: 12px; padding: 1px; }
fieldset#contact input.nolabel { margin-left: 110px; margin-top: 3px; }
fieldset#contact input.top { margin-top: 0; }
fieldset#contact input.submit { margin-top: 10px; }
fieldset#contact input.error { background-color: #fddddd; }
fieldset#contact select { float: left; margin: 10px 0 0 20px;}
fieldset#contact textarea { float: left; width: 240px; margin: 10px 0 0 20px; font-size: 12px; padding: 0px; }
fieldset#contact textarea.error { background-color: #fddddd; }
fieldset#contact select.country{ width: 245px; }

div#warningMessage { display: none; position: relative; top: -8px; margin-left: 110px; }
div#warningMessage.show { display: block; }
div#warningMessage.hide { display: none; }
div#warningMessage img { float: left; }
div#warningMessage p { position: relative; left: 5px; font-size: 12px; color:red; }

img#agentbiopic { float: left; margin: 15px 15px 15px 0; }
div#agentbioinfo { float: left; margin: 15px 0; }
p.agentbio { clear: left; margin-bottom: 10px; }

/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear{ overflow:hidden; height:1px; clear:both; }