span {
	display:none;
}

body {
    margin:0;
    padding:0;
    background:#fff url(images/headerslice.gif) repeat-x top;
}

#container {
	width:799px;
	margin:0 auto;
}

#active1 li#active1 a {
	background-position:bottom;
}

#active2 li#active2 a {
	background-position:bottom;
}

#active3 li#active3 a {
	background-position:bottom;
}

#active4 li#active4 a {
	background-position:bottom;
}

#active5 li#active5 a {
	background-position:bottom;
}

#active6 li#active6 a {
	background-position:bottom;
}

#header {
	width:799px;
	height:112px;
	margin-bottom:20px;
}

#logo {
	width:277px;
	height:112px;
	float:left;
	background:url(images/macvideotraining_logo.gif) no-repeat top;
}

#nav {
	width:522px;
	height:117px;
	float:left;
}

ul.nav {
	float:left;
}

ul.nav li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}

ul.nav li a {
	height:117px;
	float:left;
	margin:0;
	padding:0;
}

ul.nav li a:hover {
	background-position:0px -117px;
}

li.home a {
	width:90px;
	height:117px;
	background:url(images/nav_home.gif) no-repeat;
}

li.courses a {
	width:89px;
	height:117px;
	background:url(images/nav_courses.gif) no-repeat;
}

li.about a {
	width:81px;
	height:117px;
	background:url(images/nav_about.gif) no-repeat;
}

li.support a {
	width:87px;
	height:117px;
	background:url(images/nav_support.gif) no-repeat;
}

li.dealers a {
	width:82px;
	height:117px;
	background:url(images/nav_dealers.gif) no-repeat;
}

li.contact a {
	width:93px;
	height:117px;
	background:url(images/nav_contact.gif) no-repeat;
}

#content {
	width:799px;
	clear:both;
}
		
.stripViewer .panelContainer {
	text-align:left;
}
		
.slider-wrap {
	position:relative;
	width:799px;
	height:273px;
	background:url(images/sliderbg.jpg) no-repeat top;
}

.csw { width: 100%; height: 460px; background: #fff; overflow: scroll }
.csw .loading { margin: 200px 0 300px 0; text-align: center }

.stripViewer { /* This is the viewing window */
	position:relative;
	overflow:hidden; 
	margin:0 auto;
	width:723px;
	height:273px;
	clear:both;
}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position:relative;
	left:0; 
	top:0;
	width:723px;
	list-style-type:none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height:273px;
	position:relative;
	width:723px; /* Also specified in  .stripViewer  above */
}
		
.stripNav {
	display:none;
}

.stripNavL {
	display:none;
}

.stripNavR {
	display:none;
}

.wrapper {
	width:620px;
	margin:37px auto 0;
}

ul.wrapperbuttons li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}

ul.wrapperbuttons li a {
	height:27px;
	float:left;
	margin:10px 10px 0 0;
	padding:0;
}

ul.wrapperbuttons li a:hover {
	background-position:0px -27px;
}

li.learnmore a {
	width:79px;
	height:27px;
	background:url(images/learnmore.gif) no-repeat;
}

li.preview a {
	width:79px;
	height:27px;
	background:url(images/preview.gif) no-repeat;
}

li.buynow2 a {
	width:79px;
	height:27px;
	background:url(images/buynow2.gif) no-repeat;
}

ul.buynowbutton li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}

ul.buynowbutton li a {
	height:36px;
	float:left;
	margin:0;
	padding:0;
}

ul.buynowbutton li a:hover {
	background-position:0px -36px;
}

li.buynow a {
	width:104px;
	height:36px;
	background:url(images/buynow.gif) no-repeat;
}

.box {
	position:absolute;
	width:250px;
	height:273px;
	top:0;
	right:20px;
}

#cross-links {
	width:723px;
	height:67px;
	margin:0 auto;
}

ul.cross-links {
	float:left;
}

ul.cross-links li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}

ul.cross-links li a {
	height:67px;
	float:left;
	margin-right:3px;
	padding:0;
}

ul.cross-links li.iphone a {
	height:67px;
	float:left;
	margin:0;
	padding:0;
}
/*
ul.cross-links li a:hover {
	background-position:0px -56px;
}
*/
li.quickstart a {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:0px 0px;
}

li.quickstart a:hover {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:0px -68px;
}

li.iphoto a {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:-121px 0px;
}

li.iphoto a:hover {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:-121px -68px;
}

li.imovie a {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:-242px 0px;
}

li.imovie a:hover {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:-242px -68px;
}

li.garageband a {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:-363px 0px;
}

li.garageband a:hover {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:-363px -68px;
}

li.itunes a {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:-484px 0px;
}

li.itunes a:hover {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:-484px -68px;
}

li.iphone a {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:-605px 0px;
}

li.iphone a:hover {
	width:118px;
	height:67px;
	background:url(images/cross_links.gif) no-repeat;
	background-position:-605px -68px;
}

#coursescontainer {
	width:723px;
	height:970px;
	position:relative;
	margin:60px auto 0;
	clear:both;
}

#content-explorer {
	width:723px;
	height:77px;
	position:relative;
}

#content-explorer ul {
	margin:0;
	padding:0;
	list-style:none;
	width:171px;
	height:77px;
}

#content-explorer ul li a {
	display:block;
}

li#quickstart a {
	background:url(images/tab_quickstart.gif) no-repeat;
	width:154px;
	height:77px;
	position:absolute;
	top:0;
	left:0;
}

li#quickstart a:hover {
	background-position:bottom;
}

li#iphoto a {
	background:url(images/tab_iphoto.gif) no-repeat;
	width:138px;
	height:77px;
	position:absolute;
	top:0;
	left:154px;
}

li#iphoto a:hover {
	background-position:bottom;
}

li#imovie a {
	background:url(images/tab_imovie.gif) no-repeat;
	width:137px;
	height:77px;
	position:absolute;
	top:0;
	left:292px;
}

li#imovie a:hover {
	background-position:bottom;
}

li#garageband a {
	background:url(images/tab_garageband.gif) no-repeat;
	width:138px;
	height:77px;
	position:absolute;
	top:0;
	left:429px;
}

li#garageband a:hover {
	background-position:bottom;
}

li#itunes a {
	background:url(images/tab_itunes.gif) no-repeat;
	width:156px;
	height:77px;
	position:absolute;
	top:0;
	left:567px;
}

li#itunes a:hover {
	background-position:bottom;
}

#content-explorer ul li.selected a {
	background-position:bottom;
}
			
div.yui-content {
	overflow:auto;
	width:723px;
	min-height:400px;
	position:absolute;
	left:0;
	top:77px;
	background:url(images/coursetabs_bg.gif) no-repeat top;
}

#bodycopy {
	width:630px;
	margin:0 auto;
}

#bodycopyleft {
	width:300px;
	float:left;
}

#bodycopyright {
	width:300px;
	padding-left:30px;
	float:left;
}

.pic {
	float:left;
	margin:0 20px 20px 0;
}

#bio {
	position:relative;
	width:600px;
	margin:0 auto;
}

.clear {
	clear:both;
}
		
.footer {
	height:20px;
	width:799px;
	clear:both;
}

.floatleft {
	float:left;
	width:106px;
	height:106px;
	margin-right:20px;
}

.floatright {
	float:right;
	width:250px;
	height:140px;
	margin-left:20px;
}

/* dealers */
#spacer{
display:block;
height:30px;
}
#results{
float:left;
width:450px;
text-align:left;
margin: 0 0 0 35px;
}
#results a {
	color:#666666;
}

#results a:hover {
	color:#9a0a21;
}
#results .result_set{
float:left;
width:500px;
margin: 0 0 60px 0;
}
#results .result_set h1{
color:#B01F2D;
font-size:20px;
margin: 0 0 0 0;
}
#results .result_set table{
font-size:14px;
line-height:18px;
}
#results .result_set table .buttons{
margin: 10px 0 0 0;
}
#results .result_set table .buttons img{
margin: 5px 0 5px 0;
}
#search{
float:right;
width: 240px;
margin: 0 20px 0 0;
}
#reseller{
width:240px;
padding: 10px 0 0 0;
}
#search_box{
float:left;
width: 240px;
height:189px;
margin: 0;
background: url(images/search_box.gif) no-repeat top;
}
#search_form{
float:right;
width:175px;
margin: 20px 0 0 0;
}
#search_form form{
margin:0;
padding:0;
}
#search_form .text{
width: 110px;
}
#search_form .submit{
vertical-align:middle;

}

#search_filter{
float:left;
width:240px;
margin: 60px 0 0 0;
}
#search_filter select{
width:200px;
margin: 0 0 15px 0;
}
.intro{
line-height:20px;
}
#address{
float:left;
width: 240px;
height:189px;
margin: 0;
text-align:left;
font-size:13px;
padding:22px 0 0 80px;
line-height: 16px;
background: url(images/address_box.gif) no-repeat top;
}