#main .maincap.top { z-index:2; }

/* top tutorial view 
------------------------*/
#tutorial-content { position:relative; float:right; text-align:center; }
#tutorial-container { position:relative; width:640px; height:429px; margin-right:77px; }
#tutorial-container .tutorial { position:absolute; width:100%; height:429px; top:0; left:0; }

#tutorial-container .tutorial .hero { position:relative; float:left; width:640px; height:429px; text-align:center; }
#tutorial-container .tutorial .hero img { position:absolute; top:0; left:0; }
#tutorial-container .tutorial .hero p { position:absolute; width:320px; top:300px; left:160px; }
#tutorial-container .tutorial#MASKED-garageband-hero .hero p { width:350px; }

/* movie & controller */
#tutorial-container .movie { float:left; }

/* tutorial list box
------------------------*/

/* tutorial app selector */
#content ul.tutorialnav { z-index:0; float:left; margin:-24px 0 0; }
#content ul.tutorialnav li { display:inline; }

#content ul.tutorialnav li a { display:block; color:#000; text-align:left; text-decoration:none; background:url(../images/tutorialnav_bg_top20090106.png) no-repeat 0 0; }
#content ul.tutorialnav li a span { display:block; width:111px; height:74px; padding:12px 0 4px; text-align:center; color:#595959; background:url(../images/tutorialnav_bg_bottom20090106.png) no-repeat left bottom; }

#content ul.tutorialnav li a:hover { background-image:url(../images/tutorialnav_hover_top20090106.png); }
#content ul.tutorialnav li a:hover span { color:#08c; background-image:url(../images/tutorialnav_hover_bottom20090106.png); }

#content ul.tutorialnav li a.active { color:#000; outline:none; cursor:default; background:url(../images/tutorialnav_active_top20090106.png) no-repeat 0 0; }
#content ul.tutorialnav li a.active span { padding-right:12px; color:#000; text-align:center; background:url(../images/tutorialnav_active_bottom20090106.png) no-repeat ; }

#content ul.tutorialnav li a span img { display:block; margin:0 auto 2px; }
#content ul.tutorialnav li a span em { font-style:normal; color:#797c80; }

/* tutorial selector */
#tutoriallist-container { position:relative; clear:both; width:285px; text-align:left; }
#tutoriallist-container .tutoriallist { width:auto; padding:3px 0; background-image: url(../images/bg-lines.jpg); background-repeat: repeat-y; }
#tutoriallist-container .tutoriallist .section { margin-bottom: 20px; ;padding-bottom: 20px; }

#tutoriallist-container .tutoriallist h3 { margin:0 0 0px 0; padding:0 0 3px 22px; font-size:1em; font-weight:bold; line-height:18px; }
#tutoriallist-container .tutoriallist ul { width:240; margin:0; font-size:11px; line-height:1.3em; }

#tutoriallist-container .tutoriallist ul li { padding-bottom:3px; }
#tutoriallist-container .tutoriallist ul li a { display:block; color:#000; text-decoration:none; border:none }
#tutoriallist-container .tutoriallist ul li a span { display:block; }
#tutoriallist-container .tutoriallist ul li a span span { padding:3px 10px 2px 22px; }
#tutoriallist-container .tutoriallist ul li a.visited span span { background:url(../images/tutoriallist_visited20090106.png) no-repeat 7px 5px; }
/*#tutoriallist-container .tutoriallist ul li a.video span span { background:url(../images/tutoriallist_video20090106.png) no-repeat 3px 4px; }*/

#tutoriallist-container .tutoriallist ul li a:hover { color:#08c; }

#tutoriallist-container .tutoriallist ul li a.active { color:#000; outline:none; cursor:default; background:#ccc url(../images/video_active_top.png) no-repeat 0 0; }
#tutoriallist-container .tutoriallist ul li a.active span { height: 19px; background:url(../images/video_active_bottom.png) no-repeat 0 100%; }
#tutoriallist-container .tutoriallist ul li a.active span span { background:url(../images/video_play.png) no-repeat 2px 2px; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

#bottom_nav{
	
   clear: both;
   margin-left: 29px;	
}
#bottom_nav_index{
   
   clear: both;   
   text-align: right
}


#bottom_nav a, #bottom_nav_index a{
	border: 0;
	margin-right: 5px;

}

.unauthorised {
   color: #cccccc !important;	
}

#media {
	height: 395px;
   text-align: center; 
   position: relative;   
}

#MASKED-iphoto{

	}
	
#banner-slideshow{
    position: relative;
	width: 666px;
	height: 395px;
	background-image: url("../images/intro-screen-new.jpg");
    background-repeat: no-repeat;
    text-align: left;
}

#banner-slideshow h2{
    margin-bottom: 5px;
}

#banner-media{
}