/****************************** * Global Style *******************************/ /****************************** html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 18px;} *******************************/ body {text-align:center; background:#FFFFFF; font:normal 11px Verdana, Arial, Helvetica, sans; margin:0px; padding:0px; color:#4A3C31;} h1 {font-size: 20px; color: #4A3C31; font-family: Helvetica, Arial, sans-serif; font-weight:bold;} h2 {font-size: 18px; color: #4A3C31; font-family: Helvetica, Arial, sans-serif; font-weight:bold; margin: 10px 0px 0px 0px;} h3 {font-size: 14px; color: #4A3C31; font-family: Arial, sans-serif; font-weight:bold; margin: 22px 0px 0px 0px;} h4 {font-size: 18px; color: #4A3C31; font-family: Helvetica, Arial, sans-serif; font-weight:normal; margin: 10px 0px 0px 0px;} h1 a, h1 a:link, h1 a:visited, h2 a, h2 a:link, h2 a:visited {#4A3C31;} h1 a:hover, h2 a:hover {#00A9E0; text-decoration:none;} ol li {list-style-type:decimal; margin:0px 0px 18px 0px; padding:0px;} ol {margin:0px; padding:20px;} ul, li {list-style-type:none;} img {border:0; padding:0px; margin:0px;} a, a:link, a:visited {outline: none; text-decoration: none; color: #4A3C31;} a:hover {text-decoration: underline; color: #00A9E0;} a.alt , a.alt:link , a.alt:visited {outline: none; text-decoration: none; color: #00A9E0;} a.alt:hover {text-decoration: underline; color: #4A3C31;} table, tr, td {border: 0; border-collapse: collapse;} hr {margin: 8px 0px 6px; height: 1px; padding: 0px; border: none; border-top: 1px solid #c8c4c1; clear:both;} .pages_top {float:right; margin:-34px 0px 34px 0px; font:normal 11px Verdana, Arial, Helvetica, sans;} .pages {float:right; margin:0px 0px 20px 0px; font:normal 11px Verdana, Arial, Helvetica, sans;} .pages a, .pages_top a {border: solid 1px #c8c4c1; padding: 2px 5px 2px 5px; margin: 0 3px 0 3px; color: #00A9E0; background: #ffffff;} .pages a:hover, .pages_top a:hover {text-decoration: none; color: #FFFFFF; background: #4A3C31;} .more {margin-left: 0.4em; padding-left: 0.7em; font-size: 0.9em; line-height: 1.6em; text-transform: capitalize; border-left: 1px solid #c8c4c1; font:normal 11px Verdana, Arial, Helvetica, sans;} .just_divide {margin-left: 0.4em; padding-left: 0.7em;line-height: 1.6em;border-left: 1px solid #c8c4c1; } .more a, .more a:link, .more a:visited {outline: none; text-decoration: none;} .more a:hover {text-decoration: underline;} img.thumb {border: 3px solid #e4e2e0; padding: 2px;} .spacer {padding:40px 0px 0px 0px; clear:both;} .space_left {padding:0px 10px 0px 10px;} .space_bottom {padding:0px 0px 10px 0px;} img {border:0px;} textarea, select {display: inline-block; margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; background-color: #FFFFFF; color: #4A3C31; border: 1px solid #c8c4c1; line-height: 16px;} input {display: inline-block; margin: 0px 0px 0px 0px; font-size: 11px; background-color: #FFFFFF; color: #4A3C31; border: 1px solid #c8c4c1; line-height: 16px; padding:0px;} input.hidden {display: none;} input.normal {font-weight:normal; padding:3px 3px 3px 3px; font-family: Verdana, Geneva, sans-serif;} input.bigger {font-weight:normal; padding:6px 6px 6px 6px; width:290px; margin: 1px 0px 14px 0px;} /****************************** * Header Style *******************************/ #header {background: #064F5A url(../image/head_bg.jpg) repeat-x top left; height:255px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #inner {position:relative; background: transparent url(../image/wave.jpg) no-repeat top left; width: 1006px; margin: 0px auto; text-align:left; height:255px;} #logo {width:auto; display:inline; height:43px;} #logo h1 a {background: transparent url(../image/gw_logo.png) no-repeat top left; position:relative; top:74px; left:26px; height:43px; width:191px; text-align:left; cursor:pointer; display:block;} * html div#logo h1 a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/gw_logo.png", sizingMethod="crop"); } #logo h1 strong {display:none; text-align:left; height:43px; margin:0px;} #logo h1 {margin:0px; width:191px; display:inline;} #nav {text-align:left; height:96px; position:absolute; right:24px; top:10px; padding: 0; margin:0px;} #nav_link {display:block; height:96px; text-align:right; float:right; margin:0px;} #nav_link ul {display:block; height:96px; margin: 0px; float:right;} #nav_link ul li {float:right; height:96px;} #nav_link ul li a {display:block; padding:0px; margin:0px;} * html div#nav_link ul li#home a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/home_btn.png", sizingMethod="crop");} * html div#nav_link ul li#home_on a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/home_btn_on.png", sizingMethod="crop");} * html div#nav_link ul li#search a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/search_btn.png", sizingMethod="crop");} * html div#nav_link ul li#search_on a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/search_btn_on.png", sizingMethod="crop");} * html div#nav_link ul li#about a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/about_btn.png", sizingMethod="crop");} * html div#nav_link ul li#about_on a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/about_btn_on.png", sizingMethod="crop");} * html div#nav_link ul li#local a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/local_btn.png", sizingMethod="crop");} * html div#nav_link ul li#local_on a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/local_btn_on.png", sizingMethod="crop");} * html div#nav_link ul li#contact a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/contact_btn.png", sizingMethod="crop");} * html div#nav_link ul li#contact_on a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/contact_btn_on.png", sizingMethod="crop");} #nav_link ul li#home a {background-image: url(../image/home_btn.png); background-repeat: no-repeat; width:66px; height:96px; background-position: left top; cursor: pointer;} #nav_link ul li#home_on a {background-image: url(../image/home_btn_on.png); background-repeat: no-repeat; width:66px; height:96px; background-position: left top; cursor: pointer;} #nav_link ul li#search a {background-image: url(../image/search_btn.png); background-repeat: no-repeat; width:102px; height:96px; margin:0px 0px 0px 0px; background-position: left top; cursor: pointer;} #nav_link ul li#search_on a {background-image: url(../image/search_btn_on.png); background-repeat: no-repeat; width:102px; height:96px; margin:0px 0px 0px 0px; background-position: left top; cursor: pointer;} #nav_link ul li#about a {background-image: url(../image/about_btn.png); background-repeat: no-repeat; width:102px; height:96px; margin:0px 0px 0px 0px; background-position: left top; cursor: pointer;} #nav_link ul li#about_on a {background-image: url(../image/about_btn_on.png); background-repeat: no-repeat; width:102px; height:96px; margin:0px 0px 0px 0px; background-position: left top; cursor: pointer;} #nav_link ul li#local a {background-image: url(../image/local_btn.png); background-repeat: no-repeat; width:94px; height:96px; margin:0px 0px 0px 0px; background-position: left top; cursor: pointer;} #nav_link ul li#local_on a {background-image: url(../image/local_btn_on.png); background-repeat: no-repeat; width:94px; height:96px; margin:0px 0px 0px 0px; background-position: left top; cursor: pointer;} #nav_link ul li#contact a {background-image: url(../image/contact_btn.png); background-repeat: no-repeat; width:81px; height:96px; margin:0px 0px 0px 0px; background-position: left top; cursor: pointer;} #nav_link ul li#contact_on a {background-image: url(../image/contact_btn_on.png); background-repeat: no-repeat; width:81px; height:96px; margin:0px 0px 0px 0px; background-position: left top; cursor: pointer;} #home a span, #home_on a span {display:none;} #search a span, #search_on a span {display:none;} #about a span, #about_on a span {display:none;} #local a span, #local_on a span {display:none;} #contact a span, #contact_on a span {display:none;} #phone {text-align:right; width:auto; display:inline; height:43px;float:right;} #phone h1 a {background: transparent url(../image/phone.png) no-repeat top right; position:absolute; top:118px; right:28px; height:43px; width:139px; text-align:right; cursor:pointer; display:block;} * html div#phone h1 a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/phone.png", sizingMethod="crop"); } #phone h1 strong {display:none; text-align:right; height:43px; margin:0px;} #phone h1 {margin:0px; width:139px; display:inline;} #aloha {clear:both; width:auto; display:inline; height:72px;} #aloha h1 a {background: transparent url(../image/aloha.png) no-repeat bottom center; position:relative; top:140px; left:26px; height:72px; width:952px; text-align:left; cursor:pointer; display:block;} * html div#aloha h1 a { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/aloha.png", sizingMethod="crop"); } #aloha h1 strong {display:none; text-align:left; height:72px; margin:0px;} #aloha h1 {margin:0px; width:952px; display:inline;} /****************************** * Home Page Style *******************************/ #main {width:906px; margin-left: auto; margin-right: auto; text-align:left;} #featured {clear:both; position:relative; margin: 0px 0px 0px 0px;} .feature {float:left; width:280px; position:relative; margin: 0px 20px 50px 0px;} .feature p {margin:6px 0px 0px 0px; line-height:20px;} .two_column {clear:both; display:block; position:relative; margin: 0px 0px 0px 0px;} .three_column {clear:both; display:block; position:relative; margin: 0px 0px 0px 0px;} .four_column {clear:both; display:block; position:relative; margin: 0px 0px 0px 0px;} #gregswave {display:block; float:left; position:relative; top:0px; margin: 0px 0px 40px 0px; line-height:17px; width:100%;} .column2_1 {float:left;width:60%;line-height:20px; margin:0px 0px 30px 0px;} .column2_2 {float:left;width:40%; line-height:20px; margin:0px 0px 30px 0px;} .column2_1 p {margin:0px 0px 30px 0px; width:90%;} .column2_2 p {margin:10px 0px 30px 0px; } .column2_2 ul, .column2_2 li {margin:0px 0px 0px 0px; padding:0px; line-height:24px; } .column2_1 ul, .column2_1 li {margin:0px 0px 0px 0px; padding:0px; line-height:24px; } .column3 {float:left;width:30%;line-height:20px; margin:0px 0px 30px 0px;} .column4 {float:left;width:25%; margin:0px 0px 30px 0px;} .column4 p {margin:6px 14px 0px 0px; line-height:20px;} .column1_newsletter {float:left;width:70%;line-height:20px; margin:0px 0px 30px 0px;} .column2_newsletter {float:left;width:23%; line-height:20px; margin:0px 0px 30px 50px;} .column2_newsletter ul, .column2_newsletter li {margin:0px 0px 0px 0px; padding:0px; line-height:24px; } #listings_tab_sold, #listings_tab_price {margin-left: 0.4em; padding-left: 0.7em; border-left: 1px solid #c8c4c1;} .tabon {font:bold 11px Verdana, Arial, Helvetica, sans;} .sep {margin-right: 0.4em; padding-right: 0.7em; line-height: 1.6em; text-transform: capitalize; border-right: 1px solid #c8c4c1; font:normal 11px Verdana, Arial, Helvetica, sans; color:#000000; } #map {width:260px; height:214px; margin: -38px 0px 30px 0px; float:left;} #basic_search {float:left;width:60%;} #search_elements {float:left;} .price_range {clear:both; margin-top:14px;} .price_range select {width:80px;} .prop_type {margin:20px 0px 20px 0px;} .setb {font-weight:bold;vertical-align:top;} .search_props {margin-top:0px;} #mls_search {display:block; float:left; margin: 0px 0px 30px 0px; width:40%;} .mls input.big_search {font-size:15px; font-weight:bold; padding:6px 30px 6px 6px; background:#FFFFFF url(../image/mag.gif) no-repeat center right; width:213px;} .mls {display:inline; float:left; margin:0px 6px 0px 0px;} .mls input {margin: 0px 0px 8px 0px;} .note {font-style:italic; color:#A49D99;} .light {color:#A49D99; font:normal 11px Verdana, Arial, Helvetica, sans;} .more_light {margin-left: 0.4em; padding-left: 0.7em; font-size: 0.9em; line-height: 1.6em; text-transform: capitalize; border-left: 1px solid #c8c4c1; font:normal 11px Verdana, Arial, Helvetica, sans; color:#A49D99;} #testimonials {clear:both; text-align:center;margin:26px 0px 0px 0px; height:96px;} #testimonials p {width:95%; text-align:center; margin: 0px auto 12px auto;} #testimonials q {text-align:center; font-size: 18px; line-height:28px; color: #4A3C31; font-family: Helvetica, Arial, sans-serif;} #testimonials .note {font-size: 12px;} .quotation {font:normal 100% "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; font-size:50px; line-height: 0px; color:#A49D99; vertical-align:-19px;} .quote {text-align:center; font-size: 18px; line-height:28px; color: #4A3C31; font-family: Helvetica, Arial, sans-serif;} q {font-size: 14px; line-height:28px; color: #4A3C31; font-family: Helvetica, Arial, sans-serif; } #spaced_out p {margin: 20px auto 30px auto;} #testimonial1 {position:relative; top:0px; left:0px;background-color:#FFFFFF;} #testimonial2 {position:relative; top:-96px; left:0px; background-color:#FFFFFF;} #testimonials_cond {clear:both; text-align:center; margin:0px 0px 0px 0px;} #testimonials_cond p {margin:0px; padding:0px;} /****************************** * Popper Style *******************************/ #popper {opacity: 0.75; filter:alpha(opacity=75); -moz-opacity: 0.75; background-color:#4A3C31; padding:0px; margin:0px; position:fixed; right:0px; bottom:0px; height:132px; width:170px; z-index:1;} #popper_tab {opacity: 0.95; filter:alpha(opacity=95); -moz-opacity: 0.95; background: transparent url(../image/search_options_tab.png) no-repeat left top; width:170px; height:37px; margin:0px; position:fixed; right:0px; bottom:132px; z-index:2;} #pop_nest {background-color:#FFFFFF; margin:0px; padding:0px; text-align:left; position:fixed; bottom:10px; right:10px; height:110px; width:150px; z-index:3; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;} #pop_nest h3 {margin:8px 0px 0px 8px;} #pop_nest p {margin:8px 0px 0px 8px;} .close_button {background: transparent url(../image/close.png) no-repeat center center; height:18px; width:18px; cursor:pointer; position:fixed; bottom:142px; right:7px;z-index:4;} /****************************** * Contact Style *******************************/ .submit {padding:4px 8px 4px 8px;border:1px #4A3C31 solid; background:#4A3C31; margin:0px auto 0px auto; font-weight:bold; text-transform:uppercase; color:#FFFFFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} /****************************** * About Greg Style *******************************/ .fullpage {line-height:24px; } .fullpage p {margin:0px 0px 20px 0px;} .right {float:left; margin: 0px 10px 0px 0px; border: 3px solid #e4e2e0; padding: 2px;} /****************************** * Local Style *******************************/ #taxes {padding:10px; width:100%;} #weather {background: transparent url(../image/weather.png) no-repeat -200px -365px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} #clear_sunny_day {background: transparent url(../image/weather.png) no-repeat -15px -15px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} #clear_sunny_day_w_few_clouds {background: transparent url(../image/weather.png) no-repeat -15px -190px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} #clear_night {background: transparent url(../image/weather.png) no-repeat -15px -365px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} #clear_cloudy_night {background: transparent url(../image/weather.png) no-repeat -15px -540px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} #clear_cloudy_day {background: transparent url(../image/weather.png) no-repeat -200px -15px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} #dark_and_cloudy {background: transparent url(../image/weather.png) no-repeat -200px -190px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} #showers_scattered {background: transparent url(../image/weather.png) no-repeat -200px -365px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} #showers {background: transparent url(../image/weather.png) no-repeat -200px -540px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} #storm {background: transparent url(../image/weather.png) no-repeat -380px -15px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} #snow {background: transparent url(../image/weather.png) no-repeat -380px -190px; position:relative; top:0px; left:0px; height:125px; width:167px; text-align:left; cursor:pointer; display:block;} /****************************** * Search Style *******************************/ #advanced_search input {font-weight:normal; padding:3px 3px 3px 3px; font-family: Verdana, Geneva, sans-serif;} .map_space {margin:0px 0px 0px 30px;} #advanced_search {width:100%;} #advanced_search table.padder {width:100%;} #advanced_search table.padder td {padding:20px;} tr .off {background-color:#F8F5F3; border-top: 1px solid #DDD8D3; border-bottom: 1px solid #DDD8D3;} .actionbutton {padding:4px; border:1px #4A3C31 solid; background:#4A3C31; margin:0px auto 0px auto; font-weight:bold; text-transform:uppercase; color:#FFFFFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} .checkbox {margin:0px 0px 4px 0px; } .crit {width:120px;} #mls_search_page {clear:both; position: relative; top:0px; left:0px; margin: 30px auto 30px auto; width:400px; height:200px;} #mls_search_page input.big_search {font-size:15px; font-weight:bold; padding:6px 30px 6px 6px; background:#FFFFFF url(../image/mag.gif) no-repeat center right; width:213px;} #mls_search_page .mls {margin:42px 2px 0px 0px;} #mls_search_page .search_props input {margin: 40px 0px 0px 0px;} .search_nav {float:right; margin-top:-60px;} /****************************** * Listng Style *******************************/ .fulllisting {line-height:14px;} .listing {clear:both;} /****************************** * Newsletter Style *******************************/ ul.bullets {list-style-type:disc; margin:0px; padding:0px 0px 20px 20px;} ul.bullets li {list-style-type:disc; margin:0px 0px 18px 0px; padding:0px;} /****************************** * Footer Style *******************************/ #footer {background: transparent url(../image/footer_bg.jpg) repeat-x bottom center; height:256px; margin:0px; padding:0px;} #footer h1 {font-size: 14px; color:#ADA093; font-family: Arial, sans-serif; font-weight:bold; margin:0px 0px 16px 0px; padding:0px;} #footer p {font:normal 12px Arial, Verdana, Helvetica, sans; font-weight:normal; color:#FFFFFF; margin:0px; padding:0px; line-height:18px;} #footer a, .footer a:link, .footer a:visited {color:#FFFFFF; font-family: Arial, verdana, sans-serif;font-weight:normal; } #footer a:hover {color:#FFFFFF; text-decoration:underline;} #container {position: relative; top:20px; height:148px; width:952px; border:1px #584F46 solid; background:#4A3C31; margin:0px auto 0px auto; color:#b7aca5; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;} #footnav {margin:16px 0px 0px 16px; padding:0px; background:#000000;} #footnav li {text-transform:uppercase; color:#ADA093; float:left; margin:0px 0px 0px 0px;} #footnav a, .footnav a:link, .footnav a:visited {color:#FFFFFF; font-family: Arial, verdana, sans-serif;font-weight:bold; } #footnav a:hover {color:#ADA093; text-decoration:none;} .divider {float:left; background: transparent url(../image/footer_sep.gif) repeat-y top left; height:120px; width:auto; margin:0px; padding:0px; position:relative; left:56px;} #letstalk {margin:0px; padding:0px 46px 0px 20px; text-align:left;} #f_newsletter {margin:0px; padding:0px 46px 0px 20px; text-align:left;} #explore {margin:0px; padding:0px 46px 0px 20px; text-align:left;} #footer_label {position:relative; top:30px; left:0px; background:transparent; color:#ADA093; text-align:center; margin:0px; padding:0px;} * html div.footer_logo { /* png hack for IE */ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/static/20111007/image/footer_logo.png", sizingMethod="crop"); } .footer_logo {background: transparent url(../image/footer_logo.png) no-repeat bottom center; width:137px; height:54px;text-align:center; margin:0 auto 0;} #footer_label p {color:#ADA093; font:normal 11px Verdana, Arial, Helvetica, sans; text-align:center;}