/* CSS Document */
/*Remember this. It is a reset for everything. Add to the beginning of each site.*/
body, p, h1, h2, h3, h4, h5, h6, img, div, span, ol, ul, li, form, fieldset, label, legend { border: 0 none; font-size: 1em; margin: 0; padding: 0; }
legend { display: none; }
body { background: url(/images/layout/page_bg.png) repeat-x #051a31; margin: 0 auto; }
strong { font-weight: bold; }
.divider_bar { font-style: normal; padding: 0 5px; }

/*========Wrapper========*/
#dmg_layout_wrapper { width: 100%; height: auto; margin: 0 auto; background: url(/images/layout/detroit_bg.jpg) no-repeat scroll 50% 0 transparent; }

/*========Header========*/
#dmg_layout_header { width: 960px; height: 182px; margin: 0 auto; }
#dmg_layout_mhf { float: right; width: 350px; height: 75px; margin: 0 0 0 10px; background: url(/images/layout/hf_bg.png) repeat-x; }
#dmg_layout_mhf img { float: left; margin: 10px 0 0 3px;  }
.dmg_layout_hfText { float: left; margin: 8px 0 0 10px; font-family: 'Ovo', serif; color: #ffffff; font-style: italic; }
.dmg_layout_hfText a { font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #ccffff; font-style: normal; font-weight: bold; }
.dmg_layout_hfText a:hover { text-decoration: none; }
.dmg_layout_hfSlogan { float: left; width: 335px; margin: 2px 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: #ffffff; }
#dmg_layout_heading { float: left; width: 550px; height: 30px; color: #FFFFFF; font-family: 'Cabin', sans-serif; font-size: 1.4em; font-style: italic; font-weight: 100; margin: 10px 0 0 8px; }
#dmg_layout_nav { float: left; width: 701px; height: 40px; background: url(/images/layout/nav_bg.jpg) no-repeat; margin: 27px 0 0 9px; line-height: normal; padding: 0 0 0 10px; }
#dmg_layout_nav a { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: .75em; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 15px 6px 0; display: inline-block; }
#dmg_layout_nav a:hover { text-decoration: underline; }

#dmg_layout_mhf_login { float: left; width: 330px; margin: 5px 0 0 10px; padding: 3px 0 0 0; font-family: 'Ovo', serif; color: #ffffff; font-style: italic; }
#divMPLoginForm { font-size: .95em; width: 330px; }

/*========Homefinder Buttons========*/
#dmg_layout_mhf .myHomeFinderLinksCreateAccount, #dmg_layout_mhf  .myHomeFinderLinksLogIn:hover {width: 68px; height: 16px; line-height: 16px; vertical-align: middle; margin: -5px 0 3px 5px; color: #FFFFFF; border: 1px solid #9a9a9a; font-size: .85em; text-align: center; text-decoration: none; display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
behavior: url(/shared/htc/PIE.php);
position: relative;
background: #012E5B;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#051A31), to(#012E5B));
background: -webkit-linear-gradient(#051A31, #012E5B);
background: -moz-linear-gradient(#051A31, #012E5B);
background: -ms-linear-gradient(#051A31, #012E5B);
background: -o-linear-gradient(#051A31, #012E5B);
background: linear-gradient(#051A31, #012E5B);
-pie-background: linear-gradient(#051A31, #012E5B);	
}

#dmg_layout_mhf  .myHomeFinderLinksLogIn, #dmg_layout_mhf  .myHomeFinderLinksCreateAccount:hover {width: 68px; height: 16px; line-height: 16px; vertical-align: middle; margin: -5px 0 3px 5px; color: #FFFFFF; border: 1px solid #9a9a9a; font-size: .85em; text-align: center; text-decoration: none; display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
behavior: url(/shared/htc/PIE.php);
position: relative;	
background: #99CCCC;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99CCCC), to(#006666));
background: -webkit-linear-gradient(#99CCCC, #006666);
background: -moz-linear-gradient(#99CCCC, #006666);
background: -ms-linear-gradient(#99CCCC, #006666);
background: -o-linear-gradient(#99CCCC, #006666); 
background: linear-gradient(#99CCCC, #006666); 
-pie-background: linear-gradient(#99CCCC, #006666);
}

.port { display: inline-block; padding: 7px 5px 0; }
.dmg_homefinder_middlecontent { display: inline-block; margin: 0 70px 0 0; }
a.port { color: #ffffff; text-decoration: none; float: left; margin: 2px 0 0 0; padding: 0 6px; font-family: Arial, Helvetica, sans-serif; font-size: .8em; }
#MPusername { font: 12px arial; width: 170px; margin: 5px 0; }
#MPpassword { font: 12px arial; width: 170px; margin: 5px 0; }
.alphacube_message { font: 12px arial; margin: 0 auto; padding-bottom: 10px; text-align: center; width: 220px; }
.alphacube_buttons { text-align: center; width: 100%; }
.alphacube_buttons input { margin: 3px; width: 20%; }
.login_label { margin: 5px 0 0 0; }

/*========MHF Modal========*/
.alphacube_buttons input {background: #006666; color: #FFFFFF; margin: 0 5px;}
#login_title { font-family: 'Lato', sans-serif; font-size: 1.4em; font-style: italic; font-weight: 100; color: #051A31; margin: 0 0 5px 0; }

/*========Logo and Phone Numbers========*/
#dmg_layout_logoPhone { float: left; margin: 0 10px 0 0; width: 230px; height: 160px; text-align: center;}
#dmg_layout_logo { margin: 0;}
#dmg_layout_phone { width: 230px; height: 52px; background-color: #051a31; text-align: center; margin: 2px 0 0 0; }
.dmg_layout_tollFree {  font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #ffffff; margin: 4px 0 0 0;}
.dmg_layout_local {width: 230px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #99cccc; margin: 5px 0 0 0; float: left}

/*========Internal Pages========*/
#dmg_layout_content_internal { clear: both; width: 940px; min-height: 500px; margin: 0 auto 20px; background-color: #FFFFFF; border: solid 2px #006666; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: .75em; overflow: hidden; }
#dmg_layout_content_internal h1 { color: #051A31; font-family: 'Ovo', serif; font-size: 1.50em; font-style: italic; font-weight: bold; }
.dmg_layout_internal_photo { background: white; border: solid 1px #006666; padding: 4px; margin: 0 0 15px 15px; float: right; }
.dmg_layout_custom_internal p {font-size: 14px; padding: 5px 0; line-height: 18px; }
.dmg_layout_custom_internal h3 { color: #051A31; font-family: 'Ovo', serif; font-size: 1.2em; font-style: italic; font-weight: bold; padding: 15px 0 0 0; }
.dmg_layout_custom_internal ul, .dmg_layout_custom_internal ol {margin: 0 0 0 10px; padding-left: 20px; font-size: 14px;}
.dmg_layout_custom_internal li {margin-bottom: 3px;}

/*
#dmg_contact_left .dmg_contact_OfficeLocation {display: none;}
*/


/*========Middle Section========*/
#dmg_layout_middle { width: 956px; height: auto; margin: 0 auto; border: solid 2px #FFFFFF; background: #FFFFFF url(/images/layout/middle_bg.jpg) no-repeat top; }
#dmg_layout_homeImage { float: left; margin: 15px 0 0 0; width: 719px; height: 390px; }
#dmg_layout_hsLinks { float: left; width: 237px; height: 390px; margin: 15px 0 0 0; background: url(/images/layout/qsLinks_bg.jpg) no-repeat; }
#dmg_layout_quickSearchBG { width: 232px; height: 240px; margin: 0; padding: 5px 0 0 5px; background: url(/images/layout/quicksearch_bg.jpg) no-repeat; }
#dmg_layout_qsearch { width: 223px; height: 230px; border: solid 2px #134050; }
#dmg_layout_qsHeading { font-family: 'Ovo', serif; color: #FFFFFF; font-size: 1.2em; margin: 15px 25px 0 28px; font-weight: 100; border-bottom: dotted 2px #ffffff; } 
#dmg_layout_searchInput input { border: 1px solid; clear: both; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 0.75em; font-style: italic; height: 15px; margin: 7px 0 0 10px; width: 201px; }
#dmg_layout_beds { float: left; margin: 6px 0px 0 10px; width: 255px; }
#dmg_layout_beds label { float: left; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: .75em; margin: 2px 3px 0 0; }
#dmg_layout_beds select { margin: 0 126px 0 0px; float: right; font-size: 0.7em; }
#dmg_layout_baths { clear: left; margin: 6px 0 0 10px; float: left; width: 255px; }
#dmg_layout_baths select { margin: 0 126px 0 0px; float: right; font-size: 0.7em; }
#dmg_layout_baths label { float: left; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: .75em; margin: 2px 3px 0 0; }
#dmg_layout_priceLow { float: left; margin: 6px 0px 0 10px; width: 203px; }
#dmg_layout_priceLow label { float: left; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: .75em; margin: 2px 3px 0 0; }
#dmg_layout_priceLow select { width: 130px; float: right; font-size: 0.7em; }
#dmg_layout_priceHigh select { width: 130px; float: right; font-size: 0.7em; }
#dmg_layout_priceHigh { clear: left; float: left; margin: 6px 0px 0 10px; width: 203px; }
#dmg_layout_priceHigh label { float: left; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: .75em; margin: 2px 2px 0 0; }
#dmg_layout_quickSearch img { clear: left; float: left; margin: 10px 0 0 6px; }
#dmg_layout_qsButton { margin: 15px 40px 0 0; float: right; }
#dmg_layout_qsLink { clear: both; float: right; }
#dmg_layout_qsLink a { float: right; font-family: Arial, Helvetica, sans-serif; color: #026364; font-size: .7em; font-weight: bold; margin: 0 33px 0 0; }
#dmg_layout_qsLink a:hover { text-decoration: none; color: #FFFFFF; }
#dmg_layout_4links { width: 210px; height: 134px; margin: 0 0 0 13px; }
#dmg_layout_4links a { color: #99cccc; font-family: 'Ovo', serif; font-size: 1em; text-decoration: none; border-bottom: dotted 2px #99cccc; display: block; padding: 9px 0 6px 15px; }
#dmg_layout_4links a:hover { color: #ffffff; }

/*========Four Boxes========*/
#dmg_layout_4boxes { clear: both; width: 956px; height: 284px; }
#dmg_layout_featHome { float: left; width: 226px; height: 270px; margin: 6px 2px 0 5px; border: solid 2px #cce5e5; background: url(/images/layout/feathome_bg.jpg) no-repeat; color: #669999; }
#dmg_layout_featRent { float: left; width: 226px; height: 270px; margin: 6px 2px 0 5px; border: solid 2px #cae4ee; background: url(/images/layout/featrent_bg.jpg) no-repeat; color: #7f9bb3; }
#dmg_layout_openHouse { float: left; width: 226px; height: 270px; margin: 6px 2px 0 5px; border: solid 2px #e5e5e5; background: url(/images/layout/openhouse_bg.jpg) no-repeat; color: #999999; }
#dmg_layout_mapSearch { float: left; width: 239px; height: 286px; margin: 0 0 0 6px; background: url(/images/layout/mapsearch_bg.jpg) no-repeat; }
.dmg_layout_4boxContent { width: 190px; text-align: center; margin: 20px 0 0 16px; }
.dmg_layout_4boxHeading { font-family: 'Ovo', serif; font-size: 1.3em; font-weight: bold; }
.dmg_layout_4boxContent img { padding: 4px; background: #ffffff; border: solid 1px #bfb5ac; margin: 3px auto 4px; -webkit-box-shadow: 0px 0px 2px 2px #dddddd; box-shadow: 0px 0px 2px 2px #dddddd; display: block;}
.dmg_layout_cityPrice { font-family: Arial, Helvetica, sans-serif; font-size: .9em; font-weight: bold; color: #666666; margin: 3px 0 0 0; }
.dmg_layout_bedBath { font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #666666; }
.dmg_layout_4boxContent a { font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #006666; font-weight: bold; }
.dmg_layout_4boxContent a:hover { text-decoration: none; }
.dmg_layout_ohText { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: .8em; line-height: 16px; margin: 10px 0 9px; }
#dmg_layout_msContent { width: 210px; text-align: center; margin: 25px 0 0 15px; }
.dmg_layout_msHeading { font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: .95em; color: #ffffff; }
.dmg_layout_msInteractive { font-family: "Times New Roman", Times, serif; font-size: 1.8em; color: #ffffff; font-style: italic; line-height: 30px; }
.dmg_layout_msText { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: .8em; line-height: 16px; margin: 75px 0 11px 0; }
#dmg_layout_msContent a { font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #006666; font-weight: bold; }
#dmg_layout_msContent a:hover { text-decoration: none; }

/*========Areas and Content========*/
#dmg_layout_contentArea { clear: both; width: 960px; height: auto; margin: 0 auto; }
#dmg_layout_areas { float: left; width: 190px; height: 300px; margin: 30px 0 0 15px; }
.dmg_layout_areaHeading { color: #FFFFFF; font-family: 'Cabin', sans-serif; font-size: 1.4em; font-weight: 400; border-bottom: dotted 2px #5e6770; margin: 0 0 10px 0; }
#dmg_layout_areas ul { list-style: none; }
#dmg_layout_areas a { color: #99cccc; font-family: 'Cabin', sans-serif; font-size: .85em; line-height: 27px;  }
#dmg_layout_areas a:hover { text-decoration: none; }
#dmg_layout_contentText { float: right; width: 690px; margin: 30px 25px 0 0; padding-bottom: 20px; text-align: left; }
#dmg_layout_contentText h3 { color: #FFFFFF; font-family: 'Cabin', sans-serif; font-size: 1.4em; font-weight: 400; }
#dmg_layout_contentText h4 { color: #768896; font-family: 'Cabin', sans-serif; font-size: 1em;}
#dmg_layout_contentText p  { color: #FFFFFF; font-family: 'Cabin', sans-serif; font-size: .85em; margin: 0 0 10px 0; }

/*========Footer========*/
#dmg_layout_footerBG { clear: both; width: 960px; height: 76px; margin: 0 auto; background: #012e5b url(/images/layout/footer_bg_img.jpg) repeat-x top; }
#dmg_layout_companyInfo { float: right; text-align: right; font-size: .8em; font-family: Arial, Helvetica, sans-serif; color: #ffffff; margin: 21px 10px 0 0; }
#dmg_layout_social { float: left; width: 100px; margin: 28px 0 0 15px; }
#dmg_layout_social img { padding: 0 3px; }

/* ====css dropdowns ====*/
.anylinkcss{position: absolute;left: 0;top: 0;visibility: hidden;line-height: 18px;z-index: 100; /* zIndex should be greater than that of shadow's below */background: #051A31;width: 187px; /* default width for menu */font-weight:normal;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-top: 5px;}

.anylinkcss ul{margin: 0;padding: 0;list-style-type: none;width: 177px;}

.anylinkcss ul li a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid #99CCCC; padding: 1px 0;text-decoration: none;text-indent: 5px;color: #FFFFFF; font-family: Helvetica Arial,sans-serif;padding: 5px;font-size: .85em;}

.anylinkcss a:hover{ /*hover background color*/background: #006666; color: #FFFFFF;}
/* ######### class for shadow DIV ######### */
.anylinkshadow{ /*CSS for shadow. Keep this as is */position: absolute;left: 0;top: 0;z-index: 99; /*zIndex for shadow*/background: #fff;visibility: hidden;}

/* == General ==================== */
a:link, a:active, a:visited {color: #006666; text-decoration: none;}
a:hover {color: #051A31; text-decoration: underline;}

/*========Disclaimer========*/
#dmg_layout_disclaimer { width: 940px; text-align: center; margin: 20px auto; color: #E5E5E5}
#dmg_layout_disclaimer a { color: #006666; font-weight: bold; }
#dmg_layout_disclaimer a:hover { text-decoration: none; color: #ffffff; }
.disclaimer_links_span { width: 960px; margin: 0 auto; font-family: 'Ovo', serif; font-size: .8em; }
.disclaimer_links_span a { color: #006666; font-weight: bold; }
.disclaimer_links_span a:hover { text-decoration: none; color: #ffffff; }