Quick insertion
It just takes 1 hour to improve your life
Come down to our clinic today and we will insert your new favourite toy into your brain and eye within just 1 hour and guaranteed life-long happiness will be yours.
Line 69: | Line 69: | ||
+ | * { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | img { | ||
+ | border:none; | ||
+ | } | ||
+ | input, textarea{ | ||
+ | outline:none;} | ||
+ | ul li { | ||
+ | list-style:none; | ||
+ | } | ||
+ | a { | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | display:block; | ||
+ | font-weight:normal; | ||
+ | } | ||
+ | body { | ||
+ | font-size: 15px; | ||
+ | font-family: "myriad Pro"; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/7/79/Nankai_Model_Body_bg.png); | ||
+ | background-position: 0 0; | ||
+ | background-repeat: repeat; | ||
+ | background-color: #F4F4F4; | ||
+ | layer-background-color: white; | ||
+ | } | ||
+ | .center_frame { | ||
+ | width:960px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} | ||
+ | /*===================================== HEADER CSS ============================*/ | ||
+ | |||
+ | |||
+ | #main_contant { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | #main_contant h2 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2015/9/9f/Nankai_Model_Title_bg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat-x; | ||
+ | height:79px; | ||
+ | text-align:center; | ||
+ | line-height:79px; | ||
+ | color:#555555; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | font-size:48px; | ||
+ | font-weight:normal; | ||
+ | margin:30px 0px 15px 0px; | ||
+ | } | ||
+ | #main_contant .box_1, #main_contant .box_3, #main_contant .box_2 { | ||
+ | float:left; | ||
+ | width:960px; | ||
+ | -moz-box-shadow: 5px 5px 5px #f3f3f4; | ||
+ | -webkit-box-shadow: 5px 5px 5px #f3f3f4; | ||
+ | box-shadow: 5px 5px 5px #f3f3f4; | ||
+ | border:1px solid #d8d8d8; | ||
+ | margin-bottom:25px; | ||
+ | height:324px; | ||
+ | } | ||
+ | .text { | ||
+ | float:left; | ||
+ | width:424px; | ||
+ | margin-left:-43px; | ||
+ | } | ||
+ | #main_contant .box_1 .img_1 { | ||
+ | float:left; | ||
+ | display:block; | ||
+ | } | ||
+ | #main_contant .box_3 .img_1 { | ||
+ | float:left; | ||
+ | display:block; | ||
+ | } | ||
+ | #main_contant .box_1 h6, #main_contant .box_2 h6, #main_contant .box_3 h6 { | ||
+ | float:left; | ||
+ | width:424px; | ||
+ | color:#48a31b; | ||
+ | font-size:37px; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | margin-top:60px; | ||
+ | } | ||
+ | #main_contant .box_1 h5, #main_contant .box_2 h5, #main_contant .box_3 h5 { | ||
+ | float:left; | ||
+ | width:424px; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:20px; | ||
+ | color:#2c2c2c; | ||
+ | } | ||
+ | #main_contant .box_1 p, #main_contant .box_2 p, #main_contant .box_3 p { | ||
+ | float:left; | ||
+ | width:424px; | ||
+ | line-height:26px; | ||
+ | color:#555555; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:15px; | ||
+ | } | ||
+ | #main_contant .box_1 a, #main_contant .box_2 a, #main_contant .box_3 a { | ||
+ | float:left; | ||
+ | margin-top:30px; | ||
+ | width:83px; | ||
+ | height:31px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2015/c/cd/Nankai_Model_More_info.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #main_contant .box_1 a:hover, #main_contant .box_2 a:hover, #main_contant .box_3 a:hover { | ||
+ | background-image:url(https://static.igem.org/mediawiki/2015/f/f8/Nankai_Model_More_info_hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #main_contant .box_1 .main_img_1 { | ||
+ | float:right; | ||
+ | margin-right:70px; | ||
+ | } | ||
+ | #main_contant .box_3 .main_img_3 { | ||
+ | float:right; | ||
+ | margin:20px 20px 0px 0px; | ||
+ | } | ||
+ | #main_contant .box_2 .main_img_2 { | ||
+ | float:left; | ||
+ | margin-left:50px; | ||
+ | } | ||
+ | #main_contant .box_2 .img_2 { | ||
+ | float:right; | ||
+ | } | ||
+ | .text_2 { | ||
+ | float:right; | ||
+ | width:424px; | ||
+ | margin-right:-30px; | ||
+ | } | ||
+ | |||
+ | /*===================================== PROJECT PAGE CSS ======================*/ | ||
+ | #project_84 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | #project_84 h1 { | ||
+ | float:left; | ||
+ | width:700px; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | font-size:35px; | ||
+ | color:#bfc2c7; | ||
+ | line-height:42px; | ||
+ | } | ||
+ | #project_84 h1 strong { | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | #project_84 .proj_sign { | ||
+ | float:right; | ||
+ | background-image:url(../images/sign_up_sprit.png); | ||
+ | background-position: left top; | ||
+ | background-repeat:no-repeat; | ||
+ | width:207px; | ||
+ | height:76px; | ||
+ | } | ||
+ | #project_84 .proj_sign:hover { | ||
+ | background-image:url(../images/sign_up_sprit.png); | ||
+ | background-position:left -86px; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #proj_process { | ||
+ | float:left; | ||
+ | width:820px; | ||
+ | margin-top:80px; | ||
+ | background-image:url(../images/header_shade_bg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat-x; | ||
+ | height:161px; | ||
+ | padding:35px 70px 0px; | ||
+ | } | ||
+ | #project_84 .proj_process { | ||
+ | float:left; | ||
+ | width:184px; | ||
+ | } | ||
+ | #project_84 .proj_process .subject_brain { | ||
+ | float:left; | ||
+ | background-image:url(../images/header_project84_img.png); | ||
+ | background-position: 0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:184px; | ||
+ | height:65px; | ||
+ | } | ||
+ | #project_84 .proj_process p { | ||
+ | float:left; | ||
+ | width:184px; | ||
+ | text-align:center; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:16px; | ||
+ | color:#ffffff; | ||
+ | margin-top:30px; | ||
+ | } | ||
+ | .arrwo_bg { | ||
+ | float:left; | ||
+ | width:133px; | ||
+ | height:65px; | ||
+ | background-image:url(../images/header_project84_img.png); | ||
+ | background-position: -184px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #project_84 .proj_process .lens_eve { | ||
+ | float:left; | ||
+ | background-image:url(../images/header_project84_img.png); | ||
+ | background-position: -320px top; | ||
+ | background-repeat:no-repeat; | ||
+ | width:184px; | ||
+ | height:65px; | ||
+ | } | ||
+ | #project_84 .proj_process .safe_fast { | ||
+ | float:left; | ||
+ | background-image:url(../images/header_project84_img.png); | ||
+ | background-position: -638px 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:184px; | ||
+ | height:65px; | ||
+ | } | ||
+ | #wrapper_top_project { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | background-image:url(../images/white_texture.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat; | ||
+ | height:491px; | ||
+ | } | ||
+ | /*=====================================TAB CONTANT CSS========================*/ | ||
+ | #tab_contant { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | #tab_contant .tab_display { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | #tab_contant .tab_display img { | ||
+ | float:left; | ||
+ | } | ||
+ | #tab_contant .tab_display .tab_right_side { | ||
+ | float:right; | ||
+ | width:480px; | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | .tab_right_side h1 { | ||
+ | float:left; | ||
+ | color:#101010; | ||
+ | font-size:45px; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | } | ||
+ | .tab_right_side h6 { | ||
+ | float:left; | ||
+ | color:#000000; | ||
+ | font-size:18px; | ||
+ | margin:10px 0px; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | width:480px; | ||
+ | } | ||
+ | .tab_right_side p { | ||
+ | float:left; | ||
+ | color:#515151; | ||
+ | font-size:14px; | ||
+ | font-family: "myriad Pro"; | ||
+ | text-align:justify; | ||
+ | line-height:23px; | ||
+ | width:470px; | ||
+ | } | ||
+ | .nav_tab { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | .nav_tab li a { | ||
+ | display: block; | ||
+ | float:left; | ||
+ | padding:26px 0px; | ||
+ | } | ||
+ | .tabs_nav { | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | .tabs_nav:before, .tabs_nav:after { | ||
+ | display: table; | ||
+ | content: ""; | ||
+ | } | ||
+ | .tabs_nav li { | ||
+ | float: left; | ||
+ | width:140px; | ||
+ | margin:0px 10px; | ||
+ | height:150px; | ||
+ | } | ||
+ | .tabs_nav li a { | ||
+ | float:left; | ||
+ | font-size:14px; | ||
+ | color:#8f8f8f; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_1, .tabs_nav li a .tab_img_2, .tabs_nav li a .tab_img_3, .tabs_nav li a .tab_img_4, .tabs_nav li a .tab_img_5, .tabs_nav li a .tab_img_6 { | ||
+ | float:left; | ||
+ | width:120px; | ||
+ | height:60px; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_1 { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img.png); | ||
+ | background-position:37px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_1:hover, ui-state-active { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img-hover.png); | ||
+ | background-position:37px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_2 { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img.png); | ||
+ | background-position:-123px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_2:hover { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img-hover.png); | ||
+ | background-position:-123px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_3 { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img.png); | ||
+ | background-position:-288px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_3:hover { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img-hover.png); | ||
+ | background-position:-288px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_4 { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img.png); | ||
+ | background-position:-438px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_4:hover { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img-hover.png); | ||
+ | background-position:-438px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_5 { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img.png); | ||
+ | background-position:-605px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_5:hover { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img-hover.png); | ||
+ | background-position:-605px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_6 { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img.png); | ||
+ | background-position:-761px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav li a .tab_img_6:hover { | ||
+ | float:left; | ||
+ | background-image:url(../images/project_tab_img-hover.png); | ||
+ | background-position:-761px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tabs_nav { | ||
+ | } | ||
+ | .tabs_nav li { | ||
+ | margin-bottom: -1px; | ||
+ | } | ||
+ | .tabs_nav li a:hover { | ||
+ | float:left; | ||
+ | background-image:url(../images/tab_selected_bg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:140px; | ||
+ | } | ||
+ | .tabs_nav .active a, .tabs_nav .active a:hover { | ||
+ | float:left; | ||
+ | background-image:url(../images/tab_selected_bg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:140px; | ||
+ | } | ||
+ | li { | ||
+ | line-height: 18px; | ||
+ | } | ||
+ | .tab-content.active { | ||
+ | display: block; | ||
+ | } | ||
+ | .tab-content.hide { | ||
+ | display: none; | ||
+ | } | ||
+ | /*=====================================PROJECT MAIN CONTANT CSS========================*/ | ||
+ | #project_84_main_contant { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:100px; | ||
+ | } | ||
+ | #project_84_main_contant h1 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | font-size:59px; | ||
+ | color:#000000; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | margin-bottom:75px; | ||
+ | } | ||
+ | #some_features { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | padding-bottom:20px; | ||
+ | } | ||
+ | #some_features li { | ||
+ | float:left; | ||
+ | width:50%; | ||
+ | margin-bottom:30px; | ||
+ | } | ||
+ | #some_features li img { | ||
+ | float:left; | ||
+ | } | ||
+ | #some_features li .features_text { | ||
+ | float:left; | ||
+ | width:75%; | ||
+ | margin-left:3%; | ||
+ | } | ||
+ | #some_features li .features_text h6 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:22px; | ||
+ | color:#000000; | ||
+ | } | ||
+ | #some_features li .features_text h6 a { | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:12px; | ||
+ | color:#ffffff; | ||
+ | background-color:#66ce52; | ||
+ | padding:1px 3px; | ||
+ | font-weight:normal; | ||
+ | margin-left:15px; | ||
+ | margin-top:-2px !important; | ||
+ | float:right; | ||
+ | margin-right:50px; | ||
+ | } | ||
+ | #some_features li .features_text p { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:16px; | ||
+ | color:#525252; | ||
+ | line-height:22px; | ||
+ | margin-top:5px; | ||
+ | } | ||
+ | /*===================================== LOGIN PAGE CSS ========================*/ | ||
+ | #login_detail { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | #login_detail form { | ||
+ | margin:50px auto; | ||
+ | width:308px; | ||
+ | } | ||
+ | #login_detail form h6 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | font-size:47px; | ||
+ | color:#ffffff; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | } | ||
+ | #login_detail form input.input_1 { | ||
+ | float:left; | ||
+ | width:248px; | ||
+ | padding-top:13px; | ||
+ | padding-bottom:15px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | padding-left:60px; | ||
+ | background-image:url(../images/login_sprit.png); | ||
+ | background-position:left top; | ||
+ | background-repeat:no-repeat; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | #login_detail form input.input_2 { | ||
+ | float:left; | ||
+ | width:248px; | ||
+ | padding-top:13px; | ||
+ | padding-bottom:15px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | padding-left:60px; | ||
+ | margin-top:5px; | ||
+ | background-image:url(../images/login_sprit.png); | ||
+ | background-position:left -49px; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #login_detail form input[type="submit"] { | ||
+ | float:left; | ||
+ | width:308px; | ||
+ | margin-top:28px; | ||
+ | background:none; | ||
+ | cursor:pointer; | ||
+ | background-image:url(../images/login_sprit.png); | ||
+ | background-position:left -118px; | ||
+ | background-repeat:no-repeat; | ||
+ | height:55px; | ||
+ | border:none; | ||
+ | } | ||
+ | #login_detail form input[type="submit"]:hover { | ||
+ | background-image:url(../images/login_hover.png); | ||
+ | background-position:1px 3px; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #login_detail form .forget, #login_detail form .not_yet { | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:11px; | ||
+ | color:#ffffff; | ||
+ | margin-top:15px; | ||
+ | } | ||
+ | #login_detail form .forget { | ||
+ | float:left; | ||
+ | } | ||
+ | #login_detail form .not_yet { | ||
+ | float:right; | ||
+ | } | ||
+ | /*===================================== REGISTER PAGE CSS =====================*/ | ||
+ | #register_details { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | #register_details form { | ||
+ | margin:50px auto; | ||
+ | width:308px; | ||
+ | } | ||
+ | #register_details form h6 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | font-size:47px; | ||
+ | color:#ffffff; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | } | ||
+ | #register_details form input.input_1 { | ||
+ | float:left; | ||
+ | width:248px; | ||
+ | padding-top:13px; | ||
+ | padding-bottom:15px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | padding-left:60px; | ||
+ | background-image:url(../images/login_sprit.png); | ||
+ | background-position:left top; | ||
+ | background-repeat:no-repeat; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | #register_details form input.input_2 { | ||
+ | float:left; | ||
+ | width:248px; | ||
+ | padding-top:13px; | ||
+ | padding-bottom:15px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | padding-left:60px; | ||
+ | margin-top:5px; | ||
+ | background-image:url(../images/login_sprit.png); | ||
+ | background-position:left -49px; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #register_details form input[type="submit"] { | ||
+ | float:left; | ||
+ | width:308px; | ||
+ | margin-top:28px; | ||
+ | background:none; | ||
+ | cursor:pointer; | ||
+ | background-image:url(../images/register_sprit.png); | ||
+ | background-position:left -221px; | ||
+ | background-repeat:no-repeat; | ||
+ | height:55px; | ||
+ | border:none; | ||
+ | } | ||
+ | #register_details form input[type="submit"]:hover { | ||
+ | background-image:url(../images/register_hover.png); | ||
+ | background-position:0 -1px; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #register_details form .forget, #login_detail form .not_yet { | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:11px; | ||
+ | color:#ffffff; | ||
+ | margin-top:15px; | ||
+ | } | ||
+ | #register_details form .forget { | ||
+ | float:left; | ||
+ | } | ||
+ | #register_details form .not_yet { | ||
+ | float:right; | ||
+ | } | ||
+ | #register_details form input.input_3 { | ||
+ | float:left; | ||
+ | width:248px; | ||
+ | padding-top:13px; | ||
+ | padding-bottom:15px; | ||
+ | border:none; | ||
+ | margin-top:5px; | ||
+ | background:none; | ||
+ | padding-left:60px; | ||
+ | background-image:url(../images/login_sprit.png); | ||
+ | background-position:left -49px; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #register_details form input.input_4 { | ||
+ | float:left; | ||
+ | width:248px; | ||
+ | padding-top:13px; | ||
+ | padding-bottom:15px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | padding-left:60px; | ||
+ | margin-top:7px; | ||
+ | background-image:url(../images/register_sprit.png); | ||
+ | background-position:left -150px; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | /*===================================== ABOUT PSAGE CSS ========================*/ | ||
+ | #about_us { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | #about_us h1 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | color:#ffffff; | ||
+ | font-size:59px; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | } | ||
+ | #about_us .meet_the_team { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:40px; | ||
+ | } | ||
+ | #about_us .meet_the_team li { | ||
+ | float:left; | ||
+ | margin:0px 10px; | ||
+ | width:220px; | ||
+ | } | ||
+ | #about_us .meet_the_team li .hawk, #about_us .meet_the_team li .kangaroo, #about_us .meet_the_team li .koala, #about_us .meet_the_team li .squirrel { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | height:160px; | ||
+ | } | ||
+ | #about_us .meet_the_team li .hawk { | ||
+ | background-image:url(../images/our_team_sprit.png); | ||
+ | background-position:36px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #about_us .meet_the_team li .kangaroo { | ||
+ | background-image:url(../images/our_team_sprit.png); | ||
+ | background-position:-202px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #about_us .meet_the_team li .koala { | ||
+ | background-image:url(../images/our_team_sprit.png); | ||
+ | background-position:-442px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #about_us .meet_the_team li .squirrel { | ||
+ | background-image:url(../images/our_team_sprit.png); | ||
+ | background-position:-684px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #about_us .meet_the_team li strong { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | font-size:18px; | ||
+ | color:#ffffff; | ||
+ | margin:5px 0px; | ||
+ | } | ||
+ | #about_us .meet_the_team li p { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:justify; | ||
+ | font-size:14px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | /*=====================================ABOUT WRAPPER TOP CSS========================*/ | ||
+ | #wrapper_top_about { | ||
+ | background-image: url("../images/white_texture.png"); | ||
+ | background-position: 0 0; | ||
+ | background-repeat: repeat; | ||
+ | float: left; | ||
+ | padding:30px 0px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #wrapper_top_about h2 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | font-size:59px; | ||
+ | color:#000000; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | margin-bottom:25px; | ||
+ | } | ||
+ | /*=====================================ABOUT WRAPPER LEFT CSS========================*/ | ||
+ | #about_left { | ||
+ | float:left; | ||
+ | width:400px; | ||
+ | margin-left:10px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | #about_left .future_projects, #about_left .project_trial, #about_left .power_house { | ||
+ | float:left; | ||
+ | width:358px; | ||
+ | border:1px solid #cbcbcc; | ||
+ | background-color:#ffffff; | ||
+ | padding:0px 20px 0px 20px; | ||
+ | -moz-box-shadow: 3px 3px 3px #e0e0e0; | ||
+ | -webkit-box-shadow: 3px 3px 3px #e0e0e0; | ||
+ | box-shadow: 3px 3px 3px #e0e0e0; | ||
+ | } | ||
+ | #about_left .future_projects { | ||
+ | margin-top:48px; | ||
+ | } | ||
+ | #about_left .project_trial { | ||
+ | margin-top:170px; | ||
+ | } | ||
+ | #about_left .power_house { | ||
+ | margin-top:48px; | ||
+ | } | ||
+ | #about_left .future_projects .toltip_left, #about_left .project_trial .toltip_left, #about_left .power_house .toltip_left { | ||
+ | float:left; | ||
+ | margin-left:-21px; | ||
+ | } | ||
+ | #about_left .future_projects h3, #about_left .project_trial h3, #about_left .power_house h3 { | ||
+ | float:left; | ||
+ | font-size:20px; | ||
+ | color:#297f18; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | margin-top:-57px; | ||
+ | line-height:57px; | ||
+ | } | ||
+ | #about_left .future_projects p, #about_left .project_trial p, #about_left .power_house p { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | color:#414141; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:13px; | ||
+ | padding:25px 0px; | ||
+ | border-bottom:1px solid #e1e1e1; | ||
+ | } | ||
+ | #about_left .future_projects em, #about_left .project_trial em, #about_left .power_house em { | ||
+ | float:left; | ||
+ | margin:8px 0px 8px 0px; | ||
+ | padding-left:20px; | ||
+ | background-image:url(../images/clender_icon_1.png); | ||
+ | background-position: 0 center; | ||
+ | background-repeat:no-repeat; | ||
+ | font-style:normal; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:11px; | ||
+ | color:#272727; | ||
+ | line-height:14px; | ||
+ | } | ||
+ | /*=====================================ABOUT WRAPPER MIDDLE CSS========================*/ | ||
+ | |||
+ | #about_middle { | ||
+ | float:left; | ||
+ | width:140px; | ||
+ | } | ||
+ | #about_middle .present { | ||
+ | float:left; | ||
+ | width:75px; | ||
+ | height:38px; | ||
+ | text-align:center; | ||
+ | line-height:29px; | ||
+ | color:#fff; | ||
+ | font-size:14px; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | margin-left:33px; | ||
+ | background-image:url(../images/drop_line_1.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #about_middle .present:hover, #about_middle .year_date:hover { | ||
+ | color:#84c745; | ||
+ | } | ||
+ | #about_middle .drop_title { | ||
+ | float:left; | ||
+ | width:75px; | ||
+ | height:688px; | ||
+ | margin-left:33px; | ||
+ | background-image:url(../images/drop_line_1.png); | ||
+ | background-position:0 -39px; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #about_middle .year_date { | ||
+ | float:left; | ||
+ | width:75px; | ||
+ | height:44px; | ||
+ | text-align:center; | ||
+ | line-height:49px; | ||
+ | color:#fff; | ||
+ | font-size:14px; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | margin-left:33px; | ||
+ | background-image:url(../images/drop_line_1.png); | ||
+ | background-position:0 bottom; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | /*=====================================ABOUT WRAPPER RIGHT CSS========================*/ | ||
+ | #about_right { | ||
+ | float:right; | ||
+ | width:400px; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | #about_right .powerhouse_market, #about_right .implantation_first { | ||
+ | float:left; | ||
+ | width:358px; | ||
+ | border:1px solid #cbcbcc; | ||
+ | background-color:#ffffff; | ||
+ | padding:0px 20px 0px 20px; | ||
+ | -moz-box-shadow: 3px 3px 3px #e0e0e0; | ||
+ | -webkit-box-shadow: 3px 3px 3px #e0e0e0; | ||
+ | box-shadow: 3px 3px 3px #e0e0e0; | ||
+ | } | ||
+ | #about_right .powerhouse_market { | ||
+ | margin-top:156px; | ||
+ | } | ||
+ | #about_right .implantation_first { | ||
+ | margin-top:144px; | ||
+ | } | ||
+ | #about_right .powerhouse_market .toltip_right, #about_right .implantation_first .toltip_right { | ||
+ | float:left; | ||
+ | margin-left:-34px; | ||
+ | } | ||
+ | #about_right .powerhouse_market h3, #about_right .implantation_first h3 { | ||
+ | float:left; | ||
+ | font-size:20px; | ||
+ | color:#297f18; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | margin-top:-57px; | ||
+ | line-height:57px; | ||
+ | } | ||
+ | #about_right .powerhouse_market p, #about_right .implantation_first p { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | color:#414141; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:13px; | ||
+ | padding:25px 0px; | ||
+ | border-bottom:1px solid #e1e1e1; | ||
+ | } | ||
+ | #about_right .powerhouse_market em, #about_right .implantation_first em { | ||
+ | float:left; | ||
+ | margin:8px 0px 8px 0px; | ||
+ | padding-left:20px; | ||
+ | background-image:url(../images/clender_icon_1.png); | ||
+ | background-position: 0 center; | ||
+ | background-repeat:no-repeat; | ||
+ | font-style:normal; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:11px; | ||
+ | color:#272727; | ||
+ | line-height:14px; | ||
+ | } | ||
+ | /*=====================================ABOUT AFFILIATES CSS========================*/ | ||
+ | #affiliates { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | background-image:url(../images/affiliates_bg.png); | ||
+ | background-position: 0 0; | ||
+ | background-repeat:repeat; | ||
+ | height:361px; | ||
+ | } | ||
+ | #affiliates h1 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | font-size:42px; | ||
+ | color:#000000; | ||
+ | margin-bottom:15px; | ||
+ | margin-top:55px; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | } | ||
+ | #affiliates .affiliates_contributers { | ||
+ | float:left; | ||
+ | background-color:#ffffff; | ||
+ | border:1px solid #e9e9e9; | ||
+ | padding:15px 34px; | ||
+ | } | ||
+ | #affiliates .affiliates_contributers li { | ||
+ | float:left; | ||
+ | } | ||
+ | #affiliates .affiliates_contributers li+li { | ||
+ | background-image:url(../images/affiliates_sprit_02.png); | ||
+ | background-position:0 center; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | /*===================================== SERVICE HEADER CSS =====================*/ | ||
+ | #services { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | #services h1 { | ||
+ | color: #BFC2C7; | ||
+ | float: left; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | font-size: 47px; | ||
+ | line-height: 42px; | ||
+ | } | ||
+ | #service_besides { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | height:370px; | ||
+ | margin-top:15px; | ||
+ | background-image:url(../images/service_round_bg.png); | ||
+ | background-position:108px top; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #service_besides .icon_center { | ||
+ | width:700px; | ||
+ | height:100%; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | #service_besides .services_icon { | ||
+ | float:left; | ||
+ | width:200px; | ||
+ | height:200px; | ||
+ | margin: 80px 0 0 58px; | ||
+ | } | ||
+ | #service_besides .services_icon img { | ||
+ | float:left; | ||
+ | } | ||
+ | #service_besides .service_header_text { | ||
+ | float:right; | ||
+ | width:425px; | ||
+ | height:100%; | ||
+ | } | ||
+ | #service_besides .service_header_text h6 { | ||
+ | float:left; | ||
+ | background-image:url(../images/service_header_title_bg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:245px; | ||
+ | font-size:35px; | ||
+ | color:#ffffff; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | height:57px; | ||
+ | line-height:57px; | ||
+ | padding-left:5px; | ||
+ | margin-top:41px; | ||
+ | } | ||
+ | #service_besides .service_header_text p { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | font-size:17px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#ffffff; | ||
+ | line-height:24px; | ||
+ | margin-top:15px; | ||
+ | } | ||
+ | /*=====================================SERVICE PAGE PRICING CSS========================*/ | ||
+ | #service_pricing { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | background-image:url(../images/white_texture.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat; | ||
+ | } | ||
+ | #service_details { | ||
+ | float: left; | ||
+ | margin-bottom: 60px; | ||
+ | margin-top: 100px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #service_details .service_details { | ||
+ | float:left; | ||
+ | width:300px; | ||
+ | margin:0px 10px; | ||
+ | background-image:url(../images/service_pattern.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat; | ||
+ | -moz-box-shadow: 3px 3px 5px #e0e0e0; | ||
+ | -webkit-box-shadow: 3px 3px 5px #e0e0e0; | ||
+ | box-shadow: 3px 3px 5px #e0e0e0; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | #service_details .service_details img { | ||
+ | float:left; | ||
+ | margin-left:110px; | ||
+ | margin-top:-40px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | #service_details .service_details h6 { | ||
+ | float:left; | ||
+ | background-image:url(../images/service_title_bg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:292px; | ||
+ | height:63px; | ||
+ | line-height:63px; | ||
+ | margin-left:4px; | ||
+ | color:#ffffff; | ||
+ | font-size:37px; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | text-align:center; | ||
+ | font-weight:bold; | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | #service_details .service_details ul { | ||
+ | float:left; | ||
+ | width:90%; | ||
+ | margin-left:10%; | ||
+ | margin-top:20px; | ||
+ | } | ||
+ | #service_details .service_details ul li { | ||
+ | float:left; | ||
+ | background-image:url(../images/service_bullot_bg.png); | ||
+ | background-position:0 4px; | ||
+ | background-repeat:no-repeat; | ||
+ | padding-left:30px; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | #service_details .service_details ul li strong { | ||
+ | float:left; | ||
+ | font-size:16px; | ||
+ | color:#ffffff; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-weight:normal; | ||
+ | } | ||
+ | #service_details .service_details ul li em { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | font-size:12px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#818181; | ||
+ | margin-top:2px; | ||
+ | } | ||
+ | #service_details .service_details span { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | font-size:26px; | ||
+ | color:#ffffff; | ||
+ | font-style:italic; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | background-image:url(../images/service_sep_1.png); | ||
+ | background-position:center 0; | ||
+ | background-repeat:no-repeat; | ||
+ | padding:10px 0px; | ||
+ | } | ||
+ | #service_details .service_details span img { | ||
+ | float:left; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | .button_service { | ||
+ | float:left; | ||
+ | margin:15px 0px; | ||
+ | background-image:url(../images/service_let_reg.png); | ||
+ | background-position:2px 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:206px; | ||
+ | height:52px; | ||
+ | line-height:52px; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:20px; | ||
+ | font-weight:bold; | ||
+ | text-align:center; | ||
+ | color:#ffffff; | ||
+ | margin-left:45px; | ||
+ | } | ||
+ | .button_service:hover { | ||
+ | background-image:url(../images/service_let_reg_hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | /*=====================================SERVICE PAGE TESTIMONIAL CSS========================*/ | ||
+ | #testimonal { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | padding:30px 0px; | ||
+ | } | ||
+ | #testimonal h1 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | color:#000000; | ||
+ | font-size:42px; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | #testimonal .test_title { | ||
+ | width:839px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | #testimonal .test_title img { | ||
+ | float:left; | ||
+ | } | ||
+ | #testimonal .test_title p { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | padding:20px 0px; | ||
+ | line-height:29px; | ||
+ | font-size:23px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#606060; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #client_speek { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:40px; | ||
+ | padding-bottom:100px; | ||
+ | } | ||
+ | #client_speek .first_testi, #client_speek .second_testi, #client_speek .third_testi { | ||
+ | float:left; | ||
+ | width:300px; | ||
+ | margin:0px 10px; | ||
+ | } | ||
+ | #client_speek .first_testi img, #client_speek .second_testi img, #client_speek .third_testi img { | ||
+ | float:left; | ||
+ | margin-left:40px; | ||
+ | } | ||
+ | #client_speek .first_testi .testi_bg, #client_speek .second_testi .testi_bg, #client_speek .third_testi .testi_bg { | ||
+ | float:left; | ||
+ | width:259px; | ||
+ | margin:0px 10px; | ||
+ | background-image:url(../images/white_texture.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat; | ||
+ | padding:20px; | ||
+ | border-top:1px solid #bdbfc1; | ||
+ | border-left:1px solid #bdbfc1; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | #client_speek .first_testi ul, #client_speek .second_testi ul, #client_speek .third_testi ul { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | #client_speek .first_testi ul li, #client_speek .second_testi ul li, #client_speek .third_testi ul li { | ||
+ | float:left; | ||
+ | background-image:url(../images/service_top_icon.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #client_speek .first_testi ul li p, #client_speek .second_testi ul li p, #client_speek .third_testi ul li p { | ||
+ | float:left; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:16px; | ||
+ | color:#000000; | ||
+ | line-height:29px; | ||
+ | padding-bottom:31px; | ||
+ | background-image:url(../images/service_bottom_icon.png); | ||
+ | background-position:right bottom; | ||
+ | background-repeat:no-repeat; | ||
+ | margin-bottom: 10px; | ||
+ | padding-bottom: 31px; | ||
+ | padding-left: 19px; | ||
+ | padding-top: 9px; | ||
+ | } | ||
+ | #client_speek .first_testi ul li .client_name, #client_speek .second_testi ul li .client_name, #client_speek .third_testi ul li .client_name { | ||
+ | float: left; | ||
+ | left: -20px; | ||
+ | margin-top: -102px; | ||
+ | position: relative; | ||
+ | top: 177px; | ||
+ | width:220px; | ||
+ | } | ||
+ | #client_speek .first_testi ul li .client_name strong, #client_speek .second_testi ul li .client_name strong, #client_speek .third_testi ul li .client_name strong { | ||
+ | float:left; | ||
+ | color:#3c6ab7; | ||
+ | font-size:26px; | ||
+ | font-weight:bold; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | width:300px; | ||
+ | line-height:30px; | ||
+ | } | ||
+ | #client_speek .first_testi ul li .client_name span, #client_speek .second_testi ul li .client_name span, #client_speek .third_testi ul li .client_name span { | ||
+ | float:left; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:12px; | ||
+ | color:#4d4d4d; | ||
+ | margin-top:3px; | ||
+ | } | ||
+ | /*===================================== CONTACT PAGE CSS =======================*/ | ||
+ | #contact { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | #contact_form_left { | ||
+ | float:left; | ||
+ | margin-left:10px; | ||
+ | width:460px; | ||
+ | } | ||
+ | #contact_form_left form { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | #contact_form_left form input[type="text"].contact_name, #contact_form_left form input[type="text"].contact_email, #contact_form_left form textarea.contact_textarea { | ||
+ | font-size:16px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#000000; | ||
+ | } | ||
+ | #contact_form_left form input[type="text"].contact_name { | ||
+ | float:left; | ||
+ | width:240px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | padding-left:61px; | ||
+ | background-image:url(../images/contact_page_name.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | padding-bottom:14px; | ||
+ | padding-top:12px; | ||
+ | } | ||
+ | #contact_form_left form input[type="text"].contact_email { | ||
+ | float:left; | ||
+ | width:240px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | padding-left:61px; | ||
+ | background-image:url(../images/contact_page_email.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | padding-bottom:14px; | ||
+ | padding-top:12px; | ||
+ | margin:8px 0px; | ||
+ | } | ||
+ | #contact_form_left form textarea.contact_textarea { | ||
+ | float:left; | ||
+ | width:399px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | padding-left:61px; | ||
+ | background-image:url(../images/contact_page_message.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | padding-top:12px; | ||
+ | height:119px; | ||
+ | } | ||
+ | #contact_form_left form input[type="submit"] { | ||
+ | float:left; | ||
+ | width:112px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | margin-top:15px; | ||
+ | background-image:url(../images/contact_message_reg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | height:32px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | #contact_form_left form input[type="submit"]:hover { | ||
+ | background-image:url(../images/contact_message_reg_hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .contact_form_line { | ||
+ | float:left; | ||
+ | margin:0px 69px 0px 89px; | ||
+ | } | ||
+ | #contact_form_right { | ||
+ | float:left; | ||
+ | width:320px; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | #contact_form_left h1, #contact_form_right h1 { | ||
+ | float:left; | ||
+ | font-size:47px; | ||
+ | color:#ffffff; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | margin-bottom:50px; | ||
+ | } | ||
+ | #contact_form_right h6 { | ||
+ | float:left; | ||
+ | width:260px; | ||
+ | font-size:33px; | ||
+ | color:#ffffff; | ||
+ | font-weight:bold; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | background-image:url(../images/contact_page_phone_icon.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | text-shadow: 0 3px 3px #000000; | ||
+ | height:45px; | ||
+ | padding-left:60px; | ||
+ | } | ||
+ | #contact_form_right p { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | font-size:19px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#ffffff; | ||
+ | line-height:38px; | ||
+ | margin-top:45px; | ||
+ | } | ||
+ | /*=====================================CONTACT PAGE ADDRESS CSS========================*/ | ||
+ | #contact_address { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:25px; | ||
+ | margin-bottom:100px; | ||
+ | } | ||
+ | #contact_address h1 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | font-size:59px; | ||
+ | color:#000; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | } | ||
+ | #contact_address .address_powerhouse { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:40px; | ||
+ | } | ||
+ | #contact_address .address_powerhouse h5 { | ||
+ | float:left; | ||
+ | margin-left:70px; | ||
+ | width:320px; | ||
+ | font-size:26px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#000000; | ||
+ | margin-top:67px; | ||
+ | margin-bottom:15px; | ||
+ | } | ||
+ | #contact_address .address_powerhouse span { | ||
+ | float:left; | ||
+ | margin-left:70px; | ||
+ | width:320px; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:20px; | ||
+ | line-height:22px; | ||
+ | color:#797979; | ||
+ | margin-bottom:30px; | ||
+ | } | ||
+ | #contact_address .address_powerhouse a { | ||
+ | float:left; | ||
+ | margin-left:70px; | ||
+ | width:223px; | ||
+ | height:51px; | ||
+ | background-image:url(../images/google_map.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #contact_address .address_powerhouse a:hover { | ||
+ | background-image:url(../images/google_map_hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #contact_address .address_powerhouse_img { | ||
+ | float:right; | ||
+ | border:1px solid #9d9d9d; | ||
+ | } | ||
+ | /*===================================== BLOG PAGE CSS ==========================*/ | ||
+ | #blog_top { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | #blog_top h1 { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | color:#fff; | ||
+ | font-size:48px; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | text-shadow: 0 3px 3px #000000; | ||
+ | } | ||
+ | /*=====================================BLOG PAGE MAIN CONTANT CSS========================*/ | ||
+ | #blog_content { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | background-image:url(../images/white_texture.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat; | ||
+ | padding:25px 0px; | ||
+ | } | ||
+ | /*=====================================BLOG PAGE MAIN CONTANT CSS========================*/ | ||
+ | #blog_left { | ||
+ | float:left; | ||
+ | width:220px; | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | .blog_side_bg { | ||
+ | float:left; | ||
+ | width:219px !important; | ||
+ | padding-top:25px; | ||
+ | padding-bottom:35px; | ||
+ | border-top:1px solid #fff; | ||
+ | border-left:1px solid #fff; | ||
+ | border-bottom:1px solid #fff; | ||
+ | -moz-border-radius-topleft: 15px; | ||
+ | -moz-border-radius-topright:0px; | ||
+ | -moz-border-radius-bottomleft:15px; | ||
+ | -moz-border-radius-bottomright:0px; | ||
+ | -webkit-border-top-left-radius:15px; | ||
+ | -webkit-border-top-right-radius:0px; | ||
+ | -webkit-border-bottom-left-radius:15px; | ||
+ | -webkit-border-bottom-right-radius:0px; | ||
+ | border-top-left-radius:15px; | ||
+ | border-top-right-radius:0px; | ||
+ | border-bottom-left-radius:15px; | ||
+ | border-bottom-right-radius:0px; | ||
+ | background-image:url(../images/blog_left_bg.png); | ||
+ | background-position: 0 0; | ||
+ | background-repeat:repeat; | ||
+ | } | ||
+ | #blog_cat { | ||
+ | float:left; | ||
+ | } | ||
+ | #blog_left h4 { | ||
+ | float:left; | ||
+ | width:auto; | ||
+ | font-size:26px; | ||
+ | font-weight:bold; | ||
+ | color:#000000; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | margin-left:20px; | ||
+ | } | ||
+ | #categories { | ||
+ | float:left; | ||
+ | width:219px; | ||
+ | margin-top:15px; | ||
+ | } | ||
+ | #categories li { | ||
+ | float:left; | ||
+ | margin:1px 0px; | ||
+ | width:219px; | ||
+ | } | ||
+ | #categories li+li { | ||
+ | float:left; | ||
+ | background-image:url(../images/blgo_left_line.png); | ||
+ | background-position:center top; | ||
+ | background-repeat:no-repeat; | ||
+ | width:219px; | ||
+ | } | ||
+ | #categories li a { | ||
+ | float:left; | ||
+ | margin-top:2px; | ||
+ | line-height:34px; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:14px; | ||
+ | color:#535353; | ||
+ | width:181px; | ||
+ | margin-left:15px; | ||
+ | background-image:url(../images/blog_bullet_bg.png); | ||
+ | background-position: 9px center; | ||
+ | background-repeat:no-repeat; | ||
+ | padding-left:24px; | ||
+ | height:34px; | ||
+ | } | ||
+ | #categories li a:hover, #categories li a.active { | ||
+ | background-image:url(../images/blog_nav_active_hover.png); | ||
+ | background-position:right top; | ||
+ | background-repeat:no-repeat; | ||
+ | color:#1f1f1f; | ||
+ | } | ||
+ | #plpular_tags { | ||
+ | float:left; | ||
+ | margin-top:35px; | ||
+ | padding-bottom:20px; | ||
+ | } | ||
+ | #plpular_tags_icon { | ||
+ | float:left; | ||
+ | width:219px; | ||
+ | margin-top:17px; | ||
+ | } | ||
+ | #plpular_tags_icon li { | ||
+ | float:left; | ||
+ | margin-left:10px; | ||
+ | margin-bottom:6px; | ||
+ | } | ||
+ | #plpular_tags_icon li a { | ||
+ | float:left; | ||
+ | background-image:url(../images/blgo_nav_left.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | padding-left:23px; | ||
+ | height:25px; | ||
+ | } | ||
+ | #plpular_tags_icon li a span { | ||
+ | float:left; | ||
+ | background-image:url(../images/blog_nav_right.png); | ||
+ | background-position:right top; | ||
+ | background-repeat:no-repeat; | ||
+ | padding-right:10px; | ||
+ | font-size:12px; | ||
+ | font-family:Helvetica; | ||
+ | font-weight:bold; | ||
+ | height:25px; | ||
+ | color:#fff; | ||
+ | line-height:21px; | ||
+ | font-weight:normal; | ||
+ | } | ||
+ | #archive { | ||
+ | float:left; | ||
+ | margin-top:35px; | ||
+ | } | ||
+ | #blog_archive { | ||
+ | float:left; | ||
+ | width:219px; | ||
+ | margin-top:15px; | ||
+ | } | ||
+ | #blog_archive li { | ||
+ | float:left; | ||
+ | margin:1px 0px; | ||
+ | width:219px; | ||
+ | } | ||
+ | #blog_archive li+li { | ||
+ | float:left; | ||
+ | background-image:url(../images/blgo_left_line.png); | ||
+ | background-position:center top; | ||
+ | background-repeat:no-repeat; | ||
+ | width:219px; | ||
+ | } | ||
+ | #blog_archive li a { | ||
+ | float:left; | ||
+ | margin-top:2px; | ||
+ | line-height:34px; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:14px; | ||
+ | color:#535353; | ||
+ | width:181px; | ||
+ | margin-left:15px; | ||
+ | background-image:url(../images/blog_bullet_bg.png); | ||
+ | background-position: 9px center; | ||
+ | background-repeat:no-repeat; | ||
+ | padding-left:24px; | ||
+ | height:34px; | ||
+ | } | ||
+ | #blog_archive li a:hover, #blog_archive li a.active { | ||
+ | background-image:url(../images/blog_nav_active_hover.png); | ||
+ | background-position:right top; | ||
+ | background-repeat:no-repeat; | ||
+ | color:#1f1f1f; | ||
+ | } | ||
+ | #polular { | ||
+ | float:left; | ||
+ | margin-top:35px; | ||
+ | } | ||
+ | #polular span { | ||
+ | float:left; | ||
+ | width:219px; | ||
+ | } | ||
+ | #polular span.margin { | ||
+ | margin-top:20px; | ||
+ | } | ||
+ | #polular span strong { | ||
+ | float:left; | ||
+ | font-size:12px; | ||
+ | color:#000000; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | margin-left:20px; | ||
+ | width:auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | #polular span a { | ||
+ | float:left; | ||
+ | width:179px; | ||
+ | color:#6a6a6a; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:12px; | ||
+ | line-height:16px; | ||
+ | margin-left:20px; | ||
+ | margin-right:20px; | ||
+ | margin-top:5px; | ||
+ | text-align:justify; | ||
+ | } | ||
+ | #polular span .line_break_img { | ||
+ | float:left; | ||
+ | width:219px; | ||
+ | background-image:url(../images/blgo_left_line.png); | ||
+ | background-position:center top; | ||
+ | background-repeat:no-repeat; | ||
+ | margin:10px 0px; | ||
+ | height:2px; | ||
+ | } | ||
+ | /*=====================================BLOG PAGE MAIN CONTANT CSS========================*/ | ||
+ | #blog_right { | ||
+ | float:left; | ||
+ | width:678px; | ||
+ | padding:20px; | ||
+ | background-color:#ffffff; | ||
+ | /*-moz-box-shadow: 3px 3px 0px #e0e0e0; | ||
+ | -webkit-box-shadow: 3px 3px 0px #e0e0e0; | ||
+ | box-shadow: 3px 3px 0px #e0e0e0;*/ | ||
+ | border-right:2px solid #E0E0E0; | ||
+ | border-bottom:2px solid #E0E0E0; | ||
+ | } | ||
+ | .post_blog { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | .post_blog h2 { | ||
+ | float:left; | ||
+ | width:505px; | ||
+ | height:80px; | ||
+ | background-image:url(../images/blgo_title_bg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat; | ||
+ | line-height:80px; | ||
+ | font-size:38px; | ||
+ | color:#000000; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | padding-left:25px; | ||
+ | } | ||
+ | .post_blog h3 { | ||
+ | float:right; | ||
+ | width:145px; | ||
+ | height:80px; | ||
+ | background-image:url(../images/blgo_title_bg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat; | ||
+ | } | ||
+ | .post_blog .post_date { | ||
+ | float:left; | ||
+ | width:129px; | ||
+ | height:39px; | ||
+ | margin-left:8px; | ||
+ | margin-top:8px; | ||
+ | background-image:url(../images/blog_date_img.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .post_blog h3 .post_date code { | ||
+ | float:left; | ||
+ | width:35px; | ||
+ | height:39px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#ffffff; | ||
+ | font-size:30px; | ||
+ | padding-left:5px; | ||
+ | line-height:39px; | ||
+ | text-shadow: 0 1px 1px #000000; | ||
+ | } | ||
+ | .post_blog h3 .post_date strong { | ||
+ | float:right; | ||
+ | width:85px; | ||
+ | font-size:12px; | ||
+ | color:#fff; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | margin-top:6px; | ||
+ | } | ||
+ | .post_blog h3 .post_date em { | ||
+ | float:right; | ||
+ | width:85px; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | font-size:12px; | ||
+ | color:#fff; | ||
+ | font-style:normal; | ||
+ | } | ||
+ | .post_blog h3 dfn { | ||
+ | float:left; | ||
+ | background-image:url(../images/blog_post_pencil.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | padding-left:18px; | ||
+ | font-size:12px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#787878; | ||
+ | margin-left:8px; | ||
+ | margin-top:10px; | ||
+ | font-style:normal; | ||
+ | line-height:15px; | ||
+ | } | ||
+ | .post_blog img { | ||
+ | float:left; | ||
+ | margin:20px 0px; | ||
+ | } | ||
+ | .post_blog p { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:15px; | ||
+ | line-height:26px; | ||
+ | color:#505050; | ||
+ | margin-bottom:15px; | ||
+ | } | ||
+ | a { | ||
+ | float:left; | ||
+ | } | ||
+ | .post_blog .blgo_read { | ||
+ | float:left; | ||
+ | background-image:url(../images/blog_read_more.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:97px; | ||
+ | font-size:14px; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | height:30px; | ||
+ | color:#fff; | ||
+ | line-height:30px; | ||
+ | padding-left:10px; | ||
+ | } | ||
+ | .post_blog .blgo_read:hover { | ||
+ | background-image:url(../images/blog_read_more_hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .post_blog .blgo_comment { | ||
+ | float:left; | ||
+ | background-image:url(../images/blog_comment_reg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:108px; | ||
+ | font-size:14px; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | height:30px; | ||
+ | color:#fff; | ||
+ | line-height:30px; | ||
+ | padding-left:10px; | ||
+ | margin-left:15px; | ||
+ | } | ||
+ | .post_blog .blgo_comment:hover { | ||
+ | background-image:url(../images/blog_comment_reg_hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .post_blog .blgo_developer_icon { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:15px; | ||
+ | margin-bottom:15px; | ||
+ | padding-top:10px; | ||
+ | border-top:1px solid #e5e5e5; | ||
+ | } | ||
+ | .blgo_developer_icon ul { | ||
+ | float:left; | ||
+ | } | ||
+ | .blgo_developer_icon ul li { | ||
+ | float:left; | ||
+ | margin-right:20px; | ||
+ | } | ||
+ | .blgo_developer_icon ul li a { | ||
+ | float:left; | ||
+ | font-size:11px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#969696; | ||
+ | } | ||
+ | .blgo_developer_icon ul li a img { | ||
+ | float:left; | ||
+ | margin-right:10px; | ||
+ | width:23px; | ||
+ | height:19px; | ||
+ | margin-top:3px; | ||
+ | margin-left:0px; | ||
+ | margin-bottom:0px; | ||
+ | } | ||
+ | /*=====================================BLOG PAGE NAVIGATION CSS========================*/ | ||
+ | #page_navigation { | ||
+ | float:left; | ||
+ | height:110px; | ||
+ | width:100%; | ||
+ | background-color:#fff; | ||
+ | } | ||
+ | .blog_page_nav { | ||
+ | float:right; | ||
+ | width:505px; | ||
+ | margin-top:40px; | ||
+ | } | ||
+ | .blog_page_nav li { | ||
+ | float:left; | ||
+ | margin-right:5px; | ||
+ | } | ||
+ | .blog_page_nav li a { | ||
+ | float:left; | ||
+ | width:27px; | ||
+ | height:27px; | ||
+ | background-image:url(../images/blgo_page_nav_icon.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | text-align:center; | ||
+ | line-height:26px; | ||
+ | font-size:15px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#fff; | ||
+ | } | ||
+ | .blog_page_nav li a.active, .blog_page_nav li a:hover { | ||
+ | background-image:url(../images/blgo_page_nav_icon_hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .blog_page_nav li a.page_prev { | ||
+ | background-image:url(../images/blog_page_nav.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:48px; | ||
+ | } | ||
+ | .blog_page_nav li a.page_next { | ||
+ | background-image:url(../images/blog_page_nav.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:48px; | ||
+ | } | ||
+ | /*===================================== BLOG POST PAGE CSS =====================*/ | ||
+ | #leave_comment { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:20px; | ||
+ | border-bottom: 1px solid #E5E5E5; | ||
+ | } | ||
+ | .person_icon { | ||
+ | float:left; | ||
+ | margin-bottom:15px; | ||
+ | } | ||
+ | .person_icon h5 { | ||
+ | float:left; | ||
+ | width:74px; | ||
+ | } | ||
+ | .person_icon img { | ||
+ | float:left; | ||
+ | } | ||
+ | .person_icon span { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | font-size:11px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#3461d3; | ||
+ | margin:4px 0px 2px; | ||
+ | font-weight:700; | ||
+ | } | ||
+ | .person_icon em { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | font-style:normal; | ||
+ | font-size:11px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#959595; | ||
+ | } | ||
+ | .person_icon a { | ||
+ | float:right; | ||
+ | font-size:12px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#3461d3; | ||
+ | margin-top:8px; | ||
+ | margin-right:20px; | ||
+ | } | ||
+ | .person_comment { | ||
+ | float:left; | ||
+ | background-color:#e9e9e9; | ||
+ | padding:15px; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:13px; | ||
+ | color:#5d5d5d; | ||
+ | line-height:26px; | ||
+ | border:solid 1px #cccccc; | ||
+ | -moz-border-radius: 15px; | ||
+ | -webkit-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | width:79%; | ||
+ | margin-left:25px; | ||
+ | } | ||
+ | .person_comment .comment_tooltip { | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | margin-left:-30px; | ||
+ | } | ||
+ | .leve_margin { | ||
+ | margin-left:110px; | ||
+ | } | ||
+ | .short_width { | ||
+ | width:75%; | ||
+ | } | ||
+ | #comment_form { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:40px; | ||
+ | } | ||
+ | #comment_form h2 { | ||
+ | float:left; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-weight:bold; | ||
+ | font-size:20px; | ||
+ | color:#373737; | ||
+ | } | ||
+ | #comment_form form { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:35px; | ||
+ | } | ||
+ | #comment_form form input.comment_name, #comment_form form input.comment_email, #comment_form form textarea.coment_message { | ||
+ | background:none; | ||
+ | border:none; | ||
+ | padding-left:60px; | ||
+ | padding-top:13px; | ||
+ | padding-bottom:14px; | ||
+ | margin-bottom:10px; | ||
+ | font-size:16px; | ||
+ | font-family:"myriad Pro"; | ||
+ | color:#292929; | ||
+ | } | ||
+ | #comment_form form input.comment_name { | ||
+ | float:left; | ||
+ | width:300px; | ||
+ | background-image:url(../images/leave_name.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #comment_form form input.comment_email { | ||
+ | float:left; | ||
+ | width:300px; | ||
+ | background-image:url(../images/leave_email.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #comment_form form textarea.coment_message { | ||
+ | float:left; | ||
+ | width:612px; | ||
+ | height:105px; | ||
+ | background-image:url(../images/leave_message.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #comment_form form input[type="submit"] { | ||
+ | float:left; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | width:298px; | ||
+ | height:45px; | ||
+ | margin-top:3px; | ||
+ | line-height:42px; | ||
+ | background-image:url(../images/leave_post_comment.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | color:#fff; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:20px; | ||
+ | font-weight:bold; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | #comment_form form input[type="submit"]:hover { | ||
+ | background-image:url(../images/leave_post_comment_hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #page_navigation .leave_back { | ||
+ | float:right; | ||
+ | margin-right:315px; | ||
+ | width:138px; | ||
+ | height:37px; | ||
+ | background-image:url(../images/leave_back.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | margin-top:35px; | ||
+ | |||
+ | } | ||
+ | #page_navigation .leave_back:hover { | ||
+ | float:right; | ||
+ | margin-right:315px; | ||
+ | width:138px; | ||
+ | height:37px; | ||
+ | background-image:url(../images/leave_back_hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | margin-top:35px; | ||
+ | |||
+ | } | ||
+ | /*===================================== EXTRA POST PAGE CSS ====================*/ | ||
+ | #extra_page { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | #extra_slider { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | #extra_slider h1 { | ||
+ | float:left; | ||
+ | width:70%; | ||
+ | padding-bottom:15px; | ||
+ | background-image:url(../images/slider-bg.png); | ||
+ | background-repeat:repeat-x; | ||
+ | height:137px; | ||
+ | margin-top:-245px; | ||
+ | margin-left:50px; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:17px; | ||
+ | color:#fff; | ||
+ | padding-top:10px; | ||
+ | padding-left:10px; | ||
+ | line-height:21px; | ||
+ | z-index: 1; | ||
+ | position:absolute; | ||
+ | |||
+ | } | ||
+ | #extra_slider h1 strong { | ||
+ | float:left; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:25px; | ||
+ | line-height:30px; | ||
+ | } | ||
+ | /*=====================================EXTRA POST PAGE TAB CSS========================*/ | ||
+ | |||
+ | #extra_content { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | background-image:url(../images/white_texture.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat; | ||
+ | } | ||
+ | #extra_cat { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | padding:50px 0px 0px; | ||
+ | } | ||
+ | #extra_cat h1 { | ||
+ | float:left; | ||
+ | font-size:36px; | ||
+ | color:#000000; | ||
+ | font-family: 'existence_lightregular'; | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | /* Example Styles for Demo */ | ||
+ | .extra_tab { | ||
+ | display: inline-block; | ||
+ | zoom:1; | ||
+ | *display:inline; | ||
+ | background: #eee; | ||
+ | border: solid 1px #999; | ||
+ | border-bottom: none; | ||
+ | -moz-border-radius: 4px 4px 0 0; | ||
+ | -webkit-border-radius: 4px 4px 0 0; | ||
+ | } | ||
+ | .extra_tab a { | ||
+ | font-size: 14px; | ||
+ | line-height: 2em; | ||
+ | display: block; | ||
+ | padding: 0 10px; | ||
+ | outline: none; | ||
+ | } | ||
+ | .extra_tab a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | .extra_tab.active { | ||
+ | background: #fff; | ||
+ | padding-top: 6px; | ||
+ | position: relative; | ||
+ | top: 1px; | ||
+ | border-color: #666; | ||
+ | } | ||
+ | .extra_tab a.active { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .tab-container .panel-container { | ||
+ | float:left; | ||
+ | } | ||
+ | .panel-container { | ||
+ | margin-bottom: 10px; | ||
+ | float:left; | ||
+ | } | ||
+ | .etabs { | ||
+ | float:left; | ||
+ | margin-left:10px; | ||
+ | margin-top:30px; | ||
+ | width:950px; | ||
+ | } | ||
+ | .etabs li { | ||
+ | float:left; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | .etabs li a { | ||
+ | float:left; | ||
+ | background-image:url(../images/extra_tab_bg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat-x; | ||
+ | padding:0px 20px; | ||
+ | line-height:35px; | ||
+ | } | ||
+ | .etabs li a:hover, .etabs li.active { | ||
+ | background-image:url(../images/extra_tab_bg_hover.png); | ||
+ | background-repeat:repeat; | ||
+ | background-position:0 0; | ||
+ | } | ||
+ | .extra_tab_content { | ||
+ | float:left; | ||
+ | width:960px; | ||
+ | margin-top:35px; | ||
+ | } | ||
+ | .extra_tab_content li { | ||
+ | float:left; | ||
+ | width:300px; | ||
+ | margin:0px 10px; | ||
+ | background-color:#fff; | ||
+ | padding-bottom:20px; | ||
+ | margin-bottom:35px; | ||
+ | position:relative; | ||
+ | z-index:102; | ||
+ | } | ||
+ | .extra_tab_content li a { | ||
+ | float:left; | ||
+ | } | ||
+ | .extra_tab_content li a img { | ||
+ | float:left; | ||
+ | border-bottom:2px solid #8fd831; | ||
+ | position:relative; | ||
+ | z-index:2221; | ||
+ | } | ||
+ | .extra_tab_content li a img:hover { | ||
+ | float:left; | ||
+ | background-image:url(../images/extra_tab_hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | position:relative; | ||
+ | z-index:2222; | ||
+ | border-bottom:2px solid #000; | ||
+ | } | ||
+ | .extra_tab_content li strong { | ||
+ | float:left; | ||
+ | margin-top:20px; | ||
+ | margin-left:10px; | ||
+ | margin-bottom:5px; | ||
+ | font-size:14px; | ||
+ | color:#000000; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | } | ||
+ | .extra_tab_content li p { | ||
+ | float:left; | ||
+ | width:280px; | ||
+ | padding:0px 10px; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:13px; | ||
+ | color:#3a3a3a; | ||
+ | line-height:16px; | ||
+ | } | ||
+ | #extra_page_nav { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | #extra_page_nav ul { | ||
+ | float:left; | ||
+ | margin-left:10px; | ||
+ | margin-bottom:30px; | ||
+ | } | ||
+ | #extra_page_nav ul li { | ||
+ | float:left; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | #extra_page_nav ul li a { | ||
+ | float:left; | ||
+ | line-height:35px; | ||
+ | text-align:center; | ||
+ | color:#000; | ||
+ | padding:0px 15px; | ||
+ | background-image:url(../images/extra_tab_bg.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:repeat-x; | ||
+ | } | ||
+ | #extra_page_nav ul li a:hover { | ||
+ | background-image:url(../images/extra_tab_bg_hover.png); | ||
+ | background-position: 0 0; | ||
+ | color:#000; | ||
+ | opacity:.60; | ||
+ | background-repeat:repeat-x; | ||
+ | } | ||
+ | #extra_testimonial { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | background-color:#fff; | ||
+ | padding:40px 0px; | ||
+ | } | ||
+ | #extra_testi { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | background-image:url(../images/extra_testi_bg.png); | ||
+ | background-repeat:repeat; | ||
+ | } | ||
+ | |||
+ | #extra_testi ul { | ||
+ | float:left; | ||
+ | width:905px; | ||
+ | padding:45px 25px 25px 30px; | ||
+ | } | ||
+ | #extra_testi ul li { | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | background-image:url(../images/extra_img_11.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | #extra_testi ul li p { | ||
+ | float:left; | ||
+ | width:95%; | ||
+ | padding-left:45px; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:18px; | ||
+ | color:#5c5c5c; | ||
+ | line-height:31px; | ||
+ | padding-top:5px; | ||
+ | } | ||
+ | #extra_testi ul li p img { | ||
+ | float:right; | ||
+ | } | ||
+ | #extra_testi ul li p strong { | ||
+ | color:#000000; | ||
+ | font-family: 'myriad_pro_lightbold'; | ||
+ | } | ||
+ | #extra_testi ul li span { | ||
+ | float:right; | ||
+ | width:100px; | ||
+ | font-family:"myriad Pro"; | ||
+ | font-size:18px; | ||
+ | color:#0061c4; | ||
+ | margin-top:5px; | ||
+ | margin-right:30px; | ||
+ | } | ||
+ | #extra_testi ul li em { | ||
+ | float:left; | ||
+ | font-size:14px; | ||
+ | color:#424242; | ||
+ | font-style:normal; | ||
+ | } | ||
+ | .sign_up_beta_img { | ||
+ | float:left; | ||
+ | background-image:url(../images/signup-beta.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | width:207px; | ||
+ | height:70px; | ||
+ | } | ||
+ | .sign_up_beta_img:hover { | ||
+ | background-image:url(../images/signup-beta-hover.png); | ||
+ | background-position:0 0; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
.site-footer { | .site-footer { |