@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0;}
a{outline:none;}


#homePagePlaceHolder{margin:0; padding:0; background:#ffffff url(../images/mainBgImage.jpg) repeat-x 0 0;}
#innerPagePlaceHolder{margin:0; padding:0; background:#ffffff url(../images/innerPageBG.jpg) repeat-x 0 0;}
#wrapPlaceHolder { width:1014px; margin:0 auto;}

#wrap{ width:874px; margin:0 auto; padding:0; height:867px;}
#placeHolder { background:transparent url(../images/bodyBg.jpg) no-repeat left top; width:1018px; margin:0 auto; padding:0;}


#innerplaceHolder { background:transparent url(../images/innerLeftBg.jpg) no-repeat left top;width:1018px; margin:0 auto;  padding:0;}
#innerwrap{ width:874px; margin:0 auto; padding:0; }
#innerwrap1{ width:874px; margin:0 auto; padding:0;}

/**************** LogoHeader start here**********************/
#LogoHeader{width:874px; margin:0; padding:0;}
#logo{width:414px; height:76px;  margin:0; padding:0; float:left;}
#schedule{width:460px; margin:0; padding:0; float:left;}

/**************** LogoHeader end here**********************/


/**************** main navigation start here**********************/

#mainNavigation{width:876px; height:22px; margin:0;padding:0 0 8px 0; background:url(../images/navigationBg.jpg) no-repeat 0 0;float:left; line-height:normal;}
#mainNavigation ul {margin:0 0 0 0; padding:0 0 0 0; list-style:none;}
#mainNavigation li {display:inline; margin:0; padding:0 0 0 0;}


/************* home navigation ****************/
#mainNavigation a#home {float:left; background:url(../images/home.jpg) no-repeat 0 0; margin:0; padding:0; text-decoration:none; width:54px; height:22px;}
#mainNavigation a#home:hover {background:url(../images/home_ov.jpg) no-repeat 0 0;width:54px; height:22px;}
#mainNavigation a.active#home { background:url(../images/home_ov.jpg) no-repeat 0 0;width:54px; height:22px;}


/************* tv/print/film navigation ****************/
#mainNavigation a#tvprintfilm {float:left; background:url(../images/tvprintfilm.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0; text-decoration:none; width:100px; height:22px;}
#mainNavigation a#tvprintfilm:hover {background:url(../images/tvprintfilm_ov.jpg) no-repeat 0 0;width:100px; height:22px;}
#mainNavigation a.active#tvprintfilm { background:url(../images/tvprintfilm_ov.jpg) no-repeat 0 0;width:100px; height:22px;}

/************* weddings ****************/

#mainNavigation a#weddings {float:left; background:url(../images/weddings.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0 ; text-decoration:none; width:79px; height:22px;}
#mainNavigation a#weddings:hover {background:url(../images/weddings_ov.jpg) no-repeat 0 0;width:79px; height:22px;}
#mainNavigation a.active#weddings { background:url(../images/weddings_ov.jpg) no-repeat 0 0;width:79px; height:22px;}

/************* headshot ****************/

#mainNavigation a#headshot {float:left; background:url(../images/headshots.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0 ; text-decoration:none; width:79px; height:22px;}
#mainNavigation a#headshot:hover { background:url(../images/headshots_ov.jpg) no-repeat 0 0; width:79px; height:22px;}
#mainNavigation a.active#headshot { background:url(../images/headshots_ov.jpg) no-repeat 0 0; width:79px; height:22px;}
/************* privatelession ****************/
#mainNavigation a#privatelesson{float:left; background:url(../images/privatelessons.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0; text-decoration:none; width:105px; height:22px;}
#mainNavigation a#privatelesson:hover{ background:url(../images/privatelessons_ov.jpg) no-repeat 0 0;width:105px; height:22px;}
#mainNavigation a.active1#privatelesson{ background:url(../images/privatelessons_ov.jpg) no-repeat 0 0;width:105px; height:22px;}

/************* portfolio ****************/
#mainNavigation a#portfolio {float:left; background:url(../images/porotfolio.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0; text-decoration:none; width:71px; height:22px;}
#mainNavigation a#portfolio:hover { background:url(../images/portfolio_ov.jpg) no-repeat 0 0;width:71px; height:22px;}
#mainNavigation a.active#portfolio { background:url(../images/portfolio_ov.jpg) no-repeat 0 0;width:71px; height:22px;}
/************* services  ****************/
#mainNavigation a#services {float:left; background:url(../images/services.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0 ; text-decoration:none; width:63px; height:22px;}
#mainNavigation a#services:hover { background:url(../images/services_ov.jpg) no-repeat 0 0; width:63px; height:22px;}
#mainNavigation a.active#services { background:url(../images/services_ov.jpg) no-repeat 0 0; width:63px; height:22px;}
/************* products  ****************/
#mainNavigation a#products {float:left; background:url(../images/products.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0 ; text-decoration:none; width:71px; height:22px;}
#mainNavigation a#products:hover { background:url(../images/products_ov.jpg) no-repeat 0 0; width:71px; height:22px;}
#mainNavigation a.active#products { background:url(../images/products_ov.jpg) no-repeat 0 0; width:71px; height:22px;}
/************* resources  ****************/
#mainNavigation a#resources {float:left; background:url(../images/resources.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0; text-decoration:none; width:77px; height:22px;}
#mainNavigation a#resources:hover { background:url(../images/resources_ov.jpg)no-repeat 0 0;width:77px; height:22px;}
#mainNavigation a.active#resources { background:url(../images/resources_ov.jpg) no-repeat 0 0;width:77px; height:22px;}
/************* about ****************/
#mainNavigation a#about {float:left; background:url(../images/about.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0 ; text-decoration:none; width:55px; height:22px;}
#mainNavigation a#about:hover { background:url(../images/about_ov.jpg) no-repeat 0 0; width:55px; height:22px;}
#mainNavigation a.active#about { background:url(../images/about_ov.jpg) no-repeat 0 0; width:55px; height:22px;}
/************* faq ****************/
#mainNavigation a#faq {float:left; background:url(../images/faq.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0 ; text-decoration:none; width:37px; height:22px;}
#mainNavigation a#faq:hover { background:url(../images/faq_ov.jpg) no-repeat 0 0; width:37px; height:22px;}
#mainNavigation a.active#faq { background:url(../images/faq_ov.jpg) no-repeat 0 0; width:37px; height:22px;}
/************* contact ****************/
#mainNavigation a#contact {float:left; background:url(../images/contact.jpg) no-repeat 0 0; margin:0 0 0 1px; padding:0 ; text-decoration:none; width:73px; height:22px;}
#mainNavigation a#contact:hover {background:url(../images/contact_ov.jpg) no-repeat 0 0;width:73px; height:22px;}
#mainNavigation a.active#contact {background:url(../images/contact_ov.jpg) no-repeat 0 0; width:73px; height:22px;}


/**************** main navigation end here**********************/
/***************** mid Banner start here *********************/
#midBanner{width:874px; margin: 0; padding:0 0 5px 0; float:left;}
/***************** mid Banner start here *********************/

#mainContent{ width:874px;margin:0; padding:0 0 15px 0; float:left;}
#mainContentLeft{width:558px; margin:0; padding:3px 0 0 0; float:left;}
#mainContentLeft h1{margin:0; padding:0;}
#mainContentLeft p{font-family:Arial; font-size:14px;color:#000000; line-height:18px; margin:0; padding:9px 0 0 0;}
#mainContentLeft p a{color:#002aff;}
#mainContentRight{width:294px; margin:0; padding:0 0 0 22px; float:left;}
#mainContentRight h1{margin:0; padding:8px 0 0 0;}
#mainContentRight h2{margin:0; padding:8px 0 0 0;}
#mainContentRight p{font-family:Arial; font-size:14px;color:#000000; margin:0; padding:8px 0 0 0;}
#mainContentRight .txtbox{ background:url(../images/textBoxImg.jpg) no-repeat 0 0; width:191px; height:19px; margin:0; padding:0; border:none;}
#mainContentRight ul {margin:0 0 0 0; padding:10px 0 0 0; list-style:none;}
#mainContentRight li{display:block; margin:0; padding:5px 0 0 10px; background:url(../images/bullet.jpg) no-repeat 0 12px; line-height:15px;}
#mainContentRight li a{ font-family:Arial; font-size:14px; color:#000000; text-decoration:none;}
#mainContentRight li a:hover{color:#be724b;}
#mainContentRight td{font-family:Arial; font-size:12px; color:#000000;}
/********************** inner page start here ************************/

#innerMainContent{width:879px; margin:0; padding:0;}
#innerPageLeftPannel{width:540px; margin:0; padding:0; float:left; }
#innerPageLeftPannel h1{margin:0 0 0 0; padding:20px 0 0 3px;}
#innerPageLeftPannel h3{ font-family:Arial;font-size:16px; color:#930281; font-weight:bold; text-align:left; margin:0; padding:0;}
#innerPageLeftPannel p{font-family:Arial; font-size:12px;color:#000000; line-height:16px; margin:0; padding:16px 0 28px 0;}
#innerPageLeftPannel p a{color:#002aff;}
#innerPageLeftPannel .img{margin:0; padding:20px 0 0 3px;}
#rateMain{margin:0; padding:30px  0 0 0; float:left; width:482px;}
#rateLeft{margin:0; padding:0; float:left; width:165px;}
#rateRight{margin:0; padding:0; float:left; width:300px;}
#innerPageLeftPannel ul{margin:0; padding:0 0 10px 0; list-style:none;}
#innerPageLeftPannel li{ margin:0; padding:0 0 0 10px; font-family:Arial; font-size:12px; color:#000000; background:url(../images/dot.jpg) no-repeat 0 6px; list-style:none;}
#innerPageLeftPannel span{font-family:Arial; font-size:12px;color:#000000; line-height:16px;margin:0; padding:0;}
#servicesList ul{margin:0; padding:0;}
#servicesList li{ margin:0; padding:0 0 0 10px; display:block; background:url(../images/serviceBullet.jpg) no-repeat 0 8px; font-family:Arial; font-size:16px; font-weight:bold;color:#930281;}
#servicesList li a{color:#930281;}
#servicesList li a:hover{color:#be724b;}

#innerPageRightPannel{width:325px;  padding:20px 0 0 0; float:right;;}
#innerPageRightPannel h1{margin:0; padding:0 0 0 104px;}
#innerPageRightPannel h3{margin:0; padding:10px 0 0 84px;position:absolute; margin-top:-40px;  }
#innerPageRightPannel h6{margin:0; padding:15px 0 0 84px;position:absolute; margin-top:-40px;  }
#innerPageRightPannel .img6{margin:0; padding:18px 0 0 0;}
#innerPageRightPannel h4{margin:0; padding:0 0 0 0; font-family:Arial; font-size:12px; font-style:italic; text-align:right;}
#innerPageRightPannel h4 a{color:#0030fe;}
#rightPannelTop{margin:35px 0 0 0; padding:0;}
#innerPageRightPannel .img7{margin:0; padding:9px 0 0 0;}
.img8{margin:0; padding:1px 0 0 0;}


#innerPageLeftPanne2{width:487px; margin:0; padding: 0; float:left;}
#innerPageLeftPanne2 h1{margin:0 0 0 0; padding:20px 0 0 3px;}
#innerPageLeftPanne2 h3{ font-family:Arial;font-size:16px; color:#930281; font-weight:bold; text-align:left;padding:10px 0 0 3px; margin:0;}
#innerPageLeftPanne2 p{font-family:Arial; font-size:12px;color:#000000; line-height:16px; margin:0; padding:0 0 10px 0;}
#innerPageLeftPanne2 .img3{margin:0; padding:20px 0 0 0;}
#innerPageLeftPanne2 ul{margin:0; padding:0 0 20px 0; list-style:none;}
#innerPageLeftPanne2 li{ margin:0; padding:0 0 0 10px; font-family:Arial; font-size:12px; color:#000000; background:url(../images/dot.jpg) no-repeat 0 6px; list-style:none;line-height:15px;}

#innerPageRightPanne2{width:382px; margin:0 0 0 487px; padding:0;}
#innerPageRightPanne2 h5{margin:0; padding:20px 0 0 157px;}
#innerPageRightPanne2 h3{margin:0; padding:0px 0 0 137px;position:absolute; margin-top:-29px;  }
#innerPageRightPanne2 .img4{margin:0; padding:0 0 5px 0;}
#innerPageRightPanne2 h4{margin:0; padding:0 0 0 0; font-family:Arial; font-size:12px; font-style:italic; text-align:right;}



#innerpageLeftPann3{ width:308px;margin:0; padding:0 33px 0 0; float:left;}
#innerpageLeftPann3 h1{margin:0 0 0 0; padding:20px 0 0 3px;}
#innerpageLeftPann3 h3{ font-family:Arial;font-size:16px; color:#930281; font-weight:bold; text-align:left;padding:10px 0 0 3px; margin:0;}
#innerpageLeftPann3 .image{ margin:0; padding:62px 0 0 0;}

#innerPageRightPanne3{width:535px; margin:0 0 0 341px; padding:0; }
#innerPageRightPanne3 h1{margin:0; padding:32px 0 0 320px;}
#innerPageRightPanne3  image1{ margin:10px 0 0 0; padding:0;}
#innerPageRightPanne3 h3{margin:0; padding:20px 0 0 84px;position:absolute; margin-top:-41px;  }
#innerPageRightPanne3 h4{margin:0; padding:0 0 0 0; font-family:Arial; font-size:12px; font-style:italic; text-align:right;}
#rightPannelTop5{margin:0 0 0 0; padding:30px 0 0 226px;}

#leftcontent {margin:0; padding:0; float:left;}
#leftcontent p{font-family:Arial; font-size:12px;color:#000000; line-height:16px; margin:0; padding:0 0 14px 0;}
#leftcontent h3{ font-family:Arial;font-size:16px; color:#930281; font-weight:bold; text-align:left; margin:0; padding:0;}

#innerpageLeftPann4{ width:264px;margin:0; padding:0 30px 0 0; float:left;}
#innerpageLeftPann4 h1{margin:0 0 0 0; padding:20px 0 0 3px;}
#innerpageLeftPann4 h3{ font-family:Arial;font-size:16px; color:#930281; font-weight:bold; text-align:left;padding:10px 0 0 3px; margin:0;}
#innerpageLeftPann4  p{font-family:Arial; font-size:14px;color:#000000; margin:0; padding:16px 0 0 0; }
#innerpageLeftPann4  p a{color:#0048ff;}
#rightPannelTop4{margin:0 0 0 0; padding:40px 0 0 226px;}


#innerPageRightPanne4{width:567px; margin:0 0 0 294px; padding:0; }
#innerPageRightPanne4 h1{margin:0; padding:30px 0 0 350px;}
#innerPageRightPanne4 .image1{ margin:10px 0 0 0; padding:0;}
#innerPageRightPanne4 h3{margin:0; padding:10px 0 0 84px;position:absolute; margin-top:-30px;  }
#innerPageRightPanne4 h4{margin:0; padding:0 0 0 0; font-family:Arial; font-size:12px; font-style:italic; text-align:right;}
#rightPannelTop2{margin:0 0 0 0; padding:32px 0 0 243px;}

#innerpageLeftPann5{ width:379px;margin:0; padding:0 0 0 0; float:left;}
#innerpageLeftPann5 h1{margin:0 0 0 0; padding:20px 0 0 3px;}
#innerpageLeftPann5 h3{ font-family:Arial;font-size:16px; color:#930281; font-weight:bold; text-align:left;padding:10px 0 0 3px; margin:0;}
#innerpageLeftPann5 p{font-family:Arial; font-size:14px;color:#000000; line-height:16px; margin:0; padding:22px 0 10px 0;}

#innerPageRightPanne5{width:496px; margin:0 0 0 379px; padding:0; }
#innerPageRightPanne5 h1{margin:0; padding:28px 0 0 273px;}
#innerPageRightPanne5 .image1{ margin:10px 0 0 0; padding:0;}
#innerPageRightPanne5 h3{margin:0; padding:10px 0 0 82px;position:absolute; margin-top:-32px;  }
#innerPageRightPanne5 h4{margin:0; padding:0 0 0 0; font-family:Arial; font-size:12px; font-style:italic; text-align:right;}
#rightPannelTop3{margin:0 0 0 0; padding:30px 0 0 170px;}

#rateMain1{margin:0; padding:30px  0 0 0; float:left; width:350px;}
#rateLeft1{margin:0; padding:0; float:left; width:151px;}
#rateRight1{margin:0; padding:0 0 0 5px; float:left; width:190px;}
/************************* footer ***************************/
#footer{width:874px; margin:0 auto; padding:0 0 20px 0; text-align:center;}
#footer ul {margin:0 0 0 0; padding:0 0 0 0; list-style:none; display:inline;}
#footer li{display:inline; margin:0; padding:0 7px 0 9px; background:url(../images/footerDivider.jpg) no-repeat 0 7px;text-transform:uppercase; }
#footer a{ font-family:Arial; font-size:10px;color:#666666; display:inline; text-decoration:none;}
#footer a:hover{text-decoration:underline;}


/* portfolio gallary */



.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */