/*Nav Grey Text: #a4a9b3*/
body 
{
	font-family:Helvetica, Arial;
	text-align:center;
	font-size:62.5%;
	background:transparent url(Images/bonsai_bg1.jpg) repeat;
	background-attachment:fixed;
}

/* Default basic element styling */
p
{
	font-size:1.4em;
	line-height:1.2em;
}

h1 
{
	font-size:1.8em;
}

h2
{
	font-size:1.6em;
}

h3
{
	font-size:1.5em;
}

h4 
{
	
}


/*Font color either color:#333333; or White*/
/* End Default basic element styling */
#container 
{
	height:764px;
	width:1024px;
	margin:0 auto 0 auto;
	text-align:left;
}
#content 
{
	margin-bottom:20px;
	
}

#cta 
{
	width:192px;
	height:764px;
	margin-right:75px;
	float:right;
}

#header 
{
	width:1024px;
	height:175px;
	background:transparent url(Images/bonsai_NavBar.png) no-repeat 0px 95px;
}
#hero 
{
	width:683px;
	height:249px;
	background:transparent url(Images/bonsai_IndexHeroBG.png) no-repeat top left;
	float:left;
	margin-left:64px;
}

#news 
{
	width:239px;
	height:249px;
	float:left;
	background:transparent url(Images/bonsai_IndexNewsBG.png) no-repeat top left;
	margin-left:64px;
}

#video 
{
	width:239px;
	height:249px;
	float:left;
	background:transparent url(Images/bonsai_IndexVideoBG.png) no-repeat top left;
	margin:0 0 0 64px;
	z-index:2;
}

#vision
{
	width:435px;
	height:489px;
	float:right;
	background:transparent url(Images/bonsai_IndexVisionQBG.png) no-repeat top left;
	margin:0 11px 0 0;
}
#vision #vid
{
    margin:10px 0px 0px 14px;    
}
#vision h1 
{
    padding:10px;
    margin:30px 0 0 0;
}
#vision h3 
{
    margin:60px 25px 0 25px;
    color:White;
    font-size:1.3em;
}
#vision h4 
{
    margin:20px auto 0 30px;
    color:White;
    font-size:1em;
}

#footer 
{
	height:129px;
	z-index:0;
	width:100%;
	background:transparent url(Images/bonsai_footer.png) no-repeat 64px 0px;
	float:left;
	margin:0 0 0 0;
	clear:both;
}
#footer ul
{
    float:right;
    margin:95px 60px 0 0;
}
#footer ul li
{
    float:left;
}
#footer ul li span 
{
    display:block;
    padding:10px 8px 10px 8px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
	color:#a4a9b3;
}
#footer ul li address
{
    display:block;
    padding:13px 8px 10px 8px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1em;
	color:#a4a9b3;
}
  


#news h1
{
	margin:10px 0 0 10px;
}

#news ul
{
	margin:10px 0 0 10px;
}
#news li
{

}

#news li a
{
	display:block;
	font-size:1.4em;
	padding:10px 0 0 20px;
	width:80%;
	background:transparent url(Images/bonsai_Bullet.png) no-repeat 0px 13px;
	text-decoration:none;
	color:white;
	line-height:1.4em;
}
#news li a:hover
{
    text-decoration:underline;
}
#news li a:active
{
    color:Red;
}

#cta a
{
	width:192px;
	height:233px;
	display:block;
	margin:0;
	padding:0;
	color: White;
	text-decoration: none;
}

#cta .ctaLink
{
    margin-top: 5px;
    margin-left: 5px;
	float: left;
	padding-right: 10px;
}
#cta a h3
{
    padding-top: 5px;
    padding-left: 7px;
    padding-right: 2px;
    font-weight: normal;
    line-height: 10pt;
    font-weight:bold;
    color: #333333;
}

#cta a p
{
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 10px;
}

#cta a.seoCTA 
{
	background:transparent url(Images/bonsai_IndexCTA1BG2State.png) no-repeat top left;
}
#cta a.seoCTA:hover
{
	background:transparent url(Images/bonsai_IndexCTA1BG2State.png) no-repeat -192px 0px;
}
#cta a.seoCTA .imgCTA1Bg
{
    margin-top: 30px;
    margin-left: 10px;
}
#cta a.smmCTA 
{
	background:transparent url(Images/bonsai_IndexCTA2BG2State.png) no-repeat top left;
	
}
#cta a.smmCTA .imgCTA2Bg
{
    margin-top: 30px;
    margin-left: 21px;
}
    
#cta a.smmCTA:hover
{
    background:transparent url(Images/bonsai_IndexCTA2BG2State.png) no-repeat -192px 0px;
}
#cta a.devCTA 
{
    margin:16px 0;
	background:transparent url(Images/bonsai_IndexCTA3BG2State.png) no-repeat top left;
}
#cta a.devCTA:hover
{  
	background:transparent url(Images/bonsai_IndexCTA3BG2State.png) no-repeat -192px 0px;
}
#cta a.devCTA .imgCTA3Bg
{
    margin-top: 15px;
    margin-left: 10px;
}
#cta a.devCTA img
{
    padding-bottom: 25px;
}

/*Beginning Header Styling*/
#header a.logo
{
	width:228px;
	height:0px;
	overflow:hidden;
	padding-top:175px;
	float:left;
	background:transparent url(Images/bonsai_NavLogo2state.png) no-repeat -1px 0;
	display:block;
	margin:0 0 0 10px;
}
#header a.logo:hover
{
    width:228px;
	background:transparent url(Images/bonsai_NavLogo2state.png) no-repeat -229px 0;
}

/*End Header Styling*/
#hero p 
{
	margin:70px 0 0 15px;
	width:450px;
	font-size:1.4em;
	line-height:1.2em;
	color:#333333;
}
/*elements consistent across  Child page  */
#fullwidthHero 
{
	width:893px;
	height:241px;
	margin:0 auto;
}
#fullwidthHero  h1
{
    padding:10px;
}
/*Homepage Formatting*/
#homepage #hero h1
{
    margin-top: 30px;
    margin-left: 30px;
}

#homepage #hero h2
{
    margin-top: 20px;
    margin-left: 30px;
}


/*About Us Page Formatting*/
#aboutUs #fullwidthHero 
{
	background:transparent url(Images/bonsai_AboutUsHeroBG.png) no-repeat top left;
}
#aboutUs #fullwidthHero h2
{
	margin:0;
}

#aboutUs #fullwidthHero p 
{
    padding:0 10px 0 10px;
    width:590px;
    color:#333333;
}
#aboutUs #fullwidthHero ul 
{
    margin-right:10px;
    float:left;
}

#aboutUs #fullwidthHero ul li 
{
    float:left;
}
#aboutUs #fullwidthHero ul li a
{
    padding:10px;
    display:block;
    font-size:1.6em;
    text-transform:uppercase;
    text-decoration:none;
    color:#333333;
}
#aboutUs #fullwidthHero ul li a:hover
{
    text-decoration:underline;
}

/*Links over rocks*/
#aboutUs #rocks 
{
    width:225px;
    height:125px;
    margin:30px 35px 0 0;
    clear:right;
    float:right;
}
#aboutUs #rocks a
{
    display:block;
}
#aboutUs #rocks a#mis
{
 float:right;
 width:40px;
 height:20px;
 margin:10px 40px 0 0;
}
#aboutUs #rocks a#val
{
    margin-top:15px;
    float:right;
    width:60px;
    height:25px;
    margin:10px 2px 0 0;
    clear:right;

}
#aboutUs #rocks a#phil
{
    margin-top:15px;
    float:left;
    width:55px;
    height:40px;
    margin:20px 0 0 100px;

}
#aboutUs #rocks a#vis
{
    margin-top:15px;
    float:left;
    width:65px;
    height:25px;
    clear:left;
    margin:-45px 0 0 5px;

}


/*End Links over rocks*/
#aboutUs #col1, #aboutUs #col2, #aboutUs #col3
{
	width:287px;
	float:left;
}

#aboutUs #col1 
{
    margin:17px 5px 0 64px;
}

#aboutUs #col2 
{
	float:left;
	margin:17px 10px 0 10px;
	background:transparent url(Images/bonsai_AboutUsStoryTop.png) no-repeat top left;
}

#aboutUs #col3
{
    margin:17px 0 0 5px;
}

#aboutUs div.ac1, #aboutUs div.ac2
{
    width:287px;
    overflow:hidden;
    padding:0px 0 1px 0;
    
}
#aboutUs div.ac1
{
    padding-top:10px;
    background:transparent url(Images/bonsai_AboutUsMissValTop.png) no-repeat top left;
}
#aboutUs div.ac1 .Header
{
    background:transparent url(Images/bonsai_AboutUsMissValBG.png) repeat-y top left;
}
#aboutUs div.ac1 .Header a, #aboutUs div.ac2 .Header a
{
    text-decoration:none;
    margin-left:10px;
    width:95%;
    display:block;
}
#aboutUs div.ac1 .Content
{
    background:transparent url(Images/bonsai_AboutUsMissValBG.png) repeat-y top left;
}

#aboutUs div.ac1 .Content p, #aboutUs div.ac2 .Content p, #aboutUs #col2 #col2Content p
{
    color:#333333;
    padding:10px 10px 0 10px;
}
#aboutUs div.ac1 .Content p b, #aboutUs div.ac2 .Content p b, #aboutUs #col2 #col2Content p b
{
    color:White;
}
#aboutUs div.ac2
{
    padding-top:10px;
    background:transparent url(Images/bonsai_AboutUsPhilVisTop.png) no-repeat top left;
}
#aboutUs div.ac2 .Header
{
    background:transparent url(Images/bonsai_AboutUsPhilVisBG.png) repeat-y top left;
}

#aboutUs div.ac2 .Content
{
    background:transparent url(Images/bonsai_AboutUsPhilVisBG.png) repeat-y top left;
}

#aboutUs div#ac1Footer
{
    width:287px;
    height:18px;
    margin-top:-1px;
    background:transparent url(Images/bonsai_AboutUsMissValBttm.png) no-repeat top left;
    clear:left;
    
}

#aboutUs div#ac2Footer
{
    width:287px;
    height:18px;
    margin-top:-1px;
    background:transparent url(Images/bonsai_AboutUsPhilVisBttm.png) no-repeat top left;
}

#aboutUs #col2 #col2Content 
{
    background:transparent url(Images/bonsai_AboutUsStoryBG.png) repeat-y top left;
}

#aboutUs #col2 #col2Content h2
{
    margin:10px 0 0 10px;
}

#aboutUs #col2 #col2Footer 
{
    background:transparent url(Images/bonsai_AboutUsStoryBttm.png) no-repeat top left;
    height:10px;
    padding:10px;
}



/*End About Us Page formatting*/

/*Portfolio*/
    /*Portfolio Page Formatting*/
        /*Hero Formating */
#portfolio #fullwidthHero
{
    background:transparent url(../Images/bonsai_PortfolioHeroBG.png) no-repeat top left;
    width: 892px;
    height: 241px;
}
#portfolio #fullwidthHero h1 img
{
    width: 169px;
    height: 56px;
    margin: 15px 0px 0px 15px;
}
#portfolio #fullwidthHero h2
{
    font-style:italic;
    margin:0 0 0 50px;
}
#portfolio #fullwidthHero p
{
    width:500px;
    margin:0 0 0 50px;
}
#portfolio .EntireAccordian
{
    margin: 20px 0px 0px 40px;      
}
#portfolio .portfolioHeader
{
    background:transparent url(../Images/bonsai_PortfolioGreenBar.png) no-repeat top left;
    margin-left:64px;
}


#portfolio .portfolioHeader a span
{
   margin:4px 45px 0 0;
   display:block;
   float:right;
   font-size:90%;
}

#portfolio .portfolioHeader a img
{
   float:left;
   
}



#portfolio .portfolioHeader a, .portfolioHeader a, .portfolioSelectedHeader a
{
	width:800px;	
	height:22px;
	display:block;
	margin:0 0 0 0px;
	padding:4px 0 5px 35px;
	font-size:1.6em;
	color:#333333;
	text-decoration:none;
}

#portfolio .portfolioContent
{
	width:735px;
	margin:0 0 0 80px;
	overflow:hidden;
	background:transparent url(../Images/bonsai_Services1x1BG.png) repeat top left;
	padding:15px 10px 0px 20px;
	color: #333333;
}

#portfolio .portfolioContent a img
{
    border:solid 5px #CCCCCC;
    height:100%;
}

#portfolio .portfolioContent p 
{
	line-height:1.2em;
	padding-bottom:10px;
}

#portfolio .portfolioContent ul 
{
    list-style-type:circle;	
    margin-left:15px;
    font-size:1.4em;
}
#portfolio .portfolioContent li
{	
    line-height:150%;
}
#portfolio .portfolioContent li ul
{
    font-size:1em;
}
#portfolio .portfolioContent li ul li
{
}

#portfolio .screenshot
{
    float:right;
    width: 400px;
    height: 200px;
    margin-bottom:10px;
}

#portfolio .screenshot1
{
    float:right;
    width: 445px;
    height: 364px;
    margin-bottom:10px;
}

#portfolio h2
{
    font-size: large;
    padding: 10px 0px 10px 0px;
    
}

#mygalleryWDD .belt .panel a.carouselImage
{
	
	width: 310px; /*Width of Carousel Viewer itself*/
	height: 175px;
	display:block;
	overflow:hidden;
	padding-bottom:15px;
}

#mygalleryWDD .belt .panel a.carouselImage:hover
{
	background-position:-310px 0;
}

#mygallerySEO .belt .panel a.carouselImage
{
	
	width: 310px; /*Width of Carousel Viewer itself*/
	height: 175px;
	display:block;
	overflow:hidden;
	padding-bottom:15px;
}

#mygallerySEO .belt .panel a.carouselImage:hover
{
	background-position:-310px 0;
}

#seoCarousel, #wddCarousel
{
    float:right;  
}

#seoCarousel
{
    margin:-600px 40px 0 0;     
}

#wddCarousel
{
    margin:-300px 40px 0 0;
}

#seoCarousel > h2, #wddCarousel > h2
{
    margin-left:10px;
    color:#FFFFFF;
}
/* End of Portfolio Page Formatting */

/*Services*/
    /*Services Page Formatting*/
        /*Hero Formating*/
#services #fullwidthHero 
{
	background:transparent url(Images/bonsai_ServicesHeroBG.png) no-repeat top left;
}

#fullwidthHeroNew
{
    background:transparent url(Images/V2Images/bonsai_PortfolioVertHeroBG.png) no-repeat top left;
    height:631px;
    width:315px;
    margin-left:25px;
}

#fullwidthHeroNew p
{
    margin:0 15px 0 20px;   
    padding-top:85px;
    font-size:1.8em;
    line-height:1.2em;
}

#services #fullwidthHero ul 
{
	margin:40px 0 0 15px;
	float:left;
	list-style-position:outside;

}

#services #fullwidthHero ul li
{
    padding-left:10px;
    margin-bottom:5px;
}

#services #fullwidthHero ul li a
{
    height:25px;
    display:block;
    padding:10px 0 0 20px;
    margin-left:15px;
	font-size:1.6em;
	text-decoration:none;
	color:#333333;
	
}

#services #fullwidthHero ul li#sem
{
    background:transparent url(Images/bonsai_ServicesIconSEM.png) no-repeat center left;
}
#services #fullwidthHero ul li#seo
{
    background:transparent url(Images/bonsai_ServicesIconSEO.png) no-repeat center left;
}
#services #fullwidthHero ul li#smm
{
    background:transparent url(Images/bonsai_ServicesIconSMM.png) no-repeat center left;
}
#services #fullwidthHero ul li#dap
{
    background:transparent url(Images/bonsai_ServicesIconDP.png) no-repeat center left;
}
#services #fullwidthHero ul li#dev
{
    background:transparent url(Images/bonsai_ServicesIconDEV.png) no-repeat center left;
}
#services #fullwidthHero ul li#imwd
{
    background:transparent url(Images/bonsai_ServicesIconIMD.png) no-repeat center left;
}

/*#services #fullwidthHero ul li a 
{
	font-size:1.6em;
	padding-left:22px;
	text-decoration:none;
	color:#333333;
	padding-bottom:10px;
}*/
#services #fullwidthHero ul li a:hover
{
	text-decoration:underline;
}
        /*End Hero Formatting*/
        
       /*Accordion Formatting*/

#services #accordion 
{
    height:475px;
    display:block;
}

#services .EntireAccordian .saContent ul 
{
	margin:0 0 0 0px;
	float:left;
	list-style-position:outside;

}

#services .EntireAccordian .saContent ul li
{
    padding-left:0px;
    margin:0 0 15px 0;
    
}

#services .EntireAccordian .saContent ul li a
{
    display:block;
    padding:0px 0 0 80px;
    margin-left:0px;
	text-decoration:none;
	color:Green;
}

#services .EntireAccordian .saContent ul li a p
{
    color:#cccccc;
}
#services .EntireAccordian .saContent ul li a p b 
{
    color:#333333;
}
#services .EntireAccordian .saContent ul li a:hover p span 
{
    color:#cc0000;
}

#services .EntireAccordian .saContent ul li a:hover p
{
	color:#333333;
}


#services .EntireAccordian ul li#sem2
{
    background:transparent url(Images/bonsai_ServicesIconSEMLrg.png) no-repeat center left;
}
#services .EntireAccordian ul li#seo2
{
    background:transparent url(Images/bonsai_ServicesIconSEOLrg.png) no-repeat center left;
}
#services .EntireAccordian ul li#localSEO
{
    background:transparent url(Images/bonsai_ServicesIconLocSEOLrg.png) no-repeat center left;
}
#services .EntireAccordian ul li#smm2
{
    background:transparent url(Images/bonsai_ServicesIconSMMLrg.png) no-repeat center left;
}
#services .EntireAccordian ul li#dap
{
    background:transparent url(Images/bonsai_ServicesIconDPLrg.png) no-repeat center left;
}
#services .EntireAccordian ul li#ad
{
    background:transparent url(Images/bonsai_ServicesIconIMDLrg.png) no-repeat center left;
}


#services div.saHeader a, #services div.saSelectedHeader a
{
	width:586px;	
	height:22px;
	display:block;
	margin:0 0 0 64px;
	padding:9px 0 0 35px;
	font-size:1.6em;
	color:#333333;
	text-decoration:none;
}

#services div.saSelectedHeader a:hover 
{
    background:transparent url(Images/bonsai_ServicesAcrdnBGSel.png) no-repeat top left;
}

#services div.saHeader a
{
	background:transparent url(Images/bonsai_ServicesAcrdnBG.png) no-repeat top left;
}

#services div.saHeader a:hover
{
    background:transparent url(Images/bonsai_ServicesAcrdnBGSel.png) no-repeat top left;
}

.appDev 
{
	margin:0 auto;
}

#services div.saSelectedHeader a
{
	background:transparent url(Images/bonsai_ServicesAcrdnBGSel.png) no-repeat top left;
}

#services div.saSelectedHeader a:hover
{
	background:transparent url(Images/bonsai_ServicesAcrdnBG.png) no-repeat top left;
}

#services .saContent
{
	width:538px;
	margin:0 0 0 89px;
	padding:10px 0;
	overflow:hidden;
	background:transparent url(Images/bonsai_Services1x1BG.png) repeat top left;
	padding:15px;
}

#services .saContent p 
{
	line-height:1.2em;
	color:#333333;
}

        /*End Accordion Formatting*/
    /*End Services Page Formatting*/
    
        /*Search Engine Marketing*/
.svcDtlPg #fullwidthHero 
{
    background:none;
    height:60px;
    
}
.svcDtlPg #fullwidthHero h1
{
    color:White;
    text-transform:uppercase;
    font-weight:lighter;
    margin:0 0 0 0;
}
.svcDtlPg #fullwidthHero p
{
    color:White;
    margin:15px 0 0 0 ;
}
.svcDtlPg #fullwidthHero img
{
    float:left;
    margin:13px 10px 0 0;
}
.svcDtlPg #fullwidthHero #contactCTAs
{
    float:right;
}  

#svcContentHead
{
    width:601px;
    height:12px;
    margin:48px 0 0 66px;
    background:transparent url(Images/bonsai_SrvcChildTxtBGTop.png) no-repeat top left;
}
#svcContentContent
{
    width:536px;
    margin:0 0 0 66px;
    padding:0 45px 0 20px;
    background:transparent url(Images/bonsai_SrvcChildTxtBGCen.png) repeat-y top left;
}
.svcDtlPg #svcContentContent p 
{
    color:White;
}
.svcDtlPg #svcContentContent #wait4ps p 
{
    margin:5px 0 5px 0;
    padding:1px;
}

#svcContentFooter
{
    width:601px;
    height:12px;
    margin:0 0 0 66px;
    background:transparent url(Images/bonsai_SrvcChildTxtBGBot.png) repeat-y top left;
}

            /*SEM page*/
#sem #svcContentContent p.svcRestrictedWidthP
{
    width:265px;
}
.svcDtlPg #svcContentContent img.sideImg
{
    margin:-300px 0 0 275px;
}           
            /*End SEM page*/

            /*SMM page*/
.svcDtlPg #svcContentContent ul
{
    list-style-type:circle;
    color:White;
    list-style-position:inside;
    padding:0 0 0 10px;
    font-size:1.2em;
    margin:5px 0 0 0;
    padding-bottom:5px;
    
}

.svcDtlPg #svcContentContent ul li
{
    margin:3px 0 0 0;
    padding-bottom:3px;
    line-height:150%;
}

.svcDtlPg #svcContentContent h1 img, .svcDtlPg #svcContentContent h2 img
{
    padding:10px 0;
}

.svcDtlPg #svcContentContent h3
{
    color:White;
}
#smm #svcContentContent img.sideImg
{
    position:absolute;
    margin:100px 0 0 475px;
}
#smm #svcContentContent p.svcRestrictedWidthP
{
    width:400px;
} 
            /*End SMM page*/

            /*Dev page*/

#dev #svcContentContent img.sideImg
{
    position:absolute;
    margin:125px 0 0 440px;
}
#dev #svcContentContent img.sideImgBottom
{
    position:absolute;
    margin:30px 0 0 300px;
}
#dev #svcContentContent h2 
{
    color:White;
    margin-bottom:10px;
}
#dev #svcContentContent .svcRestrictedWidthP
{
    width:400px;
} 

#dev #svcContentContent p.svcRestricted2WidthP
{
    width:250px;
    
}

#dev #svcContentContent h2.svcRestricted2WidthP
{
    width:250px;
    margin:0;
    padding:65px 0;
} 
            /*End Dev page*/

            
            /*Start localSEO page*/
#localSEO #svcContentContent p.svcRestrictedWidthP
{
    width:400px;
}
#localSEO #svcContentContent #forEx
{
    color:#660000;
    width:250px;
    margin:100px 0;
}
#localSEO #svcContentContent img.sideImg
{
    position:absolute;
    margin:40px 0 0 275px;
}            
            /*End localSEO page*/

            /*STart SEO page*/
#seo #svcContentContent img.sideImg
{
    position:absolute;
    margin:65px 0 0 475px;
}  
#seo #svcContentContent ol
{
    color:White;
    list-style-type:decimal;
    list-style-position:inside;
    padding:0 0 0 10px;
    font-size:14px;
    margin:15px 0 0 0;
    padding-bottom:15px;
}    
#seo #svcContentContent li 
{
    margin:3px 0 0 0;
    padding-bottom:3px;
}
#seo #svcContentContent li ul li
{
    font-size:.8em;
}
#seo #svcContentContent li ul
{
    margin:5px 0 0 10px;
}

#seo #svcContentContent li p
{
    font-size:1em;
    margin:10px 0 0 5px;
}
#seo #fullwidthHero p
{
    color:White;
    margin:0px 0 0 0 ;
}          
            /*End SEO page*/
            
            /*Start City SEO page*/
#selectcity #svcContentContent img.sideImg 
{
    margin:3px 0 0 460px;
    position:absolute;
}
#selectcity #svcContentContent ol
{
    list-style:decimal none inside;
    margin:20px 0 10px 0;
}

#selectcity #svcContentContent ol li 
{
    color:White;
    font-size:1.4em;
    line-height:120%;
}

#selectcity #svcContentContent ol li ul li
{
    font-size:.8em;
}
#selectcity #svcContentContent ul li
{
    
    line-height:140%;
}
            /*End City SEO page*/
            


        /*End Service Details Pages*/
        
/*End All Services Pages Services */

    /*Contact CTAs Fomatting*/
#contactCTAs 
{
    float:right;
    width:125px;
    height:62px;
    /*background-color:Red;*/
    margin:5px 35px 0 0;
}
#contactCTAs ul#contactUL 
{
    margin:0;
}
#contactCTAs ul#contactUL li
{
    background:none;
    padding:0;
	float:left;
}
#contactCTAs ul#contactUL li a
{
	text-decoration:none;
	color:#333333;
	display:block;
	height:62px;
	margin:0 5px 0 5px;
	padding:0;
}
#contactCTAs ul#contactUL li a div
{
    position:absolute;
    margin:-30px 0 0 -60px;
    width:141px;
    height:28px;
    background:transparent url(Images/bonsai_CTABubble.png) no-repeat top left;
    display:none;
    text-align:center;
}
#contactCTAs ul#contactUL li#email a div
{
    margin:-30px 0 0 -52px;
    display:none;
    text-align:center;
}
#contactCTAs ul#contactUL li a:hover div, #contactCTAs ul#contactUL li#email a:hover div
{
    display:block;
}
#contactCTAs ul#contactUL li a:hover div p 
{
	margin:3px 0 0 0;
	width:100%;
	float:none;
	font-size:14px;
	padding:0;
	color:#333333;
}
#contactCTAs ul#contactUL li#call a
{
    width:15px;
    background:transparent url(Images/bonsai_CTACall2states.png) no-repeat 0 0;
    text-decoration:none;
}
#contactCTAs ul#contactUL li#call a:hover
{
    background:transparent url(Images/bonsai_CTACall2states.png) no-repeat -15px 0;
}
#contactCTAs ul#contactUL li#email a
{
    width:37px;
    background:transparent url(Images/bonsai_CTAContact2states.png) no-repeat 0 0;
    text-decoration:none;
}
#contactCTAs ul#contactUL li#email a:hover
{
    background:transparent url(Images/bonsai_CTAContact2states.png) no-repeat -37px 0;
}

#contactCTAs ul#contactUL li#chat a
{
    width:39px;
    background:transparent url(Images/bonsai_CTAChat2States.png) no-repeat 0 0;
    text-decoration:none;
}
#contactCTAs ul#contactUL li#chat a:hover
{
    background:transparent url(Images/bonsai_CTAChat2States.png) no-repeat -39px 0;
}


/*End Contact CTAs Fomatting*/



/*Page specific CTAs*/
#pgSpecificCTA 
{
    width:233px;
    height:158px;
    background:transparent url(Images/bonsai_ServicesTalkSpecsBG.png) no-repeat top left;
    float:right;
    margin:0 92px 0 0;
}

#pgSpecificCTA h2
{
    margin:10px 0 0 25px;
    float:left;
}
#pgSpecificCTA #contactCTAs 
{

    /*background-color:Red;*/
    margin:20px -10px 0 0;
    width:233px;
    float:right;
}

#pgSpecificCTA #contactCTAs ul#contactUL li
{
    margin-left:25px;
}

/*End Page specific CTAs*/

/* Start Contact Us page Formatting */
#contactUs #fullwidthHero
{
	width:193px;
	height:372px;
	background:transparent url(Images/bonsai_ContactContactBG.png) no-repeat top left;
	float:left;
	margin:0 30px 0 0;
}
#contactUs #fullwidthHero p
{
    color:#333333;
    margin:3px 0 5px 10px;
    font-weight:bold;
}
#contactUs #fullwidthHero a img 
{
    margin:0;
    padding:0;
}
#contactUs #fullwidthHero a, #contactUs #email
{
    height:14px;
    padding:0;
    margin:5px 0 0 10px;
    border-bottom:solid 1px white;
}
#contactUs #fullwidthHero a:hover, #contactUs #email
{
    border-bottom:solid 1px black;
}
#contactUs #fullwidthHero address
{
    color:#333333;
    margin:0 0 0 10px;
    font-size:1.2em;
    line-height:1.2em;
}


#contactUs #content input.tbWatermark, #contactUs #content input.mainTBs
{
	display:block;
	width:252px;
	height:26px;
	font-weight:bold;
	border:none;
	background:transparent url(Images/bonsai_ContactTextField.png) no-repeat top left;
	margin:0 0 30px 0;
	color:#9a9a9a;
	padding:5px 0 0 5px;
	font-size:1.5em;
}

#contactUs #interestedIn 
{
	width:200px;
	height:230px;
	float:right;
	margin:0 315px 0 0;
}

#contactUs #interestedIn input
{
    
    margin:4px 5px 4px 0px;
    float:left;
}

#contactUs #interestedIn label 
{
    color:#9a9a9a;
    margin:4px 5px 4px 0px;
    display:block;
    float:left;
}

#contactUs #interestedIn h2
{
	color:#999999;
	margin:0px 0 0 0;
}

#contactUs .tbMessageWatermark 
{
}

#contactUs .message, #contactUs .tbMessageWatermark 
{
	font-family:Helvetica, Arial;
	background:transparent url(Images/bonsai_ContactCommentsBox.png) no-repeat top left;
	width:503px;
	height:119px;
	border:none;
	margin-top:-1px;
	padding:5px;
	color:#9a9a9a;
	font-size:1.5em;
	font-weight:bold;
	overflow:auto;
}

#contactUs a.submitButton 
{
    color:Red;
    float:left;
    margin:20px 0 0 223px;
    height:0;
    padding-top:31px;
    width:127px;
    background:transparent url(Images/bonsai_ContactSubmit2State.png) 0 0;
    display:block;
    overflow:hidden;
}

#contactUs a.submitButton:hover
{
    background-position: -127px 0;
}

#contactUs a.submitButton:active
{
    background-position: 0 0;
}

#contactUs #svcContentHead
{
    margin:48px 0 0 240px;
}
#contactUs #svcContentContent
{
    margin:0 0 0 240px;
}
#contactUs #svcContentContent h1
{
    color:White;
    line-height:150%;
}
#contactUs #svcContentFooter
{
    margin:0 0 0 240px;
}         


/*Manage BMG*/
/*
#ManageBlog #content, #manage #content, #login #content
{
       background-color:White;

}
*/
    /*Manage Blogs*/
#ManageBlog #content .gvBlogs 
{
    margin:10px auto;    
    font-size:1.2em;
    text-align:center;
    border:solid 1px black;
}
#ManageBlog #content .gvBlogs th
{
    padding:10px;
}
#ManageBlog #content .gvBlogs td
{
    padding:10px;
    text-align:left;
}
    /*End Manage Blogs*/
    /* Manage Quotes */
    .quoteInput 
    {
    	width:300px;
    	height:80px;
    }
    /*End Manage Quotes */
/*End Manage BMG*/
/* End Contact Us page Formatting */

/*Display Quotes*/
#quotes 
{
	position:absolute;
	right:15px;
	top:15px;
	width:550px;
}
#quotes a:link
{
	color:White;
	text-decoration:none;
	line-height:120%;
	font-size:1.2em;
}
#quotes a:visited
{
	color:White;
	text-decoration:none;
	line-height:120%;
	font-size:1.2em;
}
#quotes a:hover
{
	text-decoration:underline;
}

/*End Display Quotes*/

/* Quote Details Page Formatting */
#qtDtls h1 
{
	color:White;
	line-height:150%;
	padding:15px;
}
#qtDtls h2
{
	color:White;
	float:right;
	padding:20px;
}
/* End Quote Details Page Formatting */

/*State link formating*/
#selectStates a 
{
	width:85px;
	padding-top:10px;
	height:30px;
	display:block;
	color:White;
	margin:0px;
	font-size:1.8em;
	text-decoration:none;
	text-align:center;
}

#selectStates a:hover 
{
	text-decoration:underline;
	display:block;
	background-color:White;
	color:black;
}
#selectState #svcContentContent h1
{
    color:White;
}


/*End state link formating*/

/*City Link Formatting*/
#cityList a 
{
	width:150px;
	display:block;
	float:left;
	color:White;
	margin:5px;
	font-size:1.2em;
	text-decoration:none;
}

#cityList a:hover 
{
	text-decoration:underline;
}


#selectCities a 
{
	width:175px;
	padding:5px;
	height:40px;
	display:block;
	color:White;
	margin:0px;
	font-size:1.4em;
	text-decoration:none;
	text-align:left;
	border-bottom:solid 1px #f7e1b3;
	border-right:solid 1px #f7e1b3;
}

#selectCities a:hover 
{
	text-decoration:underline;
	background-color:White;
	color:black;
}
#selectCities #svcContentContent h1
{
    color:White;
}
/*End City Link Formatting*/

.bgImgReplace 
{
	height:0px;
	display:block;
	overflow:hidden;
}
.clearboth 
{
	clear:both;
}
.clearfix:after 
{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


.clearfix { display:inline-table;}
/*Hides from IE-Mac \*/
*html .clearfix {height: 1%;}
.clearfix {display:block;}
/*End Hide from IE-mac */

/*Version2 Additions Begins*/
#servicesContainer
{
    margin:0 0 0 145px;    
}

#searchEngineMarketing, #socialMediaMarketing, #designAndProduction
{
    float:left;    
    height:450px;
    width:206px;
    color:#FFFFFF;
    padding:0 12px 0 12px;
    font-size:105%;
    margin:0 7px 0 7px;
}

#servicesLogo
{
    background:transparent url(Images/V2Images/bonsai_SrvcServices.png) no-repeat 0 0;
    height:35px;
    width:142px;
}

#searchEngineMarketing
{
    background:transparent url(Images/V2Images/bonsai_SrvcSEMBG.png) no-repeat 0 0;
}

#socialMediaMarketing
{
    background:transparent url(Images/V2Images/bonsai_SrvcSMMBG.png) no-repeat 0 0;   
}

#designAndProduction
{
    background:transparent url(Images/V2Images/bonsai_SrvcWDDBG.png) no-repeat 0 0;   
}

.servicesDivImage
{
    width:142px;
    height:117px;   
}

#searchEngineMarketing img
{
    margin:0 0 30px 60px;   
}

#socialMediaMarketing img
{
    margin:0 0 4px 45px;   
}

#designAndProduction img
{
    margin:0 0 28px 55px;   
}

#searchEngineMarketing h2, #socialMediaMarketing h2, #designAndProduction h2
{
    margin:0 -5px 10px -5px;
    text-align:center;
    font-size:1.5em;
}

#searchEngineMarketing ul, #designAndProduction ul
{
    line-height:125%;
}

#searchEngineMarketing ul a, #designAndProduction ul a
{
    font-weight:bold;
    font-size:150%;   
    text-decoration:none;
    font-size:1.8em;
    line-height:125%;
}

#searchEngineMarketing p
{
    margin-bottom:60px;   
}

#socialMediaMarketing p
{
    margin-bottom:65px;
}

#designAndProduction p
{
    margin-bottom:125px;   
}

#socialMediaMarketing h3
{
    padding-top:10px;
    text-align:center; 
    font-size:1.8em;
}

#searchEngineMarketing a, #socialMediaMarketing h3 a, #designAndProduction a
{ 
    color:White;
}

#searchEngineMarketing a:hover, #socialMediaMarketing h3 a:hover, #designAndProduction a:hover
{
    color:Red;    
}

#designAndProduction h3
{
    padding-top:80px;   
}

#testimonial 
{
    background:transparent url(Images/V2Images/Bonsai_ServicesTestimonialBG.png) no-repeat 0 0;
    width:600px;
    height:230px;
    float:left;
    color:#000000;
    margin:20px 0 20px 50px;
}

#testimonial p:first-child
{
    margin-top:50px;   
}

#testimonial p
{
    margin:20px 15px;
    font-size:2.1em;
}

#testimonial p span
{
    line-height:1.3em;  
    display:block;
    float:right;

}

#testimonial a
{
    color:#000000;
}

#testimonial a:hover
{
    color:Red; 
}

#callForAnalysis
{
    margin:0 0 0 175px;
    background:transparent url(Images/V2Images/bonsai_SrvcCTABG.png) no-repeat 0 0;
    color:#FFFFFF;
    clear:left;
    width:390px;
    height:140px;
    text-align:center;
}

#callForAnalysis h2
{
    margin-left:7px;
    font-size:265%;   
    width:375px;   
}

#callForAnalysis h4 a
{
    font-size:200%;
    color:White;   
}

#callForAnalysis h4 a:hover
{
    color:Red;
}

#callForAnalysis p
{
    margin-top:-5px;   
}

#WDDContainer
{
    margin:20px 0 0 45px;
    width:940px;
    color:#FFFFFF;
}

#WDDMasthead img
{
    float:left;
    margin:20px 20px 0 0;
}

#WDDMasthead h2
{
    float:left;
    font-weight:normal;
    font-size:265%;
    margin-top:-5px;       
}

#WDDMasthead h4
{
    float:left;
    font-size:150%;
    font-weight:normal;
    line-height:140%;
    width:825px;
    margin:-60px 0 50px 90px;
}

#WDDContent
{
    clear:left;
    background:transparent url(Images/V2Images/bonsai_Srvc_WDDBG.png) no-repeat 0 0;
    width:930px;
    height:473px;
    margin:20px 0 10px 0;
    font-size:120%;
    padding:25px;
}

#WDDContent p
{
    width:530px;   
}

#WDDContent ul
{
    font-size:125%;   
    font-weight:bold;
}

.listIndent
{
    text-indent:25px;  
}

#laptops
{
    float:right;
    margin-top:-50px;   
}

#WDDWork
{
    clear:right;
    width:625px;  
}

#WDDWork > img
{
    margin-top:-5px;
}

/*WDD slider begins*/
h3
{
	color:White;
	text-decoration:none;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 625px; /*Width of Carousel Viewer itself*/
	height: 290px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 310px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:auto;
	text-decoration:none;
}

#mygallery .belt .panel a.carouselImage
{
	
	width: 310px; /*Width of Carousel Viewer itself*/
	height: 175px;
	display:block;
	overflow:hidden;
	padding-bottom:15px;
}


#mygallery .belt .panel a.carouselImage:hover
{
	background-position:-310px 0;
}

#BizX
{
    background:url(Images/V2Images/BonsaiV2_PortBizX2State.png) no-repeat 0 0;
}

#YFC
{
    background:url(Images/V2Images/BonsaiV2_PortYFC2State.png) no-repeat 0 0;
}

#Compendium
{
    background:url(Images/V2Images/BonsaiV2_PortCompendium2State.png) no-repeat 0 0;
}

#Ramil
{
    background:url(Images/V2Images/BonsaiV2_PortRamil2State.png) no-repeat 0 0;
}

.info > h2
{
	font-size:3.0em; 
	font-family:Arial;
	color:white;
	padding:180px 0 0 0; 
	margin:0;
}

.info > p
{
	font-family:Verdana; 
	font-size:1.2em;
	line-height:15px; 
	color:white;
	font-style:italic;
	padding-bottom:25px;
}

/*WDD slider ends*/

#freeConsultationGraphic
{
    background:transparent url(Images/V2Images/bonsai_Srvc_WDDCTA.png) no-repeat 0 0;
    float:right;
    width:230px;
    height:175px; 
    margin-top:-275px;  
}

#freeConsultationGraphic h2
{
    margin:15px 0 0 15px;
    text-align:center;
    width:200px;
    font-size:230%;
    font-weight:normal;
    line-height:125%;   
}

#freeConsultationGraphic h3
{
    margin:65px 0 0 0;
    text-align:center;
    font-size:240%;
    font-weight:normal;   
}

#localSEOContainer
{
    margin:20px 0 0 45px;
    width:940px;
    height:800px;
    color:#FFFFFF;
}

#localSEOMasthead img
{
    float:left;   
}

#googleResults img
{
    margin-top:-40px;
}

#localSEOMasthead h2
{
    float:left;
    font-size:250%;
    font-weight:normal;
    margin-left:5px;   
}

#localSEOMasthead h4
{
    float:left;
    font-size:150%;
    font-weight:normal;
    margin:30px 0 25px 5px;
}

#localSEOContent
{
    background:transparent url(Images/V2Images/bonsai_Services_LocSEOHeroBG.png) no-repeat 0 0;
    width:950px;
    height:275px;
    clear:left;   
}

#localSEOContent ul
{
    font-size:1.4em;   
    margin-left:350px;
    line-height:112%;
    padding:60px 0 0 0;
    list-style:disc;
    list-style-position:inside;
    width:350px;
}

#localSEOContent ul li
{
    margin-top:15px;   
}

#localSEOContent a img
{
    float:right;
    margin-top:-212px;
}

#localSEOFooter div
{
    float:right;
    background:transparent url(Images/V2Images/bonsai_Services_LocSEOTxtBlock.png) no-repeat 0 0;
    width:230px;
    height:200px;
    margin:-205px 50px 50px 0;
}

#localSEOFooter div p
{
    padding:10px;
    width:200px;   
}

#localSEOFooter div p a
{
    color:Red;   
}

#localSEOFooter div p a:hover
{
    font-weight:bold;
}
/*Version2 Addtions Ends*/

/*Birthday page starts*/
#birthdayContainer
{
    margin:20px 0 0 45px;
    width:940px;
    color:#FFFFFF;   
}

#birthdayMasthead img
{
    float:left;   
}

#birthdayMasthead h2
{
    float:left;
    font-size:2.4em;
    font-weight:normal;
    margin-left:15px;   
}

#birthdayMasthead h4
{
    float:left;
    font-size:1.8em;
    font-weight:normal;
    margin:-30px 0 25px 87px;
}

#birthdayContent
{
    clear:left;   
}

#birthdayContent ul
{
    list-style:none;   
}

#birthdayContent ul li
{
    margin:0 0 25px 25px;   
}

#birthdayContent ul li p
{
    margin:-25px 0 0 130px;   
    font-size:1.8em;
    width:650px;
    vertical-align:middle;
}

#birthdayContent iframe
{
    margin-left:0px;   
}

#birthdayAttendees
{
    float:left;
    margin:-335px 0 0 40px;
}

#birthdayAttendees .imagesStyling
{
    width:170px;   
    max-height:700px;
    background-color:White;
}

.directionLink
{
    color:White;   
}

.directionLink:hover
{
    color:Red;   
}

.labelText
{
    color:Red;
    font-size:3.0em;
    margin-left:25px;
    vertical-align:text-top;
}
/*Birthday page ends*/