keisha
PREVIEW
HTML
CSS
Keisha's Nail Exchange
Home
About us
Vip
Nail Care
Guest Book
Contact Us
/* CSS Document */ /*main CSS Start*/ *{ margin:0; padding:0; } body{ font:normal 14px Tahoma; color:#fff; margin:0; padding:0; background-color:#4e392b; } h2{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#5e013b; padding:0 0 14px 0; } h3{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0 0 9px 0; } h4{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; } .clear{ clear:both; font-size:0; line-height:0; } #outer_wrapper{ background:url(../images/body_bg.jpg) repeat-x #a52b78; } #outerwrapper_sub{ background:url(../images/bg_sub.jpg) repeat-x #a52b78; } #wrapper{ width:1000px; padding:50px 0 0 0 ; margin:0 auto; } /*main CSS End*/ /*header CSS Start*/ #header{ padding:0 0 6px 9px; margin:0; width:991px; overflow:auto; } .logo{ background:url(../images/logo.png) no-repeat; width:309px; height:125px; padding:0 0 0 0; margin:0 8px 0 0; float:left; } .nav{ width:648px; padding:49px 0 0 0; float:left; } .nav_center_bg{ float:left; width:575px; background:url(../images/nav_center_bg.gif) repeat-x; padding:0; margin:0; height:47px; } .nav_left{ width:50px; height:47px; background:url(../images/nav_left.png) no-repeat top left; float:left; } .nav_right{ width:23px; height:47px; background:url(../images/nav_right.png) no-repeat top left; float:left; } .nav_center_bg ul{ list-style:none; } .nav_center_bg ul li{ list-style:none; float:left; padding:0 10px 0 10px; font-size: 0; line-height: 0; text-indent: -9000px; } .nav_center_bg ul li a.home_btn{ display:block; width:52px; height:47px; background:url(../images/home.jpg) no-repeat; } .nav_center_bg ul li a.about_us_btn{ display:block; width:83px; height:47px; background:url(../images/about_us.jpg) no-repeat top; } .nav_center_bg ul li a.vip_btn{ display:block; width:28px; height:47px; background:url(../images/vip.jpg) no-repeat top; } .nav_center_bg ul li a.nail_care_btn{ display:block; width:80px; height:47px; background:url(../images/nail_care.jpg) no-repeat top; } .nav_center_bg ul li a.gustbook_btn{ display:block; width:97px; height:47px; background:url(../images/gustbook.jpg) no-repeat top; } .nav_center_bg ul li a.contact_us_btn{ display:block; width:98px; height:47px; background:url(../images/contact_us.jpg) no-repeat top; } .nav_center_bg ul li a:hover, .nav_center_bg ul li a.active_navi{ background-position:bottom; font-size:0; line-height:0; } /*header CSS end*/ /*Contant CSS Start*/ #main_contant{ width:1000px; margin:0 auto; padding:0; overflow:auto; } #sub_contant{ width:1000px; margin:0 auto; padding:128px 0 0 0; overflow:auto; position:relative; } #sub_contant1{ width:1000px; margin:0 auto; padding:78px 0 0 0; overflow:auto; position:relative; } .flash_file{ width:1000px; margin:0; padding:0; } .bg_innercontent{ background:url(../images/bg_innercontent.jpg) no-repeat top; padding:37px 0 0 35px; overflow:auto; width:965px; } .bg_innercontent h1{ font-family:Trebuchet MS, Arial, sans-serif; color:#A52B78; font-size:18px; font-weight:bold; margin-bottom:21px; } .bg_innercontent p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; margin-bottom:25px; } .bg_innercontent1{ background:url(../images/bg_innercontent.jpg) no-repeat top; padding:0px 0 0 35px; overflow:auto; width:965px; } .bg_innercontent1 h1{ font-family:Trebuchet MS, Arial, sans-serif; color:#F4B983; font-size:18px; font-weight:bold; margin-bottom:21px; } .bg_innercontent1 h1 span{ position:absolute; top:95px; left:35px; color:#A52B78; background:url(../images/heading_bullet.gif) no-repeat left 0px; padding:0 0 0px 55px; margin:0; line-height:69px; display:block; } .bg_innercontent1 p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; } .bg_innercontent2{ background:url(../images/bg_innercontent2.jpg) no-repeat top left; padding:0px 0 0 35px; overflow:auto; width:965px; } .bg_innercontent2 h1{ font-family:Trebuchet MS, Arial, sans-serif; color:#A52B78; font-size:18px; font-weight:bold; margin-bottom:21px; } .bg_innercontent2 p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; margin-bottom:25px; } .bg_middle{ background:url(../images/bg_middle.gif) repeat-y; margin:0px 0 0 0; overflow:auto; width:1000px; } .contactus_div{ background:url(../images/img_contact.png) no-repeat top right; width:482px; height:292px; position:absolute; top:0; right:35px; } .aboutus_div{ background:url(../images/img_contact1.png) no-repeat top right; width:482px; height:320px; position:absolute; top:0; right:35px; } .contact_conatainer{ margin:0px 0 0 0; width:965px; } .contact_txt{ padding:25px 0 0 0; } .contact_txt a{ display:inline-block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#F4B983; margin-bottom:35px; } .contact_txt a:hover{ text-decoration:underline; } .contact_txt a.link_map{ display:inline-block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#fff; margin:13px 0 0 0; } .contact_txt a.link_map:hover{ text-decoration:underline; } .address_container{ width:307px; float:left; padding:97px 0 0 0; } .addresscontainer_right{ width:307px; float:right; padding:30px 20px 0 0; } .addresscontainer_right1{ width:307px; float:right; padding:200px 20px 0 0; } .address_top{ background:url(../images/address_top.gif) no-repeat top; height:11px; font-size:0; line-height:0; } .address_middle{ background:url(../images/address_middle.gif) repeat-x top #9C2570; border-left:1px solid #B6558C; border-right:1px solid #B6558C; padding:0 36px; text-align:center; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; } .address_middle span{ color:#FFB36E; } .address_middle a{ text-decoration:none; color:#FFB36E; } .address_middle a:hover{ text-decoration:underline; } .address_btm{ background:url(../images/address_btm.gif) no-repeat top; height:10px; font-size:0; line-height:0; } .register_vip{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; } .smalltxt_field{ width:112px; height:17px; margin:0 0 0 10px; background-color:#F1B07E; border:1px solid #FFEBF6; } .list_field{ width:100px; height:17px; margin:0 0 0 10px; background-color:#F1B07E; border:1px solid #FFEBF6; color:#FFFFFF; font-size:11px; } .list_field1{ width:100px; height:17px; margin:0; background-color:#F1B07E; border:1px solid #FFEBF6; color:#FFFFFF; font-size:11px; } .contant_inner{ width:932px; margin:0; padding:0 0 79px 0; } .contant_inner_left{ width:483px; float:left; margin:0; padding:0; } .contant_inner_right{ width:449px; float:right; margin:0; padding:0; } .filed_style{ background:#f1b07e; border:1px #fff solid; width:317px; height:17px; margin:0 0 0 10px; } .price_list{ margin:0; padding:0; } .containter_price{ margin:0; padding:0 0 27px 0; } .price_list span{ margin:0; float:left; padding:0 0 4px 0; } .span_txt{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; float:left; display:inline-block; } .span_price{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; float:right !important; display:inline-block; } .span_txt2{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; width:305px; padding:0; margin:0; } .span_price2{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; width:136px; padding:0; margin:0; } .span_price3{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; width:40px; padding:0; margin:0; } .txt{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#5e013b; width:136px; } .txt2{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#5e013b; width:40px; } .txt3{ font:bold 18px "Trebuchet MS"; color:#5e013b; } .inner_left{ margin:0; padding:0; } .inner_left h2{ font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#f4b983 !important; padding:0 0 25px 0; } .inner_left h3{ font:bold 18px "Trebuchet MS"; color:#f4b983 !important; padding:35px 0 10px 0; } .inner_left p{ font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#fff3e8 ; padding:0 0 26px 0; } .inner_left p span{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#5e013b; } .last_para{ font:normal 11px Verdana, Arial, Helvetica, sans-serif !important; color:#e89bcb !important; padding:0 !important; } #form { width:483px; background:url(../images/spletor.gif) no-repeat bottom; padding:0 0 21px 0; margin:0 0 21px 0; } #form ul{ list-style: none; padding:20px 0 0 0; margin:0; } #form ul li { float:left; padding: 0 0 0px 0; margin:0; } #form label { float: left; width: 60px; padding:0; margin:0; } #form div.txt{ height: 21px; list-style: none; text-align: center; } .txtarea{ width:317px; height:150px; font:normal 12px Georgia, "Times New Roman", Times, serif; background-color:#f1b07e !important; border:#fff 1px solid; margin:0 0 0 10px; } .txtoptions{ width:82px; background-color:#f1b07e !important; border:#fff 1px solid; height:17px; } .txtoptions2{ width:62px; background-color:#f1b07e !important; border:#fff 1px solid; height:17px; } .botton_link{ float:left; margin:0px 0 0 0; display:inline-block; } .post{ background:url(../images/post.gif) no-repeat; width:50px; height:29px; } .btn_post{ margin:0 0 0 10px; } .inner_left2{ margin:0; padding:0; } .inner_left2 p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff3e8 ; padding:0 0 40px 0; margin:0 0 20px 0; background:url(../images/spletor.gif) no-repeat bottom; } .inner_left2 p.nobackground{ background:none; } .inner_left2 h3{ font:normal 13px Verdana, Arial, Helvetica, sans-serif; color:#f4b983 ; padding:0 0 12px 0; } .blog_txt{ display:block; float:right; padding:10px 0 0 0; } .from{ color:#f4b983; } .img_guest{ float:right; background:url(../images/right_img2.png) no-repeat left top; width:344px; height:423px; } .img_nail{ float:right; background:url(../images/right_img.png) no-repeat left top; width:344px; height:423px; } /*Contant CSS End*/ /*footer CSS Start*/ #footer{ background:url(../images/footer_bg.gif) repeat-x #4e392b; margin:0 auto; } .footer_container{ width:1003px; position:relative; margin:0 auto; } .footer_flower{ background:url(../images/footer_flower.png) no-repeat; width:534px; height:362px; position:absolute; top:-150px; right:0px; text-indent: -9000px !important; } .inner_footer{ width:962px; margin:0 auto; padding:20px 0 30px 38px; } .inner_footer h2{ font:bold 15px/22px Tahoma; padding:0 0 19px 0; color:#FFFFFF; } .inner_footer h2 span{ font:normal 20px/0px Verdana, Arial, Helvetica, sans-serif; display:block; padding:82px 0 0 0; margin:0 0 12px 0; color:#FFFFFF; } .inner_footer p{ width:564px; display:block; padding:0 0 52px 0; margin:0; line-height:22px; } .inner_footer p span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; } .spletor{ display:block; background:url(../images/footer_spletor.gif) no-repeat; height:1px; width:555px; padding:0; margin:0; } .footer_nav{ padding:0; margin:0; } .dmv{ float:left; width:117px; height:26px; background:url(../images/logo_dmv.png) no-repeat; padding:0 0px 0 0; margin-right:40px; margin-top:5px; } .dmv a{ display:block; width:117px; height:26px; } .dmv a:hover{ } .navi{ float:left; width:390px; margin:0; padding:0; } .navi ul{ list-style:none; margin:0; padding:13px 0 0 0; } .navi ul li{ float:left; padding:0 13px 0 0; } .navi ul li a{ font:normal 11px Tahoma; color:#d5c0af; text-decoration:none; } .cards{ float:left; width:200px; padding:10px 0 0 0; } .cards a{ margin:0 10px 0 0; } .cards a:hover{ } .cpy_right{ font:normal 11px Tahoma; color:#d5c0af; width:200px; float:right; text-align:right; padding:10px 0 0 0; } /*footer CSS End*/