@import url('reset.css'); /* Theme Name: Annika - Premium Portfolio or Business theme Theme URI: http://www.ansonika.com/annika/ Description: Slender is created by Ansonika. Version: 1.0.0 Author: Ansonika Author URI: http://themeforest.net/user/Ansonika/ */ /*------------------------------------------------ CSS STRUCTURE: 1. GENERAL TYPOGRAPHY 2. SITE STRUCTURE 3. PAGES AND CONTENT 4. EXTENDED ELEMENTS (forms, buttons, etc) 5. MISC ------------------------------------------------*/ /*============================================================================================*/ /* 1. GENERAL TYPOGRAPHY */ /*============================================================================================*/ body{background:#ededed url(../img/bg_gray.png) repeat;color:#444;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;} h1, h2, h3, h4{margin-bottom:10px;} h1{ color:#fff; font-size:44px; letter-spacing:-1px; text-transform:uppercase; margin-bottom:0; } .content_header_l h2 { margin-bottom:15px;} h2{color:#70d8e5;font-size:21px;} h2.panel {color:#fff;font-size:44px;letter-spacing:-1px;text-transform:uppercase; margin-bottom:0;} h3.panel {color:#70d8e5;font-size:21px; margin-bottom:15px;} h3 {font-size:18px; font-weight:600} h3 span {font-size:16px; font-weight:500; color:#9e9e9e; display:block;} h4 {font-size:16px; font-weight:600} h4 span {display:block; color:#9e9e9e; font-weight:500; } h5 { font-size:12px; font-weight:600; } #main_services h2{font-size:26px;font-weight:normal;} h2.panel_title{background:#f0f0f0 url(../img/shadow_40.png) center bottom no-repeat;color:#161616;font-size:26px;padding:12px 0;text-align:center;text-transform:uppercase; margin:0 0 1px 0; padding-bottom:10px;} .price h3{color:#fff;font-size:60px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.5);} .price h3 sup{font-size:20px;} .price h3 span{display:block;font-size:20px;margin:20px 0 40px 0; color:#fff;} .content_header_l em {position:absolute;width:200px;height:100px;color:#3dd2e5;font-size:24px;top:237px;eft:230px;background: url(../img/arrow_1.png) no-repeat center 30px;left: 225px;} .strip_1 em { position:absolute; width:200px; height:100px; color:#3dd2e5; font-size:22px; top:17px; left:467px; background: url(../img/arrow_1_b.png) no-repeat center 30px; } .strip_2 em { position:absolute; width:230px; height:100px; color:#3dd2e5; font-size:22px; top:-9px; left:223px; background: url(../img/arrow_1_c.png) no-repeat left top; padding-top:40px; text-align:right } /*============================================================================================*/ /* 2. SITE STRUCTURE */ /*============================================================================================*/ #wrapper{margin:auto;width:940px; } #header {position:relative;} #scroller-body{background:#fff url(../img/tsc/BTP-20040701-0007.jpg) no-repeat 0 0; /*background:#fff url(../img/bg_header.jpg) no-repeat 0 0;*/ border-left:1px solid #fff; border-right:1px solid #fff; box-shadow:0 1px 5px rgba(0,0,0,.5);-moz-box-shadow:0 1px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);width:938px;padding-bottom:1px; } #mask{margin:0 auto;overflow:hidden;width:938px;} #panel-1, #panel-2, #panel-3, #panel-4 {float:left;width:938px; } /* Header--------------*/ #logo{margin:25px 0 0 25px;} #like{width:320px;position:absolute; top: 25px; left:505px; text-align:right;} .fb-like{float:left;height:20px;margin-right:5px;width:95px;} .twitter{float:left;height:20px;margin-left:5px;width:95px;} .google{float:left;height:20px;margin-left:5px;width:25px;} #phone{background-color:#041e25;border-radius:5px;color:#acacac;float:right;font-size:14px;-moz-border-radius:5px;padding:5px 10px;-webkit-border-radius:5px; margin:25px 25px 0 0;} #phone strong{color:#fff;} .content_header{ height:458px; margin:25px 50px 0 50px; color:#fff; text-shadow: #000 1px 1px; } .content_header_l{float:left;width:415px; padding-top:20px; position:relative; height:315px;} .content_header_l p{margin-bottom:30px;} .content_header_r{float:right;text-align:right;width:415px; height:325px;} /* Nav---------------------------- */ ul.nav_tour{height:110px;margin-top:15px;text-align:center;width:850px; margin-left:-10px;} ul.nav_tour li{display:inline;text-align:center; } ul.nav_tour li a{color:#fff;display:inline-block;font-size:18px;letter-spacing:-1px;padding:80px 22px 5px 22px;text-decoration:none;} ul.nav_tour li a.features{background:url(../img/nav_features.png) no-repeat center 0;} ul.nav_tour li a:hover.features, ul.nav_tour li a.features.selected{background:url(../img/nav_features.png) no-repeat center -120px;} ul.nav_tour li a.pricing{background:url(../img/nav_pricing.png) no-repeat center 0;} ul.nav_tour li a:hover.pricing, ul.nav_tour li a.pricing.selected{background:url(../img/nav_pricing.png) no-repeat center -120px;} .nav_tour li a.testimonials{background:url(../img/nav_testimonials.png) no-repeat center 0;} ul.nav_tour li a:hover.testimonials, ul.nav_tour li a.testimonials.selected{background:url(../img/nav_testimonials.png) no-repeat center -120px;} .nav_tour li a.sign_up{background:url(../img/nav_sign_up.png) no-repeat center 0;} ul.nav_tour li a:hover.sign_up, ul.nav_tour li a.sign_up.selected{background:url(../img/nav_sign_up.png) no-repeat center -120px;} /* Footer------------------------*/ #address{background:#fff url(../img/address_bg.png) bottom right no-repeat;float:left;margin:10px 10px 25px 0; box-shadow:0 1px 5px rgba(0,0,0,.5);-moz-box-shadow:0 1px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);width:414px;padding:25px;} ul.info, ul.info_2{float:left;line-height:18px;width:200px;} ul.info_2 li#tel{background:url(../img/mobile.png) no-repeat left center;padding-left:25px;} ul.info_2 li#fax{background:url(../img/fax.png) no-repeat left center;padding-left:25px;} ul.info_2 li#mail{background:url(../img/envelope.png) no-repeat left center;padding-left:25px;} #newsletter{background:#fff url(../img/newsletter_bg.png) bottom right no-repeat;float:right;margin:10px 0 25px 0;-moz-box-shadow:0 1px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5); box-shadow:0 1px 5px rgba(0,0,0,.5);width:414px;padding:25px;} #footer p{ margin-bottom:25px;} #footer p{color:#999;float:left;font-size:11px;margin-left:10px;padding-bottom:25px;text-shadow:0 1px 1px #fff;} ul#follow{float:right;} ul#follow li{float:left;margin-right:10px;} ul#follow li a{display:block;height:36px;text-indent:-9999px;width:37px;} ul#follow li a#tw{background:url(../img/sprite_social.png) no-repeat 0 0;} ul#follow li a:hover#tw{background:url(../img/sprite_social.png) no-repeat 0 -42px;} ul#follow li a#rss{background:url(../img/sprite_social.png) no-repeat -47px 0;} ul#follow li a:hover#rss{background:url(../img/sprite_social.png) no-repeat -47px -42px;} ul#follow li a#vimeo{background:url(../img/sprite_social.png) no-repeat -94px 0;} ul#follow li a:hover#vimeo{background:url(../img/sprite_social.png) no-repeat -94px -42px;} ul#follow li a#fb{background:url(../img/sprite_social.png) no-repeat -141px 0;} ul#follow li a:hover#fb{background:url(../img/sprite_social.png) no-repeat -141px -42px;} /*============================================================================================*/ /* 3. PAGES AND CONTENT */ /*============================================================================================*/ /* Panel 1 features---------------*/ #main_features{background:url(../img/shadow_40.png) no-repeat bottom left;padding:60px 50px;width:838px; padding-bottom:25px;} #main_features ul li{display:block;float:left;margin-bottom:25px;margin-right:36px;padding-left:80px;position:relative;width:320px;} #main_features ul li.last{margin-right:0px;} .icon{height:auto;left:0;position:absolute;top:0;width:80px;} .strip_1{background:url(../img/corner_strip_left.png) no-repeat 0 1px;padding:60px 0px 0px 50px;position:relative;} .desc{display:block;float:left;width:400px;} .strip_1 span.pic{display:block;float:right;margin-bottom:-3px;text-align:right;width:450px;z-index:1; } .strip_2{background:url(../img/corner_strip_right.png) no-repeat right 1px;padding:60px 50px 0px 0px;position:relative;} .desc_2{display:block;float:right;width:400px;} .strip_2 span.pic{display:block;float:left;margin-bottom:-3px;width:450px;z-index:1;} .strip_shadow{background:url(../img/shadow_40.png) no-repeat bottom left;bottom:0px;height:8px;left:0px;position:absolute;width:938px;z-index:99;} .col_left{float:left;padding-right:110px;width:450px;} .col_right{float:right;padding:60px 50px 0 0;width:400px;} /* Thumbs Grid */ .tj_container{float:left;height:295px;padding:60px 0 0 50px;position:relative;width:385px;} .tj_nav{height:40px;margin-top:-35px;position:absolute;right:-9px;top:192px;width:17px;z-index:5;} .tj_nav span{background:transparent url(../img/prev_thumb.png) no-repeat top left;cursor:pointer;height:14px;left:0px;-moz-transition:all 0.2s ease-in-out;opacity:0.7;-o-transition:all 0.2s ease-in-out;position:absolute;text-indent:-9000px;top:0px;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;width:17px;} .tj_nav span.tj_next{background-image:url(../img/next_thumb.png);bottom:0px;left:0px;top:auto;} .tj_nav span:hover{opacity:1.0;} .tj_wrapper{height:100%;margin:0px auto;position:relative;width:100%;} .tj_wrapper ul li{float:left;} /*.tj_wrapper ul li a{display:block;margin:0 15px 15px 0;outline:none;} .tj_wrapper ul li a img{border:none;box-shadow:2px 2px 4px #8e8e8e;display:block;-moz-box-shadow:2px 2px 4px #8e8e8e;-webkit-box-shadow:2px 2px 4px #8e8e8e;}*/ .tj_wrapper ul li img{display:block;margin:0 15px 15px 0;outline:none;border:none;box-shadow:2px 2px 4px #8e8e8e;display:block;-moz-box-shadow:2px 2px 4px #8e8e8e;-webkit-box-shadow:2px 2px 4px #8e8e8e;} /* Panel 2 pricing---------------*/ .standard{background:#eaf6f9 url(../img/standard_bg.png) no-repeat right -6px;border-top:6px solid #cee7ec;margin:60px 50px 0 50px; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;padding:24px 0 30px 30px;} .business{background:#eee9f3 url(../img/business_bg.png) no-repeat right -6px;border-top:6px solid #dac9df;margin:30px 50px 30px 50px; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;padding:24px 0 30px 30px;} .premium{background:#d9f3fd url(../img/premium_bg.png) no-repeat right -6px;border-top:6px solid #a9e4fa;margin:30px 50px 30px 50px; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;padding:24px 0 30px 30px;} .standard, .business, .premium { text-shadow: 0 1px 1px #fff;} ul.list_1, ul.list_2{float:left;margin-right:70px;width:160px; color:#666;} ul.list_1 li, ul.list_2 li{background:#fff url(../img/tick_2.png) no-repeat 5px center;margin-bottom:3px;-border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; padding:3px 3px 3px 25px;} .price{float:right;height:140px;margin-left:50px;padding-top:25px;text-align:center;width:220px;} #plans_features {background:url(../img/shadow_40.png) no-repeat bottom left;padding:30px 50px 25px 50px;width:838px; } #plans_features ul img{margin-bottom:10px;} #plans_features ul li{display:block;float:left;margin-bottom:25px;margin-right:36px;position:relative;width:400px;} #plans_features ul li.last{margin-right:0px;} #plans_tb {width:838px;} #plans_tb th {text-align:center;vertical-align:central; font-weight:500; height:60px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:14px; } #plans_tb th.last {border-right:none;} #plans_tb td{border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;padding:25px 25px 10px 25px;text-align:center;vertical-align:central;} #plans_tb td.row_1{background-color:#f7f7f7;border-left:none;text-align:left;vertical-align:central;} #plans_tb td.row_2{border-left:none;text-align:left;vertical-align:central;} #plans_tb td.last_row{border-bottom:none; padding-bottom:25px;} .bg_s{background-color:#f9fcfd;} .bg_b{background-color:#faf8fb;} .bg_p{background-color:#f4fbfe;} /* Testimonials----------------*/ ul#testimonials_1{margin:30px 50px 60px 50px;} ul#testimonials_1 li{border-bottom:1px solid #d7d7d7;padding:30px 0;} ul#testimonials_1 li strong{float:left;font-size:16px;margin:20px 0 0 20px;width:220px;} ul#testimonials_1 li strong em{color:#b2b0b0;display:block;font-size:13px;} ul#testimonials_1 li p{border-left:1px solid #d7d7d7;float:left;padding:20px 0 20px 30px;width:560px;} ul#testimonials_1 li p img{ display:block; margin-top:15px;} ul#testimonials_2 { margin:25px 0 0 0;} ul#testimonials_2 li{float:left;margin:0 50px 35px 0 ;width:231px; } ul#testimonials_2 li.last{margin-right:0px;} ul#testimonials_2 li strong{float:left;font-size:16px;} ul#testimonials_2 li strong em{color:#b2b0b0;font-size:13px;} ul#testimonials_2 li p.bubble_1, ul#testimonials_2 li p.bubble_2, ul#testimonials_2 li p.bubble_3{color:#fff;font-size:13px;font-style:italic;font-weight:700;line-height:18px;padding:95px 50px 65px 50px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.5);} ul#testimonials_2 li p.bubble_1{background:url(../img/bubble_1.png) no-repeat center bottom;} ul#testimonials_2 li p.bubble_2{background:url(../img/bubble_2.png) no-repeat center bottom;} ul#testimonials_2 li p.bubble_3{background:url(../img/bubble_3.png) no-repeat center bottom;} ul#testimonials_3 { margin:25px 0 25px 0;} ul#testimonials_3 li{float:left;margin:0 50px 35px 0 ;width:238px;} ul#testimonials_3 li.last{margin-right:0px;} ul#testimonials_3 li strong{float:left;font-size:16px;} ul#testimonials_3 li strong em{color:#b2b0b0;font-size:13px;} ul#testimonials_3 li p.bubble_4{color:#686868;font-size:13px;font-style:italic;font-weight:700;line-height:18px;padding:25px 50px 95px 50px;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,1.0);} ul#testimonials_3 li p.bubble_4{background:url(../img/bubble_4.png) no-repeat center top;} .heart{margin-top:15px;} /* Sign up----------------*/ .col {width:410px;float:left;} .col_2 {padding-left:70px;width:350px; float:left;} #sent{background:#fff url(../img/newsletter_bg.png) bottom right no-repeat;margin:100px 10px 25px 0; box-shadow:0 1px 5px rgba(0,0,0,.5);-moz-box-shadow:0 1px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);padding:50px; height:200px; text-align:center} #signup_features ul img{margin-bottom:10px;} #signup_features ul li{display:block;margin-bottom:20px;position:relative;} /*============================================================================================*/ /* 4. EXTENDED ELEMENTS (forms, buttons, etc) */ /*============================================================================================*/ #form_bg{background:url(../img/bg_form.png) no-repeat top left;height:35px;position:relative;width:290px;} #form_bg input{background:none;border:none;color:#c4c4c4;display:block;font-size:12px;left:3px;padding:7px;position:absolute;top:3px;width:200px; padding-right:80px; font-family:Helvetica, Arial;} #form_bg input:focus{-webkit-box-shadow: 0 0 12px rgba(61, 210, 229, 0.5);-moz-box-shadow: 0 0 12px rgba(61, 210, 229, 0.5);box-shadow: 0 0 12px rgba(61, 210, 229, 0.5); color:#555;} .send_bt{background:url(../img/subscribe_bt.png) no-repeat top left;border:none;cursor:pointer;display:block;height:28px;left:210px;position:absolute;text-indent:-9999px;top:3px;width:79px;} label.error{background:#ffffe0;border:1px solid #e6db55;color:#333;font-size:11px;line-height:16px;padding:4px 8px; width:105px; text-align:center; position:absolute; left:300px; top:3px; display:none;} #success{background:#d7feba;border:1px solid #c8ecad;color:#666;font-size:11px;line-height:16px;padding:4px 8px; width:155px; text-align:center; margin-bottom:7px;} .formError {position: absolute;top:300px;left:300px; display: block; z-index: 5000;cursor: pointer; } .formError .formErrorContent {background:#ffffe0;border:1px solid #e6db55;color:#333;font-size:11px;padding:4px 8px;text-align:center;position:relative;z-index:5001;width:140px;font-size: 11px;line-height:14px;} .formular fieldset {margin-bottom: 20px; padding: 15px;border: 1px solid #d9d9d9; position:relative; } .formular legend {font-size: 14px;font-weight: 700;} .formular fieldset label {float: none;text-align: inherit;width: auto; } .formular fieldset label div { position:relative; } .formular input,.formular select,.formular textarea {display: block;margin-bottom: 5px;} .formular .text-input {width: 300px;color: #555;padding: 7px;border: 1px solid #d9d9d9;margin-top: 4px;background: #f8f8f8; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px; font-weight:500 } .formular .text-input2 {width: 180px;color: #555;padding: 7px;border: 1px solid #d9d9d9;margin-top: 4px;background: #f8f8f8; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px; font-weight:500 } .formular .text-input:focus{-webkit-box-shadow: 0 0 5px rgba(61, 210, 229, 0.5);-moz-box-shadow: 0 0 5px rgba(61, 210, 229, 0.5);box-shadow: 0 0 5px rgba(61, 210, 229, 0.5);} .formular textarea {width: 450px;height: 100px;color: #555;padding: 4px;border: 1px solid #d9d9d9;font-size: 14px;margin-top: 4px;background: #FFF repeat-x;} .formular span.checkbox,.formular .checkbox {display: inline;} .formular .submit {background:#319aa9 url(../img/bg_button_2.png) repeat-x 0 0; text-align:center; padding:5px 12px; font-size:12px; text-transform:uppercase; color:#fff;text-shadow:0 1px 1px rgba(000,000,000,0.7); border:1px solid #5bb8c3; border-radius:4px;-moz-border-radius:4px; font-weight:500; width:130px; float:right; cursor:pointer; } label.r { margin-right:10px; width:300px;} label.r input{vertical-align: middle; display:inline; width:auto; margin-top:4px; margin-right:5px; border:none;} label.r .formErrorContent {color: #444; position:relative; left:285px;} legend {color: #444; } a.bt_1{ background:#319aa9 url(../img/bg_button_1.png) repeat-x 0 0; text-align:center; padding:8px 20px; font-size:16px; text-transform:uppercase; border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px; -webkit-box-shadow: 0 0 5px rgba(000,000,000,0.7);-moz-box-shadow: 0 0 10px rgba(000,000,000,0.7);box-shadow: 0 0 10px rgba(000,000,000,0.7);-webkit-transition: -webkit-box-shadow 0.5s ease-out; -moz-transition: -moz-box-shadow 0.5s ease-out;-o-transition: box-shadow 0.5s ease-out; } a.bt_1:hover{-webkit-box-shadow: 0 0 10px rgba(255,255,255,0.7);-moz-box-shadow: 0 0 10px rgba(255,255,255,0.7);box-shadow: 0 0 10px rgba(255,255,255,0.7); } a.bt_1 span {color:#fff;none;text-shadow:1px 1px 2px rgba(000,000,000,0.5); -webkit-transition: -webkit-text-shadow 0.5s ease-out; -moz-transition: -moz-text-shadow 0.5s ease-out;-o-transition: text-shadow 0.5s ease-out; -webkit-transition:color 0.5s ease-in; -moz-transition:color 0.5s ease-in; -o-transition:color 0.5s ease-in; transition:color 0.5s ease-in; } a.bt_1 span:hover { color:#FFC} a.bt_2{ background:#319aa9 url(../img/bg_button_2.png) repeat-x 0 0; text-align:center; padding:5px 12px; font-size:11px; text-transform:uppercase; color:#fff;text-shadow:0 1px 1px rgba(000,000,000,0.7); border:1px solid #5bb8c3; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-transition: -webkit-box-shadow 0.5s ease-out; -moz-transition: -moz-box-shadow 0.5s ease-out;-o-transition: box-shadow 0.5s ease-out; font-weight:500; } a.bt_2:hover{-webkit-box-shadow: 0 0 10px rgba(100,189,199,1);-moz-box-shadow: 0 0 10px rgba(100,189,199,1);box-shadow: 0 0 10px rgba(100,189,199,1); color:#fff;} a.bt_3{ background:url(../img/bg_button_3.png) repeat-x 0 0; text-align:center; padding:5px 20px; font-size:12px; text-transform:uppercase; color:#fff;text-shadow:0 1px 1px rgba(000,000,000,1); font-weight:500; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-transition: -webkit-box-shadow 0.5s ease-out; -moz-transition: -moz-box-shadow 0.5s ease-out;-o-transition: box-shadow 0.5s ease-out; -webkit-box-shadow: 0 0 5px rgba(000,000,000, 0.2);-moz-box-shadow: 0 0 5px rgba(000,000,000,0.2);box-shadow: 0 0 5px rgba(000,000,000,0.2); font-weight:500;} a.bt_3:hover{-webkit-box-shadow: 0 0 10px rgba(255,255,255, 0.7);-moz-box-shadow: 0 0 10px rgba(255,255,255,0.7);box-shadow: 0 0 10px rgba(255,255,255,0.7); color:#fff;} a.bt_4{ background:url(../img/bg_button_4.png) repeat-x 0 0; text-align:center; padding:5px 10px; font-size:12px; text-transform:uppercase; color:#fff;text-shadow:0 1px 1px rgba(000,000,000,0.5); font-weight:500; border: 1px solid #8dc63f; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-transition: -webkit-box-shadow 0.5s ease-out; -moz-transition: -moz-box-shadow 0.5s ease-out;-o-transition: box-shadow 0.5s ease-out; -webkit-box-shadow: 0 0 5px rgba(000,000,000, 0.2);-moz-box-shadow: 0 0 5px rgba(000,000,000,0.2);box-shadow: 0 0 5px rgba(000,000,000,0.2); } a.bt_4:hover{-webkit-box-shadow: 0 0 10px rgba(128,195,66, 0.9);-moz-box-shadow: 0 0 10px rgba(128,195,66,0.9);box-shadow: 0 0 10px rgba(128,195,66,0.9); color:#fff; font-weight:500;} /*============================================================================================*/ /* 5. MISC */ /*============================================================================================*/ p{padding-bottom:20px;} .clr{clear:both;} .divider{background:url(../img/pattern_divider.png) repeat-x;height:6px;margin: 0 0 50px 0;} a {color:#3cacba;text-decoration:none; -webkit-transition: color 03s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;} a:hover {color: #363636;} ul.list_3 li{background:url(../img/tick_1.png) no-repeat left 3px;line-height:18px;padding-left:20px;} ul.list_4 li{background:url(../img/arrow_2.png) no-repeat 3px 5px;line-height:18px;padding-left:20px;} ul.list_5 li{background:url(../img/arrow_3.png) no-repeat 5px 7px;line-height:18px;padding-left:20px;} ul.list_6 li{background:url(../img/arrow_4.png) no-repeat 4px 6px;line-height:18px;padding-left:20px;} .banner {background:#272727 url(../img/bg_banner.png) repeat-x center left; padding:15px; position:relative; height:45px} .banner p {background: url(../img/clock.png) left center no-repeat; margin:0;padding: 5px 0 0 55px; color:#00e2ff; font-size:24px; } .banner p strong {color:#fff; font-size:36px;} .banner a {position:absolute;right:15px;top:17px;} iframe#v_border{ border:0px; -webkit-box-shadow: 0 0 10px rgba(000,000,000, 0.9);-moz-box-shadow: 0 0 10px rgba(000,000,000,0.9);box-shadow: 0 0 10px rgba(000,000,000,0.9);}