/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {height:100%; margin:0; padding:0;}
/* Set the position and dimensions of the background image. */
a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #FFCC99;
	text-decoration: none;
}


#page-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index: -1;
}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {
	position: relative;
	z-index: 1;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}


#Logo {
	margin-left: auto;
	margin-right: auto;
	height: 108px;
	width: 500px;
	color: #000;
	font-family: "Times New Roman";
	font-size: 20px;
	text-align: center;
	top: 0px;
	z-index: 0;
}
#newRelease {
	margin-left: auto;
	margin-right: auto;
	height: 108px;
	width: 500px;
	color: #000;
	font-family: "Times New Roman";
	font-size: 20px;
	text-align: center;
	top: 0px;
	z-index: 0;
}

#Gallery_Container {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	text-align: center;
	z-index: 0;
}
#productMainWrap {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	display: table;
	margin-bottom: 50px;
}

#productWrap {
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	width: 200px;
	background-image: url('../images/sections/trans_bg.png');
	float: left;
	min-height: 290px;
	display: table;
	margin-bottom: 30px;
}
#productPic {
	width: 200px;
	display: table;
}
#productTitle {
	width: 200px;
	display: table;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: center;
	margin-top: 5px;
}
#productButton {
	width: 200px;
	display: table;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: center;
	margin-top: 5px;
}
#productButtonLeft {
	width: 100px;
	display: table;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: center;
	margin-top: 5px;
	float: left;
}
#productButtonRight {
	width: 100px;
	display: table;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: center;
	margin-top: 5px;
	float: left;
}

/* CONTENT SECTIONS */

#Section_Outline {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-image: url('../images/sections/trans_bg.png');
}
#Section_Outline10 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-image: url('../images/sections/trans_bg3.png');
	border: 2px #000000 solid;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
#Section_Outline2 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
#Section_Outline2b {
	margin-left: auto;
	margin-right: auto;
	width: 1050px;
}
#Section_Outline3 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-image: url('../images/sections/trans_bg.png');
}
#Section_Outline3:hover {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-image: url('../images/sections/trans_bg.png');
	background-color: #000000;
}
#Section_GalleryTitle {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}


/* CORNERS */

 div.topleft{
	display: block; /*set the div in the bottom right corner*/;
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	z-index: -1;
	background-image: url('../images/corners/Corners_TL.png');
}
 div.topright{
	display: block; /*set the div in the bottom right corner*/;
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 300px;
	z-index: -1;
	background-image: url('../images/corners/Corners_TR.png');
}
 div.botleft{
	display: block; /*set the div in the bottom right corner*/;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 300px;
	height: 300px;
	z-index: -1;
	background-image: url('../images/corners/Corners_BL.png');
}

 div.botright{
	display: block; /*set the div in the bottom right corner*/;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 300px;
	height: 300px;
	z-index: -1;
	background-image: url('../images/corners/Corners_BR.png');
}

/* FOOTER */


#footer {
	height: 30px;
	font-family: Arial;
	font-size: 9pt;
	text-align: right;
	color: #FFFFFF;
	padding-top: 26px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	display: block; /*set the div in the bottom right corner*/;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 10px;
}
#footer2 {
	height: 30px;
	font-family: Arial;
	font-size: 9pt;
	text-align: right;
	color: #FFFFFF;
	padding-top: 26px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
.option_image_one {
	width: 80px;
	float: left;
	display: table;
	margin-top: 5px;
	margin-right: 5px;
	cursor: pointer;
}



/* STYLES */

.style1 {
	border-width: 0;
}
.style2 {
	border-width: 0px;
}
.style3 {
	font-family: Arial;
	color: #FFDDBB;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	text-shadow: 1px 1px 1px #000;
}
.style4 {
	font-family: Arial;
	color: #FFFFFF;
	font-size: 11pt;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
}
.style5 {
	font-family: Arial;
	color: #FFFFFF;
	font-size: 11pt;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
}
.style6 {
	border-width: 0;
	font-family: Arial;
	color: #FFFFFF;
	font-size: 11pt;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
}
.style7 {
	font-family: Arial;
	font-size: 14pt;
	text-align: center;
}
.style8 {
	font-family: Arial;
	color: #FFFFFF;
	font-size: 11pt;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
	text-align: center;
}
.style9 {
	text-align: center;
}
.style10 {
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
}
.style11 {
	font-size: 14pt;
	color: #FFCC99;
}

.style12 {
	font-family: Arial;
	color: #FFFFFF;
	font-size: 11pt;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
	text-align: right;
}
.style13 {
	text-align: center;
	color: #FFF;
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;

}
.style14 {
	font-family: Arial;
	color: #FFFFFF;
	font-size: 8pt;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
}
.style15 {
	font-size: 14pt;
	color: #000000;
	font-weight: normal;
	margin-bottom: 10px;
	text-shadow: 0px 0px 0px #000;	
}
.style16 {
	font-size: 14pt;
	color: #2F6D78;
	font-weight: normal;
	text-shadow: 0px 0px 0px #000;
}
.style17 {
	font-size: 10pt;
	color: #000000;
	font-weight: normal;
	margin-bottom: 10px;
	text-shadow: 0px 0px 0px #000;	
}

.style17 {
	font-family: Arial;

	font-size: 18pt;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 10px;
	text-shadow: 0px 0px 0px #000;
	text-align: center;
}

.auto-style1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	color: #FFFFFF;
	text-align: center;
}
.auto-style2 {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	color: #FFFFFF;
}



/* TOP NAV */

#Top_Nav {
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
#Top_Nav2 {
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

#TN_sundial_button{
	display: block;
	width: 90px;
	height: 100px;
	background-image: url('../images/Top_Nav/Sundial.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_sundial_button:hover
{ 
  background-position: 0 -100px;
}
#TN_sundial_button span
{
  display: none;
}

#TN_affairs_button{
	display: block;
	width: 87px;
	height: 100px;
	background-image: url('../images/Top_Nav/Affairs.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_affairs_button:hover
{ 
  background-position: 0 -100px;
}
#TN_affairs_button span
{
  display: none;
}
#TN_affairs_button_ov
{ 
	display: block;
	width: 87px;
	height: 100px;
	background-image: url('../images/Top_Nav/Affairs.png');
	background-repeat: no-repeat;
	float: left;
    background-position: 0 -100px;
}

#TN_broadcast_button{
	display: block;
	width: 118px;
	height: 100px;
	background-image: url('../images/Top_Nav/Broadcast.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_broadcast_button:hover
{ 
  background-position: 0 -100px;
}
#TN_broadcast_button span
{
  display: none;
}
#TN_broadcast_button_ov{
	display: block;
	width: 118px;
	height: 100px;
	background-image: url('../images/Top_Nav/Broadcast.png');
	background-repeat: no-repeat;
	float: left;
    background-position: 0 -100px;
}


#TN_gallery_button{
	display: block;
	width: 99px;
	height: 100px;
	background-image: url('../images/Top_Nav/Gallery.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_gallery_button:hover
{ 
  background-position: 0 -100px;
}
#TN_gallery_button span
{
  display: none;
}
#TN_gallery_button_ov{
	display: block;
	width: 99px;
	height: 100px;
	background-image: url('../images/Top_Nav/Gallery.png');
	background-repeat: no-repeat;
	float: left;
    background-position: 0 -100px;
}

#TN_links_button{
	display: block;
	width: 112px;
	height: 100px;
	background-image: url('../images/Top_Nav/Links.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_links_button:hover
{ 
  background-position: 0 -100px;
}
#TN_links_button span
{
  display: none;
}
#TN_links_button_ov{
	display: block;
	width: 112px;
	height: 100px;
	background-image: url('../images/Top_Nav/Links.png');
	background-repeat: no-repeat;
	float: left;
    background-position: 0 -100px;
}

#TN_commune_button{
	display: block;
	width: 99px;
	height: 100px;
	background-image: url('../images/Top_Nav/Commune.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_commune_button:hover
{ 
  background-position: 0 -100px;
}
#TN_commune_button span
{
  display: none;
}
#TN_commune_button_ov{
	display: block;
	width: 99px;
	height: 100px;
	background-image: url('../images/Top_Nav/Commune.png');
	background-repeat: no-repeat;
	float: left;
    background-position: 0 -100px;
}

#TN_libretto_button{
	display: block;
	width: 105px;
	height: 100px;
	background-image: url('../images/Top_Nav/Libretto.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_libretto_button:hover
{ 
  background-position: 0 -100px;
}
#TN_libretto_button span
{
  display: none;
}
#TN_libretto_button_ov{
	display: block;
	width: 105px;
	height: 100px;
	background-image: url('../images/Top_Nav/Libretto.png');
	background-repeat: no-repeat;
	float: left;
    background-position: 0 -100px;
}

#TN_social_button{
	display: block;
	width: 100px;
	height: 100px;
	background-image: url('../images/Top_Nav/Social.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_social_button:hover
{ 
  background-position: 0 -100px;
}
#TN_social_button span
{
  display: none;
}
#TN_social_button_ov{
	display: block;
	width: 100px;
	height: 100px;
	background-image: url('../images/Top_Nav/Social.png');
	background-repeat: no-repeat;
	float: left;
    background-position: 0 -100px;
}

#TN_tones_button{
	display: block;
	width: 90px;
	height: 100px;
	background-image: url('../images/Top_Nav/Tones.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_tones_button:hover
{ 
  background-position: 0 -100px;
}
#TN_tones_button span
{
  display: none;
}
#TN_tones_button_ov{
	display: block;
	width: 90px;
	height: 100px;
	background-image: url('../images/Top_Nav/Tones.png');
	background-repeat: no-repeat;
	float: left;
    background-position: 0 -100px;
}


#TN_store_button{
	display: block;
	width: 78px;
	height: 100px;
	background-image: url('../images/Top_Nav/Store.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_store_button:hover
{ 
  background-position: 0 -100px;
}
#TN_store_button span
{
  display: none;
}
#TN_store_button_ov{
	display: block;
	width: 78px;
	height: 100px;
	background-image: url('../images/Top_Nav/Store.png');
	background-repeat: no-repeat;
	float: left;
    background-position: 0 -100px;
}



#TN_diamond_button{
	display: block;
	width: 325px;
	height: 258px;
	background-image: url('../images/diamond-up.png');
	background-repeat: no-repeat;
	float: left;
}
#TN_diamond_button:hover
{ 
  background-position: 0 -258px;
}
#TN_diamond_button span
{
  display: none;
}
#TN_diamond_button_ov{
	display: block;
	width: 325px;
	height: 258px;
	background-image: url('../images/diamond-up.png');
	background-repeat: no-repeat;
	float: left;
    background-position: 0 -258px;
}

/* SUNDIAL */

#Sundial_Nav {
	height: 550px;
	width: 700px;
	text-align: center;
	background-image: url('../images/Sundial_Nav/Sundial.png');
	margin-left: auto;
	margin-right: auto;
}

 div.sun_affairs{
	display: block;
	position: absolute;
	top: 105px;
	left: 440px;
	width: 118px;
	height: 129px;
	z-index: 1;
}
#sun_affairs_button{
	display: block;
	width: 118px;
	height: 129px;
	background-image: url('../images/Sundial_Nav/Affairs.png');
	background-repeat: no-repeat;
}

#sun_affairs_button:hover
{ 
  background-position: 0 -129px;
}

#sun_affairs_button span
{
  display: none;
}



 div.sun_broadcast{
	display: block;
	position: absolute;
	top: 130px;
	left: 590px;
	width: 196px;
	height: 164px;
	z-index: 1;

}
#sun_broadcast_button{
	display: block;
	width: 196px;
	height: 164px;
	background-image: url('../images/Sundial_Nav/Broadcast.png');
	background-repeat: no-repeat;
}

#sun_broadcast_button:hover
{ 
  background-position: 0 -164px;
}

#sun_broadcast_button span
{
  display: none;
}



 div.sun_gallery{
	display: block;
	position: absolute;
	top: 310px;
	left: 640px;
	width: 183px;
	height: 144px;
	z-index: 1;
}
#sun_gallery_button{
	display: block;
	width: 183px;
	height: 144px;
	background-image: url('../images/Sundial_Nav/Gallery.png');
	background-repeat: no-repeat;
}

#sun_gallery_button:hover
{ 
  background-position: 0 -144px;
}

#sun_gallery_button span
{
  display: none;
}



 div.sun_links{
	display: block;
	position: absolute;
	top: 476px;
	left: 590px;
	width: 170px;
	height: 102px;
	z-index: 1;
}
#sun_links_button{
	display: block;
	width: 170px;
	height: 102px;
	background-image: url('../images/Sundial_Nav/Links.png');
	background-repeat: no-repeat;
}

#sun_links_button:hover
{ 
  background-position: 0 -102px;
}

#sun_links_button span
{
  display: none;
}



 div.sun_commune{
	display: block;
	position: absolute;
	top: 536px;
	left: 430px;
	width: 118px;
	height: 124px;
	z-index: 1;

}
#sun_commune_button{
	display: block;
	width: 118px;
	height: 124px;
	background-image: url('../images/Sundial_Nav/Commune.png');
	background-repeat: no-repeat;
}

#sun_commune_button:hover
{ 
  background-position: 0 -124px;
}

#sun_commune_button span
{
  display: none;
}


 div.sun_tones{
	display: block;
	position: absolute;
	top: 160px;
	left: 308px;
	width: 106px;
	height: 109px;
	z-index: 1;

}
#sun_tones_button{
	display: block;
	width: 106px;
	height: 109px;
	background-image: url('../images/Sundial_Nav/Tones.png');
	background-repeat: no-repeat;
}

#sun_tones_button:hover
{ 
  background-position: 0 -109px;
}

#sun_tones_button span
{
  display: none;
}


 div.sun_social{
	display: block;
	position: absolute;
	top: 295px;
	left: 160px;
	width: 191px;
	height: 169px;
	z-index: 1;
}
#sun_social_button{
	display: block;
	width: 191px;
	height: 169px;
	background-image: url('../images/Sundial_Nav/Social.png');
	background-repeat: no-repeat;
}

#sun_social_button:hover
{ 
  background-position: 0 -169px;
}

#sun_social_button span
{
  display: none;
}



 div.sun_libretto{
	display: block;
	position: absolute;
	top: 480px;
	left: 240px;
	width: 187px;
	height: 152px;
	z-index: 1;
}
#sun_libretto_button{
	display: block;
	width: 187px;
	height: 152px;
	background-image: url('../images/Sundial_Nav/Libretto.png');
	background-repeat: no-repeat;
}

#sun_libretto_button:hover
{ 
  background-position: 0 -152px;
}

#sun_libretto_button span
{
  display: none;
}

a.external:link {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
a.external:visited {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}
a.external:active {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}
a.external:hover {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}