/*------------------------------------------------------------------------------*/ /* CSS STYLING FOR IVERDIGE HEALTH CLUB Client: Iveridge Health Club CSS Document: Version 1.0 Developer: tillwilly design studio URL: http://tillwilly.com CSS design copyright tillwilly design studio /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* WEBSITE BODY */ /*------------------------------------------------------------------------------*/ body {margin:0; padding:0; width:100%; font-family:Arial, Helvetica; background:#ffffff;} img{border: none;} p {text-align: justify;} /*------------------------------------------------------------------------------*/ /* TOP DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top_container{width:960px; margin:0 auto; padding:0;} #top_col_1{width:384px; float:left; display:inline;} #top_col_2{width:160px; float:left; display:inline; margin-left:96px;} #top_col_3{width:183px; float:right; display:inline;} /*------------------------------------------------------------------------------*/ /* NAV DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #nav_body{width:100%; background:url(../images/bg_nav.gif) repeat-x; height:50px;} #nav_container{width:960px; margin:0 auto; padding:0;} #social_top{ width:910px; text-align:right; margin:0 auto; background: url(../images/top_now_open.gif) top left no-repeat; height:47px; padding:8px 0 0;} .fb-like{float:right;} .twitter-like{ float:right;} .google-like{float:right;} /*------------------------------------------------------------------------------*/ /* MIDDLE DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #main_body{background:url(../images/bg_main_body.gif) repeat-x #b5d91d;} #main_container{width:960px; background:#ffffff; margin:0 auto; padding:25px 0 0;} .home_text{color:#489A48; font-size:14px; line-height:22px; margin:0 auto; padding:0 0 20px; width:910px;} .home_text a{color:#489A48; text-decoration:underline;} .home_text a:hover{color:#767676; text-decoration:underline;} #booking_container{width:1100px; background:#ffffff; margin:0 auto; padding:25px 0 0; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;} #main_opening{width:910px; margin:0 auto; height:55px;} #main_welcome_box{width:890px; margin:0 auto; background:#ffffff; border:10px solid #ececec;} #welcome_box_col_1{width:496px; float:left; display:inline;} #welcome_box_col_2{width:374px; float:left; display:inline; padding-left:10px;} #welcome_box_col_1 .slide_show{width:496px; height:251px; padding:0; margin:0; overflow:hidden;} #welcome_box_col_1 .slide_show img{border:0;} #welcome_box_col_2 h1{background:url(../images/h1_welcome.gif) no-repeat; height:43px; width:374px; display:block; text-indent: -9999px; margin:0; padding:0;} /* grey font colour #welcome_box_col_2 p{color:#919191; font-size:12px; line-height:22px; margin:0; padding:0;} */ #welcome_box_col_2 p{color:#489A48; font-size:12px; line-height:22px; margin:0; padding:0;} #welcome_box_col_2 p img{padding-top:12px;} #main_content{width:910px; margin:0 auto; padding:15px 0 0;} #main_content .book_camp{width:910px; padding:0 0 15px;} #main_content h2.opening{background:url(../images/h2_opening.gif) no-repeat; height:50px; width:910px; display:block; text-indent: -9999px; margin:0; padding:0;} #main_content p{color:#909090; font-size:14px; line-height:22px; margin:0; padding:0 0 20px;} #main_content p.call-now {color:#489A48; font-size:19px; line-height:22px; margin:0; padding:0 0 20px;} #main_content ul {padding:0; margin: 0;} /* old grey colour #main_content li{color:#909090; font-size:14px; line-height:22px; margin:0; padding:0 0 20px 0; list-style-position:inside;}*/ #main_content li{color:#489A48; font-size:14px; line-height:22px; margin:0; padding:0 0 20px 0; list-style-position:inside;} #main_content li.dark-green { color:#489A48; font-size:22px; line-height:38px; margin:0; padding:0 0 20px 0; list-style: url(none) none inside; font-weight:bold; } #main_container p.dark-green-p { color:#489A48; font-size:26px; line-height:32px; font-weight:bold; } #main_container .dark-green-p strong { color:#489A48; font-size:26px; line-height:32px; font-weight:bold; } #main_footer{background:url(../images/bg_main_footer.gif) no-repeat; width:960px; height:40px;} .easter_preview{width:910px; height:117px; margin:0 auto 20px; background:url(../images/bg_easter_preview.gif) no-repeat; display:block; text-indent: -9999px;} /*------------------------------------------------------------------------------*/ /* THREE COL DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #three_container{width:910px; height:395px; margin:0 auto; padding:0; background:url(../images/bg_three_col.gif) no-repeat;} #three_col_1{width:270px; float:left; display:inline; padding:88px 0 0 20px;} #three_col_2{width:247px; float:left; display:inline; margin-left:20px; padding:54px 0 0 22px;} #three_col_3{width:268px; float:left; display:inline; margin-left:41px; padding:54px 0 0 22px;} #three_col_2 p{font-size:13px; color:#489A48; margin:0; padding:10px 0 0; line-height:24px;} .enquiry_form {width:245px;} .enquiry_form ul{margin:0; padding:0; list-style-type:none;} .enquiry_form li{margin:0 0 15px; padding:0; font-size:13px; color:#434d07;} .enquiry_form .text_box {width:225px; padding:8px 10px 0 10px; height:28px; border:0; font-size:14px; color:#489a48; font-family:Arial, Helvetica;} .enquiry_form .text_area {width:225px; padding:8px 10px 0 10px; height:57px; border:0; color:#489a48; font-size:14px; font-family:Arial, Helvetica;} .enquiry_form .drop_down {width:245px; padding:8px 10px 8px 10px; border:0; font-size:14px; color:#489a48; font-family:Arial, Helvetica;} .enquiry_form .send{height:44px; width:245px; background:url(../images/form_send.gif) no-repeat; border:0; padding:0; cursor:pointer;} #three_col_1 .run{width:258px; height:185px; overflow:hidden;} #three_col_1 .twitter{padding:0 0 10px;} /*------------------------------------------------------------------------------*/ /* PAGES CONTENT DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #main_col_1{width:600px; float:left; display:inline; margin-left:25px;} #main_col_2{width:290px; float:left; display:inline; margin-left:20px;} #reg{width:268px; height:285px; padding:54px 0 0 22px; background:url(../images/bg_register.gif) no-repeat;} #main_col_2 #social{width:270px; float:left; display:inline; padding:88px 0 0 20px; background:url(../images/bg_social.gif) no-repeat; height:252px; margin:20px 0 0;} #main_col_2 #social img{border: none;} #main_col_2 #social .twitter{padding:0 0 10px;} #main_col_2 img{border:#ececec 5px solid;} #main_col_2 img.tt{border:#ececec 5px solid; margin-top:20px;} /*Font Styles*/ #main_col_1 h1{font-size:26px; margin:0; padding:0; font-weight:bold; color:#489A48;} #main_col_1 h2{font-size:20px; margin:0; padding:16px 0 0; font-weight:bold; color:#FBAD0E;} #main_col_1 h2.funky{color:#702377;} #main_col_1 h3{font-size:16px; margin:0; padding:16px 0 0; font-weight:normal; color:#5b5b5b;} #main_col_1 h3 strong {color:#489A48;} #main_col_1 p{color:#909090; margin:0; padding:16px 0 0; line-height:22px; font-size:14px;} #main_col_1 p strong{color:#767676;} #main_col_1 p img{float:left; padding:0; border:#ececec 5px solid; margin:4px 15px 5px 0px;} #main_col_1 p img.float_right{float:right; padding:0; border:#ececec 5px solid; margin:4px 0px 5px 15px;} #main_col_1 p img.float_left{float:left; padding:0; border:none; margin:4px 15px 0px 0px;} #main_col_1 p img.none{float:none; padding:0; border:0; margin:0;} #main_col_1 h2 img{float:left; padding:0; border:#ececec 5px solid; margin:4px 15px 5px 0px;} #main_col_1 h3 img{float:left; padding:0; border:#ececec 5px solid; margin:4px 15px 5px 0px;} #main_col_1 h2 img.float_right{float:right; padding:0; border:#ececec 5px solid; margin:4px 0px 5px 15px;} #main_col_1 h3 img.float_right{float:right; padding:0; border:#ececec 5px solid; margin:4px 0px 5px 15px;} #main_col_1 p img.map{float:none; padding:0; border:#ececec 5px solid; margin:0;} #main_col_1 p a{color:#909090; text-decoration:underline;} #main_col_1 p a:hover{color:#767676; text-decoration:underline;} #main_col_1 p a.big{color:#489A48; text-decoration:underline; font-size:30px} #main_col_1 .intro {color:#909090; margin:0; padding:16px 0 0; line-height:25px; font-size:19px; text-align:left;} /* Lists */ #main_col_1 ul{padding:0 0 0 20px; margin:16px 0 0; } #main_col_1 ul li{color:#909090; line-height:22px; padding-bottom:5px; font-size:14px;} #main_col_1 ul li a{color:#909090; text-decoration:underline;} #main_col_1 ul li a:hover{color:#767676; text-decoration:underline;} #main_col_1 p.green {color:#a3d063; padding-top:0;} #main_col_1 p.green strong{color:#a3d063;} #main_col_1 p.purple {color:#967b67; padding-top:0;} #main_col_1 p.purple strong{color:#967b67;} #main_col_1 p.blue {color:#367c2b; padding-top:0;} #main_col_1 p.blue strong{color:#367c2b;} #main_col_1 p.red {color:#eeb94a; padding-top:0;} #main_col_1 p.red strong{color:#eeb94a;} /*What's new page*/ #main_col_1 #whats_new{margin:0; padding:0;} #main_col_1 #whats_new h2{font-size:23px; margin:0; padding:0; font-weight:bold; color:#ffffff;} #main_col_1 #whats_new h2.line{font-size:23px; margin:0 0 16px; padding:0 0 10px; font-weight:bold; color:#ffffff; border-bottom:1px dashed #ffffff;} #main_col_1 #whats_new h3{font-size:23px; margin:0; padding:16px 0 0; font-weight:bold; color:#ffffff;} #main_col_1 #whats_new .new_green{ width:570px; padding:15px; background:#489A48; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin:16px 0 16px;} #main_col_1 #whats_new .new_green p {color:#ffffff; margin:0; padding:16px 0 0; line-height:22px; font-size:14px;} #main_col_1 #whats_new .new_green p strong{color:#FFFFFF;} #main_col_1 #whats_new .new_green p a{color:#FFFFFF;} #main_col_1 #whats_new .new_orange{ width:570px; padding:15px; background:#e66d00; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin:0 0 16px;} #main_col_1 #whats_new .new_orange p {color:#ffffff; margin:0; padding:16px 0 0; line-height:22px; font-size:14px; text-align:left;} #main_col_1 #whats_new .new_orange p strong{color:#FFFFFF;} #main_col_1 #whats_new .new_orange p a{color:#FFFFFF;} #main_col_1 #whats_new .new_purple{ width:570px; padding:15px; background:#702ca2; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin:0 0 16px;} #main_col_1 #whats_new .new_purple p {color:#ffffff; margin:0; padding:16px 0 0; line-height:22px; font-size:14px;} #main_col_1 #whats_new .new_purple p strong{color:#FFFFFF;} #main_col_1 #whats_new .new_purple p a{color:#FFFFFF;} #main_col_1 #whats_new .new_grey{ width:570px; padding:15px; background:#e0e0e0; -moz-border-radius: 10px; -webkit-border-radius: 10px;} /* Price Plans */ #main_col_2 .price_plan{ width:260px; padding:15px; background:#489A48; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin:0 0 16px;} #main_col_2 .price_plan h2{font-size:23px; margin:0; padding:0; font-weight:bold; color:#ffffff;} #main_col_2 .price_plan h2.line{font-size:23px; margin:0; padding:0 0 10px; font-weight:bold; color:#ffffff; border-bottom:1px dashed #ffffff;} #main_col_2 .price_plan h3{font-size:18px; margin:0; padding:16px 0 0; font-weight:bold; color:#ffffff;} #main_col_2 .price_plan p {color:#ffffff; margin:0; padding:16px 0 0; line-height:22px; font-size:14px; text-align:left;} #main_col_2 .price_plan p strong{color:#FFFFFF;} #main_col_2 .price_plan p a{color:#FFFFFF;} #main_col_2 .price_plan ul {color:#ffffff; margin:0; padding:16px 0 0 30px; line-height:22px; font-size:14px; text-align:left;} /*Enquiry Form*/ #main_col_1 table{font-size:14px; color:#767676; margin-top:10px; border-top:1px solid #e2e2e2;} #main_col_1 tr{height: 30px;} #main_col_1 tr.bg{background-color:#f0f0f0;} #main_col_1 td strong{color:#FBAD0E;} /*funkyCLUB*/ #main_col_1 .funky_table table{font-size:14px; color:#767676; margin-top:10px; border:1px dashed #489A48; padding:10px;} #main_col_1 .funky_table tr{height: 30px;} #main_col_1 .funky_table tr.bg{background-color:#f0f0f0;} #main_col_1 .funky_table td strong{color:#702377;} /*whats new*/ #main_col_1 .new_table table{font-size:14px; color:#767676; margin-top:10px; border:1px dashed #489A48; padding:10px; background:#FFFFFF;} #main_col_1 .new_table tr{height: 30px;} #main_col_1 .new_table tr.bg{background-color:#f0f0f0;} #main_col_1 .new_table td strong{color:#e66d00;} #main_col_1 .form{background-color:#ffffff; border: #c8c8c8 1px solid; font-family:Arial, Helvetica; font-size:11px; color:#4c4c4c; padding:3px; width:390px;} #main_col_1 .form_button{height:44px; width:245px; background:url(../images/party_send.gif) no-repeat; border:0; padding:0; cursor:pointer;} .more-pics {margin-top: 20px; float:right; margin-bottom:20px;} .prev-pics {margin-top: 20px; float:left; margin-bottom:20px;} /*------------------------------------------------------------------------------*/ /* FOOTER DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #footer_body{width:100%; background:url(../images/bg_footer.gif) repeat-x #ffffff;} #footer_container{width:960px; margin:0 auto; padding:60px 0 20px;} #footer_container ul{margin:0; padding:0; list-style-type: none;;} #footer_container li{margin:0; padding:0 16px 0 0; float:left; font-size:14px; color:#000000;} #footer_container a{color:#4b4c4b; text-decoration:none;} #footer_container a:hover{color:#4b4c4b; text-decoration:underline;} #footer_col_1{width:615px; float:left; display:inline;} #footer_col_2{width:345px; float:right; display:inline;} #footer_col_1 p{font-size:14px; color:#4b4c4b; margin:0; padding:10px 0 0; line-height:22px;} #footer_col_2 p{font-size:12px; text-align:right; color:#000000; margin:0; padding:0; line-height:22px;} #footer_body .design{font-size:11px; width:100%; text-align:center; padding:20px 0; color:#d5e281;} #footer_body .design a{color:#d5e281; text-decoration:none;} #footer_body .design a:hover{color:#c0d53b;} /*------------------------------------------------------------------------------*/ /* MISC VALUES, DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ .clearcols{clear:both; height:1px;} .colour_text{color:#DF6300;} .orange_text{color:#fbad0e;} #main_col_1 .red{color:#ff0000;} .heart_img {float:right;} .col2-img {margin-bottom:20px;} .col2-img-bottom {margin-top:20px;} .brown-package {width:350px; background-color:#836437; padding-left:10px; margin-top:10px;} .brown-package p {color:#FFF;} #main_col_1 .brown-package ul li {color:#FFF;} .brown-package h2 strong {color:#FFF;} .green{ color:#489A48;} .red-package {width:350px; background-color:#c51039; padding-left:10px; margin-top:10px;} .red-package p {color:#FFF;} #main_col_1 .red-package ul li {color:#FFF;} .red-package h2 strong {color:#FFF;} #main_col_1 .funky-quote {color:#702377;} /*------------------------------------------------------------------------------*/ /* CSS STYLING FOR IVERDIGE HEALTH CLUB Client: Iveridge Health Club CSS Document: Version 1.0 Developer: tillwilly design studio URL: http://tillwilly.com CSS design copyright tillwilly design studio /*------------------------------------------------------------------------------*/