@media only screen and (min-width: 960px) and (max-width: 1199px) {
.logo{ width:100%; height:100%; text-align:center; margin:0 auto;}

}



@media only screen and (min-width: 768px) and (max-width: 1024px) {
#header-main{ width:100%; max-width:1024px; margin:0 auto; background:url(../images/header-back.png) no-repeat center top;}
#header-main-back{ width:100%; margin:0 auto; background:url(../images/fixed-back.jpg) no-repeat center top;}
#header-portion{ width:100%; max-width:1024px; margin:0 auto; overflow:hidden;}
#header-portion .logo{ width:350px; padding-left:5px; float:left;}
#header-portion .learn-plan{ width:350px; float:left; padding:0; margin:5px 0 0 15px;}
#header-portion .learn-plan img{ float:left; width:130px; height:75px; display:block;}
#header-portion .learn-plan h3{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#4d4d4d; float:left; font-stretch:condensed; font-weight:bold; padding:10px 0 0 5px;}
.learn-plan span{ color:#ff0101; font-size:23px; text-align:center; padding-left:40px; font-family:Tahoma, Geneva, sans-serif, Arial;}	

.social-panel{ width:215px; height:38px; margin:2px 0 0 0; float:right;}
.social-panel1{ width:215px; height:38px; margin:20px 0 20px; float:right;}
.fb a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat -314px -189px; margin-right:4px;}
.fb a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat -314px -227px;}

.twit a{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-352px -189px; margin-right:4px;}
.twit a:hover{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-352px -227px; margin-right:4px;}

.youtube a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-390px -189px; display:block;}
.youtube a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-390px -227px; display:block;}


#slideshow{ width:100%; max-width:978px; height:100%; max-height:420px; margin:0 auto; margin-top:-43px; position:relative; z-index:0; overflow:hidden;}
#slideshow-banner{ width:97%; height:358px; display:block; border:1px solid #fff; padding:0; margin:0 auto; background:#fff; overflow:hidden;}
.slide_top{ width:100%; max-width:960px; height:38px;  background:url(../images/slide_top.png) no-repeat right; position:relative; right:-9px; margin:0 auto; display:block; }
.slide_left{ max-width:13px; height:360px; background:url(../images/slide_left.png) no-repeat left; display:block; }
.slide_right{ width:100%; max-width:15px; height:100%; max-height:360px; float:right; display:block;}
.slide_bottom{width:930px; height:100%; max-height:36px; margin:0 auto;  border:0; float:left; display:block;}
.skdslider{ width:100%; height:100%; margin:0 auto; overflow:hidden; }
.skdslider ul.slides{ margin:0; padding:0;}
.skdslider ul.slides li{ height: 100%; display: none; width:100%; }
.skdslider ul.slides li img{ width:100%; height:100%; margin:0 auto;}

#content-main{ width:100%; margin:0 auto; height:450px; margin-top:-50px;  background:url(../images/middle_portion.png) no-repeat center; position:relative;}
#content-inner{ width:100%; max-width:950px; margin:0 auto;}
.car{ max-width:345px; height:200px; position:absolute; top:-45px; left:10px;  }
.book{ width:200px; height:250px; position:absolute; top:-30px; right:10px; }

.home a, .about a, .price a, .online a, .link a, .contact a{ position:absolute;}
.home a{ width:135px; height:80px; left:15px;  top:33px; background:url(../images/home-act1.png) no-repeat; padding-top:30px; font-size:25px; color:#fefefe; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; text-align:center; display:block; }
.home a:hover{ width:135px; height:110px; left:15px;  top:35px; bottom:0px; background:url(../images/home-hover1.png) no-repeat; display:block; }
.home a.active{ width:135px; height:110px;left:15px;  top:35px; bottom:0px; background:url(../images/home-hover1.png) no-repeat; display:block; }

.about a{ width:147px; height:71px; left:128px; top:18px; background:url(../images/about-act.png) no-repeat; font-size:25px; color:#fefefe;  font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; text-align:center; padding-top:35px; display:block;}
.about a:hover{ width:147px; height:106px; left:128px; top:20px; background:url(../images/about-hover.png) no-repeat; display:block;s }
.about a.active{ background:url(../images/about-hover.png) no-repeat; top:20px; color: #ffffff; width:147px; height:106px; display:block;  }

.price a{ width:141px; height:68px; left:258px;top:26px; background:url(../images/prices_act.png) no-repeat; font-size:25px; color:#fefefe; text-align:center; padding-top:30px; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; display:block;}
.price a:hover{ width:141px; height:98px; z-index:0;left:258px; top:28px; background:url(../images/prices_hover.png) no-repeat; display:block;}
.price a.active{ width:141px; height:98px; z-index:0; left:258px;top:28px; background:url(../images/prices_hover.png) no-repeat; display:block;}

.product a{ width:141px; height:52px;  margin-left: 505px;position: relative;top: 18px;background:url(../images/spirit1.png) no-repeat 0px 0px; font-size:25px; color:#fefefe; text-align:center; padding-top:30px; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; display:block;}
.product a:hover{ width:141px; height:52px; z-index:0;  margin-left: 505px;position: relative;
top: 20px;background:url(../images/spirit1.png) no-repeat -158px 0px; display:block;}
.product a.active{ width:141px; height:52px; z-index:0;  margin-left: 505px;position: relative;
top: 20px; background:url(../images/spirit1.png) no-repeat -158px 0px; display:block;}


.careers a{  width:157px; height:75px; z-index:0; margin-left: 617px;position: relative;top: -80px; background:url(../images/spirit1.png) no-repeat 0px -295px; font-size:25px; color:#fefefe; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; text-align:center; line-height:30px; padding-top:40px; display:block; }
.careers a:hover{  width:157px; height:75px; margin-left: 617px;position: relative;top: -78px; background:url(../images/spirit1.png) no-repeat -158px -295px; display:block;}
.careers a.active{ width:157px; height:75px; margin-left: 617px;position: relative;top: -78px; background:url(../images/spirit1.png) no-repeat -158px -295px; display:block;}

.online a{ width:157px; height:83px; z-index:0;left:381px; top:11px; background:url(../images/online-act.png) no-repeat; font-size:25px; color:#fefefe; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; text-align:center; line-height:30px; text-align:center; padding-top:20px; display:block; }
.online a:hover{ width:157px; height:103px; left:381px; top:13px; background:url(../images/online-hover.png) no-repeat; display:block;}
.online a.active{ width:157px; height:103px; left:381px; top:13px; background:url(../images/online-hover.png) no-repeat; display:block;}

.link a{ width:132px; height:72px; left:735px;top:3px; background:url(../images/link_act.png) no-repeat; font-size:25px; color:#fefefe; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; text-align:center; padding-top:50px; display:block;}
.link a:hover{ width:132px; height:122px; left:735px; top:5px; background:url(../images/link_hover.png) no-repeat; display:block;}
.link a.active{ width:132px; height:122px; left:735px; top:5px; background:url(../images/link_hover.png) no-repeat; display:block;}

.contact a{ width:144px; height:74px; left:844px; top:20px; background:url(../images/contact-act.png) no-repeat; text-align:center; line-height:30px; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; font-size:25px; color:#fefefe; padding-top:30px; padding-left:2px; display:block; }
.contact a:hover{ width:144px; height:104px; left:844px; top:22px; background:url(../images/contact-hover.png) no-repeat; display:block;}
.contact a.active{ width:144px; height:104px;left:844px; top:22px; background:url(../images/contact-hover.png) no-repeat; display:block;}

.content{ width:100%; max-width:950px; margin:0 auto; max-height:300px; height:100%px; top:-40px; left:0; position:relative;}
.content h2{ color:#3f3f3f; font-size:24px; font-family:Tahoma, Geneva, sans-serif; position:absolute; padding-bottom:30px; font-weight:normal;}
.content span{ color:#007f3e; font-weight:normal;}
.content p{ color:#333; width:620px; position:absolute; line-height:20px; font-size:15px; font-family:Tahoma, Geneva, sans-serif; }


.content-section{ width:100%;}
.content-section img{ float:left; margin-right:15px; width:300px; height:199px; margin-top:5px;}
.content-section p{ color:#333; font-size:14px; font-family:Tahoma, Geneva, sans-serif; line-height:23px; font-weight:normal;}
.content-section span{ font-size:20px; color:#000 !important; font-family:Tahoma, Geneva, sans-serif;}
.content-section h3{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; }
.content-section h4{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; text-align:center; clear:both; padding-bottom:20px; font-weight:normal;}
.content-section ul{ list-style-type:none;}
.content-section li{ font-size:16px; color:#333; background:url(../images/bullect.png) no-repeat 0px 5px; padding:5px 40px;}

#instructor-pannel{ max-width:950px; width:100%; margin:0 auto; position:relative; top:-10px; }
#instructor-pannel h2{ text-align:center; font-size:23px; color:#2c2c2c; margin-bottom:33px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.article{ max-width:237px; width:100%; height:100%; max-height:180px; float:left; margin:0 auto;}
.article-backimg{ width:100%; max-width:237px; height:100%; max-height:180px; display:block; background:url(../images/article-back.png) no-repeat; text-align:center;}
.article img{ width:225px; height:165px; z-index:1; margin:0 auto; text-align:center; margin-top:2px; margin-left:7px; }
.article span{ background:url(../images/art_top.png) no-repeat top center; width:222px; display:block; height:49px; color:#f4f4f4; padding:19px 0 0 0; font-size:16px; z-index:0; position:relative; top:-186px; left:16px; text-align:center; font-family:Tahoma, Geneva, sans-serif}


.areaportion{ width:950px; margin-top:20px;  height:89px; border:1px solid #000; margin:0 auto; background:#fff; position:relative; top:20px;  }
.areaportion h3{ text-align:center; color:#2c2c2c; font-size:25px; font-weight:normal; padding:5px 0 0 0 ; margin:0; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.areaportion h4{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#353535; float:left; padding:25px 10px 0 5px; margin-right:10px;}
.areaportion h4 span{ color:#00823f;}

#section{ width:100%; max-width:950px; margin:0 auto; margin-top:45px; overflow:hidden;}
#left-pannel{ width:100%; max-width:680px; margin: 0 auto;}
#left-pannel h2{ font-size:27px; color: #3f3f3f; padding-bottom:15px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; text-align:justify;}
#left-pannel span{ color:#008d45; font-family:Tahoma, Geneva, sans-serif;}
#right-pannel{ width:250px; float:right;}
.article1{ width:250px; background:#dee5d4;}
.article1 h3{ background:url(../images/art_right.png) no-repeat top center; width:279px; height:50px; color:#f4f4f4; padding:15px 0 0 0; font-size:20px; z-index:0; position:relative; top:0px; left:-15px; text-align:center; font-family:'switzerland_condensedplain', "Myriad Pro", Arial; font-weight:normal;}
.article1 ul{ list-style-type:none;}
.article1 li{ display:block; width:215px; float:left; background:url(../images/icon_list.png) no-repeat 5px 10px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; font-size:15px; color:#272727; padding:5px 25px; line-height:25px;}
.article1 li a{ font-family:'switzerland_condensedplain', "Myriad Pro", Arial; font-size:16px; color:#272727;}
.article1 li a:hover{ font-family:'switzerland_condensedplain', "Myriad Pro", Arial; font-size:16px; text-decoration:underline; color:#272727;}
.content-section img{ float:left; margin-right:10px; width:100%; max-width:250px; max-height:150px; height:100%; margin-top:5px;}

#footer-main{ width:100%; margin:0 auto; background:url(../images/footer_back.png) no-repeat center; height:230px; position:relative;}
#footer-inner{ width:100%; max-width:950px; height:160px; margin:0 auto; text-align:center; font-size:15px; color:#fff; padding-top:70px;}

#footer2{ width:480px; float:right; margin:30px 20px 0 0;}
.validation{ width:200px; float:left; margin-top:20px; margin-left:20px;}

ul#options { margin-bottom: 40px; padding-left: 9%; }
ul#options li {float: left; margin-right: 20px; margin-bottom:10px;}
ul#options li {padding: 10px 20px; background:#00a651; color: #FFF; font-size: 15px; border-radius: 5px; cursor: pointer; text-align:center; }
ul#options li:hover {background: #007f3e;}
ul#options li:hover .color{background: #007f3e;}
div#videos {display: none;}
div#reviews ul li {display: block; color: #666; border-bottom: 1px dotted #CCC; padding-bottom: 20px; margin-bottom: 20px;}
div#reviews ul li span {display: block;}
div#reviews ul li span.name { color: #000; font-weight: bold; font-size: 15px;}
div#reviews ul li span.designation { color: #666; font-style: italic;}
div#reviews ul li span.text { padding: 10px; background: #E4E4E4; border-radius: 10px; color: #666; text-align: justify; border: 1px solid #C9C9C9; position:relative; margin-top: 20px;}
div#reviews ul li span.text span { position: absolute; top: -12px; left: 30px;}
.testi-name{ color:#00923f; font-family:Arial, Helvetica, sans-serif; font-size:18px; float:right; margin:-15px 15px 0 10px; max-width:320px; width:100%;}

.login-popup{
	background: #fff;
	padding: 10px; 	
	border: 3px solid #00A651;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top:20%;left:10%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}
}

@media only screen and (max-width: 768px) {
header-main{ width:100%; max-width:768px; margin:0 auto; background:url(../images/header-back.png) no-repeat center top;}
#header-main-back{ width:100%; margin:0 auto; background:url(../images/fixed-back.jpg) no-repeat center top;   }
#header-portion{ width:100%; max-width:768px; margin:0 auto; overflow:hidden;}
#header-portion .logo{ width:100%; max-width:250px; padding-left:5px; float:left;}
#header-portion .learn-plan{ width:300px; float:left; padding:0; margin:5px 0 0 15px;}
#header-portion .learn-plan img{ float:left; width:100px; height:75px; display:block;}
#header-portion .learn-plan h3{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#4d4d4d; float:left; font-stretch:condensed; font-weight:bold; padding:10px 0 0 5px;}
.learn-plan span{ color:#ff0101; font-size:23px; text-align:center; padding-left:40px; font-family:Tahoma, Geneva, sans-serif, Arial;}	

.social-panel{ width:140px; height:38px; margin:2px 0 0 0; float:right;}
.social-panel1{ width:150px; height:38px; margin:20px 0 20px; float:right;}
.fb a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat -314px -189px; margin-right:4px;}
.fb a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat -314px -227px;}

.twit a{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-352px -189px; margin-right:4px;}
.twit a:hover{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-352px -227px; margin-right:4px;}

.youtube a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-390px -189px; display:block;}
.youtube a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-390px -227px; display:block;}

#nav{ width:768px; margin:0 auto; position:relative; top:-120px; height:123px; z-index:0;}
#nav select { display: none;}
    
.home a, .about a, .price a, .online a, .link a, .contact a{ position:absolute;}

.home a{ width:135px; height:54px; left:20px; top:33px; background:url(../images/spirit.png) no-repeat 0px 0px;  padding-top:30px; font-size:25px; color:#fefefe; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; text-align:center; display:block; }
.home a:hover{ width:135px; height:54px; left:20px; top:35px; bottom:0px; background:url(../images/spirit.png) no-repeat -158px 0px; display:block; }
.home a.active{ width:135px; height:54px; left:20px; top:35px; bottom:0px; background:url(../images/spirit.png) no-repeat -158px 0px; display:block; }

.about a{ width:147px; height:58px; left:130px; top:18px; background:url(../images/spirit.png) no-repeat 0px -87px; font-size:25px; color:#fefefe;  font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; text-align:center; padding-top:35px; display:block;}
.about a:hover{ width:147px; height:58px; left:130px; top:20px; background:url(../images/spirit.png) no-repeat -158px -87px; display:block; }
.about a.active{ background:url(../images/spirit.png) no-repeat -158px -87px; top:20px; left:130px; color: #ffffff; width:147px; height:58px; display:block;  }

.price a{ width:141px; height:52px; left:254px; top:26px; background:url(../images/spirit.png) no-repeat 0px -195px; font-size:25px; color:#fefefe; text-align:center; padding-top:30px; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; display:block;}
.price a:hover{ width:141px; height:52px; z-index:0; left:254px; top:28px; background:url(../images/spirit.png) no-repeat -158px -195px; display:block;}
.price a.active{ width:141px; height:52px; z-index:0; left:254px; top:28px; background:url(../images/spirit.png) no-repeat -158px -195px; display:block;}

.online a{ width:157px; height:75px; z-index:0; left:375px; top:11px; background:url(../images/spirit.png) no-repeat 0px -295px; font-size:25px; color:#fefefe; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; text-align:center; line-height:30px; text-align:center; padding-top:20px; display:block; }
.online a:hover{ width:157px; height:75px; left:375px; top:13px; background:url(../images/spirit.png) no-repeat -158px -295px; display:block;}
.online a.active{ width:157px; height:75px; left:375px; top:13px; background:url(../images/spirit.png) no-repeat 0px -295px; display:block;}

.link a{ width:132px; height:50px; left:500px; top:3px; background:url(../images/spirit.png) no-repeat 0px -398px; font-size:25px; color:#fefefe; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; text-align:center; padding-top:50px; display:block;}
.link a:hover{ width:132px; height:50px; left:500px; top:5px; background:url(../images/spirit.png) no-repeat -158px -398px; display:block;}
.link a.active{ width:132px; height:50px; left:500px; top:5px; background:url(../images/spirit.png) no-repeat -158px -398px; display:block;}

.contact a{ width:144px; height:50px; left:610px; top:20px; background:url(../images/spirit.png) no-repeat 0px -522px; text-align:center; line-height:30px; font-weight:normal; font-stretch:condensed; font-family:Tahoma, Geneva, sans-serif; font-size:25px; color:#fefefe; padding-top:30px; padding-left:2px; display:block; }
.contact a:hover{ width:144px; height:50px; left:610px; top:22px; background:url(../images/spirit.png) no-repeat -158px -522px; display:block;}
.contact a.active{ width:144px; height:50px; left:610px; top:22px; background:url(../images/spirit.png) no-repeat -158px -522px; display:block;}

#slideshow{ width:100%; max-width:768px; height:100%; max-height:390px; margin:0 auto; margin-top:-43px; position:relative; z-index:0;}
#slideshow-banner{ width:733px; height:358px; border:1px solid #fff; padding:0; margin:0; float:left; background:#fff; }


.slide_top{ width:756px; height:38px;  background:url(../images/slide_top.png) no-repeat right; margin:0 auto; position:relative; left:6px; display:block; }
.slide_left{ width:13px; height:360px; background:url(../images/slide_left.png) no-repeat; display:block;}
.slide_right{ width:15px; height:360px; float:right; display:block;}
.slide_bottom{width:756px; height:36px; margin:0 auto; border:0; display:block; position:relative; left:-6px;}



/*.skdslider{width:745px; height:300px; position: relative; z-index:1000; }
.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li{ left: 0; position: absolute; top: 0; display: none;}
.skdslider ul.slides li img{ width: 100%; height:100%; border:0; z-index:1000; }*/

#content-main{ width:100%; margin:0 auto; height:450px;  background:url(../images/middle_portion.png) no-repeat center; position:relative;}
#content-inner{ width:100%; max-width:753px; margin:0 auto;}
.car{ max-width:250px; height:200px; position:absolute; top:-20px; left:10px;  }
.book{ maxwidth:200px; height:250px; position:absolute; top:-30px; right:10px; }

.content{ width:100%; max-width:750px; margin:0 auto; max-height:300px; height:100%px; top:-20px; left:0; position:relative;}
.content h2{ color:#3f3f3f; font-size:24px; font-family:Tahoma, Geneva, sans-serif; position:absolute; padding-bottom:10px; font-weight:normal;}
.content span{ color:#007f3e; font-weight:normal;}
.content p{ color:#333; width:720px; position:absolute; line-height:20px; font-size:15px; font-family:Tahoma, Geneva, sans-serif; }

#instructor-pannel{ max-width:750px; width:100%; margin:0 auto; position:relative; top:-10px; }
#instructor-pannel h2{ text-align:center; font-size:23px; color:#2c2c2c; margin-bottom:33px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.article{ max-width:237px; width:100%; height:100%; max-height:180px; float:left; margin:0 auto; margin-left:80px; margin-bottom:20px;}
.article-backimg{ width:100%; max-width:237px; height:100%; max-height:180px; display:block; background:url(../images/article-back.png) no-repeat; text-align:center;}
.article img{ width:225px; height:165px; z-index:1; margin:0 auto; text-align:center; margin-top:2px; margin-left:7px; }
.article span{ background:url(../images/art_top.png) no-repeat top center; width:222px; display:block; height:49px; color:#f4f4f4; padding:19px 0 0 0; font-size:16px; z-index:0; position:relative; top:-186px; left:16px; text-align:center; font-family:Tahoma, Geneva, sans-serif}


.areaportion{ width:750px; margin-top:20px;  height:89px; border:1px solid #000; margin:0 auto; background:#fff; position:relative; top:20px;  }
.areaportion h3{ text-align:center; color:#2c2c2c; font-size:25px; font-weight:normal; padding:5px 0 0 0 ; margin:0; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.areaportion h4{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#353535; float:left; padding:25px 10px 0 5px; margin-right:10px;}
.areaportion h4 span{ color:#00823f;}


#section{ width:750px; margin:0 auto; margin-top:45px;}
#left-pannel{ width:750px; float:left;}
#left-pannel h2{ font-size:27px; color: #3f3f3f; padding-bottom:15px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
#left-pannel span{ color:#008d45; font-family:Tahoma, Geneva, sans-serif;}
.special-offer{ width:325px; height:160px; margin:20px 0 0 200px; float:left; text-align:center; background:url(../images/special_offer.png) no-repeat;}
.package-hour { width:255px; text-align:center; margin-left:55px; }
.package-hour h3{ color:#c51420 !important; text-transform:uppercase; text-align:center; font-size:27px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; font-weight:bold; padding:5px 0 0 0; text-shadow:#fff 0.05em 0.05em 0.03em; } 
.package-hour span{ color:#c51420 !important; text-align:center !important; font-size:22px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; font-weight:normal; padding:0 ; letter-spacing:-1px; text-shadow:#fff 0.05em 0.05em 0.03em; }
.rotate {
/* Safari */
-webkit-transform: rotate(-4deg);

/* Firefox */
-moz-transform: rotate(-4deg);

/* IE */
-ms-transform: rotate(-4deg);

/* Opera */
-o-transform: rotate(-4deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.message{ width:609px; height:138px; margin-top:10px; margin:0 auto; background:url(../images/message.png) no-repeat center; padding:20px;}
.testi-img{ width:106px; height:117px; margin:10px 0 0 10px; display:block; border:3px solid #00923f; float:left;}
.testi-comment{ color:#2b2b2b; font-family:Arial, Helvetica, sans-serif; font-size:18px; float:left; margin:10px 0 0 10px; max-width:470px; width:100%;}
.testi-name{ color:#00923f; font-family:Arial, Helvetica, sans-serif; font-size:18px; float:right; margin:15px 15px 0 10px; max-width:320px; width:100%;}

.content-section img{ float:left; margin-right:15px; width:300px; height:199px; margin-top:5px;}
.content-section p{ color:#333; font-size:14px; font-family:Tahoma, Geneva, sans-serif; line-height:23px; font-weight:normal;}
.content-section span{ font-size:20px; color:#000 !important; font-family:Tahoma, Geneva, sans-serif;}
.content-section h3{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; }
.content-section h4{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; text-align:center; clear:both; padding-bottom:20px; font-weight:normal;}
.content-section ul{ list-style-type:none;}
.content-section li{ font-size:16px; color:#333; background:url(../images/bullect.png) no-repeat 0px 5px; padding:5px 40px;}

.hour-article{ width:335px; height:235px; background:#dee5d4; float:left;}
1.hour-article1{ width:335px; height:235px; background:#dee5d4; margin:0 auto; text-align:center;}
.hour-article1 h3{ width:334px; height:47px; position:relative; background:url(../images/time_top.png) no-repeat; top:-16px; font-size:18px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:15px 0 0 0;}
.art{ width:310px; height:33px; border-bottom:1px dashed #999; margin:0 auto; margin-bottom:10px;}
.list{ float:left; width:105px; height:24px; display:block; padding:7px 5px 2px 27px; background:url(../images/time.png) no-repeat left center; font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#333;}
.list1{ float:left; width:190px; height:24px; display:block; padding:7px 5px 2px 27px; background:url(../images/time.png) no-repeat left center; font-size:14px; color:#333; font-family:Tahoma, Geneva, sans-serif;}
.doller{ float:left; width:60px; height:24px; display:block; padding:7px 5px 2px 20px; background:url(../images/arrow.jpg) no-repeat left center; font-size:14px; color:#00a651; font-family:Tahoma, Geneva, sans-serif;}
.hour{float:left; width:60px; height:24px; display:block; padding:7px 5px 2px 20px; background:url(../images/arrow.jpg) no-repeat left center; font-size:14px; color:#333;}
.headertxt{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; text-align:center; padding-bottom:20px;}

.gift-article{ width:620px; height:510px; background:#dee5d4; float:left;}
.gift-article h3{ width:601px; height:74px; background:url(../images/spirit.png) no-repeat 0px -858px; font-size:25px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:30px 0 0 0; display:block; margin:-30px 0 0 0;}
.gift-art{ width:590px; height:55px; border-bottom:1px dashed #999; margin:0 auto; margin-bottom:10px;}
.gift-list{ float:left; width:130px; height:24px; display:block; padding:7px 5px 2px 27px; background:url(../images/time.png) no-repeat left center; font-size:16px; color:#333; font-family:Tahoma, Geneva, sans-serif;}
.gift-list1{ float:left; width:200px; height:24px; display:block; padding:7px 5px 2px 27px; background:url(../images/time.png) no-repeat left center; font-size:16px; color:#333; font-family:Tahoma, Geneva, sans-serif;}
.gift-doller{ float:left; text-align:center; width:80px; height:24px; display:block; padding:7px 5px 2px 20px; background:url(../images/arrow.jpg) no-repeat left center; font-size:16px; color:#00a651; font-family:Tahoma, Geneva, sans-serif;}
.gift-hour{float:left; width:80px; text-align:center; height:24px; display:block; padding:7px 5px 2px 20px; background:url(../images/arrow.jpg) no-repeat left center; font-size:16px; color:#333; font-family:Tahoma, Geneva, sans-serif;}
.gift-paypal{ width:89px; height:30px; float:left; border:0; margin-left:20px; margin-top:5px;}
.gift-buy{  width:160px; height:34px; float:left; border:0; margin:0 0 0 20px; padding:0 0 3px 0; }


#right-pannel{ width:278px; float:left; margin:20px 0 0 280px;}
.article1{ width:279px; background:#dee5d4;}
.article1 h3{ background:url(../images/spirit.png) no-repeat 0px -709px; width:279px; height:50px; color:#f4f4f4; padding:15px 0 0 0; font-size:20px; z-index:0; position:relative; top:-16px; left:0px; text-align:center; font-family:'switzerland_condensedplain', "Myriad Pro", Arial; font-weight:normal;}
.article1 ul{ list-style-type:none;}
.article1 li{ display:block; width:230px; float:left; background:url(../images/icon_list.png) no-repeat 5px 10px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; font-size:16px; color:#272727; padding:5px 25px; line-height:25px;}
.article1 li a{ font-family:'switzerland_condensedplain', "Myriad Pro", Arial; font-size:16px; color:#272727;}
.article1 li a:hover{ font-family:'switzerland_condensedplain', "Myriad Pro", Arial; font-size:16px; text-decoration:underline; color:#272727;}

.recommended{ width:242px; height:55px;  margin:0 auto; background:url(../images/spirit.png) no-repeat -313px 0px;}
.recommended h3{ color:#414141; font-size:14px; padding:25px 0 0 63px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; }

.request{ width:235px; height:56px;  margin:0 auto; background:url(../images/spirit.png) no-repeat -313px -60px;}
.request h3{ color:#414141; font-size:14px; padding:20px 0 0 63px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS";}

.feedback{ width:227px; height:51px;  margin:0 auto; background:url(../images/spirit.png) no-repeat -313px -119px;}
.feedback h3{ color:#414141; font-size:14px; padding:18px 0 0 63px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS";}

#footer-main{ width:100%; margin:0 auto; background:url(../images/footer_back.png) no-repeat center; height:230px; position:relative;}
#footer-inner{ width:100%; max-width:750px; height:160px; margin:0 auto; text-align:center; font-size:20px; color:#fff; padding-top:70px;}
#footer-inner ul{ list-style-type:none;}
#footer-inner li{ display:inline; font-size:14px; color:#fff; border-right:1px solid #fff; padding:0px 10px;}
#footer-inner li a{ font-size:16px; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
#footer-inner li a:hover{ text-decoration:underline; font-family:Tahoma, Geneva, sans-serif, Arial; font-weight:normal;}
#footer2{ width:480px; float:right; margin:30px 0 0 0;}
.copyright{ color:#000; font-size:14px; float:right; width:480px; padding:0 0 0 0; text-align:right; font-family:Tahoma, Geneva, sans-serif, Arial;}
.designby{ color:#000; float:right; font-size:14px; width:310px; margin:5px 0 0 0; font-family:Tahoma, Geneva, sans-serif; text-align:right;}
.designby span a{ color:#00a651;}
.validation{ width:200px; float:left; margin-top:20px;}

.contact-txt{ font-size:16px; color:#333;  float:left;}
.content-form form label{ width:150px;}
.content-form form input{ width:250px;}

.login-popup{
	background: #fff;
	padding: 10px; 	
	border: 3px solid #00A651;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top:20%;left:10%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#header-main{ width:100%; margin:0 auto; background:url(../images/header-back.png) no-repeat center top;}
#header-main-back{ width:100%; margin:0 auto; background:url(../images/fixed-back.jpg) no-repeat center top;   }
#header-portion{ width:100%; max-width:768px; margin:0 auto; overflow:hidden;}
#header-portion .logo{ width:250px; padding-left:5px; float:left;}
#header-portion .learn-plan{ width:250px; float:left; padding:0; margin:5px 0 0 15px;}
#header-portion .learn-plan img{ float:left; width:53px; height:52px; display:block;}
#header-portion .learn-plan h3{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#4d4d4d; float:left; font-stretch:condensed; font-weight:bold; padding:10px 0 0 5px;}
.learn-plan span{ color:#ff0101; font-size:23px; text-align:center; padding-left:40px; font-family:Tahoma, Geneva, sans-serif, Arial;}	

.social-panel{ width:140px; height:38px; margin:2px 0 0 0; float:right;}
.social-panel1{ width:150px; height:38px; margin:20px 0 20px; float:right;}
.fb a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:0px 0px; margin-right:4px;}
.fb a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:0px -38px;}

.twit a{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-38px 0px; margin-right:4px;}
.twit a:hover{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-38px -38px; margin-right:4px;}

.youtube a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-76px 0px;}
.youtube a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-76px -38px;}

#slideshow{ width:100%; max-width:768px; max-height:350px; height:100%; margin:0 auto; position:relative; top:-50px; overflow:hidden;  }
#slideshow-banner{ width:100%; max-width:721px; max-height:350px; height:100%; padding:0; margin:0 auto; border:none; margin-left:15px;  }

.slide_top{ display:none; }
.slide_left{ display:none;}
.slide_right{ display:none;}
.slide_bottom{ display:none;}


.skdslider{width:740px; height:320px; position: relative;}
.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li{ height: 100%; max-height:320px; left: 0; position: absolute; top: 0; display: none; width:100%; max-width:740px;}
.skdslider ul.slides li img{ width: 100%; max-width:740px; height:100%; border:0;}
.skdslider .slide-navs { bottom: 20px; left: 50%; position: absolute; list-style-type: none; margin: 0; padding: 0;}
.skdslider .slide-navs li { float: left; height:12px; width:12px; margin-right:4px; cursor:pointer;}

#content-main{ width:100%; max-width:768px; margin:0 auto; height:410px;  background:url(../images/middle_portion.png) no-repeat center; position:relative;}
#content-inner{ width:100%; max-width:768px; margin:0 auto;}
.car{ width:100%; max-width:300px; height:100%; max-height:120px; position:absolute; top:-110px; left:10px;  }
.book{ width:100%; max-width:250px; max-height:200px; height:100%; position:absolute; top:-80px; right:10px; }

#nav{ width:740px; margin:0 auto; position:relative; top:-100px; height:40px; z-index:1;}
#nav ul{ display: none; }
#nav select { display: inline-block; width:100%; height:45px; padding:10px; border:1px solid #ccc;  }
#nav option{ height:30px;}
.home a, .about a, .price a, .online a, .link a, .contact a{ width:50px; height:30px; background:#F00; overflow:hidden; display:block; float:left;}
.home a:hover, .about a:hover, .price a:hover, .online a:hover, .link a:hover, .contact a:hover{ width:300px; height:30px; background:#F00; display:block;}

.content{ width:100%; max-width:700px; margin:0 auto; max-height:300px; height:100%; top:-70px; left:0; position:relative;}
.content h1{ color:#3f3f3f; font-size:24px; font-family:Tahoma, Geneva, sans-serif; position:absolute; padding-bottom:10px; font-weight:normal;}
.content span{ color:#007f3e; font-weight:normal;}
.content p{ color:#333; width:590px; position:absolute; line-height:20px;  font-size:14px; font-family:Tahoma, Geneva, sans-serif; }

#instructor-pannel{ max-width:768px; width:100%; margin:0 auto; position:relative; top:5px; }
#instructor-pannel h2{ text-align:center; font-size:23px; color:#2c2c2c; margin-bottom:33px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.article{ width:244px; height:180px; margin:0 auto; overflow:hidden; margin-left:75px; margin-bottom:20px;}
.article img{ width:244px; height:176px; z-index:1; padding:0; }
.article span{ background:url(../images/art_top.png) no-repeat top center; width:222px; display:block; height:49px; color:#f4f4f4; padding:19px 0 0 0; font-size:16px; z-index:0; position:relative; top:-215px; left:16px; text-align:center; font-family:Tahoma, Geneva, sans-serif; margin-top:20px;}

.areaportion{ width:600px; margin-top:20px;  height:89px; border:1px solid #000; margin:0 auto; background:#fff; position:relative; top:20px;  }
.areaportion h3{ text-align:center; color:#2c2c2c; font-size:25px; font-weight:normal; padding:5px 0 0 0 ; margin:0; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.areaportion h4{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#353535; float:left; padding:25px 10px 0 5px; margin-right:10px;}
.areaportion h4 span{ color:#00823f;}

#section{ width:100%; max-width:748px; margin:0 auto; margin-top:45px; overflow:hidden;}
#left-pannel{ width:100%; max-width:700px; padding-left:10px; margin: 0 auto;}
#left-pannel h2{ font-size:27px; color: #3f3f3f; padding-bottom:15px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; text-align:justify;}
#left-pannel span{ color:#008d45; font-family:Tahoma, Geneva, sans-serif;}
#right-pannel{ width:278px; margin:0 auto; margin-top:20px; position:relative; top:50px; left:-250px;}
.content-section img{ float:left; margin-right:10px; width:100%; max-width:250px; max-height:150px; height:100%; margin-top:5px;}

#footer-main{ width:100%; margin:0 auto; background:url(../images/footer_back.png) no-repeat center; height:230px; position:relative;}
#footer-inner{ width:100%; max-width:768px; height:160px; margin:0 auto; text-align:center; font-size:15px; color:#fff; padding-top:70px;}

#footer2{ width:480px; float:right; margin:30px 20px 0 0;}
.validation{ width:200px; float:left; margin-top:20px; margin-left:20px;}

.login-popup{
	background: #fff;
	padding: 10px; 	
	border: 3px solid #00A651;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top:20%;left:10%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}
}



/*Mobile Layout: Landscape Container width:480px*/

-----------------------------------------------
@media only screen and (min-width: 480px) and (max-width: 768px) {
#header-main{ width:100%; max-width:768px; margin:0 auto; background:url(../images/header-back.png) no-repeat center top;}
#header-main-back{ width:100%; max-width:768px; margin:0 auto; background:url(../images/fixed-back.jpg) no-repeat center top;   }
#header-portion{ width:100%; max-width:768px; margin:0 auto; background:#F00; }
#header-portion .logo{ width:150px; height:90px; padding-left:5px; float:left;}
#header-portion .learn-plan{ width:250px; height:93px; float:left; padding:0; margin:5px 0 0 15px;}
#header-portion .learn-plan img{ float:left; width:53px; height:52px; display:block;}
#header-portion .learn-plan h3{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#4d4d4d; float:left; font-stretch:condensed; font-weight:bold; padding:10px 0 0 5px;}
.learn-plan span{ color:#ff0101; font-size:23px; text-align:center; padding-left:40px; font-family:Tahoma, Geneva, sans-serif, Arial;}	

.social-panel{ width:140px; height:38px; margin:2px 0 0 0; float:right;}
.social-panel1{ width:150px; height:38px; margin:20px 0 20px; float:right;}
.fb a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:0px 0px; margin-right:4px;}
.fb a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:0px -38px;}

.twit a{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-38px 0px; margin-right:4px;}
.twit a:hover{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-38px -38px; margin-right:4px;}

.youtube a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-76px 0px;}
.youtube a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-76px -38px;}


#slideshow{ width:100%; max-width:768px; max-height:350px; height:100%; margin:0 auto; position:relative; top:-50px; overflow:hidden;  }
#slideshow-banner{ width:100%; max-width:721px; max-height:350px; height:100%; padding:0; margin:0 auto; border:none; margin-left:15px;  }

.slide_top{ display:none; }
.slide_left{ display:none;}
.slide_right{ display:none;}
.slide_bottom{ display:none;}

#content-main{ width:100%; max-width:768px; margin:0 auto; height:410px;  background:url(../images/middle_portion.png) no-repeat center; position:relative;}
#content-inner{ width:100%; max-width:768px; margin:0 auto;}
.car{ width:100%; max-width:300px; height:100%; max-height:120px; position:absolute; top:-110px; left:10px;  }
.book{ width:100%; max-width:250px; max-height:200px; height:100%; position:absolute; top:-80px; right:10px; }

#nav{ width:721px; margin:0 auto; position:relative; top:-100px; height:40px; z-index:1;}
#nav ul{ display: none; }
#nav select { display: inline-block; width:100%; height:45px; padding:10px; border:1px solid #ccc;  }
#nav option{ height:30px;}
.home a, .about a, .price a, .online a, .link a, .contact a{ width:50px; height:30px; background:#F00; overflow:hidden; display:block; float:left;}
.home a:hover, .about a:hover, .price a:hover, .online a:hover, .link a:hover, .contact a:hover{ width:300px; height:30px; background:#F00; display:block;}

.content{ width:100%; max-width:700px; margin:0 auto; max-height:300px; height:100%px; top:-70px; left:0; position:relative;}
.content h2{ color:#3f3f3f; font-size:24px; font-family:Tahoma, Geneva, sans-serif; position:absolute; padding-bottom:10px; font-weight:normal;}
.content span{ color:#007f3e; font-weight:normal;}
.content p{ color:#333; width:590px; position:absolute; line-height:20px;  font-size:14px; font-family:Tahoma, Geneva, sans-serif; }

#instructor-pannel{ max-width:768px; width:100%; margin:0 auto; position:relative; top:5px; }
#instructor-pannel h2{ text-align:center; font-size:23px; color:#2c2c2c; margin-bottom:33px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.article{ width:244px; height:180px; float:left; margin:0 0 20px 20px;}
.article-backimg{ width:244px; height:180px; display:block; background:url(../images/article-back.png) no-repeat; text-align:center;}
.article img{ width:225px; height:165px; z-index:1; margin:0 auto; text-align:center; margin-top:2px; margin-left:1px; }
.article span{ background:url(../images/art_top.png) no-repeat top center; width:222px; display:block; height:60px; color:#f4f4f4; padding:17px 0 0 0; font-size:16px; z-index:0; position:relative; top:-195px; left:17px; text-align:center; font-family:Tahoma, Geneva, sans-serif}

.areaportion{ width:600px; margin-top:20px;  height:89px; border:1px solid #000; margin:0 auto; background:#fff; position:relative; top:20px;  }
.areaportion h3{ text-align:center; color:#2c2c2c; font-size:25px; font-weight:normal; padding:5px 0 0 0 ; margin:0; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.areaportion h4{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#353535; float:left; padding:25px 10px 0 5px; margin-right:10px;}
.areaportion h4 span{ color:#00823f;}

#section{ width:100%; max-width:748px; margin:0 auto; margin-top:45px; overflow:hidden;}
#left-pannel{ width:100%; max-width:700px; padding-left:10px; margin: 0 auto;}
#left-pannel h2{ font-size:27px; color: #3f3f3f; padding-bottom:15px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; text-align:justify;}
#left-pannel span{ color:#008d45; font-family:Tahoma, Geneva, sans-serif;}
#right-pannel{ width:278px; margin:0 auto; margin-top:20px; position:relative; top:50px; left:-250px;}
.content-section img{ float:left; margin-right:10px; width:100%; max-width:250px; max-height:150px; height:100%; margin-top:5px;}

#footer-main{ width:100%; margin:0 auto; background:url(../images/footer_back.png) no-repeat center; height:230px; position:relative;}
#footer-inner{ width:100%; max-width:768px; height:160px; margin:0 auto; text-align:center; font-size:15px; color:#fff; padding-top:70px;}

#footer2{ width:480px; float:right; margin:30px 20px 0 0;}
.validation{ width:200px; float:left; margin-top:20px; margin-left:20px;}

.login-popup{
	background: #fff;
	padding: 10px; 	
	border: 3px solid #00A651;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top:20%;left:10%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}
}

/* Smartphones (portrait and landscape) ----------- */  
@media only screen and (min-width: 320px) and (max-width: 480px) {  
#header-main{ width:100%; margin:0 auto; background:url(../images/header-back.png) no-repeat center top;}
#header-main-back{ width:100%; margin:0 auto; background:url(../images/fixed-back.jpg) no-repeat center top;   }
#header-portion{ width:100%; max-width:470px; margin:0 auto; max-height:100%;}
#header-portion .logo{ width:100%; max-width:250px; height:85px; padding-left:80px;  text-align:center; margin:0 auto;}

#header-portion .learn-plan{ width:100%; max-width:290px; height:93px; padding:0; margin:0 auto; padding:10px 0 0 85px;}
#header-portion .learn-plan img{ float:left; width:100px; height:90px; display:block;}
#header-portion .learn-plan h3{ font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#4d4d4d; float:left; font-stretch:condensed; font-weight:bold; padding:10px 0 0 5px;}
.learn-plan span{ color:#ff0101; font-size:23px; text-align:center; padding-left:40px; font-family:Tahoma, Geneva, sans-serif, Arial;}
.social-panel{ width:100%; max-width:220px; height:38px; text-align:center;  margin:10px 0 5px 70px; float:left;}
.social-panel1{ width:100%; max-width:220px; height:38px; margin:20px 0 20px 10px; text-align:center;}
.fb a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat -314px -189px; margin-right:4px; display:block;}
.fb a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat -314px -227px; display:block;}

.twit a{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-352px -189px; margin-right:4px;}
.twit a:hover{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-352px -227px; margin-right:4px;}

.youtube a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-390px -189px;}
.youtube a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-390px -227px;}

#nav{ width:100%; max-width:460px; margin:0 auto; position:relative; top:10px; height:30px; z-index:1;}
#nav ul{ display: none; }
#nav select { display: inline-block; width:100%; height:30px; line-height:25px; padding:5px; border:1px solid #ccc; outline:none;  }
#nav option{ height:30px;}
.home a, .about a, .price a, .online a, .link a, .contact a{ width:50px; height:30px; background:#F00; overflow:hidden; display:block; float:left;}
.home a:hover, .about a:hover, .price a:hover, .online a:hover, .link a:hover, .contact a:hover{ width:300px; height:30px; background:#F00; display:block;}

#slideshow{ width:100%; max-width:460px; max-height:200px; height:100%; margin:0 auto; margin-top:45px; overflow:hidden; }
#slideshow-banner{ width:100%; max-width:470px; max-height:250px; height:100%; padding:0; border:none; float:left; }

.skdslider{width:460px; height:250px; position: relative; margin:0 auto;}
.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li{ height: 100%; max-height:250px; left: 0; position: absolute; top: 0; display: none; width:100%; max-width:470px;}
.skdslider ul.slides li img{ width: 100%; max-width:470px; height:100%; border:0;}
.skdslider .slide-navs { bottom: 20px; left: 50%; position: absolute; list-style-type: none; margin: 0; padding: 0;}
.skdslider .slide-navs li { float: left; height:12px; width:12px; margin-right:4px; cursor:pointer;}

.slide_top{ display:none; }
.slide_left{ display:none;}
.slide_right{ display:none;}
.slide_bottom{ display:none;}

#content-main{ width:100%; margin:0 auto; background:url(../images/middle_portion.png) no-repeat center;}
#content-inner{ width:460px; margin:0 auto;}
.car{ width:180px; height:120px; padding:0 0 0 20px; }
.book{  max-width:120px; height:180px; padding:50px 0 10px 0; }
.content{ width:460px;  margin:0 auto; }
.content h2{ color:#3f3f3f; font-size:20px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; text-align:left; clear:both; padding:15px 0 45px 0;}
.content p{ text-align:center; width:450px; margin:0 auto; padding:0; font-size:14px;}
#instructor-pannel{  margin:0 auto; padding:10px 0 0 0; width:460px; text-align:center; }
#instructor-pannel h2{ text-align:center; font-size:20px; color:#2c2c2c; margin-bottom:33px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}

.article{ width:244px; height:180px; float:left; margin:0 0 20px 85px ;}
.article-backimg{ width:244px; height:180px; display:block; background:url(../images/article-back.png) no-repeat; text-align:center;}
.article img{ width:225px; height:165px; z-index:1; margin:0 auto; text-align:center; margin-top:2px; margin-left:7px; }
.article span{ background:url(../images/spirit.png) no-repeat 0px -634px; width:222px; display:block; height:49px; color:#f4f4f4; padding:19px 0 0 0; font-size:16px; z-index:0; position:relative; top:-184px; left:14px; text-align:center; font-family:Tahoma, Geneva, sans-serif}

.areaportion{ width:460px !important; height:89px; border:1px solid #000; margin:0 auto; background:#fff;  }
.areaportion h3{ text-align:center; color:#2c2c2c; font-size:25px; font-weight:normal; padding:5px 0 0 0 ; margin:0; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.areaportion h4{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#353535; float:left; padding:25px 10px 0 5px; margin-right:10px;}
.areaportion h4 span{ color:#00823f;}
#slideshow div#clientele { bottom: 3px; height: 50px; width:300px; overflow: hidden; padding: 0 50px; position: absolute; z-index: 50; color:#000;}
#slideshow div#clientele { width: 460px; height: 110px;	padding: 0 50px; position: absolute; bottom: 3px; overflow: hidden;	z-index: 50;}
#clientele span.heading { display: block; height: 30px;	padding-top: 10px; color: #d62d3b;	font-size: 15px; text-transform: uppercase;	text-align: center;}
#clientele #carousel1 div {	text-align: center;	min-width: 60px; height: 60px; float: left;	position: relative;}
#clientele #carousel1 div img {	border: none; height: auto;}
#clientele #carousel div span {	display: none;}
#clientele #carousel div:hover span, #clientele #carousel div.hover span { background-color: #333; color: #fff; display: inline-block; width: 100px; padding: 2px 0; margin: 0 0 0 -50px; position: absolute; bottom: 0; left: 50%; border-radius: 3px;}

.caroufredsel_wrapper{ width:100%; max-width:460px; height: 50px; margin: 0px; overflow: hidden; display: block; text-align: start; float: none; position: relative; top:0px; right: auto; bottom: auto; left: 10px; z-index: auto;}

#section{ width:460px; margin:0 auto;}
#left-pannel{ width:460px; margin:0 auto; margin-top:20px;}
#left-pannel h2{ font-size:27px; color: #3f3f3f; padding-bottom:15px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
#left-pannel span{ color:#008d45; font-family:Tahoma, Geneva, sans-serif;}
.content-section { width:460px;}
.content-section img{ float:left; margin-right:15px; margin-top:5px;}
.content-section p{ color:#333; font-size:14px; font-family:Tahoma, Geneva, sans-serif; line-height:23px; font-weight:normal;}
.content-section span{ font-size:20px; color:#000 !important; font-family:Tahoma, Geneva, sans-serif;}
.content-section h3{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; }
.content-section h4{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; text-align:center; clear:both; padding-bottom:20px; font-weight:normal;}
.content-section ul{ list-style-type:none;}
.content-section li{ font-size:16px; color:#333; background:url(../images/bullect.png) no-repeat 0px 5px; padding:5px 40px; width:300px;}

.special-offer{ width:300px; height:160px; float:right;  margin:0 0 20px 0; background:url(../images/special_offer.png) no-repeat;}
.special-offer{ width:325px; height:160px; float:right;  margin:0 0 20px 0; background:url(../images/special_offer.png) no-repeat}
.package-hour { width:255px; text-align:center; margin-left:55px; }
.package-hour h3{ color:#c51420 !important; text-transform:uppercase; text-align:center; font-size:27px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; font-weight:bold; padding:5px 0 0 0; text-shadow:#fff 0.05em 0.05em 0.03em; } 
.package-hour span{ color:#c51420 !important; text-align:center !important; font-size:22px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; font-weight:normal; padding:0 ; letter-spacing:-1px; text-shadow:#fff 0.05em 0.05em 0.03em; }

.message{ width:460px; margin-top:10px; margin:0 auto;  padding:5px; background:none;}
.testi-img{ width:106px; height:117px; margin:0 0 0 150px; text-align:center; display:block; border:3px  solid #00923f;}
.testi-comment{ color:#2b2b2b; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0 auto; text-align:left; width:460px; margin-top:10px; float:left;}
.testi-name{ color:#00923f; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0 auto; text-align:left; margin-top:10px; width:460px; float:left;  }

.article2{ width:300px;}
.article2 ul{ list-style-type:none;}
.article2 li{ display:block; width:285px; float:left; background:url(../images/icon_list.png) no-repeat 0px 10px; font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#00A651; padding:5px 25px; line-height:25px;}
.article2 li a{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#00A651}
.article2 li a:hover{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; text-decoration:underline; color:#00A651;}

#right-pannel{ width:278px; margin:0 auto; padding:40px 0 0 70px;}

#footer-main{ width:100%; margin:0 auto; background:url(../images/footer_back.png) no-repeat center; }
#footer-inner{ width:300px; margin:0 auto; text-align:center; font-size:16px; color:#fff; padding-top:30px;}
#footer-inner ul{ list-style-type:none;}
#footer-inner li{ display:inline; font-size:14px;  color:#fff; padding:0px 10px; border:none;}
#footer-inner li a{ font-size:14px; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; float:left; text-align:center; width:300px; padding:5px 0 0 0; border:none;}
#footer-inner li a:hover{ text-decoration:underline; font-family:Tahoma, Geneva, sans-serif, Arial; font-weight:normal;}
#footer2{ width:300px;  margin:10px 0 0 0; overflow:hidden;}
.copyright{ color:#000; font-size:14px; float:right; width:300px; height:45px; padding:0 0 0 0; text-align:right; font-family:Tahoma, Geneva, sans-serif, Arial; text-align:center;}
.designby{ color:#000; float:right; font-size:14px; width:300px; margin:0 auto; font-family:Tahoma, Geneva, sans-serif; text-align:center;}
.designby span a{ color:#00a651;}
.validation{ width:200px; margin-top:20px; margin:0 auto; margin-right:25px; text-align:center; float:right; }
.hour-article{ width:100%; max-width:300px; max-height:260px; margin-bottom:20px;  height:100%; background:#dee5d4; float:left;}
.hour-article h3{ width:100%; max-width:290px; height:47px; position:relative; background:url(../images/time_top.png) no-repeat 100%; top:-16px; font-size:16px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:15px 0 0 0;}

.hour-article1{ width:100%; max-width:300px; max-height:260px; margin-bottom:20px; height:100%; background:#dee5d4; float:left;}
.hour-article1 h3{ width:100%; max-width:290px; height:47px; position:relative; background:url(../images/time_top.png) no-repeat 100%; top:-16px; font-size:16px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:15px 0 0 0;}

.art{ width:100%; height:33px; border-bottom:1px dashed #999; margin:0 auto; margin-bottom:10px;}
.list{ float:left; width:95px; height:24px; display:block; padding:7px 5px 2px 27px; background:url(../images/time.png) no-repeat left center; font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#333;}
.list1{ float:left; width:165px; height:24px; display:block; padding:7px 5px 2px 27px; background:url(../images/time.png) no-repeat left center; font-size:13px; color:#333; font-family:Tahoma, Geneva, sans-serif;}
.doller{ float:left; width:50px; height:24px; display:block; padding:7px 5px 2px 20px; background:url(../images/arrow.jpg) no-repeat left center; font-size:13px; color:#00a651; font-family:Tahoma, Geneva, sans-serif;}
.hour{float:left; width:50px; height:24px; display:block; padding:7px 5px 2px 20px; background:url(../images/arrow.jpg) no-repeat left center; font-size:13px; color:#333;}

.product-detail{ width:100%; max-width:300px;}
.product-detail form label{font-family:Tahoma, Geneva, sans-serif; color: #333; font-weight:normal; font-size:16px; display:block; width:195px; padding:3px 0 0 5px; margin:10px 0 0 0; float:left;}
.product-detail form input[type="text"] { width:250px; height:31px; color:#333; margin:10px 0 0 0; float:left; padding:0 0 0 5px; border:1px solid #CCC;}
.product-detail form input[type="textarea"] { width:250px; height:26px; color:#333; margin:10px 0 0 0;}
.product-detail form select { width:255px; height:32px; line-height:28px; color:#333; margin:10px 0 0 0; float:left; border:1px solid #ccc; padding:5px}
.product-detail form option{ width:227px; height:26px; color:#333; background:none; }
.product-detail form input[type="submit"]{height:35px; display:block; text-align:center; font-size:16px; padding:6px 0 10px 0; color:#fff; font-family:Arial, Helvetica, sans-serif; border:none; margin:20px 0 20px 0; cursor:pointer; font-weight:bold;
background:#00a651; }
.product-detail form input[type="submit"]:hover{ background:#070; }


ul#options { margin-bottom: 40px; padding-left: 9%; }
ul#options li {float: left; margin-right: 20px; margin-bottom:10px; text-align:center;}
ul#options li {padding: 10px 20px; background: #00a651; color: #FFF; font-size: 17px; border-radius: 5px; cursor: pointer; }
ul#options li:hover {background: #007f3e;}
div#videos {display: none;}
div#reviews ul li {display: block; color: #666; border-bottom: 1px dotted #CCC; padding-bottom: 20px; margin-bottom: 20px;}
div#reviews ul li span {display: block;}
div#reviews ul li span.name { color: #000; font-weight: bold; font-size: 15px;}
div#reviews ul li span.designation { color: #666; font-style: italic;}
div#reviews ul li span.text { padding: 10px; background: #E4E4E4; border-radius: 10px; color: #666; text-align: justify; border: 1px solid #C9C9C9; position:relative; margin-top: 20px;}
div#reviews ul li span.text span { position: absolute; top: -12px; left: 30px;}

div#videos span.name {display: block; margin-bottom: 20px; font-size: 15px; color: #333; font-weight: bold; }
div#pagination{height:50px;}
#container #pagination-flickr li{border:0; margin:0; padding:0 3px; font-size:10px; list-style:none; display: block; float: left;}
#pagination-flickr a{border:solid 1px #DDDDDD; margin-right:2px;}
#pagination-flickr .previous-off,
#pagination-flickr .next-off{color:#900;display:block;float:left;font-weight:bold; padding:2px 2px; line-height: 20px;}
#pagination-flickr .next a,
#pagination-flickr .previous a{font-weight:bold;border:solid 1px #FFFFFF;}
#pagination-flickr .active{color:#ff0084;font-weight:bold;display:block;float:left;padding:4px 6px;}
#pagination-flickr a:link,
#pagination-flickr a:visited{color:#900;display:block;float:left;padding:3px 6px;text-decoration:none;}
#pagination-flickr a:hover{border:solid 1px #666666;}

.gift-article{ width:300px; background:#dee5d4;}
.gift-article h3{ background:url(../images/spirit.png) no-repeat 0px -709px; width:279px; height:50px; font-size:15px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:20px 0 0 0; display:block; margin:10px 0 0 0;}
.gift-art{ width:300px; height:175px;  margin:0 auto; text-align:center; margin-bottom:10px; background:#fff; overflow:hidden;}
.gift-list{ width:300px; height:30px; display:block; background:#ccc; font-size:15px; color:#333; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #999; text-align:center; margin:0 auto;}
.gift-list1{ width:300px; height:24px; display:block; font-size:15px; color:#333; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #ccc;}
.gift-doller{ text-align:center; width:300px; height:24px; display:block; padding:7px 5px 2px 20px; font-size:15px; color:#00a651; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #ccc; background:none;}
.gift-hour{width:300px; text-align:center; height:24px; display:block; font-size:15px; color:#333; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #ccc; background:none;}
.gift-paypal{ width:300px; height:40px; border:0; margin-top:5px;}
.gift-buy{  width:300px; height:45px; border:0; margin:0 auto; padding:10px 0 10px 0; margin-bottom:10px;}


.login-popup{
	background: #fff;
	padding: 10px; 	
	border: 3px solid #00A651;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top:20%;left:10%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}
}  

/*@media only screen and (max-width: 479px){
#header-main{ width:100%; margin:0 auto; background:url(../images/header-back.png) no-repeat center top;}
#header-main-back{ width:100%; margin:0 auto; background:url(../images/fixed-back.jpg) no-repeat center top;   }
#header-portion{ width:100%; max-width:470px; margin:0 auto;}
#header-portion .logo{ width:100%; max-width:200px; height:80px; padding-left:50px;  text-align:center; margin:0 auto;}

#header-portion .learn-plan{ width:100%; max-width:310px; height:93px; padding:0; margin:5px 0 0 10px;}
#header-portion .learn-plan img{ float:left; width:64px; height:63px; display:block;}
#header-portion .learn-plan h3{ font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#4d4d4d; float:left; font-stretch:condensed; font-weight:bold; padding:10px 0 0 5px;}
.learn-plan span{ color:#ff0101; font-size:23px; text-align:center; padding-left:40px; font-family:Tahoma, Geneva, sans-serif, Arial;}
.social-panel{ width:100%; max-width:200px; height:38px; text-align:center; float:left; margin:0px 0 5px 100px;}
.social-panel1{ width:100%; max-width:200px; height:38px; margin:20px 0 20px 60px; text-align:center;}
.fb a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat -314px -189px; margin-right:4px;}
.fb a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat -314px -227px;}

.twit a{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-352px -189px; margin-right:4px;}
.twit a:hover{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-352px -227px; margin-right:4px;}

.youtube a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-390px -189px;}
.youtube a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-390px -227px;}

#nav{ width:100%; max-width:450px; margin:0 auto; position:relative; top:0px; left:5px; right:5px; height:30px; z-index:1;}
#nav ul{ display: none; }
#nav select { display: inline-block; width:100%; height:30px; padding:5px; border:1px solid #ccc;  }
#nav option{ height:30px;}
.home a, .about a, .price a, .online a, .link a, .contact a{ width:50px; height:30px; background:#F00; overflow:hidden; display:block; float:left;}
.home a:hover, .about a:hover, .price a:hover, .online a:hover, .link a:hover, .contact a:hover{ width:300px; height:30px; background:#F00; display:block;}

#slideshow{ width:100%; max-width:470px; max-height:200px; height:100%; margin:0 auto; margin-top:35px; overflow:hidden; }
#slideshow-banner{ width:100%; max-width:470px; max-height:250px; height:100%; padding:0; border:none; float:left; }

.skdslider{width:460px; height:250px; position: relative; margin:0 auto;}
.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li{ height: 100%; max-height:250px; left: 0; position: absolute; top: 0; display: none; width:100%; max-width:470px;}
.skdslider ul.slides li img{ width: 100%; max-width:470px; height:100%; border:0;}
.skdslider .slide-navs { bottom: 20px; left: 50%; position: absolute; list-style-type: none; margin: 0; padding: 0;}
.skdslider .slide-navs li { float: left; height:12px; width:12px; margin-right:4px; cursor:pointer;}

.slide_top{ display:none; }
.slide_left{ display:none;}
.slide_right{ display:none;}
.slide_bottom{ display:none;}


#content-main{ width:100%; margin:0 auto; background:url(../images/middle_portion.png) no-repeat center;}
#content-inner{ width:460px; height:380px; margin:0 auto;}
.car{ width:150px; height:120px; padding:30px 0 0 20px; }
.book{  max-width:120px; height:180px; padding:50px 0 10px 0; }
.content{ width:460px;  margin:0 auto; text-align:center; overflow:hidden; margin-top:50px; }
.content h2{ color:#3f3f3f; font-size:23px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; clear:both; padding:0 0 0 0;}
.content p{ text-align:center; width:460px; margin:0 auto; padding:20px 0 0 0;}
#instructor-pannel{  margin:0 auto; padding:150px 0 0 0; width:460px; text-align:center; }
#instructor-pannel h2{ text-align:center; font-size:20px; color:#2c2c2c; margin-bottom:33px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}

.article{ width:244px; height:180px;float:left; margin:0 0 20px 85px ;}
.article-backimg{ width:244px; height:180px; display:block; background:url(../images/article-back.png) no-repeat; text-align:center;}
.article img{ width:225px; height:165px; z-index:1; margin:0 auto; text-align:center; margin-top:2px; margin-left:7px; }
.article span{ background:url(../images/spirit.png) no-repeat 0px -634px; width:222px; display:block; height:49px; color:#f4f4f4; padding:19px 0 0 0; font-size:16px; z-index:0; position:relative; top:-184px; left:14px; text-align:center; font-family:Tahoma, Geneva, sans-serif}

.areaportion{ width:460px !important; height:89px; border:1px solid #000; margin:0 auto; background:#fff;  }
.areaportion h3{ text-align:center; color:#2c2c2c; font-size:25px; font-weight:normal; padding:5px 0 0 0 ; margin:0; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.areaportion h4{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#353535; float:left; padding:25px 10px 0 5px; margin-right:10px;}
.areaportion h4 span{ color:#00823f;}
#slideshow div#clientele { bottom: 3px; height: 50px; width:300px; overflow: hidden; padding: 0 50px; position: absolute; z-index: 50; color:#000;}
#slideshow div#clientele { width: 460px; height: 110px;	padding: 0 50px; position: absolute; bottom: 3px; overflow: hidden;	z-index: 50;}
#clientele span.heading { display: block; height: 30px;	padding-top: 10px; color: #d62d3b;	font-size: 15px; text-transform: uppercase;	text-align: center;}
#clientele #carousel1 div {	text-align: center;	min-width: 60px; height: 60px; float: left;	position: relative;}
#clientele #carousel1 div img {	border: none; height: auto;}
#clientele #carousel div span {	display: none;}
#clientele #carousel div:hover span, #clientele #carousel div.hover span { background-color: #333; color: #fff; display: inline-block; width: 100px; padding: 2px 0; margin: 0 0 0 -50px; position: absolute; bottom: 0; left: 50%; border-radius: 3px;}

.caroufredsel_wrapper{ width:100%; max-width:460px; height: 50px; margin: 0px; overflow: hidden; display: block; text-align: start; float: none; position: relative; top:0px; right: auto; bottom: auto; left: 10px; z-index: auto;}





#section{ width:460px; margin:0 auto;}
#left-pannel{ width:460px; margin:0 auto; margin-top:20px;}
#left-pannel h2{ font-size:27px; color: #3f3f3f; padding-bottom:15px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
#left-pannel span{ color:#008d45; font-family:Tahoma, Geneva, sans-serif;}
.content-section { width:460px;}
.content-section img{ float:left; margin-right:15px; margin-top:5px;}
.content-section p{ color:#333; font-size:14px; font-family:Tahoma, Geneva, sans-serif; line-height:23px; font-weight:normal;}
.content-section span{ font-size:20px; color:#000 !important; font-family:Tahoma, Geneva, sans-serif;}
.content-section h3{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; }
.content-section h4{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; text-align:center; clear:both; padding-bottom:20px; font-weight:normal;}
.content-section ul{ list-style-type:none;}
.content-section li{ font-size:16px; color:#333; background:url(../images/bullect.png) no-repeat 0px 5px; padding:5px 40px; width:300px;}

.special-offer{ width:300px; height:160px; float:right;  margin:0 0 20px 0; background:url(../images/special_offer.png) no-repeat;}
.special-offer{ width:325px; height:160px; float:right;  margin:0 0 20px 0; background:url(../images/special_offer.png) no-repeat}
.package-hour { width:255px; text-align:center; margin-left:55px; }
.package-hour h3{ color:#c51420 !important; text-transform:uppercase; text-align:center; font-size:27px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; font-weight:bold; padding:5px 0 0 0; text-shadow:#fff 0.05em 0.05em 0.03em; } 
.package-hour span{ color:#c51420 !important; text-align:center !important; font-size:22px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; font-weight:normal; padding:0 ; letter-spacing:-1px; text-shadow:#fff 0.05em 0.05em 0.03em; }

.message{ width:300px; margin-top:10px; margin:0 auto;  padding:5px; background:none;}
.testi-img{ width:106px; height:117px; margin:0 0 0 70px; text-align:center; display:block; border:3px  solid #00923f;}
.testi-comment{ color:#2b2b2b; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0 auto; text-align:center; margin-top:10px;}
.testi-name{ color:#00923f; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0 auto; text-align:center; margin-top:10px; }

.article2{ width:300px;}
.article2 ul{ list-style-type:none;}
.article2 li{ display:block; width:285px; float:left; background:url(../images/icon_list.png) no-repeat 0px 10px; font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#00A651; padding:5px 25px; line-height:25px;}
.article2 li a{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#00A651}
.article2 li a:hover{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; text-decoration:underline; color:#00A651;}

#right-pannel{ width:278px; float:right; margin-top:20px;}

#footer-main{ width:100%; margin:0 auto; background:url(../images/footer_back.png) no-repeat center; }
#footer-inner{ width:300px; margin:0 auto; text-align:center; font-size:16px; color:#fff; padding-top:30px;}
#footer-inner ul{ list-style-type:none;}
#footer-inner li{ display:inline; font-size:14px;  color:#fff; padding:0px 10px; border:none;}
#footer-inner li a{ font-size:14px; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; float:left; text-align:center; width:300px; padding:5px 0 0 0; border:none;}
#footer-inner li a:hover{ text-decoration:underline; font-family:Tahoma, Geneva, sans-serif, Arial; font-weight:normal;}
#footer2{ width:300px;  margin:10px 0 0 0; overflow:hidden;}
.copyright{ color:#000; font-size:14px; float:right; width:300px; height:45px; padding:0 0 0 0; text-align:right; font-family:Tahoma, Geneva, sans-serif, Arial; text-align:center;}
.designby{ color:#000; float:right; font-size:14px; width:300px; margin:0 auto; font-family:Tahoma, Geneva, sans-serif; text-align:center;}
.designby span a{ color:#00a651;}
.validation{ width:200px; margin-top:20px; margin:0 auto; margin-right:25px; text-align:center; float:right; }
.hour-article{ width:100%; max-width:300px; max-height:260px; margin-bottom:20px;  height:100%; background:#dee5d4; float:left;}
.hour-article h3{ width:100%; max-width:290px; height:47px; position:relative; background:url(../images/time_top.png) no-repeat 100%; top:-16px; font-size:16px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:15px 0 0 0;}

.hour-article1{ width:100%; max-width:300px; max-height:260px; margin-bottom:20px; height:100%; background:#dee5d4; float:left;}
.hour-article1 h3{ width:100%; max-width:290px; height:47px; position:relative; background:url(../images/time_top.png) no-repeat 100%; top:-16px; font-size:16px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:15px 0 0 0;}

.art{ width:100%; height:33px; border-bottom:1px dashed #999; margin:0 auto; margin-bottom:10px;}
.list{ float:left; width:95px; height:24px; display:block; padding:7px 5px 2px 27px; background:url(../images/time.png) no-repeat left center; font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#333;}
.list1{ float:left; width:165px; height:24px; display:block; padding:7px 5px 2px 27px; background:url(../images/time.png) no-repeat left center; font-size:13px; color:#333; font-family:Tahoma, Geneva, sans-serif;}
.doller{ float:left; width:50px; height:24px; display:block; padding:7px 5px 2px 20px; background:url(../images/arrow.jpg) no-repeat left center; font-size:13px; color:#00a651; font-family:Tahoma, Geneva, sans-serif;}
.hour{float:left; width:50px; height:24px; display:block; padding:7px 5px 2px 20px; background:url(../images/arrow.jpg) no-repeat left center; font-size:13px; color:#333;}

.product-detail{ width:100%; max-width:300px;}
.product-detail form label{font-family:Tahoma, Geneva, sans-serif; color: #333; font-weight:normal; font-size:16px; display:block; width:195px; padding:3px 0 0 5px; margin:10px 0 0 0; float:left;}
.product-detail form input[type="text"] { width:250px; height:31px; color:#333; margin:10px 0 0 0; float:left; padding:0 0 0 5px; border:1px solid #CCC;}
.product-detail form input[type="textarea"] { width:250px; height:26px; color:#333; margin:10px 0 0 0;}
.product-detail form select { width:255px; height:32px; line-height:28px; color:#333; margin:10px 0 0 0; float:left; border:1px solid #ccc; padding:5px}
.product-detail form option{ width:227px; height:26px; color:#333; background:none; }
.product-detail form input[type="submit"]{height:35px; display:block; text-align:center; font-size:16px; padding:6px 0 10px 0; color:#fff; font-family:Arial, Helvetica, sans-serif; border:none; margin:20px 0 20px 0; cursor:pointer; font-weight:bold;
background:#00a651; }
.product-detail form input[type="submit"]:hover{ background:#070; }


ul#options { margin-bottom: 40px; padding-left: 9%; }
ul#options li {float: left; margin-right: 20px; margin-bottom:10px; text-align:center;}
ul#options li {padding: 10px 20px; background: #00a651; color: #FFF; font-size: 17px; border-radius: 5px; cursor: pointer; }
ul#options li:hover {background: #007f3e;}
div#videos {display: none;}
div#reviews ul li {display: block; color: #666; border-bottom: 1px dotted #CCC; padding-bottom: 20px; margin-bottom: 20px;}
div#reviews ul li span {display: block;}
div#reviews ul li span.name { color: #000; font-weight: bold; font-size: 15px;}
div#reviews ul li span.designation { color: #666; font-style: italic;}
div#reviews ul li span.text { padding: 10px; background: #E4E4E4; border-radius: 10px; color: #666; text-align: justify; border: 1px solid #C9C9C9; position:relative; margin-top: 20px;}
div#reviews ul li span.text span { position: absolute; top: -12px; left: 30px;}

div#videos span.name {display: block; margin-bottom: 20px; font-size: 15px; color: #333; font-weight: bold; }
div#pagination{height:50px;}
#container #pagination-flickr li{border:0; margin:0; padding:0 3px; font-size:10px; list-style:none; display: block; float: left;}
#pagination-flickr a{border:solid 1px #DDDDDD; margin-right:2px;}
#pagination-flickr .previous-off,
#pagination-flickr .next-off{color:#900;display:block;float:left;font-weight:bold; padding:2px 2px; line-height: 20px;}
#pagination-flickr .next a,
#pagination-flickr .previous a{font-weight:bold;border:solid 1px #FFFFFF;}
#pagination-flickr .active{color:#ff0084;font-weight:bold;display:block;float:left;padding:4px 6px;}
#pagination-flickr a:link,
#pagination-flickr a:visited{color:#900;display:block;float:left;padding:3px 6px;text-decoration:none;}
#pagination-flickr a:hover{border:solid 1px #666666;}

.gift-article{ width:300px; background:#dee5d4;}
.gift-article h3{ background:url(../images/spirit.png) no-repeat 0px -709px; width:279px; height:50px; font-size:15px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:20px 0 0 0; display:block; margin:10px 0 0 0;}
.gift-art{ width:300px; height:175px;  margin:0 auto; text-align:center; margin-bottom:10px; background:#fff; overflow:hidden;}
.gift-list{ width:300px; height:30px; display:block; background:#ccc; font-size:15px; color:#333; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #999; text-align:center; margin:0 auto;}
.gift-list1{ width:300px; height:24px; display:block; font-size:15px; color:#333; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #ccc;}
.gift-doller{ text-align:center; width:300px; height:24px; display:block; padding:7px 5px 2px 20px; font-size:15px; color:#00a651; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #ccc; background:none;}
.gift-hour{width:300px; text-align:center; height:24px; display:block; font-size:15px; color:#333; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #ccc; background:none;}
.gift-paypal{ width:300px; height:40px; border:0; margin-top:5px;}
.gift-buy{  width:300px; height:45px; border:0; margin:0 auto; padding:10px 0 10px 0; margin-bottom:10px; }

}
*/


/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
#header-portion .logo{ width:180px; height:80px; padding-left:70px;  text-align:center; margin:0 auto;}
#header-portion .learn-plan{ width:100%; max-width:310px; height:93px; padding:0; margin:5px 0 0 35px;}
#header-portion .learn-plan img{ float:left; width:64px; height:63px; display:block;}
#header-portion .learn-plan h3{ font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#4d4d4d; float:left; font-stretch:condensed; font-weight:bold; padding:10px 0 0 5px;}
.learn-plan span{ color:#ff0101; font-size:23px; text-align:center; padding-left:40px; font-family:Tahoma, Geneva, sans-serif, Arial;}
.social-panel{ width:100%; max-width:200px; height:38px; text-align:center; float:left; margin:0px 0 5px 100px;}
.social-panel1{ width:100%; max-width:200px; height:38px; margin:20px 0 20px 60px; text-align:center;}
.fb a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat -314px -189px; margin-right:4px;}
.fb a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat -314px -227px;}

.twit a{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-352px -189px; margin-right:4px;}
.twit a:hover{ width:39px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-352px -227px; margin-right:4px;}

.youtube a{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-390px -189px;}
.youtube a:hover{ width:38px; height:38px; float:left; background:url(../images/spirit.png) no-repeat; background-position:-390px -227px;}

#nav{ width:310px; margin:0 auto; position:relative; top:0px; height:30px; z-index:1;}
#nav ul{ display: none; }
#nav select { display: inline-block; width:100%; height:30px; line-height:25px; padding:5px; border:1px solid #ccc;  }
#nav option{ height:30px;}
.home a, .about a, .price a, .online a, .link a, .contact a{ width:50px; height:30px; background:#F00; overflow:hidden; display:block; float:left;}
.home a:hover, .about a:hover, .price a:hover, .online a:hover, .link a:hover, .contact a:hover{ width:300px; height:30px; background:#F00; display:block;}

#slideshow{ width:100%; max-width:310px; max-height:200px; height:100%; margin:0 auto; margin-top:35px;  }
#slideshow-banner{ width:100%; max-width:310px; max-height:250px; height:100%; padding:0; border:none; float:left; }

.skdslider{width:310px; height:250px; position: relative; margin:0 auto;}
.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li{ height: 100%; max-height:250px; left: 0; position: absolute; top: 0; display: none; width:100%; max-width:310px;}
.skdslider ul.slides li img{ width: 100%; max-width:310px; height:100%; border:0;}
.skdslider .slide-navs { bottom: 20px; left: 50%; position: absolute; list-style-type: none; margin: 0; padding: 0;}
.skdslider .slide-navs li { float: left; height:12px; width:12px; margin-right:4px; cursor:pointer;}

.slide_top{ display:none; }
.slide_left{ display:none;}
.slide_right{ display:none;}
.slide_bottom{ display:none;}


#content-main{ width:100%; margin:0 auto; background:url(../images/middle_portion.png) no-repeat center;}
#content-inner{ width:310px; margin:0 auto;}
.car{ width:150px; height:75px; padding:20px 0 0 0px; }
.book{  max-width:100px; height:150px; padding:10px 0 10px 0; }
.content{ width:310px;  margin:0 auto; }
.content h2{ color:#3f3f3f; font-size:20px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; text-align:left; clear:both; padding:15px 0 120px 0;}
.content p{ text-align:center; width:300px; margin:0 auto; padding:0; font-size:13px;}
#instructor-pannel{  margin:0 auto; padding:10px 0 0 0; width:310px; text-align:center; }
#instructor-pannel h2{ text-align:center; font-size:20px; color:#2c2c2c; margin-bottom:33px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}

.article{ width:244px; height:180px; float:left; margin:0 0 20px 30px ;}
.article-backimg{ width:244px; height:180px; display:block; background:url(../images/article-back.png) no-repeat; text-align:center;}
.article img{ width:225px; height:165px; z-index:1; margin:0 auto; text-align:center; margin-top:2px; margin-left:7px; }
.article span{ background:url(../images/spirit.png) no-repeat 0px -634px; width:222px; display:block; height:49px; color:#f4f4f4; padding:19px 0 0 0; font-size:16px; z-index:0; position:relative; top:-184px; left:14px; text-align:center; font-family:Tahoma, Geneva, sans-serif}

.areaportion{ width:310px !important; height:89px; border:1px solid #000; margin:0 auto; background:#fff;  }
.areaportion h3{ text-align:center; color:#2c2c2c; font-size:25px; font-weight:normal; padding:5px 0 0 0 ; margin:0; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.areaportion h4{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#353535; float:left; padding:25px 10px 0 5px; margin-right:10px;}
.areaportion h4 span{ color:#00823f;}
#slideshow div#clientele { bottom: 3px; height: 50px; width:300px; overflow: hidden; padding: 0 50px; position: absolute; z-index: 50; color:#000;}
#slideshow div#clientele { width: 310px; height: 110px;	padding: 0 50px; position: absolute; bottom: 3px; overflow: hidden;	z-index: 50;}
#clientele span.heading { display: block; height: 30px;	padding-top: 10px; color: #d62d3b;	font-size: 15px; text-transform: uppercase;	text-align: center;}
#clientele #carousel1 div {	text-align: center;	min-width: 60px; height: 60px; float: left;	position: relative;}
#clientele #carousel1 div img {	border: none; height: auto;}
#clientele #carousel div span {	display: none;}
#clientele #carousel div:hover span, #clientele #carousel div.hover span { background-color: #333; color: #fff; display: inline-block; width: 100px; padding: 2px 0; margin: 0 0 0 -50px; position: absolute; bottom: 0; left: 50%; border-radius: 3px;}

.caroufredsel_wrapper{ width:100%; max-width:310px; height: 50px; margin: 0px; overflow: hidden; display: block; text-align: start; float: none; position: relative; top:0px; right: auto; bottom: auto; left: 10px; z-index: auto;}

#section{ width:310px; margin:0 auto;}
#left-pannel{ width:100px; margin:0 auto; margin-top:20px;}
#left-pannel h2{ font-size:27px; color: #3f3f3f; padding-bottom:15px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
#left-pannel span{ color:#008d45; font-family:Tahoma, Geneva, sans-serif;}
.content-section { width:300px; margin:0 auto; text-align:center;}
.content-section img{ float:left;  margin-top:5px;}
.content-section p{ color:#333; font-size:13px; font-family:Tahoma, Geneva, sans-serif; line-height:23px; font-weight:normal; width:300px; margin:0 auto;}
.content-section span{ font-size:20px; color:#000 !important; font-family:Tahoma, Geneva, sans-serif;}
.content-section h3{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; }
.content-section h4{ color:#007f3e; font-size:20px; font-family:Tahoma, Geneva, sans-serif; text-align:center; clear:both; padding-bottom:20px; font-weight:normal;}
.content-section ul{ list-style-type:none;}
.content-section li{ font-size:16px; color:#333; background:url(../images/bullect.png) no-repeat 0px 5px; padding:5px 40px; width:300px;}

.special-offer{ width:300px; height:160px; float:right;  margin:0 0 20px 0; background:url(../images/special_offer.png) no-repeat;}
.special-offer{ width:325px; height:160px; float:right;  margin:0 0 20px 0; background:url(../images/special_offer.png) no-repeat}
.package-hour { width:255px; text-align:center; margin-left:55px; }
.package-hour h3{ color:#c51420 !important; text-transform:uppercase; text-align:center; font-size:27px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; font-weight:bold; padding:5px 0 0 0; text-shadow:#fff 0.05em 0.05em 0.03em; } 
.package-hour span{ color:#c51420 !important; text-align:center !important; font-size:22px; font-family:"Myriad Pro", Tahoma, "Trebuchet MS"; font-weight:normal; padding:0 ; letter-spacing:-1px; text-shadow:#fff 0.05em 0.05em 0.03em; }

.message{ width:310px; margin-top:10px; margin:0 auto;  padding:5px; background:none;}
.testi-img{ width:106px; height:117px; margin:0 0 0 150px; text-align:center; display:block; border:3px  solid #00923f;}
.testi-comment{ color:#2b2b2b; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0 auto; text-align:left; width:310px; margin-top:10px; float:left;}
.testi-name{ color:#00923f; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0 auto; text-align:left; margin-top:10px; width:310px; float:left;  }

.article2{ width:300px;}
.article2 ul{ list-style-type:none;}
.article2 li{ display:block; width:285px; float:left; background:url(../images/icon_list.png) no-repeat 0px 10px; font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#00A651; padding:5px 25px; line-height:25px;}
.article2 li a{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#00A651}
.article2 li a:hover{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; text-decoration:underline; color:#00A651;}

#right-pannel{ width:278px; margin:0 auto; padding:40px 0 0 0px;}

#footer-main{ width:100%; margin:0 auto; background:url(../images/footer_back.png) no-repeat center; }
#footer-inner{ width:310px; margin:0 auto; text-align:center; font-size:16px; color:#fff; padding-top:30px;}
#footer-inner ul{ list-style-type:none;}
#footer-inner li{ display:inline; font-size:14px;  color:#fff; padding:0px 10px; border:none;}
#footer-inner li a{ font-size:14px; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; float:left; text-align:center; width:310px; padding:5px 0 0 0; border:none;}
#footer-inner li a:hover{ text-decoration:underline; font-family:Tahoma, Geneva, sans-serif, Arial; font-weight:normal;}
#footer2{ width:310px;  margin:10px 0 0 0; overflow:hidden;}
.copyright{ color:#000; font-size:14px; float:right; width:300px; height:45px; padding:0 0 0 0; text-align:right; font-family:Tahoma, Geneva, sans-serif, Arial; text-align:center;}
.designby{ color:#000; float:right; font-size:14px; width:300px; margin:0 auto; font-family:Tahoma, Geneva, sans-serif; text-align:center;}
.designby span a{ color:#00a651;}
.validation{ width:200px; margin-top:20px; margin:0 auto; margin-right:25px; text-align:center; float:right; }
.hour-article{ width:100%; max-width:310px; max-height:260px; margin-bottom:20px;  height:100%; background:#dee5d4; float:left;}
.hour-article h3{ width:100%; max-width:290px; height:47px; position:relative; background:url(../images/time_top.png) no-repeat 100%; top:-16px; font-size:16px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:15px 0 0 0;}

.hour-article1{ width:100%; max-width:310px; max-height:260px; margin-bottom:20px; height:100%; background:#dee5d4; float:left;}
.hour-article1 h3{ width:100%; max-width:290px; height:47px; position:relative; background:url(../images/time_top.png) no-repeat 100%; top:-16px; font-size:16px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:15px 0 0 0;}

.art{ width:100%; height:33px; border-bottom:1px dashed #999; margin:0 auto; margin-bottom:10px;}
.list{ float:left; width:95px; height:24px; display:block; padding:7px 5px 2px 27px; background:url(../images/time.png) no-repeat left center; font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#333;}
.list1{ float:left; width:165px; height:24px; display:block; padding:7px 5px 2px 27px; background:url(../images/time.png) no-repeat left center; font-size:13px; color:#333; font-family:Tahoma, Geneva, sans-serif;}
.doller{ float:left; width:50px; height:24px; display:block; padding:7px 5px 2px 20px; background:url(../images/arrow.jpg) no-repeat left center; font-size:13px; color:#00a651; font-family:Tahoma, Geneva, sans-serif;}
.hour{float:left; width:50px; height:24px; display:block; padding:7px 5px 2px 20px; background:url(../images/arrow.jpg) no-repeat left center; font-size:13px; color:#333;}

.product-detail{ width:100%; max-width:310px;}
.product-detail form label{font-family:Tahoma, Geneva, sans-serif; color: #333; font-weight:normal; font-size:16px; display:block; width:195px; padding:3px 0 0 5px; margin:10px 0 0 0; float:left;}
.product-detail form input[type="text"] { width:250px; height:31px; color:#333; margin:10px 0 0 0; float:left; padding:0 0 0 5px; border:1px solid #CCC;}
.product-detail form input[type="textarea"] { width:250px; height:26px; color:#333; margin:10px 0 0 0;}
.product-detail form select { width:255px; height:32px; line-height:28px; color:#333; margin:10px 0 0 0; float:left; border:1px solid #ccc; padding:5px}
.product-detail form option{ width:227px; height:26px; color:#333; background:none; }
.product-detail form input[type="submit"]{height:35px; display:block; text-align:center; font-size:16px; padding:6px 0 10px 0; color:#fff; font-family:Arial, Helvetica, sans-serif; border:none; margin:20px 0 20px 0; cursor:pointer; font-weight:bold;
background:#00a651; }
.product-detail form input[type="submit"]:hover{ background:#070; }


ul#options { margin-bottom: 40px; padding-left: 9%; }
ul#options li {float: left; margin-right: 20px; margin-bottom:10px; text-align:center;}
ul#options li {padding: 10px 20px; background: #00a651; color: #FFF; font-size: 17px; border-radius: 5px; cursor: pointer; }
ul#options li:hover {background: #007f3e;}
div#videos {display: none;}
div#reviews ul li {display: block; color: #666; border-bottom: 1px dotted #CCC; padding-bottom: 20px; margin-bottom: 20px;}
div#reviews ul li span {display: block;}
div#reviews ul li span.name { color: #000; font-weight: bold; font-size: 15px;}
div#reviews ul li span.designation { color: #666; font-style: italic;}
div#reviews ul li span.text { padding: 10px; background: #E4E4E4; border-radius: 10px; color: #666; text-align: justify; border: 1px solid #C9C9C9; position:relative; margin-top: 20px;}
div#reviews ul li span.text span { position: absolute; top: -12px; left: 30px;}

div#videos span.name {display: block; margin-bottom: 20px; font-size: 15px; color: #333; font-weight: bold; }
div#pagination{height:50px;}
#container #pagination-flickr li{border:0; margin:0; padding:0 3px; font-size:10px; list-style:none; display: block; float: left;}
#pagination-flickr a{border:solid 1px #DDDDDD; margin-right:2px;}
#pagination-flickr .previous-off,
#pagination-flickr .next-off{color:#900;display:block;float:left;font-weight:bold; padding:2px 2px; line-height: 20px;}
#pagination-flickr .next a,
#pagination-flickr .previous a{font-weight:bold;border:solid 1px #FFFFFF;}
#pagination-flickr .active{color:#ff0084;font-weight:bold;display:block;float:left;padding:4px 6px;}
#pagination-flickr a:link,
#pagination-flickr a:visited{color:#900;display:block;float:left;padding:3px 6px;text-decoration:none;}
#pagination-flickr a:hover{border:solid 1px #666666;}

.gift-article{ width:300px; background:#dee5d4;}
.gift-article h3{ background:url(../images/spirit.png) no-repeat 0px -709px; width:279px; height:50px; font-size:15px; z-index:0; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#fff; padding:20px 0 0 0; display:block; margin:10px 0 0 0;}
.gift-art{ width:300px; height:175px;  margin:0 auto; text-align:center; margin-bottom:10px; background:#fff; overflow:hidden;}
.gift-list{ width:300px; height:30px; display:block; background:#ccc; font-size:15px; color:#333; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #999; text-align:center; margin:0 auto;}
.gift-list1{ width:300px; height:24px; display:block; font-size:15px; color:#333; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #ccc;}
.gift-doller{ text-align:center; width:300px; height:24px; display:block; padding:7px 5px 2px 20px; font-size:15px; color:#00a651; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #ccc; background:none;}
.gift-hour{width:300px; text-align:center; height:24px; display:block; font-size:15px; color:#333; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px dashed #ccc; background:none;}
.gift-paypal{ width:300px; height:40px; border:0; margin-top:5px;}
.gift-buy{  width:300px; height:45px; border:0; margin:0 auto; padding:10px 0 10px 0; margin-bottom:10px;}

.login-popup{
	background: #fff;
	padding: 10px; 	
	border: 3px solid #00A651;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top:20%;left:10%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}
}