/* ========================================== *
/* BASIC FORMATTING */
/* ========================================== */
body {
	text-align: center;
	font-size: 13px; 
	line-height: 15px;
	font-family: "Courier New", Courier, mono; 
	color: #3b3a3a;
	text-decoration: none;
	margin: 0px;
	padding: 40px 0 0 0;
	background-color:#2b2b2b;
}

body a {color: #3b3a3a; text-decoration: none;}
body a:hover {color: #00A0C6; text-decoration: underline;}

.invisible { visibility: hidden; padding:0; margin:0px; font-size: 0px; line-height: 0px}

/* ========================================== *
/* MAIN BLOCK ELEMENTS */
/* ========================================== */

#main {
	width: 950px;
	height: 1020px;
	margin: 0 auto;
	padding: 0;
	clear:both;
	background-color:#fdfdf5;
}
#main-splash {
	width: 950px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	clear:both;
	background-color:#f9f9f3;
}
#clear-main {width:950px; height:0px; clear: both;}

/* ========================================== *
/* MAIN FLOAT ELEMENTS */
/* ========================================== */
#col1 {
	width: 340px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	float:left;
	margin: 60px 16px 0 0;
	padding:0;
	border-left: 42px solid #fdfdf5;
}
#col2 {
	width: 510px;
	text-align: left;
	vertical-align: top;
	float:left;
	margin: 60px 0  0 0;
	padding:0;
	height: 100%
}

/* ========================================== *
	COLUMN ONE
/* ========================================== */
#logo {width: 340px; height: 55px;}

#logo img{border: 0px; margin: 00 ;}

#subnav {height: 258px; border-top: 7px solid #3b3a3a;}

#subnav1 {margin: 12px 0 0 0; display:block; font-size: 1px;}
#subnav2 {margin: 0; display:block; font-size: 4px;}
#subnav3 {margin: 0; display:block; font-size: 4px;}

#subnav1 a{width: 85px; height: 16px; margin: 12px 0 0 0; background-image:url(images/artists1.gif); background-repeat:no-repeat; background-position:0px 0px; text-decoration:none; display:block;}
#subnav2 a{width: 96px; height: 16px; margin: 0; background-image:url(images/artists2.gif); background-repeat:no-repeat; background-position:0px 0px; text-decoration:none; display:block;}
#subnav3 a{width: 101px; height: 17px; margin: 0; background-image:url(images/artists3.gif); background-repeat:no-repeat; background-position:0px 0px; text-decoration:none; display:block;}

#subnav1 a:hover{width: 85px; height: 16px; margin: 12px 0 0 0; background-image:url(images/artists1.gif); background-repeat:no-repeat; background-position:0px -16px; text-decoration:none; display:block;}
#subnav2 a:hover{width: 96px; height: 16px; margin: 0; background-image:url(images/artists2.gif); background-repeat:no-repeat; background-position:0px -16px; text-decoration:none; display:block;}
#subnav3 a:hover{width: 101px; height: 17px; margin: 0; background-image:url(images/artists3.gif); background-repeat:no-repeat; background-position:0px -17px; text-decoration:none; display:block;}

#subnav1-active {margin: 12px 0 0 0; display:block; font-size: 1px;}
#subnav2-active {margin: 0; display:block; font-size: 4px;}
#subnav3-active {margin: 0; display:block; font-size: 4px;}


#details {
	height: 76px;
	border-top: 1px solid #3b3a3a;
	border-bottom: 1px solid #3b3a3a;
	font-size: 11px;
	line-height: 12px;
	text-transform: uppercase;
}
#details p {padding: 8px 0 5px 0; margin: 0;}

#details2 {
	height: 76px;
	border-top: 1px solid #3b3a3a;
	border-bottom: 1px solid #3b3a3a;
	font-size: 11px;
	line-height: 12px;
}
#details2 p {padding: 8px 0 5px 0; margin: 0;}

/* ========================================== *
	COLUMN TWO
/* ========================================== */
#navigation {
	width: 510px;
	height: 55px;
	text-align: left;
	vertical-align:top;
}
#nav-active {float: left; height: 16px; margin: 0 26px 0 0; text-decoration:none;}

#nav1 {float: left; width: 57px; height: 16px; margin: 0 26px 0 0; background-image:url(images/nav1.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
#nav2 {float: left; width: 45px; height: 16px; margin: 0 26px 0 0; background-image:url(images/nav2.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
#nav3 {float: left; width: 66px; height: 16px; margin: 0 26px 0 0; background-image:url(images/nav3.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
#nav4 {float: left; width: 78px; height: 16px; margin: 0 26px 0 0; background-image:url(images/nav4.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
#nav5 {float: left; width: 56px; height: 16px; margin: 0 26px 0 0; background-image:url(images/nav5.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
#nav6 {float: left; width: 36px; height: 16px; margin: 0 26px 0 0; background-image:url(images/nav6.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}

#nav1 a{float: left; width: 57px; height: 16px; margin: 0; background-image:url(images/nav1.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
#nav2 a{float: left; width: 45px; height: 16px; margin: 0; background-image:url(images/nav2.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
#nav3 a{float: left; width: 66px; height: 16px; margin: 0; background-image:url(images/nav3.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
#nav4 a{float: left; width: 78px; height: 16px; margin: 0; background-image:url(images/nav4.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
#nav5 a{float: left; width: 56px; height: 16px; margin: 0; background-image:url(images/nav5.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
#nav6 a{float: left; width: 36px; height: 16px; margin: 0; background-image:url(images/nav6.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}

#nav1 a:hover{float: left; width: 57px; height: 16px; margin: 0; background-image:url(images/nav1.gif); background-repeat:no-repeat; background-position:left bottom; text-decoration:none;}
#nav2 a:hover{float: left; width: 45px; height: 16px; margin: 0; background-image:url(images/nav2.gif); background-repeat:no-repeat; background-position:left bottom; text-decoration:none;}
#nav3 a:hover{float: left; width: 66px; height: 16px; margin: 0; background-image:url(images/nav3.gif); background-repeat:no-repeat; background-position:left bottom; text-decoration:none;}
#nav4 a:hover{float: left; width: 78px; height: 16px; margin: 0; background-image:url(images/nav4.gif); background-repeat:no-repeat; background-position:left bottom; text-decoration:none;}
#nav5 a:hover{float: left; width: 56px; height: 16px; margin: 0; background-image:url(images/nav5.gif); background-repeat:no-repeat; background-position:left bottom; text-decoration:none;}
#nav6 a:hover{float: left; width: 36px; height: 16px; margin: 0; background-image:url(images/nav6.gif); background-repeat:no-repeat; background-position:left bottom; text-decoration:none;}

#image-area {
	width: 510px;
	height: 343px;
	text-align:left;
	background-color:#EBEADF;
}
#content-area-1 {background-color:#f4f4ef; height:562px;}
#content-area-2 {background-color:#EBEADF; height:562px;}
#content-area-3 {background-color:#E1E7DB; height:562px;}
#content-area-4 {background-color:#AFA994; height:562px;}
#content-area-5 {background-color:#827B75; height:562px;}
#content-area-6 {background-color:#CCCCCC; height:562px;}
#content-area-7 {background-color:#f4f4ef; height:905px;}
#content-area-8 {background-color:#ffffff; height:905px;}

#arrows {height: 56px; border-bottom: 6px solid #3b3a3a;}

.prev {float: left; width: 8px; height: 13px; margin: 25px 0 0 10px; text-decoration:none; font-size: 1px;}
.prev a {float: left; display: block; width: 8px; height: 13px; margin: 0; background-image:url(images/arrows3.gif); background-repeat:no-repeat; background-position:left bottom; text-decoration:none;}
.prev a:hover {float: left; display: block; width: 8px; height: 13px; background-image:url(images/arrows3.gif); background-repeat:no-repeat; background-position:left top; text-decoration:none;}
.next {float: left; width: 8px; height: 13px; margin: 25px 0 0 20px; text-decoration:none; font-size: 1px;}
.next a {float: left; display: block; width: 8px; height: 13px; margin: 0; background-image:url(images/arrows3.gif); background-repeat:no-repeat; background-position:right bottom; text-decoration:none;}
.next a:hover {float: left; display: block; width: 8px; height: 13px; background-image:url(images/arrows3.gif); background-repeat:no-repeat; background-position:right top; text-decoration:none;}

#content {font-size: 13px; line-height: 15px;}
#content p {padding: 5px 0 30px 3px; margin: 0; width: 490px;}
.sections {border-top: 6px solid #3b3a3a; padding: 10px 0 30px 0;}
.sections2 {border-top: 6px solid #3b3a3a; padding: 15px 0 30px 0; text-align: right;}