/* Theme Name: Ocean Surf Resort Version: v.1 Author: Dark Horse Marketing Author URI: http://www.darkhorsemarketing.com Tags: ocean, surf, resort, beach, relaxation */ /* RESET */ * { margin-left: auto ; margin-right: auto ; margin-top: 0; padding: 0;} html { overflow-y: scroll;} html, body { height: 100%; } body { font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: #666666; background: url("images/sand.jpg");} ol { list-style:: decimal inside; } a { outline: none; text-decoration: none; } a img { border: none; } table { border-collapse:collapse; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear:both; } .spacer { height: 20px; width: 1px; vertical-align: top; } .sandytext { font-family: "Palatino Linotype", Times, serif; color: #996600; font-size: 15px; font-style:italic;} .learnmore_ita { font-family: "Palatino Linotype", Times, serif; color: #006699; font-size: 14px; font-style:italic; font-weight:bold;} .blue_box_title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style:italic; color: #33ffff;} .blue_box_title1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style:italic; color: #33ffff;} .blue_box_title_caps { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #33ffff;} .blue_box_contnet { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003366;} .blue_box_email { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style:italic; color: #006699;} .text_italic { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style:italic; color: #666666;} .text { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666;} .learnmore { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style:italic; font-weight:bold; color: #006699;} .learnmore_nonit { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color: #006699;} h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #0066ff; line-height: 0%;} h4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #0066ff; line-height: 0%;} h5 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #0066ff;} .button { border: none; background: url('images/send-button.jpg') no-repeat top left; padding: 2px 25px; overflow: hidden; text-indent: -9999px;} .music { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:italic; color: #0066ff;} .footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #996633;} .roomstour { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style:italic; font-weight:bold; color: #003399;} #rr-thumbs { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold;} .white_box_title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style:italic; color: #ffffff;} .rates_title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff;} .rates_days { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; padding-top:3px; padding-bottom: 3px;} .rates_rooms { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #0033ff;} .rates_note { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:italic; color: #ffffff;} li.policy { list-style-type:circle inside; color: #0099ff;} .contact_title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0066cc} .contact_subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0066cc} .contact_links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #009999} .amenities_title_big { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #0066cc} .specials_title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0066ff} .wtd_title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0066ff; margin-left: 232px; padding-bottom:10px;} .events_title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0066ff; padding-bottom:10px;} /* MENU */ #menu0 {background: url("images/home_page.jpg") no-repeat 0 0; width: 195px; height: 22px; display: block;} #menu0:hover {background: url("images/home_page.jpg") no-repeat 0 0;} #menu0:active {background: url("images/home_page.jpg") no-repeat 0 0;} #menu0.current {background: url("images/home_page.jpg") no-repeat 0 0; width: 195px; height: 22px; display: block;} #menu1 {background: url("images/rooms_rates.jpg") no-repeat 0 0; width: 195px; height: 40px; display: block;} #menu1:hover {background: url("images/rooms_rates-active.jpg") no-repeat 0 0;} #menu1:active {background: url("images/rooms_rates-active.jpg") no-repeat 0 0;} #menu1.current {background: url("images/rooms_rates-active.jpg") no-repeat 0 0; width: 195px; height: 40px; display: block;} #menu2 {background: url("images/amenities.jpg") no-repeat 0 0; width: 195px; height: 37px; display: block;} #menu2:hover {background: url("images/amenities-active.jpg") no-repeat 0 0;} #menu2:active {background: url("images/amenities-active.jpg") no-repeat 0 0;} #menu2.current {background: url("images/amenities-active.jpg") no-repeat 0 0;} #menu3 {background: url("images/directions_map.jpg") no-repeat 0 0; width: 195px; height: 39px; display: block;} #menu3:hover {background: url("images/directions_map-active.jpg") no-repeat 0 0;} #menu3:active {background: url("images/directions_map-active.jpg") no-repeat 0 0;} #menu3.current {background: url("images/directions_map-active.jpg") no-repeat 0 0;} #menu4 {background: url("images/contact.jpg") no-repeat 0 0; width: 195px; height: 46px; display: block;} #menu4:hover {background: url("images/contact-active.jpg") no-repeat 0 0;} #menu4:active {background: url("images/contact-active.jpg") no-repeat 0 0;} #menu4.current {background: url("images/contact-active.jpg") no-repeat 0 0;} /* LAYOUT */ #wrapper { width: 1080px; } /* CONTAINER */ #container {} #top { height: 384px; width: 1080px; background:url(images/background-top.jpg) top center no-repeat;} #top-rr { height: 677px; width: 1080px; background:url(images/background-top-rr.jpg) top center no-repeat;} #top-ct { height: 1280px; width: 1080px; background:url(images/background-top-long.jpg) top center no-repeat;} #top-am { height: 555px; width: 1080px; background:url(images/background-top-am.jpg) top center no-repeat;} #top-sp { height: 459px; width: 1080px; background:url(images/background-top-sp.jpg) top center no-repeat;} #middle { width: 1080px; background:url(images/background-middle.jpg) top center repeat-y;} #bottom { height: 271px; width: 1080px; background:url(images/background-bottom.jpg) bottom center no-repeat;} #bottom-rr { height: 353px; width: 1080px; background:url(images/background-bottom-rr.jpg) bottom center no-repeat;} #bottom-ct { height: 445px; width: 1080px; background:url(images/background-bottom-ct.jpg) bottom center no-repeat;} #bottom-dm { height: 345px; width: 1080px; background:url(images/background-bottom-dm.jpg) bottom center no-repeat;} #bottom-am { height: 416px; width: 1080px; background:url(images/background-bottom-am.jpg) bottom center no-repeat;} #bottom-sp { height: 119px; width: 1080px; background:url(images/background-bottom-sp.jpg) bottom center no-repeat;} /* Home Page */ #reservations {background: url("images/blue_box_1.jpg") no-repeat 0 0; height: 156px; width: 274px; float:left; margin-top: 25px;} #events_box {background: url("images/blue_box_2.jpg") no-repeat 0 0; height: 53px; width:274px; margin-bottom: 20px;} #virtual_box {background: url("images/blue_box_3.jpg") no-repeat 0 0; height: 241px; width: 274px; } #specials_box {background: url("images/border_box_1.jpg") no-repeat 0 0; height: 260px; width: 298px; } #whattodo_box {background: url("images/border_box_2.jpg") no-repeat 0 0; height: 260px; width: 262px; } #mailinglist_box {background: url("images/border_box_3.jpg") no-repeat 0 0; height: 260px; width: 268px; } .screenReader { left: -9999px; position: absolute; top: -9999px; } /* Specials */ #specials ul { padding-left: 15px;} #specials { width: 790px; overflow: hidden;} /* FOOTER */ #footer { height: 195px; width: 1080px; background:url(images/footer.jpg) top center no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #996633;} .footerfix { padding-top: 17px; } .spacer { height: 18px; width: 100px; } /* What to Do */ #whattodo img { border: 1px solid #00ccff; margin-top: -25px; } #whattodo ul { margin-left: 15px; } #rr-toptext { width: 475px; padding-top: 100px; } p a { color:#000000}