/* ************************************************************ * Razor Design CSS File ************************************************************ * * Author: Shaun M. Bent * Company: Razor Design Web Services * * URL: http://www.razor-design.co.uk/ * ************************************************************ * * Filename: layout.css * Version: 1.1.0 * Created: 26.04.2008 * Updated: 26.24.2008 * ************************************************************ */ /* Base Layout -------------------------------------------------------------- */ #wrapper { width: 750px; margin: 0px auto; background: url(../images/_layout/hdr_bot_home.jpg) no-repeat 0px 153px #F0F5FB; } body#home_active #wrapper { background: url(../images/_layout/hdr_bot_home.jpg) no-repeat 0px 153px #F0F5FB; } body#parks_active #wrapper { background: url(../images/_layout/hdr_bot_parks.jpg) no-repeat 0px 153px #F0F5FB; } body#lucebay_active #wrapper { background: url(../images/_layout/hdr_bot_luce.jpg) no-repeat 0px 153px #F0F5FB; } body#mullofgalloway_active #wrapper { background: url(../images/_layout/hdr_bot_mull.jpg) no-repeat 0px 153px #F0F5FB; } body#creetown_active #wrapper { background: url(../images/_layout/hdr_bot_cree.jpg) no-repeat 0px 153px #F0F5FB; } body#ballantrae_active #wrapper { background: url(../images/_layout/hdr_bot_ball.jpg) no-repeat 0px 153px #F0F5FB; } body#oldmill_active #wrapper { background: url(../images/_layout/hdr_bot_old.jpg) no-repeat 0px 153px #F0F5FB; } body#findus_active #wrapper { background: url(../images/_layout/hdr_bot_findus.jpg) no-repeat 0px 153px #F0F5FB; } body#contact_active #wrapper { background: url(../images/_layout/hdr_bot_contact.jpg) no-repeat 0px 153px #F0F5FB; } #header { height: 153px; } #body { width: 750px; padding-bottom: 62px; float: left; background: url(../images/_layout/ftr_top.jpg) no-repeat bottom; } body#parks_active #body { background: url(../images/_layout/ftr_top_parks.jpg) no-repeat bottom; } body#lucebay_active #body { background: url(../images/_layout/ftr_top_luce.jpg) no-repeat bottom; } body#mullofgalloway_active #body { background: url(../images/_layout/ftr_top_mull.jpg) no-repeat bottom; } body#creetown_active #body { background: url(../images/_layout/ftr_top_cree.jpg) no-repeat bottom; } body#ballantrae_active #body { background: url(../images/_layout/ftr_top_ball.jpg) no-repeat bottom; } body#oldmill_active #body { background: url(../images/_layout/ftr_top_old.jpg) no-repeat bottom; } body#findus_active #body { background: url(../images/_layout/ftr_top_findus.jpg) no-repeat bottom; } body#contact_active #body { background: url(../images/_layout/ftr_top_contact.jpg) no-repeat bottom; } #content { width: 450px; padding-top: 125px; float: left; } #title_img { width: 400px; height: 100px; margin-left: 25px; margin-right: 25px; margin-bottom: 15px; } #banner { width: 414px; height: 100px; margin: 0px auto; margin-top: -10px; } #ftr { font-size: x-small; } #ftr p { font-size: x-small; padding-left: 5px; padding-right: 5px; } #ftr_lft { width: 50%; float: left; background-color: #F0F5FB; } #ftr_rgt { width: 50%; float: right; background-color: #F0F5FB; text-align: right; } #byline { width: 745px; margin: 0px auto; padding-right: 5px; text-align: right; background: #FFFFFF; } #byline a { color: #98CC00; text-decoration: none; } #byline a:hover { text-decoration: underline; } /* Navigation -------------------------------------------------------------- */ #nav_wrapper { width: 300px; padding-top: 276px; float: right; } #nav { width: 200px; height: 286px; margin-left: 50px; margin-top: 10px; margin-bottom: 20px; } #menu { width: 200px; height: 286px; padding: 0px; margin: 0px; } #menu li { padding: 0px; margin: 0px; list-style-type: none; display: block; height: 26px; } #menu a { display: block; height: 26px; text-indent: -9999px; text-decoration: none; background: url(../images/_layout/nav.gif) no-repeat 0 0; } /* -- Menu Hover States -- */ #home a { background-position: 0px 0px; } #home a:hover, #home_active #home a { background-position: 0px -286px; } #parks a { background-position: 0px -26px; } #parks a:hover, #parks_active #parks a { background-position: 0px -312px; } #lucebay a { background-position: 0px -52px; } #lucebay a:hover, #lucebay_active #lucebay a { background-position: 0px -338px; } #mullofgalloway a { background-position: 0px -78px; } #mullofgalloway a:hover, #mullofgalloway_active #mullofgalloway a { background-position: 0px -364px; } #creetown a { background-position: 0px -104px; } #creetown a:hover, #creetown_active #creetown a { background-position: 0px -390px; } #ballantrae a { background-position: 0px -130px; } #ballantrae a:hover, #ballantrae_active #ballantrae a { background-position: 0px -416px; } #oldmill a { background-position: 0px -156px; } #oldmill a:hover, #oldmill_active #oldmill a { background-position: 0px -442px; } #ownership a { background-position: 0px -182px; } #ownership a:hover, #ownership_active #ownership a { background-position: 0px -468px; } #self a { background-position: 0px -208px; } #self a:hover, #self_active #self a { background-position: 0px -494px; } #findus a { background-position: 0px -234px; } #findus a:hover, #findus_active #findus a { background-position: 0px -520px; } #contact a { background-position: 0px -260px; } #contact a:hover, #contact_active #contact a { background-position: 0px -546px; } /* Headers (H1) -------------------------------------------------------------- */ h1.page_hdr { display: block; width: 425px; height: 67px; text-indent: -2000px; background-position: center; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 15px; } h1#home_pg { background: url(../images/_headers/h1_home.gif); } h1#parks_pg { background: url(../images/_headers/h1_parks.gif); } h1#self_pg { background: url(../images/_headers/h1_self.gif); } h1#ownership_pg { background: url(../images/_headers/h1_ownership.gif); } h1#find_pg { background: url(../images/_headers/h1_find.gif); } h1#contact_pg { background: url(../images/_headers/h1_contact.gif); } /* Headers (H2) -------------------------------------------------------------- */ h2.sub_hdr { display: block; width: 414x; height: 50px; text-indent: -2000px; background-position: center; background-repeat: no-repeat; margin-left: 5px; margin-right: 31px; } h2#lucebay_hdr { background: url(../images/_headers/h2_lucebay.gif); } h2#mullofgalloway_hdr { background: url(../images/_headers/h2_mullofgalloway.gif) no-repeat; } h2#creetown_hdr { background: url(../images/_headers/h2_creetown.gif); } h2#ballantrae_hdr { background: url(../images/_headers/h2_ballantrae.gif) no-repeat; } h2#oldmill_hdr { background: url(../images/_headers/h2_oldmill.gif) no-repeat; } /* Headers (H3) -------------------------------------------------------------- */ h3.sub_hdr_2 { display: block; width: 329px; height: 24px; text-indent: -2000px; background-position: center; background-repeat: no-repeat; margin-bottom: 15px; margin-top: -10px; } h3#outabout_hdr { background: url(../images/_headers/h3_out&about.gif); } h3#onthepark_hdr { background: url(../images/_headers/h3_onthepark.gif); } h3#accommodation_hdr { background: url(../images/_headers/h3_accommodation.gif); } h3#sent_hdr { background: url(../images/_headers/h3_emailsent.gif); } h3#error_hdr { background: url(../images/_headers/h3_error.gif); } h3#referer_hdr { background: url(../images/_headers/h3_referer.gif); } h3#email_hdr { background: url(../images/_headers/h3_email.gif); } /* Headers (H4) -------------------------------------------------------------- */ h4.sub_hdr_3 { display: block; width: 303px; height: 39px; text-indent: -2000px; background-position: center; background-repeat: no-repeat; margin-bottom: 15px; margin-top: -10px; } h4#holidayhome_hdr { background: url(../images/_headers/h4_holidayhome.gif); } h4#self_hdr { background: url(../images/_headers/h4_self.gif); } /* Contact Form -------------------------------------------------------------- */ #contactForm { width: 427px; } #contactForm table { margin: 10px 0 0 0; } #contactForm table th, #contactForm table td { padding: 5px 15px; font-size: 1.2em; } #contactForm table thead th { text-align: center; font-weight: bold; font-size: 1.2em; } #contactForm table tbody th { padding-left: 0px; border-right: 1px solid #cecece; text-align: right; font-weight: normal; } #contactForm table tbody td { padding-right: 0px; } #contactForm table .text { padding: 3px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; } #contactForm table p { font-size: 1.2em; } /* Misc -------------------------------------------------------------- */ #map { width: 414px; margin: 0px auto; border: 0px; text-align: center; } #map a { border: 0px; } .side_img { width: 235px; margin: 0px auto; padding-top: 50px; } #parks1 { padding-top: 75px; } #parks2 { padding-top: 150px; } #luce2 { padding-top: 175px; } #mull2 { padding-top: 100px; } #ball2 { padding-top: 150px; } #cree2 { padding-top: 100px; } #old { padding-top: 75px; } #content ul { padding: 0px 0px 20px 50px; font-size: 1.2em; } .cycle { height: 100px; width: 415px; padding:0; margin:0; overflow: hidden; margin: 0 auto; } .cycle img { height: 100px; width: 415px; background-color: #eee; top:0; left:0 } .cycle img { -moz-border-radius: 10px; -webkit-border-radius: 10px; } ul.contact { padding-left: 35px; list-style: none; font-size: 1.2em; } ul.contact li { padding: 0 0 10px 40px; font-size: 90%; line-height: 1.4em; background-position: top left; background-repeat: no-repeat; } ul.contact li.address { background-image: url(../images/_layout/mail.gif); background-position: 0 3px; } ul.contact li.telephone { background-image: url(../images/_layout/phone.gif); } ul.contact li.email { background-image: url(../images/_layout/email.gif); background-position: 0 3px; } ul#luceLink_wrapper { padding-left: 35px; list-style: none; margin-bottom: 20px; } ul#luceLink_wrapper li#luceLink a { width: 200px; height: 75px; background: url(../images/_layout/luceLink.gif) no-repeat 0px 0px; display: block; } ul#luceLink_wrapper li#luceLink a:hover { background-position: 0px -75px; }