a:link {
	color: black; 
	text-decoration: none; 
}

a:visited {
	color: black; 
	text-decoration: none; 
}

body {
	margin: 0px; 
	background-color: #e1e1e1; 
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; 
	font-size: 14px; 
	text-align: center; 
}

img, a>img {
border:0;
margin:0;
padding:0;
}

.left {
	width: 580px; 
	float: left; 
}

.right {
	width: 295px; 
	float: right; 
}

.img-page {
	position: relative; 
	left: 0; 
	right: 0;
	margin-left: auto; 
	margin-right: auto; 
	width: 254px; 
	height: 77px; 
	background-image: url( 4.png ); 
	background-repeat: no-repeat; 
	text-align: center; 
	padding-top: 15px; 
	margin-bottom: -15px; 
}

.container {
	// position: absolute; 
	width: 900px; 
	display: inline-block; 
	/*
	top: 0; 
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	*/
	text-align: left; 
}

.heading-page {
	font-size: 40pt; 
	color: #b7b7b7; 
	letter-spacing: -1.5px; 
	text-align: center; 
	
	text-shadow: 0px 1px 0px white; 
}

.box-left, .box-right, .sub-box-left, .sub-box-right {
	position: relative; 
	background-color: #eee; 
	border: solid 1px #aaa; 
	margin-bottom: 20px; 
	
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	
	-webkit-box-shadow: 0px 0px 5px #bbb;
	-moz-box-shadow: 0px 0px 5px #bbb;
}

.box-left {
	width: 580px; 
}

.box-right { 
	width: 295px; 
}

.sub-box-right {
	width: 295px; 
	border-top: solid 1px #ccc; 
}

.sub-box-left {
	width: 580px; 
	border-top: solid 1px #ccc; 
}

.heading-box-left, .heading-box-right, .sub-heading-box-right, ul.heading-box-main {
	height: 30px;
	top: 0; 
	border-bottom: solid 1px #ccc; 
	background: -moz-linear-gradient( top,  #f8f8f8,  #e5e5e5 ); 
	background: -webkit-gradient( linear, left top, left bottom, from( #f8f8f8 ), to( #e5e5e5 ));
	
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
}

ul.heading-box-main img {
	vertical-align: middle;
}

/* -------------------------------------------------------------------------------------- */

ul.heading-box-main li {
	
}

/* -------------------------------------------------------------------------------------- */

.heading-box-left {
	width: 580px; 
}

.heading-box-right {
	width: 295px;  
}

.text-heading-box, .text-sub-heading-box {
	margin-left: 10px; 
	vertical-align: middle; 
	line-height: 30px; 
	font-size: 13px; 
}
.text-heading-box, .text-sub-heading-box, ul.heading-box-main li a {
	color: #487dcd; 
	text-decoration: none; 
	text-shadow: 0px 1px 0px white; 
}

ul.heading-box-main li {
	background-image: url(arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 23px;
	padding-left:10px;
	height: 30px;
	float:left;
}

ul.heading-box-main li:last-child {
	background-image: none;
}

.list-box-x, .linklist {
	list-style: none; 
	padding: 0px; 
	margin: 0px; 
	width: 100%; 
}

.linklist li {
	padding-bottom: 3px; 
}

.list-box-x li a, .linklist li a {
	text-decoration: none; 
	color: #666; 
	margin-left: 10px; 
	padding-bottom: 12px; 
	
	font-size: 11px; 
}

.list-box-x li:hover, .linklist li:hover {
	background-color: #dfdfdf; 
}

.linklist li:last-child {
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 

}

.linklist li:last-child:hover {
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 

}

.sub-heading-list {
	color: #444; 
	border-top: solid 1px #ccc; 
	border-bottom: solid 1px #ccc; 
	padding: 5px; 
	padding-left: 10px; 
	background: -moz-linear-gradient( top,  #f8f8f8,  #e5e5e5 ); 
	background: -webkit-gradient( linear, left top, left bottom, from( #f8f8f8 ), to( #e5e5e5 ));
}

.bottom {
	width: 900px; 
	float: left; 
}

.footer {
	margin-top: 40px; 
	text-align: center; 
	font-size: 10px; 
	color: #555; 
}

.logo-bottom {
	position: relative; 
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 30px; 
	margin-bottom: 50px; 
	width: 100px; 
	height: 100px; 
	background-image: url( apple.png ); 
}

/* ------------------------------------------------------------------------------------------------ */

.box-main {
	min-width: 900px; 
	background-color: white; 
	border: solid 1px #aaa; 
}

ul.heading-box-main {
	width: 100%; 
	padding: 0px; 
	margin: 0px;
	line-height: 30px;
	list-style: none; 
}

ul.heading-box-main li {
	display: inline; 
}

.arrow-heading-box {
	width: 22px; 
	height: 30px; 
	background-image: url( arrow.png ); 
	display: inline-block; 
	margin-left: 20px; 
}

.list-box-main {
	width: 100%; //900px; 
	border-spacing: 0; 
	border-collapse: collapse; 
}

.list-box-main thead tr {
	height: 20px; 
	top: 0; 
	border-bottom: solid 1px #ccc; 
	background: -moz-linear-gradient( top,  #f8f8f8,  #e5e5e5 ); 
	background: -webkit-gradient( linear, left top, left bottom, from( #f8f8f8 ), to( #e5e5e5 ));
}

.list-box-main thead tr td {
	border-bottom: solid 1px #ccc; 
}

.list-box-main thead tr td {
	padding-top: 1px; 
	padding-bottom: 1px; 
}

.list-box-main thead tr td a {
	font-size: 12px; 
	text-decoration: none; 
	color: black; 
}

.list-box-main tbody {
	color: black; // #444; 
}

.list-box-main tbody tr td {
	padding-top: 2px; 
	padding-bottom: 2px; 
}

.ftype, .fsize, .fmod {
	padding-left: 10px; 
}

thead tr td.ftype, thead tr td.fsize, thead tr td.fmod {
	background-image: url( divider.jpg ); 
	background-repeat: no-repeat; 
	background-position: left; 
}



.fnode, .fname {
	padding-left: 40px; 
}

.fmod {
	padding-right: 30px; 
}

.list-box-main tbody tr td a {
	color: black; // #444; 
	text-decoration: none; 
}

.footer-box-main {
	height: 20px; 
	border-top: solid 1px #ccc; 
	background: -moz-linear-gradient( top,  #f8f8f8,  #e5e5e5 ); 
	background: -webkit-gradient( linear, left top, left bottom, from( #f8f8f8 ), to( #e5e5e5 ));
}

.alt {
	background-color: #edf3fe; 
}

.ti-mp3, .ti-aif, .ti-wav, .ti-dir, .ti-qt, .ti-midi, .ti-pdf, .ti-coda, .typeico {
	width: 16px; 
	height: 16px; 
	float: left; 
	margin-right: 5px; 
}

.typeico {
	background-image: url( 'q.png' ); 
}

.ti-mp3, .ti-aif, .ti-wav {
	background-image: url( itunes.png ); 
}

.ti-dir {
	background-image: url( folder.png ); 
}

.ti-qt {
	background-image: url( 'quicktime.png' ); 
}