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

.subNav { 
	display:block;
	position:relative;
	height:70px;
	margin-top:-1px;
	width:100%;
	background:  url(../images/bg-nav-hey-parents.jpg) no-repeat;
	z-index:5;
}

.subNav ul{ padding-top:10px; }

.subNav ul li{  float:left; }

.subNav ul li a{ 
	display:block;
	background:  url(../images/btns-nav-hey-parents.gif) no-repeat;
	height:40px;
	text-indent:-999em;	
}
.subNav ul li.subNavItem1{width:230px;}
.subNav ul li.subNavItem1 a{ 
	background-position:0px 4px;
	width:220px;
}	
.subNav ul li.subNavItem1 a:hover, 
.subNav ul li.subNavItem1 a.navSelected{ background-position:0px -47px; }	

.subNav ul li.subNavItem2{width:128px;}
.subNav ul li.subNavItem2 a{ 
	background-position: -224px 4px;
	width:128px;
}	
.subNav ul li.subNavItem2 a:hover,
.subNav ul li.subNavItem2 a.navSelected{ background-position: -225px -47px; }	

.subNav ul li.subNavItem3{width:200px;}
.subNav ul li.subNavItem3 a{ 
	background-position:-348px 4px;
	width:180px;	
}	
.subNav ul li.subNavItem3 a:hover,	
.subNav ul li.subNavItem3 a.navSelected{ background-position:-349px -47px; }

.subNav ul li.subNavItem4{ width:230px; }
.subNav ul li.subNavItem4 a{ 
	background-position:-540px 4px;
	width:230px;	
}	
.subNav ul li.subNavItem4 a:hover,	
.subNav ul li.subNavItem4 a.navSelected{ background-position:-540px -47px; }


.splashContent {
	display:none;
}
p.aboutIntro, p.benefitsIntro{
	width:615px;
	font-size:14px;
	margin:10px 0 15px 10px;
	font-weight:bold;
}

p.benefitsIntro {
	width:596px;
}

.primaryContent p {
	margin:2px 0 20px 0;
}

.dashDivider { height:1010px; }

.leftColumn h3.primary {
	background:transparent url(../images/hdr-what-is-it.gif) no-repeat;
	height:45px;
	width:215px;
}

.prodPhotos{
	height:300px;
	width:350px;
}


.leftColumn h3.secondary {
	background:transparent url(../images/hdr-what-it-treats.gif) no-repeat;
	height:25px;
	width:215px;
	margin:5px 0;
}

.leftColumn ul.what-it-treats{
	color:#616ab3;
	font-weight:bold;
	list-style-type:disc;
	margin:10px 15px;
}

.leftColumn ul.what-it-treats li{
	padding:2px;
}

.middleColumn{ width:300px;}


.middleColumn h3.primary {
	background:transparent url(../images/hdr-designed-for-teens.gif) no-repeat;
	height:30px;
	width:225px;
}

.middleColumn p.quote{
	background:transparent url(../images/bg-quote-about.gif) no-repeat;
	height:130px;
	width:277px;
	margin:10px 0;
	text-indent:-999em;
	overflow:hidden;
}


.rightColumn .mainImg{
	display:block;
	position:absolute;	
	height:690px;
	width:350px;
	top:-70px;
	left:11px;	
	_left:2px;
}

.mainImg .mainImgPart1{
	position:relative;
	background:transparent url(../images/sax-left.jpg) no-repeat;
	height:615px;
	width:296px;
}


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

.subNav { 
	position:relative;
	height:70px;
	margin-top:-1px;
	width:100%;
	background:  url(../images/bg-nav-hey-parents.jpg) no-repeat;
	z-index:5;
}

.subNav ul{ padding-top:10px; }

.subNav ul li{  float:left; }

.subNav ul li a{ 
	display:block;
	background:  url(../images/btns-nav-hey-parents.gif) no-repeat;
	height:40px;
	text-indent:-999em;	
}
.subNav ul li.subNavItem1{width:230px;}
.subNav ul li.subNavItem1 a{ 
	background-position:0px 4px;
	width:220px;
}	
.subNav ul li.subNavItem1 a:hover{ background-position:0px -47px; }	

.subNav ul li.subNavItem2{width:128px;}
.subNav ul li.subNavItem2 a{ 
	background-position: -224px 4px;
	width:128px;
}	
.subNav ul li.subNavItem2 a:hover{ background-position: -225px -47px; }	

.subNav ul li.subNavItem3{width:200px;}
.subNav ul li.subNavItem3 a{ 
	background-position:-348px 4px;
	width:180px;	
}	
.subNav ul li.subNavItem3 a:hover{ background-position:-349px -47px; }

.subNav ul li.subNavItem4{ width:230px; }
.subNav ul li.subNavItem4 a{ 
	background-position:-540px 4px;
	width:230px;	
}	
.subNav ul li.subNavItem4 a:hover{ background-position:-540px -47px; }


.splashContent {
	display:none;
}


.mainImg .mainImgPart2{
	position:relative;
	background:transparent url(../images/sax-right.png) no-repeat;
	height:472px;
	width:67px;	
	bottom:616px;
	float:right;	
	_background-image: none;	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=/teen/Assets/images/sax-right.png);
}

.mainImg a.theBenefits{
	display:block;
	position:absolute;
	background: url(../images/btns-hey-parents.gif) no-repeat scroll 0 0px;
	height:30px;
	width:185px;
	top:544px;
	left:80px;
	text-indent:-999em;
}


.parentsBulletin h3 {
	background:transparent url(../images/hdr-change-smile.gif) no-repeat;
}

.parentsBulletin p{
	margin-left:30px;
}

.spaceForPhotos a{
	color:#575757;
}