/*****Raglan Surfing School*****/ /*****All rights reserved 2010*****/ /*****http://www.raglansurfingschool.com*****/ *{margin:0;padding:0;outline:0;} html, body{height:auto;font-family:Verdana, Arial, Sans-serif ; font-size:12px;} body{background:url("../images/body_background.jpg") #e2effa;} img{border:0;} a{text-decoration:none;} .clear{clear:both;} /**************************************************/ /* HEADER */ /**************************************************/ #container-header {width:100%;height:150px;background:url("../images/header-background.jpg") #0f2f48 repeat-x;} #container-header #header-content{width:960px;height:100%;margin:0 auto;color:#FFF;padding-top:0px;} #container-header #header-content #raglansurfingschool{width:442px;margin:0px auto;padding:50px;/padding:15px;} /* ne pas retirer le "/" option que pour ie 6 et 7, et "-" pour ie6 */ #container-header #header-content #container-menu{width:960px;height:auto;margin:0 auto;color:#FFF;} /******MENU*******/ #header-content #container-menu #menu, #menu ul{padding:0;margin:0;list-style:none;line-height:33px;z-index:888;font-size:11px;} #header-content #container-menu #menu a{display:block;padding:0;color:#fff;text-decoration:none;height:32px;-width:80px;-text-align:center;margin:0px 11px 0px 11px;} #header-content #container-menu #menu .active{background:#0d2438;} #header-content #container-menu #menu li{height:34px;margin-top:0px;float:left;} html>#header-content #container-menu #menu li{border-right:1px solid transparent;} #menu li ul {position: absolute;left: -999em;height: auto;width: 100px;background:#0d2438;margin: 0;} #header-content #container-menu #menu li ul li{border-right:0;background:#0d2438;width:144px;height:30px;border-bottom:1px solid #071622;border-top:1px solid #1a3146 ;margin:0;line-height:28px;text-align:left;} html>#header-content #container-menu #menu li ul li{border-top:1px solid transparent;} #header-content #container-menu #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{left:auto;min-height:0;} #header-content #container-menu #menu li:hover{background:#0d2438;} #header-content #container-menu #menu a:hover{color:#c7e4fe;} #header-content #container-menu #menu .sub-menu .active a{color:#c7e4fe;} /*********SOCIAL ICONS********/ #header-content #container-menu #social-mini-icons{width:47px;height:22px;float:right;margin-top:6px;background:#0d253b;-display:none;} #header-content #container-menu #social-mini-icons img{display:block;margin:1px 0 0 2px;float:left} /**************************************************/ /* CONTAINER HOME PAGE */ /**************************************************/ #container-content{width:100%;height:auto;} #container-content #content{width:960px;height:auto;margin:0 auto;} /******SLIDE*******/ #content #slide{width:960px;height:328px; margin:25px 0;padding-right:5px;position:relative;} #content #slide ul.ui-tabs-nav{position:absolute;top:0; right:0px;list-style:none;padding:0; margin:0;width:300px;height:327px;} #content #slide ul.ui-tabs-nav li{display:block;padding:1px 0; font-size:12px;color:#FFF;width:300px;height:80px;background:url("../images/nav_background_unselected-round.png") no-repeat;} #content #slide ul.ui-tabs-nav li .title-tabs{display:block;font-size:12px; font-weight:bold; line-height:18px; margin-top:8px;margin-left:12px;font-size:13px;letter-spacing:1px;} #content #slide ul.ui-tabs-nav li .texte-tabs{display:block;font-size:11px; line-height:18px;width:284px;height:40px;overflow:hidden;margin-top:7px;margin-left:12px;} #content #slide li.ui-tabs-nav-item a{display:block;height:80px;line-height:20px;color:#596d7f;} #content #slide li.ui-tabs-nav-item a:hover{color:#FFF;} #content #slide li.ui-tabs-selected{display:block;padding:1px 0; font-size:12px;color:#FFF;width:350px;height:80px;overflow:visible;} #content #slide ul.ui-tabs-nav li.ui-tabs-selected a{position:absolute;width:297px;height:83px;right:0px;background:url("../images/nav_background_selected-round.png") 0px 0px no-repeat ;padding-top:-5px;/padding-top:2px;padding-left:15px;color:#FFF;z-index:999;} #content #slide ul.ui-tabs-nav li.ui-tabs-selected a .title-tabs{color:#33a1ff;color:#55b0ff;} #content #slide .ui-tabs-panel img{width:665px;height:328px;/height:330px;} #content #slide .ui-tabs-panel .info{position:absolute;top:258px;left:0;height:70px;/height:72px;width:665px;background: url('../images/transparent-bg-round.png');z-index:111;} #content #slide .ui-tabs-panel .info .read-more{font-size:12px;} #content #slide .info h2{font-size:18px; font-family:Arial, serif;color:#fff; padding:5px; margin:0;overflow:hidden;} #content #slide .info p{margin:0 5px;font-family:Verdana; font-size:11px;line-height:15px; color:#f0f0f0;} #content #slide .info a{text-decoration:none;color:#fff;} #content #slide .info a:hover{text-decoration:underline;} #content #slide .ui-tabs-hide{display:none;} /******WHAT WE DO / ABOUT US*******/ #content #two-columns{width:960px;height:auto;color:#0f2d46;text-align:justify;margin-top:33px;line-height:16px;} #content #two-columns #what-we-do{width:460px;height:120px;float:left;margin-top:0px;overflow:hidden;} #content #two-columns #what-we-do p{margin-top:10px;} #content #two-columns #separation{width:1px;height:120px;float:left;margin:0px 15px 0px 16px;border-right:1px dashed #3f729e;} #content #two-columns #about-us{width:465px;height:120px;float:left;margin-top:0px;overflow:hidden;} #content #two-columns #about-us p{margin-top:10px;} /******REVIEW / ? / FLICKR / ?*******/ #content #four-columns{margin-top:45px;color:#0f2d46;text-align:justify;} /******** CNN ********/ #container-references{height:60px; width:100%;background:#eef7fd;} #references-content{height:30px; width:720px;margin:0 auto;background:#eef7fd;} #references{height:40px; width:960px; margin: 0 auto; padding: 20px 0 0 0;font-size:15px;color:#3f729e;font-style:italic;} #references #cnn{float:left;display:block;width:46px;height:22px;background:url("../images/cnn.png") no-repeat 0 -22px; text-indent: -999999px; margin:0 20px 0 20px;} #references span{float:left;} a#read-it{display:block;float:left;width:130px;height:20px;font-size:15px; margin: 0 0 0 10px;text-decoration: underline; font-style: italic; color:#0f2d46; font-weight: bold;} /**************REVIEW*************/ #content #four-columns #review{width:230px;height:224px;float:left;border-right:1px dashed #3f729e;} #content #four-columns #review .content{width:214px;height:224px;float:left;} #content #four-columns #review-one{width:212px;height:152px;text-align:center;background:url("../images/review.png") no-repeat;margin-top: 29px;line-height: 20px;} #content #four-columns #review-one .he-said{display:block;width:203px;height:115px;overflow:hidden;padding-top:8px;margin:0 auto 0 auto;} #content #four-columns #review-one p{display:block;width:212px;height:13px;margin-top:28px;text-align:left;color:#3f729e;} /**************SPECIALS*************/ #content #four-columns #specials{width:248px;height:224px;float:left;margin-left:0px;border-right:1px dashed #3f729e;} #content #four-columns #specials .content{width:210px;height:224px;margin-right:auto;margin-left:auto;} #content #four-columns #specials p{margin:5px 0px 3px 0px;text-decoration:underline;} #content #four-columns #specials p a{color:#0f2d46;} #content #four-columns #specials p a:visited{color:#0f2d46;} #content #four-columns #specials .image{width:209px;height:168px;background:url("../images/image_background.png");} #content #four-columns #specials img{display:block;width:191px;height:150px;padding-top:5px;margin-top:7px;margin-left:9px;/padding-top:0px;/margin-top:5px;} #content #four-columns #specials .link {display:block;float:right;margin-right:0px;color:#3f729e;} #content #four-columns #specials .link:hover{display:block;float:right;margin-right:0px;text-decoration:underline;color:#3f729e;} /**************FLICKR*************/ #content #four-columns #flickr{width:240px;-width:230px;height:224px;float:left;margin-left:0px;border-right:1px dashed #3f729e;} #content #four-columns #flickr .content{width:210px;height:224px;margin-right:auto;margin-left:auto;} #content #four-columns #flickr .image{width:209px;height:168px;margin-left:0px;margin-top:26px;background:url("../images/image_background.png");} #content #four-columns #flickr img{display:block;width:191px;height:149px;margin:5px 9px 0 0;} #content #four-columns #flickr a{display:block;float:right;color:#3f729e;} #content #four-columns #flickr a:hover{display:block;float:right;text-decoration:underline;color:#3f729e;} /**************WEATHER*************/ #content #four-columns #weather{width:222px;height:224px;float:left;margin:0px;padding-left:15px;} #content #four-columns #weather .weatherItem {width:225px;height:224px;margin:30px auto;float:left;text-align:right;} #content #four-columns #weather .weatherCity{display:none;} #content #four-columns #weather .weatherTemp{font-size: 45px;font-weight: bold;padding-top:10px;} #content #four-columns #weather .weatherRange, .weatherWind { font-size: 10px; } #content #four-columns #weather .weatherDesc, .weatherCity { margin-top:10px;font-weight: bold;} /**************************************************/ /* CONTAINER CLASSIC PAGE */ /**************************************************/ #content #presentation-picture{display:block;width:960px;margin-top:10px;} #content #main-content{width:700px;height:auto;float:left;text-align:justify;color:#0f2d46;} #content #main-content h2,#content #main-content h3{padding:20px 0 0 0;color:#1c8ae6;} #content #main-content p{padding:15px 0 0 0;} #content #main-content ul{width:720px;padding:0 0 0 15px;width:700px;} #content #main-content ul li{padding:5px 0 0 0;} #content #main-content h3,#content #main-content h4{text-decoration: underline;} #content #main-content #gallery{width:700px;margin:15px 0 0 0;padding:0;list-style:none;} #content #main-content #gallery li{display:block;float:left;margin:10px 5px 0 5px;padding:0;list-style:none;} #content #main-content #gallery li img{width:165px;height:110px;} #content #main-content a:link{color:#1463a5;} #content #main-content a:visited{color:#1463a5;} #content #main-content #video{width:480px;margin:15px auto;} #content #main-content #hightlight{color:#1c8ae6;font-weight: bold;margin-top:0;} #content #main-content #surf-rentals-img{display:block;margin: 20px auto;} #content #main-content .book-it{display:block;width:127px;height:29px;margin:10px auto;background:url("../images/book-now-normal.png");} #content #main-content .book-it:hover{display:block;width:127px;height:29px;margin:10px auto;background:url("../images/book-now-hover.png");} #content #main-content .book-it:active{display:block;width:127px;height:29px;margin:10px auto;background:url("../images/book-now-click.png");} #content #main-content .addvertisment{display:block;margin: 15px 0 0 0;} /********TABS IN RENTALS PAGE********/ #content #main-content #rentals{display:block;width:700px;border-collapse:collapse;text-align: center;} #content #main-content #rentals tr{border:1px solid #9fb9d0;border-style: inset;padding:5px;} #content #main-content #rentals th{width:200px;border:1px solid #9fb9d0;border-style: inset;padding:5px;} #content #main-content #rentals{display:block;margin:15px 0 0 0;} /********TABS IN PACKAGE PAGE********/ #content #main-content .package{display:block;width:700px;border-collapse:collapse;text-align: center;} #content #main-content .package tr{border: 1px solid red;border:1px solid #9fb9d0;border-style: inset;padding:5px;} #content #main-content .package th{width:350px;height:40px;border:1px solid #9fb9d0;border-style: inset;padding:5px;} #content #main-content .package{display:block;margin:15px 0 0 0;} /********DIRECTION PAGE*********/ #content #main-content #map{display:block;width:700px;height:400px;margin:0 auto;} /********FAQ*********/ #content #main-content #separation{width:700px;margin-top:20px;border-bottom:1px dashed #3f729e;} /********CONTACT PAGE*********/ #content #main-content .alert{padding-top:15px;font-size:15px;color:#ff5d5d;} #content #main-content #success{width:700px;text-align:center;padding-top:55px;font-size:15px;} #content #main-content #contact-form{display:block;width:500px;margin:0 auto;} #content #main-content #contact-form .entry{display:block;float:left;width:248px;margin-top:40px;} #content #main-content #contact-form input{width:207px;height:36px;font-size: 15px;color:#17334c;padding-left:5px;background:url("../images/formulaire_bg_small.png");border:none;margin-top:5px;} #content #main-content #contact-form .label{display:block;width:283px;margin:20px 0 0 0px;font-size: 15px;color:#17334c;} #content #main-content #contact-form textarea{width:487px;height:158px;margin-bottom:15px;border:none;background:url("../images/formulaire_bg_big.png");font-size: 15px;color:#17334c;padding:5px;font-family: Verdana, Arial;resize: none;margin-top:5px;} #content #main-content #contact-form #send{width:212px;} #content #main-content #contact-form #recaptcha_response_field {height:20px;} /*********FAST ACCESS IN THE PAGE********/ #content #main-content #fast-access{width:700px;height:25px;margin-top:15px;background:#f3f8fc;} #content #main-content #fast-access ul{float:left;list-style:none; padding-left:5px;margin:0;} #content #main-content #fast-access ul li{float:left;width: auto;padding-top:4px;margin-right:15px;} #content #main-content #fast-access ul li a:link{color:#1463a5;text-decoration: underline;} #content #main-content #fast-access ul li a:visited{color:#1463a5;text-decoration: underline;} /*********FAST ACCESS BIGGER IN THE PAGE********/ #content #main-content #fast-access-bigger{width:700px;height:90px;margin-top:15px;padding-left:15px;background:#f3f8fc;} #content #main-content #fast-access-bigger ul{float:left;list-style:none; padding-left:5px;margin:0;} #content #main-content #fast-access-bigger ul li{float:left;width: auto;padding-top:10px;margin-right:15px;} #content #main-content #fast-access-bigger ul li a:link{color:#1463a5;text-decoration: underline;} #content #main-content #fast-access-bigger ul li a:visited{color:#1463a5;text-decoration: underline;} /**************SIDE BAR*************/ #content #sidebar{width:235px;height:auto;float:left;margin:20px 0 0 20px;background:#d4e3f0;color:#0f2d46; border-left:1px dashed #98b8d3;} /**************BLOC ONE / WEATHER*************/ #content #sidebar #bloc-one{width:230px;height:200px;float:left;margin:10px 0 0 0px;border-bottom:1px dashed #98b8d3;} #content #sidebar #bloc-one #weather h3{padding-left:10px;} #content #sidebar #bloc-one #weather{width:222px;height:224px;float:left;margin:0px;} #content #sidebar #bloc-one #weather .weatherItem {width:225px;height:224px;margin:20px auto;float:left;text-align:right;} #content #sidebar #bloc-one #weather .weatherCity{display:none;} #content #sidebar #bloc-one #weather .weatherTemp{font-size: 45px;font-weight: bold;padding-top:10px;} #content #sidebar #bloc-one #weather .weatherRange, .weatherWind { font-size: 10px; } #content #sidebar #bloc-one #weather .weatherDesc, .weatherCity { margin-top:10px;font-weight: bold;} /**************BLOC TWO / SPECIAL*************/ #content #sidebar #bloc-two{width:230px;height:auto;float:left;margin:10px 0 0 0px;padding:5px 0 10px 0px;border-bottom:1px dashed #98b8d3;} #content #sidebar #bloc-two #specials{width:240px;height:224px;float:left;margin:0px auto;} #content #sidebar #bloc-two #specials .content h3{margin-left:-4px;} #content #sidebar #bloc-two #specials .content{width:210px;height:224px;margin:0px auto;} #content #sidebar #bloc-two #specials p{display:block;margin:10px 0 0 0;text-align: justify;} #content #sidebar #bloc-two #specials .image{width:209px;height:93px;background:url("../images/image_background_tiny.png") no-repeat;} #content #sidebar #bloc-two #specials img{display:block;width:191px;height:74px;padding-top:5px;/padding-top:0;margin-top:7px;/margin-top:5px;margin-left:9px;} #content #sidebar #bloc-two #specials a{display:block;width:127px;height:29px;margin:10px auto;background:url("../images/book-now-normal.png");} #content #sidebar #bloc-two #specials a:hover{display:block;width:127px;height:29px;margin:10px auto;background:url("../images/book-now-hover.png");} #content #sidebar #bloc-two #specials a:active{display:block;width:127px;height:29px;margin:10px auto;background:url("../images/book-now-click.png");} /**************BLOC THREE / SPECIAL*************/ #content #sidebar #bloc-three{width:230px;height:auto;float:left;margin:10px 0 0 0px;padding:5px 0 10px 0px;border-bottom:1px dashed #98b8d3;} #content #sidebar #bloc-three #specials{width:240px;height:224px;float:left;margin:0px auto;} #content #sidebar #bloc-three #specials .content h3{margin-left:-4px;} #content #sidebar #bloc-three #specials .content{width:210px;height:224px;margin:0px auto;} #content #sidebar #bloc-three #specials p{text-decoration:underline;} #content #sidebar #bloc-three #specials .image{width:209px;height:168px;background:url("../images/image_background.png");} #content #sidebar #bloc-three #specials img{display:block;width:191px;height:150px;padding-top:5px;/padding-top:0;margin-top:7px;/margin-top:5px;margin-left:9px;} #content #sidebar #bloc-three #specials .link {display:block;float:right;margin-right:0px;color:#3f729e;} #content #sidebar #bloc-three #specials .link:hover{display:block;float:right;margin-right:0px;text-decoration:underline;color:#3f729e;} /**************BLOC FOUR / REVIEW*************/ #content #sidebar #bloc-four{width:224px;height:auto;float:left;margin:10px 0 0px 0px;padding:0px 0 10px 10px;} #content #sidebar #bloc-four #review {width:214px;height:224px;float:left;} #content #sidebar #bloc-four #review-one{width:212px;height:152px;text-align:center;margin-top:15px;background:url("../images/review.png") no-repeat;} #content #sidebar #bloc-four #review-one .he-said{display:block;width:203px;height:115px;overflow:hidden;padding-top:7px;margin:0 auto 0 auto;line-height: 20px;} #content #sidebar #bloc-four #review-one p{display:block;width:212px;height:13px;margin-top:30px;text-align:left;color:#3f729e;} /**************************************************/ /* FOOTER */ /**************************************************/ #container-footer{width:100%;height:240px;margin-top:60px;-margin-top:60px;background:url("../images/footer-background.jpg") repeat-x #0f2f48;} #footer-content{width:960px;margin:0 auto;padding:15px;/padding-bottom:0;color:#e7f2fb;} #container-footer #signature{width:261px;height:5px;margin:0px auto;padding-top:5px;font-size: 8px;color:#164366;} #container-footer #signature a{color:#1b5480;text-decoration: underline;} /**************CONTACT*************/ #footer-content #contact{width:230px;height:200px;float:left;border-right:1px dashed #3f729e;} #footer-content #contact #number{margin-top:15px;text-align:center;} #footer-content #contact .or{margin:5px 0px 5px 0px; color:#324e65;text-align:center;} #footer-content #contact #email{text-align:center;} #footer-content #contact #email a{text-align:center;color:#e7f2fb;} #footer-content #contact #email h4{/font-size:12px;} #footer-content #contact #adress{text-align:center;color:#a4b5c4;} #footer-content #contact #adress h2{/font-size:16px;} /**************WHERE ARE WE*************/ #footer-content #where-are-we{width:239px;height:200px;float:left;margin-left:10px;border-right:1px dashed #3f729e;} #footer-content #where-are-we img{display:block;width:196px;height:173px;margin:5px 10px;} /**************FOLLOW US*************/ #footer-content #follow-us{width:230px;height:200px;float:left;margin-left:10px;border-right:1px dashed #3f729e;} #footer-content #follow-us a{display:block;width:122px;height:42px;margin:35px auto;} #footer-content #follow-us img{display:block;width:122px;height:42px;margin:35px auto;-margin:5px auto;} /**************ASSOCIED WITH*************/ #footer-content #associated-with{width:220px;height:200px;float:left;margin-left:10px;} #footer-content #associated-with a{display:block;width:153px;height:89px;margin:5px auto;} #footer-content #associated-with a img{display:block;width:153px;height:89px;margin:5px auto;}