/* ===============================================
   GLOBAL SETTINGS 
   =============================================== */
   
   
	body{
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:11px;
	   color:#FFF;
	   line-height:16px;
	   background:url(../images/bg-body.jpg) repeat #371503 top left;
	   }
	   
	a{
		color:#FFF;
		}	   
	   
	#wrapper{
		width:900px;
		margin:0px auto 0px auto;
		}
	
	#video-page #wrapper{
		width:640px;
		}
	.first-padding{
		padding-top:15px;
		}	
/* ===============================================
   HEADER 
   =============================================== */
	#header h1{
		display:block;
		float:left;
		width:283px;
		height:104px;
		}
	
	
	#header h1 a{
		display:block;
		background:transparent url(../images/logo.png) 10px 15px no-repeat;
		width:283px;
		height:104px;
		text-indent:-9999px;
		}
		
	/*#header h1 a:hover{
		background:transparent url(../images/logo.png) -283px 0px no-repeat;
		}	*/
		
/* ===============================================
   NAVIGATION 
   =============================================== */
   
   #navigation{
	   float:right;
	   width:510px;
	   height:103px;
	   background:url(../images/bg-navigation.jpg) top left no-repeat #371503;
	   }
	
	#video-page #navigation{
		width:325px;
		background:url(../images/bg-navigation-videopage.jpg) top left no-repeat #371503;
		}
	
	#navigation li{
		display:inline;
		}
	
	
	#navigation li a{
		display:block;
		float:left;
		text-indent:-9999px;
		margin-top:50px;
		}
		
	#navigation li.about a{
		background:url(../images/bg-navigation-about.jpg) top left no-repeat transparent;
		width:70px;
		height:22px;
		margin-left:180px;
		}
		
	#video-page #navigation li.about a{
		background:url(../images/bg-navigation-about.jpg) top left no-repeat transparent;
		width:70px;
		height:22px;
		margin-left:140px;
		}
			
		
	#navigation li.about a:hover{
		background:url(../images/bg-navigation-about.jpg) -70px 0px no-repeat transparent;
		width:70px;
		height:22px;
		}
		
	#video-page #navigation li.about a:hover{
		background:url(../images/bg-navigation-about.jpg) -70px 0px no-repeat transparent;
		width:70px;
		height:22px;
		}
		
		
		
	#navigation li.faqs a{
		background:url(../images/bg-navigation-faqs.jpg) top left no-repeat transparent;
		width:52px;
		height:22px;
		margin-left:18px;
		}
	#navigation li.faqs a:hover{
		background:url(../images/bg-navigation-faqs.jpg) -52px 0px no-repeat transparent;
		width:52px;
		height:22px;
		}		
	 
	#navigation li.members a{
		background:url(../images/bg-navigation-members.jpg) top left no-repeat transparent;
		width:87px;
		height:22px;
		margin-left:18px;
		}
	#navigation li.members a:hover{
		background:url(../images/bg-navigation-members.jpg) -87px 0px no-repeat transparent;
		width:87px;
		height:22px;
		} 
	 

/* ===============================================
   VIDEO
   =============================================== */	
	#video{
		background-color:#000;
		display:block;
		width:900px;
		height:410px;
		clear:both;
		padding-top:20px;
		padding-left:0px;
		}

		
	#video-page #video{
		width:640px;
		height:360px;
		padding-top:0px;
		padding-left:0px;
		}
/* ===============================================
   BODY CONTENT 
   =============================================== */	   
   #body-content{
	   clear:both;
	   background:url(../images/bg-content.jpg) top left repeat-x #6c2b0a;
	   padding:25px 25px 35px 25px;
	   }
	   
/* ===============================================
   PAGE CONTENT 
   =============================================== */	   
   #content{
	   float:left;
	   }
	
	#content h2{
		font-size:28px;
		line-height:28px;
		letter-spacing:-0.09px;
		font-weight:normal;
		}
		
	#content h3{
		font-size:18px;
		line-height:24px;
		letter-spacing:-0.09px;
		font-weight:normal;
		}	
	
	#content p{
		font-size:15px;
		line-height:21px;
		padding-bottom:20px;
		}
	#video-page #content div.smaller strong{
		font-weight:bold;
		}
	#video-page #content div.smaller{
		font-size:14px;
		line-height:18px;
		padding-top:5px;
		}		

/* ===============================================
   BLOCKS - PACKAGES
   =============================================== */
   .block-package{
	   display:block;
	   float:left;
	   width:256px;
	   height:236px;
	   background:url(http://worlddancetrainer.com/images/bg-packages.png) top left no-repeat transparent;
	   margin-right:30px;
	   }
	   
	.block-package.last{
	   margin-right:0px;
	   }
	
	.block-package.first{
	   margin-left:10px;
	   }  
	   
	.block-package .level{
		display:block;
		border-bottom:1px solid #7f5804;
		font-size:14px;
		text-align:right;
		padding-right:20px;
		padding-top:10px;
		font-style:italic;
		height:25px;
	   }
	
	.block-package .bollybasics{
		display:block;
		width:154px;
		height:30px;
		margin:30px 0px 22px 55px;
		text-indent:-9999px;
		background:url(http://worlddancetrainer.com/images/bollybasics.png) top left transparent no-repeat;
	   }
	   
	.block-package .performance-techniques{
		display:block;
		width:182px;
		height:67px;
		margin:20px 0px 5px 40px;
		text-indent:-9999px;
		background:url(http://worlddancetrainer.com/images/performance-techniques.png) top left transparent no-repeat;
	   }   
	
	.block-package .price{
		display:block;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		padding-bottom:5px;
	   }
	
	.block-package .benefits{
		display:block;
		text-align:center;
		font-size:15px;
		letter-spacing:-0.2px;
		font-weight:normal;
	   }  
	
	
	.block-package .block-package-bottom{
		display:block;
		border-top:1px solid #7f5804;
		font-size:11px;
		margin-top:35px;
	   }
	   
	.block-package .block-package-bottom a.more-details{
		display:block;
		width:95px;
		height:23px;
		margin:12px 0px 0px 10px;
		text-indent:-9999px;
		float:left;
		background:url(http://worlddancetrainer.com/images/more-details.png) top left transparent no-repeat;
	   }
	   
	.block-package .block-package-bottom a.purchase{
		display:block;
		width:117px;
		height:25px;
		margin:10px 10px 0px 0px;
		text-indent:-9999px;
		float:right;
		background:url(http://worlddancetrainer.com/images/purchase.png) top left transparent no-repeat;
	   }
	   
	.block-package .block-package-bottom a.preregister{
		display:block;
		width:150px;
		height:25px;
		margin:10px 10px 0px 0px;
		text-indent:-9999px;
		float:right;
		background:url(http://worlddancetrainer.com/images/preregister.png) top left transparent no-repeat;
	   }       
	
	   
	#content .block-package p{
		font-size:11px;
		line-height:16px;
		padding:0px 15px 15px 15px;
	   }
	#content .block-package img.company-logo{
		padding:10px 10px 10px 10px;
	   }     
   
   

/* ===============================================
   COLUMN - RIGHT 
   =============================================== */	   
   #column-right{
	   float:right;
	   width:300px;
	   }
	      
   #column-right .become-member{
	   background:url(http://worlddancetrainer.com/images/bg-become-member.png) top left no-repeat transparent;
	   height:151px;
	   display:block;
	   }
	#column-right .become-member img.logo{
		margin:20px 0px 20px 23px;
		clear:both;
	   }	
	   
	#column-right .become-member .become-member-signup{
		width:85px;
		display:block;
		float:left;
		margin:0px 15px 0px 10px;
	   }
	   
	#column-right .become-member .become-member-select{
		width:75px;
		display:block;
		float:left;
		margin:0px 15px 0px 0px;
	   } 
	   
	#column-right .become-member .become-member-learn{
		width:70px;
		display:block;
		float:left;
	   }   
/* ===============================================
   FOOTER 
   =============================================== */	   
   #footer{
	   padding:10px 30px 20px 30px;
	   font-size:10px;
	   color:#ba6811;
	   line-height:14px;
	   }	   
   
	   
/* ===============================================
   TOOLTIP
   =============================================== */	   

.tooltip { 
    display:none; 
    background:url(http://worlddancetrainer.com/images/bg-tooltip.png) no-repeat top left transparent;
    height:110px; 
    
    width:276px; 
    font-size:11px; 
    color:#000;
	line-height:14px;
} 


.tooltip p{
	padding:15px 20px 0px 20px;
	display:block;
	}
	
	
/* ===============================================
   OVERLAY
   =============================================== */	
	
.apple_overlay {     
    display:none; 
    width:640px;         
    padding:65px;
	color:#fff;
} 
 

.apple_overlay div.close { 
    background-image:url(http://flowplayer.org/img/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

div.apple_overlay.black { 
    background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png); 
}


div.apple_overlay.black h2{
	font-size:34px;
	font-weight:normal;
	line-height:21px;
	padding-bottom:15px;
}

div.apple_overlay.black p{   

	font-size:15px;
	line-height:21px;
	padding-bottom:20px;
}



/* ===============================================
   OVERLAY - EXTERNAL PAGES
   =============================================== */


/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(http://flowplayer.org/img/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(http://flowplayer.org/img/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
	color:#efefef;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.wrap {
	height:441px;
	overflow-y:auto;
}

div.wrap h2{
	font-size:34px;
	font-weight:normal;
	line-height:34px;
	padding-bottom:15px;
}

div.wrap p{   

	font-size:15px;
	line-height:21px;
	padding-bottom:20px;
}

/* TEMP CONTENT */
div.wrap #bollybasics-overlay h2{
	font-size:24px;
	font-weight:normal;
	line-height:24px;
	padding-bottom:0px;
}


div.wrap #bollybasics-overlay p{
	font-size:12px;
	line-height:18px;
	padding-top:0px;
	padding-bottom:10px;
}