/*----------------------------------------------- | Cascade Homes Stylesheet | Version : 01.00 -------------------------------------------------*/ /* CSS Document */ @import url(sitemap.css); @import url(rte.css); @import url(ext.css); @import url(mail.css); *{ margin: 0; padding: 0; } /*----------------- [Commons] ---------------------*/ /*-------------------------------------------------*/ a:link img { border: none; } a:link visited img { border: none; } a img { border-style: none; } form { margin: 0px;} .left { float: left;} .right { float:right;} /*----------------- [General] ---------------------*/ /*-------------------------------------------------*/ body { background: #F7ECD7; font: normal 12px Arial, Helvetica, sans-serif; color: #522D18; text-align: center; } #wrapper { width: 760px; height: auto; margin: 0 auto; } #container { width:760px; height: auto; margin:0 auto; text-align: left; float: left; } .seeMore { font: bold 13px Arial, Helvetica, sans-serif; color: #B0C317; text-decoration: none; background: url(images/seemore_bullet.gif) top right no-repeat; padding: 0 12px 0 0; } a.seeMore:hover { color: #CFA169; } /*-------------- [Header Section] -----------------*/ /*-------------------------------------------------*/ #headerDiv { width: 760px; height: auto; float: left; } #topMenu { width: 760px; height: 23px; color: #5A311B; background: #E7D19A; margin: 0 0 2px 0; text-align: right; float: left; text-transform:lowercase;} #topMenu a { font: normal 13px/1.8em "Century Gothic", Arial, "Times New Roman"; color:#5A311B; padding: 0px 6px 0px 6px; text-decoration: none; text-transform:lowercase;} #topMenu a:hover { color: #fff; text-transform:lowercase;} #topMenu a.act { font: normal 13px/1.8em "Century Gothic", Arial, "Times New Roman"; color: #fff; padding: 0px 6px 0px 6px; text-decoration: none; text-transform:lowercase;} #topMenu span { font: normal 13px/1.8em "Century Gothic", Arial, "Times New Roman"; color:#fff; padding: 0px 6px 0px 6px; text-decoration: none; text-transform:lowercase;} #logoSection { width: 760px; height: auto; background: url(images/header_bg.gif) top left repeat-y; float: left; } #logoSection img { margin: 0 0 0 2px; float: left; } #logoContents { width: 254px; height: 167px; margin: 0 0 0 20px; background: url(images/logotext_txt_img.gif) bottom left no-repeat; display: inline; overflow: hidden; float: left; } #menu { width: 760px; height: 22px; background: url(images/menu_bg.gif) top left repeat-x; float: left; display: inline; overflow: hidden; text-transform:uppercase;} #menu li { width: auto; height: auto; list-style: none; border-right: 1px solid #522d18; padding: 0 4px 0 4px; margin: 3px 0 0 0; float: left; text-transform:uppercase;} #menu li a { font: bold 11px/13px "Century Gothic", Arial, "Times New Roman"; color: #522d18; text-decoration: none; text-transform:uppercase;} #menu li a:hover { color: #caa13b; text-transform:uppercase;} #menu li a.act { font: bold 11px/13px "Century Gothic", Arial, "Times New Roman"; color: #caa13b; text-decoration: none; text-transform:uppercase;} #menu li span { width: auto; height: auto; list-style: none; font: bold 11px/13px "Century Gothic", Arial, "Times New Roman"; color: #caa13b; float: left; text-transform:uppercase;} /*----------------------------------- [Middle Section] ------------------------------------*/ /*-----------------------------------------------------------------------------------------*/ #middleDiv { width: 760px; height: auto; float: left; background: url(images/middle_section_bg.jpg) bottom left no-repeat; background-color: #FFFFFF; } .middleContainer { width: 745px; height: auto; margin: 20px 0 0 15px; display: inline; overflow: hidden; float: left; } .middleContainer td { text-align: left; } .middleContainer img { float: left; margin: 0 0 5px 0; } .middleContainer h3 { font: bold 12px/15px "Century Gothic", Arial, "Times New Roman"; color: #000000; margin: 25px 0 0 0; } .imageDescription { width: 280px; height: auto; float: left; display: inline; overflow: hidden; } .imageDescription h3 { font: bold 13px "Century Gothic", Arial, "Times New Roman"; color: #522d18; background: url(images/img_desption_bullet.gif) top left no-repeat; padding-left: 10px; margin: 0; display: inline; overflow: hidden; } .imageDescription h3 span { color: #990000; } .bottomNewsletter { width: 250px; height: auto; float: right; background: url(images/mail_icon.gif) top right no-repeat; margin: 0 5px 5px 0; font: normal 14px/16px "Century Gothic", Arial, "Times New Roman"; color: #7d6151; display: inline; overflow: hidden; } /*----------------------------------- [Footer Section] ------------------------------------*/ /*-----------------------------------------------------------------------------------------*/ #footer { width: 760px; height: auto; float: left; } #footerMenu { width: 760px; height: 25px; background: url(images/footer_menu_bg.gif) top left repeat-x; float: left; color: #FFFFFF; } #footerMenu a { font: normal 12px/19px Arial, Helvetica, sans-serif; padding: 0 5px 0 5px; color: #FFFFFF; text-decoration: none; } #footerMenu a:hover { text-decoration: underline; } #footerMenu span { font: normal 12px/19px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; } #footerMenu2 { width: 760px; height: auto; float: left; color: #000; font: normal 11px/2em Arial, Helvetica, sans-serif; } /*#footerMenu2 a { font: normal 11px/2em Arial, Helvetica, sans-serif; color: #522d18; text-decoration: none; } #footerMenu2 a:hover { text-decoration:underline; }*/ #footerMenu2 a.act { font: normal 11px/2em Arial, Helvetica, sans-serif; color: #522d18; text-decoration: underline; } #footerMenu2 span { color: #bc833d; } .ftrLink1 { font: normal 11px/2em Arial, Helvetica, sans-serif; color: #522d18; text-decoration: none; } a.ftrLink1:hover { text-decoration: underline; } .ftrLink2 { font: normal 11px/2em Arial, Helvetica, sans-serif; color: #bc833d; text-decoration: none; } .ftrLink2 span { color: #FF0000; } /*-------------------- [Inner Page Section] -----------------------*/ /*-----------------------------------------------------------------*/ #innerMiddleDiv { width: 760px; height: auto; float: left; background: url(images/inner_content_bg.gif) top left repeat-y; background-color: #FFFFFF; } #innerContainer { width: 760px; height: auto; background: url(images/inner_img.jpg) bottom left no-repeat; float: left; } #innerLeftSection { width: 199px; height: auto; float: left; background: #522d18; padding: 0 0 15px 0; } #lftLinks { width: 198px; height: auto; float: left; } #lftLinks li { width: 185px; height: auto; list-style: none; margin: 10px 0 10px 8px; } #lftLinks li a { font: normal 15px/20px "Century Gothic", Arial, "Times New Roman"; color: #FFFFFF; text-decoration: none; } #lftLinks li a:hover { color: #ffe4c5; } #lftLinks li a.act { font: normal 15px/20px "Century Gothic", Arial, "Times New Roman"; color: #ffe4c5; text-decoration: none; } #lftLinks li span { font: normal 15px/20px "Century Gothic", Arial, "Times New Roman"; color: #ffe4c5; text-decoration: none; } #innerRightSection { width: 561px; height: auto; float: left; display: inline; overflow: hidden; } #innerRightSection h1 { font: normal 22px/2.5em "Century Gothic", Arial, "Times New Roman"; color: #874707; margin: 0 0 0 15px; } #innerRightSection p { font: normal 12px/16px Arial, Helvetica, sans-serif; color: #522d18; margin: 0 0 12px 15px; } #innerRightSection1 { font: normal 12px/16px Arial, Helvetica, sans-serif; color: #522d18; margin: 0 12px 12px 15px; } #innerRightSection1 h1 { font: normal 22px/2.5em "Century Gothic", Arial, "Times New Roman"; color: #874707; margin: 0 0 0 0px; } #innerRightSection img { vertical-align: bottom; margin: 0; } .bottomSubscribe { width: 760px; height: auto; float: left; margin: 15px 0 0 0; } #houseContainer { width: 317px; height: auto; float: left; margin: 0 0 0 15px; } #houseContainer a { font: bold 14px "Century Gothic", Arial, "Times New Roman"; color: #522d18; background: url(images/img_desption_bullet.gif) top left no-repeat; padding-left: 10px; float: left; } #houseContainer a:hover { textrl(../images/horizontal_dots.gif) bottom left repeat-x; display: inline; float: left; }