/* =============================================================== */
/* ============================ GLOBAL =========================== */
/* =============================================================== */
/* This stylesheet is used ONLY on'Content.aspx, SiteMap.aspx etc.' (All sub-level pages) */

/* Import styles for smarter browsers */
/* DO NOT move from top of page!!! */

@import "mainnav/main.css";
@import "ftrnav/main.css";
@import "inc-modules.css";
@import "inc-form.css";
@import "inc-text.css";
@import "inc-tabanchors.css";

	BODY {
		padding: 0px;
		margin: 0px;
		background-color: #FFF; 
		text-align: center;
		}	

/* ============================================================ */
/* ========================== FRAME =========================== */
/* ============================================================ */
	
	DIV.frame { 
		width: 770px;
		margin: 0 auto; 
		background: url(../gifs/bg-frame.gif) #FFFFFF 0px 0px;
		text-align: left;
		}
		
	BODY.new-album DIV.frame { 
		width: 350px;
		margin: 0 auto; 
		background-image: none;
		text-align: left;
		}	

/* ============================================================= */
/* ========================= CONTAINERS ======================== */
/* ============================================================= */

/* -------------------------- HEADER ------------------------- */	
	
	DIV.con-header-1 { 
		width: 770px;
		height: 149px;
		position: relative;
		}
		
	DIV.con-header-1 DIV.pad-con { }
	
	a.video {
	    display: block;
	    height: 0;
	    padding-top: 22px;
	    overflow: hidden;
	    width: 100px;
	    background: green;
	    position: absolute;
	    top: 124px;
	    left: 663px;
	    z-index: 5;
	    background: url(../gifs/btn-video.png) no-repeat 0 0;
	    }
    a.video:hover {
        background-position: 0 -22px;
        }
    
/* -------------------------- SUPP 1 ------------------------- */

	DIV.con-supp-1 { 
		float: left;
		width: 217px;
		padding: 0;
		margin: 0;
		}
		
	DIV.con-supp-1 DIV.pad-con {
		padding: 0;
		margin: 0;
		}
	
/* --------------------------- MAIN 1 ------------------------- */	
	
	DIV.con-main-1 {
		float: left;
		width: 548px;
		text-align: left;
		}
		
	DIV.con-main-1 DIV.pad-con {
		padding: 0px 15px 25px 77px;
		}
	
	/* Homepage override */	
	BODY.home DIV.con-main-1 DIV.pad-con {
		padding: 0px 10px 25px 5px;
		}
		
	/* Homepage override */	
	BODY.search DIV.con-main-1 DIV.pad-con {
		padding: 0px 10px 25px 24px;
		}	
	
	/* New Album pop-window */
	
	BODY.new-album DIV.con-main-1 {
		float: left;
		width: 350px;
		text-align: left;
		}
			
	BODY.new-album DIV.con-main-1 DIV.pad-con {
		padding: 0px 10px 25px 5px;
		}
		
	/* Album override */
	BODY.album DIV.con-main-1 {
		float: left;
		width: 700px;
		text-align: left;
		}
		
	BODY.album DIV.con-main-1 DIV.pad-con {
		padding: 0px 15px 25px 77px;
		}
		
	DIV.con-main-2 {
		float: left;
		width: 700px;
		text-align: left;
		clear: both;
		}
		
	DIV.con-main-2 DIV.pad-con {
		padding: 0px 15px 25px 77px;
		}	
	
/* --------------------------- FOOTER 1 ------------------------- */	
	
	DIV.con-footer-1 {
		width: 770px;
		clear: both; 
		height: 40px;
		background: url(../gifs/bg-footer.gif) no-repeat 0px 0px transparent;
		}
		
	DIV.con-footer-1 DIV.pad-con {
		background: url(../gifs/ftr-logo.gif) no-repeat 613px 4px transparent;
		height: 40px;
		 }
		 
	BR.clear {
		clear: both;
		display: block;
		}		 
	
