@charset "UTF-8";
/* CSS Document */

/* GLOBAL STYLES */

* {border:0;margin:0;padding:0;}

body, html {
	height:100%;
	width: 100%;
	margin: 0px; 
	padding: 0px;
}

body {
	background-color:#232323;
	font-size:18px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	
}

p {
	margin: 0px 0px 20px 0px;	
}

a:link {
	color: #664671;
	text-decoration: none;
}

a:active {
	color: #664671;
	text-decoration: underline;
}

a:visited {
	color: #664671;
	text-decoration: underline;
}

a:hover {
	color: #664671;
	text-decoration: underline;
}

a img {
	border: 0;
}


h2 {
	font-size:27px;
	font-weight:bold;
	color: #000;	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

h1 {
	font-size:23px;
	font-weight:bold;
	color: #000;	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}



#sitewrap {
	/*height:100%;*/
}

body > #sitewrap {
	height: auto; 
	/*min-height: 100%;*/
}
 .clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
Hides from IE-mac 
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/*End hide from IE-mac */


/* CENTERING THE PAGE */

#siteBGColor {
	background-color:#e7d8b9;
}

#sitewrap {
	width: 100%;
    margin: 0px;
	padding: 0px;
	background-image:url(../siteimages/Light_Background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#centerpage {
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;

}
	
#HeaderBar {
	float:left;
	padding: 0px 0px 0px 0px;
	height:75px;
}

a.HeaderBtn1, a.HeaderBtn1:link { 
	float:left;

color: #000000;
text-decoration: none;
display:block; 
width:450px; 
height:75px; 
background-image:url(../siteimages/spacer.gif); 
background-position:left top; 
text-indent:-9999px;
margin: 0px 0px 0px 0px;
}

a.HeaderBtn1:hover { 
	float:left;

color: #000000;
text-decoration: none;
}

a.HeaderBtn2, a.HeaderBtn2:link { 
	float:left;

color: #000000;
text-decoration: none;
display:block; 
width:450px; 
height:75px; 
background-image:url(../siteimages/spacer.gif); 
background-position:left top; 
text-indent:-9999px;
margin: 0px 0px 0px 0px;
}

a.HeaderBtn2:hover { 
	float:left;

color: #000000;
text-decoration: none;
}

#leftColumn {
	float:left;
	width:580px;
	margin: 19px 50px 50px 20px;
	padding: 0px 0px 0px 0px;
}

#rightColumn {
	float:left;
	width:280px;
	margin: 44px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
}


/* NavBtn1 Button */

ul.dropdown li { 
float: left; 
list-style:none; 
}

a.NavBtn1, a.NavBtn1:link { 
color: #000000;
text-decoration: none;
display: block; 
width:100px; 
height:30px; 
background-image:url(../siteimages/Light_Nav1Btn.png); 
background-position:left top; 
text-indent:-9999px;
margin: 0px 0px 0px 0px;
}

a.NavBtn1:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; }

/* NavBtn2 Button */

a.NavBtn2, a.NavBtn2:link { 
color: #000000;
text-decoration: none;
display: block; 
width:95px; 
height:30px; 
background-image:url(../siteimages/Light_Nav2Btn.png); 
background-position:left top; 
text-indent:-9999px;
margin: 0px 0px 0px 0px;
}

a.NavBtn2:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; 
}


a.NavBtn3, a.NavBtn3:link { 
color: #000000;
text-decoration: none;
display: block; 
width:67px; 
height:30px; 
background-image:url(../siteimages/Light_Nav3Btn.png); 
background-position:left top; 
text-indent:-9999px;
margin: 0px 0px 0px 0px;
}

a.NavBtn3:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; 
}


a.NavBtn4, a.NavBtn4:link { 
color: #000000;
text-decoration: none;
display: block; 
width:137px; 
height:30px; 
background-image:url(../siteimages/Light_Nav4Btn.png); 
background-position:left top; 
text-indent:-9999px;
margin: 0px 0px 0px 0px;
}

a.NavBtn4:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; 
}


/* Page Content */

#pageContent {
	margin-top:65px;
	width:580px;
}

#bodyCopy {
	margin:20px 0px 30px 0px;	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#photoGallery {
	margin:20px 0px 0px 0px;
}

#calendar {
	margin:20px 0px 30px 0px;
}

#featuredVideo {
	margin-top:20px;
	padding:17px 17px 17px 17px;
	width:546;
	height:308px;
	background-image: url(../siteimages/Light_FeatureVideoFrame.png);
	background-repeat:no-repeat;
}

#rightColumnCopy {
	font-size:14px;
	margin:15px 0px 0px 0px;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */	
}

#rightColumnTwitter {
	font-size:13px;
	margin:15px 0px 0px 0px;
	height:412px;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */	
}

/* Buy Buttons */

#buttonwrapper2 {
	margin:15px 0px 56px 0px;
}

ul.dropdown li { 
float: left; 
list-style:none; 
}

a.BuyBtn1, a.BuyBtn1:link { 
color: #000000;
text-decoration: none;
display: block; 
width:81px; 
height:26px; 
background-image:url(../siteimages/Light_MusicItunesBtn.png); 
background-position:left top; 
text-indent:-9999px;
margin: 0px 0px 0px 0px;
}

a.BuyBtn1:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; }


a.BuyBtn2, a.BuyBtn2:link { 
color: #000000;
text-decoration: none;
display: block; 
width:87px; 
height:26px; 
background-image:url(../siteimages/Light_MusicAmazonBtn.png); 
background-position:left top; 
text-indent:-9999px;
margin: 0px 0px 0px 0px;
}

a.BuyBtn2:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; 
}


a.BuyBtn3, a.BuyBtn3:link { 
color: #000000;
text-decoration: none;
display: block; 
width:96px; 
height:26px; 
background-image:url(../siteimages/Light_MusicGumroadBtn.png); 
background-position:left top; 
text-indent:-9999px;
margin: 0px 0px 0px 0px;
}

a.BuyBtn3:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; 
}

#horizontalRule {
	width:280px;
	height:1px;
	background-color:#676767;
	margin:15px 0px 20px 0px;
}

#siteSwitchBtn {
	float:left;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a.switchLight, a.switchLight:link { 
color: #000000;
text-decoration: none;
display:block; 
width:280px; 
height:65px; 
background-image:url(../siteimages/Light_GoToTheDark1Btn.png); 
background-position:left top; 
text-indent:-9999px;
margin: 0px 0px 0px 0px;
}

a.switchLight:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; 
}

a.lightGallery1, a.lightGallery1:link {
color: #000000;
text-decoration: none;
display:block; 
width:180px; 
height:135px; 
background-image:url(../siteimages/thumbnails/Light_Photos1.png); 
background-position:left top; 
text-indent:-9999px;
float:left;
}

a.lightGallery1:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; 
}

a.lightGallery2, a.lightGallery2:link {
color: #000000;
text-decoration: none;
display:block; 
width:180px; 
height:135px; 
background-image:url(../siteimages/thumbnails/Light_Photos2.png); 
background-position:left top; 
text-indent:-9999px;
float:left;

}

a.lightGallery2:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; 
}

a.lightGallery3, a.lightGallery3:link {
color: #000000;
text-decoration: none;
display:block; 
width:180px; 
height:135px; 
background-image:url(../siteimages/thumbnails/Light_Photos3.png); 
background-position:left top; 
text-indent:-9999px;
float:left;

}

a.lightGallery3:hover { 
color: #000000;
text-decoration: none;
background-position:left bottom; 
}




/* FOOTER STYLES */


#footer {
	width:100%;
	text-align:left;
	background-image: url(../siteimages/Footer_Bar.png);
	background-repeat:repeat-x;
	color: ffffff;
	font-size:11px;	
	padding:0px;
	float: left;
	height:173px;

}

#centerfooter {
	width: 575px;
	margin: 45px auto 0px auto;
}

#footer a:link {
	color: #c7c7c4;
	text-decoration: none;
}

#footer a:active {
	color: #c7c7c4;
	text-decoration: underline;
}

#footer a:visited {
	color: #666666;
	text-decoration:none;
}

#footer a:hover {
	color: #c7c7c4;
	text-decoration: underline;
}

#footerleft {
	float: left;
	margin: 7px 40px 0px 0px;
	color: #ffffff;

}

#footerright {
	float: left;
	margin: 7px 10px 0px 0px;
	color: #ffffff;

}
#footerrightlogos {
	float: left;
}
.iconShift {
	margin-right: 10px;
}