/***********************/
/* Debbie Mitchell CSS */
/***********************/
/**************************************************** SITE STYLING ****************************************************/
html, body { height:100%; margin:0; padding:0; }
html { background:#E4DAD1; }
body { font:normal 14px Arial; }
a { color:#375073; }
img { border:0; }
h1 { font-size:30px; margin:0 0 10px 0; padding:0; }
h1 * { vertical-align:middle; }
h2 { font-size:25px; margin:0 0 10px 0; padding:0; }
h3 { font-size:20px; margin:0 0 10px 0; padding:0; }
p { margin:0 0 15px 0; padding:0; }
ul { margin:0 0 0 15px; padding:0; }

#header { background:#33325c; border-bottom:1px solid black; float:left; width:100%; }
#header #debbiemitchell_logo { float:left; margin:15px; }
#header #contact_info { float:left; color:white; font-weight:bold; margin-top:20px; }
#header #contact_info span { color:#b6d5ef; }
#header #intracoastal { float:right; text-align:center; }
#header #intracoastal a { color:#b6d5ef; font:bold 20px Arial; text-decoration:none; }
#header .nav { background:url('/images/nav_bg.jpg'); border-top:3px solid #b6d5ef; border-bottom:1px solid black; float:left; height:42px; width:100%; }
#header .nav a { border-left:1px solid #717171; border-right:1px solid #d6d6d6; color:black; display:block; float:left; font:bold 14px Arial; line-height:42px; padding:0 10px 0 10px; text-align:center; text-decoration:none; }
#header .nav a:hover,#header .nav a.selected { background:url('/images/nav_highlighted.jpg') repeat-x; }
#wrapper { background:url('/images/wrapper_bg.jpg') center repeat-y; float:left; width:100%; }
#content { background:url('/images/content_bg.jpg') top center no-repeat; float:left; padding:20px 0 20px 0; width:100%; }
#footer { background:#e4d9cf; border-top:1px solid #b6d5ef; float:left; font-weight:bold; padding:20px 0 20px 0; width:100%; }
#footer .right_column { float:right; text-align:right; }
#footer #wmls_disclaimer { font:normal 11px Arial; margin-top:15px; }

.container { margin:0 auto; width:950px; }

.left { float:left; }
.right { float:right; }
.center { text-align:center; }

.twenty { width:19%; }
.thirty { width:33%; }
.forty { width:39%; }
.fortyfive { width:45%; }
.fifty { width:49%; }
.hundred { width:100%; }
.relative { position:relative; }

.navy { color:#375073; }

/* pagination */
.pagination { float:left; text-align:center; padding:10px; width:100%; }
.pagination a { font:bold 11px Arial; margin:5px; text-decoration:none; }
.pagination a.selected { text-decoration:underline; }

/****************************************************** HOME PAGE *****************************************************/
.home_column { float:left; margin:0 0 0 50px; width:42%; }
#home_portrait { border:4px solid #bcbcbc; }
.featured_prop { border:2px solid black; }

/**************************************************** FIND YOUR HOME **************************************************/
#show_search { cursor:pointer; }
#home_search_form { background:url('/images/search_bg.png'); display:none; float:left; font:bold 16px Arial;  padding:0 15px 0 15px; width:920px; }
#home_search_form table { width:100%; }
#home_search_form table td * { vertical-align:middle; }
.home {  float:left; padding:10px 0 10px 0; width:100%; }
.home h2,.home h3 { margin-bottom:5px; }
.home div { text-align:right; }
.home img.pic { border:2px solid black; float:left; margin-right:15px; width:200px; }
.represented a { font-size:12px; }
.represented ul { list-style-type:none; margin:0 0 0 5px; }

/***************************************************** HOME DETAILS ***************************************************/
#home_details {  float:left; padding:10px 0 10px 0; width:100%; }
#home_details h2,#home_details h3 { margin-bottom:5px; }
#home_details #home_images { float:left; margin-right:15px; width:400px; }
#home_details #home_images .main { border:2px solid black; width:96%; }
#home_details #home_images .sub { border:1px solid black; margin:2px 4px 2px 0; width:31%; }
#home_details .info { float:right; width:56%; }
.feature { float:left; padding:10px 0 10px 0; width:49%; }

/*************************************************** SELLING YOUR HOME ************************************************/
#selling_advice { float:right; position:relative; text-align:right; width:415px; }
#selling_advice .invis { cursor:pointer; }
#selling_advice .vis { display:none; position:absolute; top:0; left:-550px; }
#selling_advice .vis div { background:white; float:left; padding:0 15px 0 15px; text-align:left; width:920px; }

/***************************************************** MEET MY TEAM ***************************************************/
#selected_bio { float:left; width:100%; }
#selected_bio img { border:4px solid #bcbcbc; float:left; margin-right:15px; }
.bio { font:bold 12px Arial; float:left; margin:1% 1% 1% 0; text-align:center; width:15%; }
.bio img { border:4px solid #bcbcbc; height:170px; }

/*************************************************** AREA INFORMATION *************************************************/
#area_info { background:url('/images/search_bg.png'); float:left; font:bold 14px Arial; padding:0 15px 0 15px; position:relative; width:920px; }
.bordered { border-right:2px solid black; border-left:2px solid black; float:left; padding:0 0 0 3%; margin:0 3% 0 0; width:30%; }
#school_kids { position:absolute; top:-50px; left:780px; }
#marsh_view { position:absolute; top:0; left:170px; }
#retailer { position:absolute; bottom:-155px; left:0; }
#salmon_salad { position:absolute; bottom:-120px; left:10px; width:150px; }

/***************************************************** HELPFUL LINKS **************************************************/
.link { float:left; height:300px; padding:10px 0 10px 0; text-align:center; padding:1%; width:27%; }
.link img { margin:0 10px 0 0; width:200px; }
.link h3 { font-size:16px; margin-top:8px; }
.link p { text-align:left; }

/***************************************************** EMAIL DEBBIE ***************************************************/
.success { color:green; font-weight:bold; }
.fail { color:red; font-weight:bold; }