@charset "UTF-8";
body {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #D7C7A5;
}

.seanstyle #container {
	
	width: 960px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background-color: black;
}

.seanstyle #maincontent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.seanstyle #container #maincontent{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: black;
}


/******************************************INDEX *******/

#framemiddle #maincontent #indexback1{
	width: 800px;
	height: 100%;


}

#framemiddle #indexback1 #indextext1 {
	margin-top: 1px;
	/*margin-left: 15px;
	margin-right: 15px;*/
}
/******************************************BIO *******/

#framemiddle #maincontent #bioback1 {
	background: transparent url(images/bio-image.png) no-repeat right top;
	height: 100%;
	width: 800px;

}

#maincontent #bioback1 #biotext1{

}

/******************************************SHOW *******/

#framemiddle #maincontent #showback1 {
	background: transparent url(images/image-show1.png) no-repeat left top;
	width: 400px;
	float: left;
	height: 600px;
}

#maincontent #showback1 #showtext1{
	width: 400px;
	padding-top: 115px;
}
#framemiddle #maincontent #showback2 {
	background: transparent url(images/image-show2.png) no-repeat right top;
	width: 400px;
	height: 900px;
	float: right;
}
#maincontent #showback2 #showtext2{
	width: 400px;
	padding-bottom: 80px;
	text-align: center;
}
#maincontent #showback2 #showtext2 h2{
	border-bottom: medium solid #D7C7A5;
	margin-right: 20px;
	margin-left: 20px;
	right: 30px;
	left: 30px;
}

/******************************************  MUSIC   *******/

#framemiddle #maincontent #musictitle {
	height: 80px;
	width: 800px;
	clear: both;
}
#framemiddle #maincontent #musictitle img{
	display: block;
	position: relative;
	left: 100px;
	right: 100px;
}
#framemiddle #maincontent #musicback1 {
	height: 100%;
	float: left;
	width: 400px;

}

#maincontent #musicback1 #musictext1{
	width: 350px;
	height: 100%;
	overflow: auto;
	position: relative;
	visibility: visible;
	padding-bottom: 80px;
	right: 25px;
	left: 0;
	font-size: smaller;
}
#framemiddle #maincontent #musicback2 {
	height: 600px;
	float: right;
	width: 400px;
	color: black;
	background: url(images/up_curve.gif) no-repeat right bottom;
}
#framemiddle #maincontent #musicback2 #paypal {
	text-align: left;
	background: transparent center bottom;
	float: left;
	position: relative;
	left: 12px;
	bottom: 50px;
}
#maincontent #musicback2 #musictext2{
	float: right;
	width: 400px;
	height: 600px;

	text-align: center;
	/*vertical-align: top;*/
}
#maincontent #musicback2 #musictext2 h2{
	border-bottom: medium solid #D7C7A5;
	margin-right: 20px;
	margin-left: 20px;
	right: 30px;
	left: 30px;
	color: #D7C7A5;
}

/****************************************** IMAGERY *******/

#framemiddle #maincontent #imageryback1 {
	background: transparent url(images/image-imagery1.png) no-repeat scroll left top;
	float: left;
	width: 400px;
height: 600px;
}

#maincontent #imageryback1 #imagerytext1{
	
	float: right;
	width: 400px;
	padding-bottom: 80px;
	margin-right: 0;
	padding-top: 80px;
}
#imagerytext1 ul {
	text-align: right;
	list-style-type: none;
	line-height: 36px;
	font-size: 18px;
	margin-right: 36px;
}
#imagerytext1 ul li{
	text-decoration: none;
}

#imagerytext1 ul li a {
	text-decoration: underline;
	color: #D7C7A5;
}
#imagerytext1 ul li a:hover {
	color: #D7C7A5;
	font-weight: bold;
}

#framemiddle #maincontent .credits{
	position: absolute;
	top: 550px;
	left:40%;
	text-align: center;
}

#framemiddle #maincontent .credits a{
	font-weight: bold;
	color: white;
}
#framemiddle #maincontent .credits a:visited{
	font-weight: bold;
	color: white;
}
#framemiddle #maincontent .credits a:hover{
	font-weight: bold;
	text-decoration: underline;
	color: #D7C7A5;
}
#framemiddle #maincontent .credits a:active{
	font-weight: bold;
	text-decoration: underline;
	color: #D7C7A5;
}

#framemiddle #maincontent #imageryback2 {
	background: transparent url(images/image-imagery2.png) no-repeat scroll right top;
	height: 600px;
	float: right;
	width: 400px;

}
#maincontent #imageryback2 #imagerytext2{
	float: left;
	width: 400px;
	height: 600px;
	padding-bottom: 80px;
	text-align: left;
	padding-top: 80px;
}
#imagerytext2 ul {
	text-align: left;
	list-style-type: none;
line-height: 36px;
	font-size: 18px;
	padding-top: 18px;
	margin-left: 0;
}

#imagerytext2 ul li a:link {
	color: #D7C7A5;
	text-decoration: underline;
}
#imagerytext2 ul li a:hover {
	font-weight: bold;
}
#imagerytext2 ul li a:visited {
	color: #D7C7A5;
	text-decoration: underline;
}
#imagerytext2 ul li a:active{
	font-weight: bold;
}
#maincontent #imageryback2 #imagerytext2 h2{
	border-bottom: medium solid #D7C7A5;
	margin-right: 20px;
	margin-left: 20px;
	right: 30px;
	left: 30px;
}


/****************************************** COMTACT  *******/

#framemiddle #maincontent #contactback1 {
	background: transparent url(images/image-contact1.png) no-repeat scroll left top;
	float: left;
	width: 400px;
height: 600px;
}

#contactback1 #contacttext1 ul li a:link  {
	color: #D7C7A5;
	text-decoration: underline;
}
#contactback1 #contacttext1 ul li a:hover{
color: #938971;

}
#contactback1 #contacttext1 ul li a:visited{
color: #D7C7A5;
	text-decoration: underline;
}
#framemiddle #maincontent #contactback2 {
	background: transparent url(images/image-contact2.png) no-repeat scroll right top;
	height: 600px;
	float: right;
	width: 400px;
}
#contactback2 a img{
	border-style: none;
	background-position: center;
	background-attachment: fixed;
}

#contactback2 a:hover img {
	
	/*border: thin solid #D7C7A5;*/
	background-position: center;
	background-attachment: fixed;
}
#maincontent #contactback2 #contacttext2{
	float: right;
	width: 400px;
	overflow: auto;
	position: relative;
	visibility: visible;
	padding-bottom: 80px;
	text-align: left;
	margin-top: 150px;
}



/******************************************FOOTER *******/



/*******************************************************************************FRAME FRAME FRAME *************/
.seanstyle #frametop {
	background: url(images/sb_frametop.gif) no-repeat 0 0;
	width: 960px;
	height: 125px;
	margin-right: auto;
	margin-left: auto;

}

.seanstyle #frametop_center {
	padding-top: 15px;
}
.seanstyle #framemiddle {
	background: transparent url(images/sb_framemiddle.gif) repeat-y 0 125px;
	height: 1300px;
}



.seanstyle #framebottom{
	width: 960px;
	height: 125px;
	
	margin-right: auto;
	margin-left: auto;
	background: url(images/sb_framebottom.gif) no-repeat;

}
#framebottom_center a img{
	
	margin-bottom: 0;
	margin-top: 65px;
	border-style: none;
}
#framebottom_center a:hover{
	
	/*border: thin solid fuchsia;*/
}



.seanstyle #framebottom #framebottom_center{
	text-align: center;
	z-index: 3;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
}


/**************************************** NAV *******************************************************/
#frametop_center #nav {
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 5px;*/
	text-align: center;
}
#frametop_center #nav ul  {
	margin: 0;
	/*list-style-type: none;*/
	list-style-image: none;
	font: 100%;
	
}
#frametop_center #nav ul li {
	display: inline;
	letter-spacing: 2px;

}
#frametop_center #nav ul li a.here {
	margin: 0;
	padding-right: 4px;
	padding-left: 4px;
	color: #D7C7A5;
	border-bottom: thin solid #D7C7A5;
}

#frametop_center #nav ul li a {
	text-decoration: none;
	margin: 0;
	padding-right: 4px;
	padding-left: 4px;
	color: #938971;
}

#frametop_center #nav ul li a:visited {
	text-decoration: none;
	margin: 0;
	padding-right: 4px;
	padding-left: 4px;

}
#frametop_center #nav ul li a:hover{
		text-decoration: none;
	/*text-decoration: underline;*/
	margin: 0;
	padding-right: 4px;
	padding-left: 4px;
	color: #D7C7A5;
}
#frametop_center #nav ul li a:active{
	text-decoration: none;
	margin: 0;
	padding-right: 4px;
	padding-left: 4px;
}		
