/* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } /* Global properties ======================================================== */ body{ background: url(../images/bg_bot.jpg) bottom repeat-x #181714; border:0; font:13px Arial, Helvetica, sans-serif; color:#e3d5bf; line-height:16px;} /* Global Structure ============================================================= */ .main { margin: 0 auto; position: relative; width: 984px;} .body1{ background:url(../images/bg_top2.jpg) bottom repeat-x #191816;} .body2{ background:url(../images/bg_top.jpg) top repeat-x;position:relative; z-index:10} .body3{ background:url(../images/bg_img.jpg) center 101px no-repeat} /* .body4{ background:url(../images/bg.jpg) repeat; margin-top:-171px;} */ .body4{ background:url(../images/bg.jpg) repeat; margin-top:-19px;} /* Left & Right alignment */ .left { float:left;} .right { float:right;} .center{ text-align:center} .wrapper {width:100%; overflow:hidden;} .col1, .col2, .col3, .col, .cols{ float:left;} .col{ width:223px;} .col1{ width:650px;} .col2{ width:350px;} .cols{ width:310px;} /* ============================= main layout ====================== */ a{ color:#e3d5bf; text-decoration: underline; outline:none} a:hover{ text-decoration: none} h1{ float:left; position:relative; z-index:10} h2{ padding:0 0 16px 0; height:39px;} h2 img{ position:absolute} h3{ text-align:center; padding-bottom:10px} h4, h4 span{ text-align:left; padding-bottom:10px; font-weight:bold;} h4 span{ font-weight:normal;} p{ padding-bottom:16px;} .ss{ font-size: 70%; position: relative; bottom: 0.3em; left: 0.1em;} /* ============================= header ====================== */ /* header{ } #logo{ display:block; background: url(../images/logo.png) no-repeat; width:383px; height:120px; text-indent:-5000px;} #menu { padding-top:32px; float: left; padding-left:108px; height:240px; position:relative; z-index:10} */ header{ height:120px;} #logo{ display:block; background: url(../images/logo.png) no-repeat; width:383px; height:120px; text-indent:-5000px;} #menu { padding-top:32px; float: left; padding-left:99px; position:relative; z-index:10} #menu .global { float:left; padding-right:14px;} #menu .global a{ display:block; font-weight:bold; color:#fff; text-shadow:1px 1px #000; line-height:38px; text-transform:uppercase; text-decoration:none} #menu .global a span{ display:block} #menu .global a span span{ padding:0 10px} #menu .global a:hover, #menu #menu_active a, #menu .list:hover .menu_global a{ text-shadow:1px 1px #6b7f03; background:url(../images/menu_bg.jpg) top repeat-x} #menu .global a:hover span, #menu #menu_active a span, #menu .list:hover .menu_global a span{ background:url(../images/menu_left.jpg) top left no-repeat} #menu .global a:hover span span, #menu #menu_active a span span, #menu .list:hover .menu_global a span span{ background:url(../images/menu_right.jpg) top right no-repeat} #menu .global a span span span{ background:url(../images/menu_marker.gif) right 14px no-repeat; padding-right:27px;} #menu .global a:hover span span span, #menu .list:hover .menu_global a span span span, #menu #menu_active a span span span{ background:url(../images/menu_marker_hover.jpg) right 14px no-repeat;} #menu .list{ width:151px; margin-right:-65px;} .menu_global{ width:85px;} .menu_box{ width:151px; height:0; background:url(../images/menu_box.png) no-repeat; display:none} #menu .list:hover .menu_box{ height:186px; padding:8px 3px 8px 5px; font-size:12px; display:block} #menu .list:hover .menu_box li a{ line-height:26px; font-size:12px; text-shadow:1px 1px #6b7f03; width:138px;} #menu .list:hover .menu_box li a span span{ padding:0; margin:0 7px;} #menu .list:hover .menu_box li a:hover{ background:url(../images/menu_left2.png) top left no-repeat; text-shadow:none} #menu .list:hover .menu_box li a:hover span{ background:url(../images/menu_right2.png) top right no-repeat} #menu .list:hover .menu_box li a:hover span span{ background:#45423b} .box1{ float:right; margin-top:31px; width:166px; background:url(../images/box_bg.jpg) top repeat-x; font-weight:bold; text-shadow: 1px 1px #000; color:#c7d602; line-height:36px;} .box1_left{ background:url(../images/box_left.jpg) top left no-repeat} .box1_right{ background:url(../images/box_right.jpg) top right no-repeat; padding:0 12px; height:40px} .box1 a{ color:#c7d602; text-decoration:none;} .box1 a:hover{ text-decoration:underline} #banner{ text-align:center; margin-top:-130px;} #banner img{ margin-bottom:17px;} #banner a{ display:inline; margin:0 20px} /* ============================= content ====================== */ #content{ padding-bottom:41px; position:relative; z-index:1} .pad_left1{ padding-left:22px;} .pad_left2{ padding-left:78px;} .pad_left3{ padding-left:30px;} .pad_bot1{ padding-bottom:28px;} .pad_bot2, #mapviewer{ padding-bottom:55px} .marg_right1{ margin-right:18px;} .pad{ padding:42px 14px 0 18px;} #banners{ background:url(../images/bg_banners.png) no-repeat; padding:12px 14px 30px 12px; margin-top:42px;} #banners figure{ padding-bottom:31px;} #banners .col{ text-align:center} #banners .button{ background:url(../images/button2_bg.jpg) center top repeat-x;} #banners .button span{ background:url(../images/button2_left.jpg) top left no-repeat} #banners .button span span{ background:url(../images/button2_right.jpg) top right no-repeat} .button{ display:inline-block;font-size:11px; color:#a29f9c; text-transform:uppercase; text-decoration:none; line-height:32px; background:url(../images/button_bg.jpg) top center repeat-x} .button span{ display:block; background:url(../images/button_left.jpg) top left no-repeat} .button span span{ padding:0 30px 0 10px; height:33px; background:url(../images/button_right.jpg) top right no-repeat} .button:hover{ color:#5287BB} /* LINK HOVER COLOR */ .ibutton{ display:inline-block; border:none; font-size:11px; color:#a29f9c; text-transform:uppercase; text-decoration:none; line-height:25px; background:url(../images/button_bg.jpg) top center repeat-x} .ibutton span{ display:inline-block; background:url(../images/button_left.jpg) top left no-repeat} .ibutton span span{ display:inline-block;padding:0 30px 0 10px; height:33px; background:url(../images/button_right.jpg) top right no-repeat} .ibutton:hover{ color:#5287BB} /* LINK HOVER COLOR */ .submitbutton{ font:12px Arial, Helvetica, sans-serif; color:#a29f9c; text-transform:uppercase; text-decoration:none; padding: 0; line-height:16px; border:none; background:none} .submitbutton:hover{ color:#5287BB; cursor: pointer} /* LINK HOVER COLOR */ .line1{ background:url(../images/line_bg.jpg) 688px repeat-y} .line1_top{ background:url(../images/line_top.jpg) 688px top no-repeat} .line1_bot{ background:url(../images/line_bot.jpg) 688px bottom no-repeat} .line2{ background:url(../images/line_bg.jpg) 260px repeat-y} .line2_top{ background:url(../images/line_top.jpg) 260px top no-repeat} .line2_bot{ background:url(../images/line_bot.jpg) 260px bottom no-repeat} .font1{ font-weight:bold; color:#5481b8} /* BODY HEADERS COLOR */ .list1{ margin-top:-5px; margin-bottom:-5px;} /* .list1 li{ line-height:26px;} */ .list1 li a, .list1 li span{ text-decoration:none; padding-left:20px; background:url(../images/marker_1.gif) 0 5px no-repeat} .list1 li a:hover{ text-decoration:underline} .list2{ padding-left:35px; list-style-type:square;} .quote{ font-style: italic; padding-bottom: 35px;} .quote span{ padding-left: 8px;} li.list3 { margin-bottom: 17px;} /* ============================= footer ====================== */ .footerlogos { background:url(../images/footerlogos.jpg) center no-repeat; margin-top:14px; height:79px;} footer { color:#e3d5bf; overflow:auto;} footer ul { width:159px; float:left; margin:0 47px 0 0; padding:0;} footer ul li { list-style-type:none!important; line-height:19px;} footer ul li a { text-decoration:none; color:#e3d5bf;} footer ul li a:hover { text-decoration:underline;} footer h5 { font-weight: bold; margin:0 0 5px; padding:14px 0 5px 0; border-bottom: 1px solid #e3d5bf;} li.fcol1 { margin-bottom: 32px;} ul.endfootcol { margin: 0px;} .cr { width: 100%; border-top: 1px solid #5d5a4f; padding: 16px 0 0; clear: both; color:#5d5a4f;} .cr a { color:#5d5a4f;} /* footer { color:#5d5a4f; text-transform:uppercase; font-size:10px; padding:26px 0 0 0; height:53px;} footer a{ color:#5d5a4f; text-decoration:none} footer a:hover{ text-decoration:underline} footer span{ font-size:11px;} footer .right{ padding:8px 22px 0 0; text-shadow:2px 1px #171613; line-height:16px;} #footer_menu{ float:left; padding-left:18px;} #footer_menu li{ float:left; padding-right:11px;} #footer_menu li a{ float:left; font-size:11px; color:#5287BB; line-height:33px; background:url(../images/footer_menu_bg.jpg) top repeat-x} #footer_menu span{ display:block; background:url(../images/footer_menu_left.jpg) top left no-repeat} #footer_menu span span{ padding:0 11px 0 10px; background:url(../images/footer_menu_right.jpg) top right no-repeat} #footer_menu a:hover{ text-decoration:none; color:#5d5a4f} */ /* ============================= forms ============================= */ #ContactForm { line-height:20px; width:645px;} #ContactForm .bg{ background:url(../images/input.jpg) no-repeat; margin-bottom:24px;} #ContactForm .bg2{ background:url(../images/textarea.jpg) no-repeat; margin-bottom:24px;} #ContactForm,#MoreInfoForm a{ margin-left:14px; float:right; cursor:pointer} #ContactForm .input {width:294px; height:15px; border:none; background:none; padding:9px 5px;color:#e3d5bf; font:12px Arial, Helvetica, sans-serif} #ContactForm textarea {width:294px; height:246px; border:none; background:none; padding:9px 5px;color:#e3d5bf; font:12px Arial, Helvetica, sans-serif; overflow: auto} .error strong {color: #de5555;} .col_1{ width:304px; float:left;} .col_2{ width:311px; float:left; padding-left:30px; padding-bottom:65px;} #MoreInfoForm { line-height:20px; width:223px; height: 330px;} #MoreInfoForm .bg{ background:url(../images/input_listingD.jpg) no-repeat; margin-bottom:24px;} #MoreInfoForm .input {width:213px; height:15px; border:none; background:none; padding:9px 5px;color:#e3d5bf; font:12px Arial, Helvetica, sans-serif} .subject{ display:none; visibility:hidden;} /**--------------------slider-----------------------*/ #listingslink a { position:absolute; top:594px; z-index:9; cursor:pointer;} .listingbutton{ left:380px; display:block; width: 223px; font-size:11px; color:#a29f9c; text-transform:uppercase; text-decoration:none; line-height:38px; background:url(../images/marker_center.png) left 0px no-repeat;} .listingbutton span{ padding:0 30px 0 22px; height:33px;} .listingbutton:hover{ color:#5481b8} /* LINK HOVER COLOR */ /* The Nivo Slider styles */ #slider { width:979px; height:435px; margin-left:3px; position:absolute !important; top:142px; } /* .nivoSlider { position:relative; } */ .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:452px; z-index:9; cursor:pointer; } .nivo-prevNav { left:410px; display:block; width:35px; height:36px; background:url(../images/marker_left.png) left 0px no-repeat; } .nivo-prevNav:hover { background:url(../images/marker_left.png) left -36px no-repeat; } .nivo-nextNav { right:415px; display:block; width:135px; height:36px; background:url(../images/marker_right.png) left 0px no-repeat; } .nivo-nextNav:hover { background:url(../images/marker_right.png) left -36px no-repeat; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }