/* Adjusted view for smaller viewports */

.siteWidth{width:90%;}

.width15Percent{width:100%}
.width18Percent{width:100%}
.width20Percent{width:100%}
.width25Percent{width:100%}
.width33Percent{width:100%}
.width39Percent{width:100%}
.width40Percent{width:100%}
.width45Percent{width:100%}
.width48Percent{width:100%}
.width50Percent{width:100%}
.width58Percent{width:100%}
.width60Percent{width:100%}
.width66Percent{width:100%}
.width70Percent{width:100%}
.width72Percent{width:100%}
.width75Percent{width:100%}
.width80Percent{width:100%}
.width90Percent{width:90%}
.width94Percent{width:94%}
.width96Percent{width:96%}
.width100Percent{width:100%;}

.floatLeft{float:none;}
.floatRight{float:none; }

ul{padding-left:20px;}

#bg_layer2{ background-position:center top; }
#bg_layer3{background-position:0px 0; }

#logoContainer{margin-right:54px;}
#hero{display:none;}
#creativeLogic{display:block; margin:auto;}
	
#contentPageHeader h1{margin-top:20px;}

#logo{float:left;}
#tagline{display:none;}
		
	#navBarArea, #navBarArea_bgLayer2, #navBarCanvas{height:auto; background-image:none; background-color:#555043}
	.hoverNav li{display:block;}
	
		#navBarArea a:link, #navBarArea a:visited{font-size:15px; letter-spacing:4px;}
		
		.hoverNav li{z-index:auto}
		.hoverPositioner{z-index:2; position:relative; width:100%; top:0; left:0;}
			.hoverBg:before, .hoverBg:after{display:none;}
			
#homepageWelcomeTextBlock{margin-top:12px;}
#homepageKidsSurfAcademyBlock img{float:left; margin-right:20px;}
#homepageMeetCoreyBlock img{float:left; margin-right:20px;}


#footerRightColumn{border:none;}

.footerLinkBlock{margin-top:20px; font-size:18px;}

#footerAreaPositioner{padding-bottom:0;}
#subFooter{background-color:#222}


.serviceImages .floatRight{float:right}
.serviceImages .smallImages img{margin:0}