/* CSS Document */ /* ----- clear fix for floats ----- */ /* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */ /* without this class applied, a float might hang over the bottom border of its container */ .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* hides clearfix from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* end hide from IE-mac */ /* ----- clear fix for floats ----- */ /* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */ /* without this class applied, a float might hang over the bottom border of its container */ .content-top:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } .content-top { display:inline-block; } /* hides clearfix from IE-mac \*/ * html .content-top { height:1%; } .content-top { display:block; } /* end hide from IE-mac */ ul { list-style-type: none; padding: 0; margin: 0; margin-left: 1em; background-repeat: no-repeat; background-position: 0 .4em; } * { margin:0; padding:0;} body { font:normal 11px/normal Arial, Helvetica, sans-serif; color:#333; background:#A0E1DA; background-image:url(../img/mainbkg.jpg); background-repeat:no-repeat; background-position:top;} ul, ol { list-style-type:none;} ul.disc {list-style-type: disc} ul.circle {list-style-type: circle} ul.square {list-style-type: square} ul.none {list-style-type: none} a { color:#D66AC6; text-decoration:none;} a:hover { color: #317E95; text-decoration:none;} a img { border:0;} h1 { font-size:19px; font-weight:normal; line-height: 19px; margin-bottom:10px;} h2 { font-size:18px; font-weight:normal; line-height: 18px; margin-bottom:10px;} h3 { font-size:12px; font-weight:bold; margin-bottom:10px;} abbr { border:0; color:#FF3300} #Maincontainer { width:802px; margin:0 auto; } #mcontainer { position:relative; width:802px; margin: 15px 0px 10px 0px;} #ccontainer{margin: 0px 0px 0px 0px;} .content-top{ padding: 0 17px 0 17px; background-image:url(../img/bkg_content.gif); background-repeat:repeat-y;} #t-footer { width:802px; background-image:url(../img/bkg_topfooter.gif); height: 25px;} #b-footer { width:802px; background-image:url(../img/bkg_footer.gif); height: 58px;} #b-bfooter { width:802px; background-image:url(../img/bkg_bfooter.gif); height: 26px;} #m-header { width:802px; background-image:url(../img/bkg_Header.gif); height: 99px; margin-bottom: 12px;} #m-navigation { height:22px; padding-left: 10px;} #m-spot_1 { width:827px; background-image:url(../img/bkg_spot_1.gif); background-repeat:no-repeat; height: 17px;} #m-spot_2 { width:827px; background-image:url(../img/bkg_spot_2.gif); background-repeat:no-repeat; height: 13px;} #m-spot_3 { width:827px; background-image:url(../img/bkg_spot_3.gif); background-repeat:no-repeat; height: 17px; margin-bottom: 10px;} #m-leftcolumn { width:497px; float:left;} #m-rightcolumn { width:258px; float:left; margin-left: 10px;} #m-mainpic { width:497px; height: 242px; margin-bottom: 20px;} #cta_one { width:258px; background-image:url(../img/cta_1.gif); background-repeat: no-repeat;height:78px; margin-bottom: 16px;} #ctaoneContent { padding: 0px 10px 10px 10px; color:#4A9B92; line-height: 13px; font-size:11px;} #ctaoneContent a { text-decoration:underline; font-weight:bold; color:#4A9B92;} #cta-title { width: 258px; padding: 8px 10px 3px; 5px;} #cta-title1 { width: 258px; padding: 8px 10px 3px; 5px;} #cta-title2 { width: 258px; padding: 8px 10px 3px; 5px;} #cta-title3 { width: 258px; padding: 8px 10px 3px; 5px;} #cta-title4 { width: 258px; padding: 8px 10px 3px; 5px;} #cta_two { width:258px; background-image:url(../img/cta_2.gif); background-repeat: no-repeat;height:78px; margin-bottom: 4px;} #ctatwoContent { padding: 0px 10px 10px 10px; color:#7BA108; line-height: 13px; font-size:11px;} #ctatwoContent a { text-decoration:underline; font-weight:bold; color:#7BA108;} #cta_three { width:258px; background-image:url(../img/cta_3.gif); background-repeat: no-repeat;height:78px; margin-bottom: 4px;} #ctathreeContent { padding: 0px 10px 10px 10px; color:#FFFFFF; line-height: 13px; font-size:11px;} #ctathreeContent a { text-decoration:underline; font-weight:bold; color:#FFFFFF;} #cta_four { width:258px; background-image:url(../img/cta_4.gif); background-repeat: no-repeat;height:78px; margin-bottom: 4px;} #ctafourContent { padding: 0px 10px 10px 10px; color:#FFFFFF; line-height: 13px; font-size:11px;} #ctafourContent a { text-decoration:underline; font-weight:bold; color:#FFFFFF;} #b-cta_one {float:left; width:214px; margin-right: 63px;} #b-cta_one1 {float:left; width:214px; margin-right: 63px;} #b-ctaoneContent { padding: 10px 0 0 0; color:#4A9B92; line-height: 14px; font-size:12px;} #b-ctaoneContent a { text-decoration:underline; font-weight:bold; color:#4A9B92;} #b-cta_two { float:left; width:214px; margin-right: 63px;} #b-ctatwoContent { padding: 10px 0 0 0; color:#7BA108; line-height: 14px; font-size:12px;} #b-ctatwoContent a { text-decoration:underline; font-weight:bold; color:#7BA108;} #b-cta_three { float:left; width:214px;} #b-ctathreeContent { padding: 10px 0 0 0; color:#F78C54; line-height: 14px; font-size:12px;} #b-ctathreeContent a { text-decoration:underline; font-weight:bold; color:#F78C54;} #SubContent { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent1 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent2 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent3 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent4 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent5 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent6 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent7 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent8 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent9 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent10 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent11 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent12 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent13 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent14 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent15 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent16 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px;} #SubContent a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent1 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent2 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent3 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent4 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent5 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent6 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent7 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent8 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent9 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent10 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent11 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent12 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent13 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent14 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent15 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContent16 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubContact { padding: 11px; color:#4A9B92; line-height: 15px; font-size:12px;} #SubContact a { text-decoration:underline; font-weight:bold; color:#4A9B92;} #SubContact1 { padding: 11px; color:#4A9B92; line-height: 15px; font-size:12px;} #SubContact1 a { text-decoration:underline; font-weight:bold; color:#4A9B92;} #spacer { position:relative; width: 802px; height: 10px; background-color:#F4F8D7;} #SubTitles{ padding: 11px; color:#9F248D; line-height: 18px; font-size:18px; font-weight:bold;} #SubTitles1{ padding: 11px; color:#9F248D; line-height: 18px; font-size:18px; font-weight:bold;} #SubDivider{ padding: 11px; color:#9F248D; line-height: 15px; font-size:14px; text-align:center;} #SubDivider1{ padding: 11px; color:#9F248D; line-height: 15px; font-size:14px; text-align:center;} #SubDivider2{ padding: 11px; color:#9F248D; line-height: 15px; font-size:14px; text-align:center;} #SubDivider3{ padding: 11px; color:#9F248D; line-height: 15px; font-size:14px; text-align:center;} #SubDivider4{ padding: 11px; color:#9F248D; line-height: 15px; font-size:14px; text-align:center;} #SubDivider5{ padding: 11px; color:#9F248D; line-height: 15px; font-size:14px; text-align:center;} #SubDivider6{ padding: 11px; color:#9F248D; line-height: 15px; font-size:14px; text-align:center;} #SubDivider7{ padding: 11px; color:#9F248D; line-height: 15px; font-size:14px; text-align:center;} #SubTitlessmall{ padding: 11px; color:#9F248D; line-height: 15px; font-size:14px; font-weight:bold;} #SubTitlessmall1{ padding: 11px; color:#9F248D; line-height: 15px; font-size:14px; font-weight:bold;} #list-SubContent { float:left; padding: 15px; color:#9F248D; line-height: 15px; font-size:12px; width: 200px;} #list-SubContent a { text-decoration:underline; font-weight:bold; color:#9F248D;} #list-SubContent1 { float:left; padding: 15px; color:#9F248D; line-height: 15px; font-size:12px; width: 200px;} #list-SubContent1 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubDotted { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px; border-style:dashed; border-width:0.1cm; border-color:#000000 } #SubDotted a { text-decoration:underline; font-weight:bold; color:#9F248D;} #SubDotted1 { padding: 11px; color:#9F248D; line-height: 15px; font-size:12px; border-style:dashed; border-width:0.1cm; border-color:#000000 } #SubDotted1 a { text-decoration:underline; font-weight:bold; color:#9F248D;} #ctaoneCity { padding: 10px 10px 10px 10px; color:#4A9B92; line-height: 13px; font-size:11px; text-align:center;} /* ------------------------navigation--------------------------*/ #nav { font-family:Arial, Helvetica, sans-serif; font-size:11px; left: 0; text-transform:uppercase; } #nav li { float:left; display:block; } #nav li a { float:left; display:block; color:#fff; font-weight:bold;} #nav li a:hover { text-decoration:underline;} #nav-home { background-color:#FFFFFF; width: 44px; height: 22px; background-image:url(../img/dance-lessons.gif); background-repeat:no-repeat; } #nav-aboutus { background-color:#FFFFFF; width: 64px; height: 22px; background-image:url(../img/btn_aboutus.gif); background-repeat:no-repeat; } #nav-styleofdance { background-color:#FFFFFF; width: 93px; height: 22px; background-image:url(../img/wedding-dance-lessons.gif); background-repeat:no-repeat; } #nav-benefitsofdance { background-color:#FFFFFF; width: 111px; height: 22px; background-image:url(../img/btn_benefitsofdance.gif); background-repeat:no-repeat;} #nav-locations { background-color:#FFFFFF; width: 66px; height: 22px; background-image:url(../img/dance-studios.gif); background-repeat:no-repeat; } #nav-testimonials { background-color:#FFFFFF; width: 85px; height: 22px; background-image:url(../img/btn_testimonials.gif); background-repeat:no-repeat; } #nav-faq { background-color:#FFFFFF; width: 44px; height: 22px; background-image:url(../img/btn_faq.gif); background-repeat:no-repeat; } #nav-contactus { background-color:#FFFFFF; width: 74px; height: 22px; background-image:url(../img/btn_contactus.gif); background-repeat:no-repeat; } #nav-specials { background-color:#FFFFFF; width: 60px; height: 22px; background-image:url(../img/btn_specials.gif); background-repeat:no-repeat; } #nav-signupforlessons { background-color:#FFFFFF; width: 124px; height: 22px; background-image:url(../img/btn_signupforlessons.gif); background-repeat:no-repeat; } #copyright { color:#FFFFFF; text-align:center; font-size: 10px; padding-top: 27px; } #copyright a {color:#FFFFFF; text-decoration:underline;} #copyright-b { color:#C859B8; text-align:center; padding: 5px 20px 0 0; font-size: 10px;} #copyright-b a {color:#C859B8; text-decoration:underline;} #copyright-c { color:#FFFFFF; text-align:right; padding: 5px 20px 0 0; font-size: 11px;} #copyright-c a {color:#FFFFFF; text-decoration:underline;} #copyrightnav1 { color:#FFFFFF; text-align:center; font-size: 11px; padding-top: 13px; } #copyrightnav1 a {color:#FFFFFF; text-decoration:underline;} #wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_message {border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB;} ##wpcf_msg, {border:1px solid #A4E4F0; padding:3px 5px; width:450px; background:#F6FDFF; color:#63B4CB;} #wpcf_your_name:focus, #wpcf_email:focus, #wpcf_website:focus, #wpcf_msg:focus, #wpcf_message:focus { background:#fff; border:1px solid #79B1D0; color:#000;} #wpcf_msg, #wpcf_message { overflow:auto; height:103px;} .contacterror { border:1px solid #E9EBBE!important; background:#FEFDDE!important; color:#B5AE59!important;} .contacterror:focus { color:#000!important} /* -----------------input,textarea and forms-----------*/ input, select, textarea { font:normal 11px/normal Arial, Helvetica, sans-serif; } label { cursor:pointer} #name, #email, #website, #message, #company, #address { border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB;} #name:focus, #email:focus, #website:focus, #message:focus, #company:focus, #address:focus { background:#fff; border:1px solid #79B1D0; color:#000;} #message { overflow:auto; height:103px;} .btn-submit { clear:both; padding-top:5px;} *html .btn-submit { padding:0; margin:0;} .input-btn { background:url(img/btn.gif) no-repeat left top; border:0; font-weight:bold; color:#fff; width:77px; height:20px; padding-bottom:3px; cursor:pointer; text-align:center;} .input-btn:hover { color:#333;} *html .input-btn { padding:0;} #s { border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB;} #s:focus { background:#fff; border:1px solid #79B1D0; color:#000;} h1_zzz { font-size: 19px; font-weight: bold; font-style: italic; color: #000000; } #wpcf_website1 {border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB; background:#fff; border:1px solid #79B1D0; color:#000; border:1px solid #A4E4F0; padding:3px 5px; background:#F6FDFF; color:#63B4CB;} #wpcf_website2 {border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB; background:#fff; border:1px solid #79B1D0; color:#000; border:1px solid #A4E4F0; padding:3px 5px; background:#F6FDFF; color:#63B4CB;} #wpcf_website3 {border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB; background:#fff; border:1px solid #79B1D0; color:#000; border:1px solid #A4E4F0; padding:3px 5px; background:#F6FDFF; color:#63B4CB;} #wpcf_website4 {border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB; background:#fff; border:1px solid #79B1D0; color:#000; border:1px solid #A4E4F0; padding:3px 5px; background:#F6FDFF; color:#63B4CB;} #wpcf_website5 {border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB; background:#fff; border:1px solid #79B1D0; color:#000; border:1px solid #A4E4F0; padding:3px 5px; background:#F6FDFF; color:#63B4CB;} #wpcf_website6 {border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB; background:#fff; border:1px solid #79B1D0; color:#000; border:1px solid #A4E4F0; padding:3px 5px; background:#F6FDFF; color:#63B4CB;}