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

html { height: 100%; }

body {
	background-image: url(img/bg.jpg);
	margin: 0px;
	padding:0px;
	min-height: 100%;
	height: 100%;
	background-color: #383838;
	background-repeat: repeat;
}

#maincolumn {
width:942px;
min-height:100%;
height:auto;
margin:0 auto;
background-image: url(img/body-bg.jpg);

}

.navfont {
font-family:Georgia, "Times New Roman", Times, serif;
color: #525252;
word-spacing: normal;
text-align: left;
letter-spacing: 1px;
line-height: 1.3em;
font-size: .9em;
}

.header{
	margin:14px 0px 13px 46px;
}
.topline{
	margin:0px 0px 1px 46px;
}

.botline{
	margin:0px 0px 0px 0px;
}

.footline{
	margin:0px 0px 4px 0px;
}

.button{
	margin:3px 0px 0px 0px;
}

.headline{
	margin:0px 0px 10px 0px;
}

.subline{
	margin:0px 0px 5px 0px;
}

.splash{
	margin:0px 0px 10px 0px;
}

.home-portrait{
margin: 0px 0px 0px 0px;
padding:0px 15px 40px 0px;
float:left;
}

#left-column {
	width: 545px;
	float:left;
	display: inline;
	margin: 9px 0px 0px 9px;
	padding: 0px 0px 0px 0px;
	}

#welcome-column {
	width: 850px;
	margin: 0px 0px 10px 46px;
	padding: 0px 0px 0px 0px;
		}	

#wide-column {
	width: 880px;
	float:left;
	margin: 9px 0px 0px 9px;
	padding: 0px 0px 0px 0px;
	}
	
#project-title {
	width: 880px;
	margin: 9px 0px 0px 9px;
	padding: 0px 0px 0px 0px;
	height:27px;
	}


#conclusion-column {
	width: 295px;
	float:right;
	margin: 9px 9px 20px 0px;
	padding: 0px 0px 60px 0px;
	display: inline;
	}


#right-column {
	width: 305px;
	float:right;
	display: inline;
	margin: 9px 9px 20px 0px;
	padding: 0px 0px 60px 18px;
	border-left: 1px solid #c3c3c3;
	}

#footer {
clear: both;
width: 880px;
margin:0 auto;
padding: 0px 0px 27px 0px;
text-align:center;
} 

.footer{
	font:10px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#818181;
	letter-spacing:1px;
	
}

#foot-left-col { 
float: left; 
text-align: left;
padding: 0px 0 10px 14px; 
margin: 0 auto; 
width: 200px; 
}

#foot-right-col { 
float: right; 
text-align: right;
padding: 0px 14px 10px 0px; 
margin: 0 auto; 
width: 290px; 
}


.project_type{
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#818181;
	
	
}

.step_number{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#818181;
	letter-spacing:1px;
}

.contact_header{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#2d2d2d;
	
}

.project_title{
	font:bold 13px Georgia, "Times New Roman", Times, serif;
	color:#2d2d2d;
	
}

.process_header{
	font:21px Georgia, "Times New Roman", Times, serif;
	color:#2d2d2d;
	
}

.project_header{
	font:23px Georgia, "Times New Roman", Times, serif;
	color:#2d2d2d;
	
}

.album-title-big{
	font:16px Helvetica, Arial,  sans-serif;
	color:#2d2d2d;
	font-weight:bold;
	line-height:30px;
	
}

.album-title{
	font:15px Helvetica, Arial,  sans-serif;
	color:#2d2d2d;
	font-weight:bold;
	line-height:30px;
	
}

.body_text{
	font:13px Helvetica, Arial,  sans-serif;
	color:#2d2d2d;
	line-height:19px;
	
}



#menu {
	width:850px;
	margin:0px 0px 13px 46px;
	padding:0;
	text-align:left;
	position:relative;
	}

/*--------------  NAVIGATION  -----------------*/

ul#navigation{
	height:36px;
	width:850px;
	background-image:url(img/nav.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	}
ul#navigation li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	text-indent:-9999px;
	}
ul#navigation li, ul#navigation a{
	height:36px;
	display:block;
	}
ul#navigation li a{
	text-indent:-9999px;
	text-decoration:none;
	}
p {
    padding: 0px 0px 7px 0px; 
	margin:0px;
}  


/* nav menu */
	li#home {left:0px; width:59px;}
	li#musicstore {left:59px; width:127px;}
	li#shows {left:186px; width:89px;}
	li#contact {left:275px; width:100px;}
	li#myspace {left:375px; width:102px;}
	li#youtube {left:477px; width:102px;}
	li#itunes {left:579px; width:86px;}
	li#facebook {left:665px; width:113px;}
	li#twitter {left:778px; width:72px;}
	
/* nav hover */
	li#home a:hover	{background:transparent url(img/nav.gif) -0px -36px no-repeat;}
	li#musicstore a:hover	{background:transparent url(img/nav.gif) -59px -36px no-repeat;}
	li#shows a:hover	{background:transparent url(img/nav.gif) -186px -36px no-repeat;}
	li#contact a:hover {background:transparent url(img/nav.gif) -275px -36px no-repeat;}
	li#myspace a:hover {background:transparent url(img/nav.gif) -375px -36px no-repeat;}
	li#youtube a:hover {background:transparent url(img/nav.gif) -477px -36px no-repeat;}
	li#itunes a:hover {background:transparent url(img/nav.gif) -579px -36px no-repeat;}
	li#facebook a:hover {background:transparent url(img/nav.gif) -665px -36px no-repeat;}
	li#twitter a:hover {background:transparent url(img/nav.gif) -778px -36px no-repeat;}
	

/* nav current page */
	body#idhome li#home {background:transparent url(img/nav.gif) -0px -36px no-repeat;}
	body#idmusicstore li#musicstore {background:transparent url(img/nav.gif) -59px -36px no-repeat;}
	body#idcontact li#contact {background:transparent url(img/nav.gif) -275px -36px no-repeat;}
	
	
	
a.special2:link {font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #818181; font-weight:normal;  text-decoration:none}
a.special2:visited {font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #818181; font-weight:normal;  text-decoration:none}
a.special2:hover {font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #818181; font-weight:normal;  text-decoration:underline}
a.special2:active {font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #818181; font-weight:normal;  text-decoration:none}

a.special3:link {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #2d2d2d; font-weight:normal;  text-decoration:none}
a.special3:visited {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #2d2d2d; font-weight:normal;  text-decoration:none}
a.special3:hover {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #2d2d2d; font-weight:normal;  text-decoration:underline}
a.special3:active {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #2d2d2d; font-weight:normal;  text-decoration:none}


a.special4:link {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #2d2d2d; font-weight:bold;  text-decoration:none}
a.special4:visited {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #2d2d2d; font-weight:bold;  text-decoration:none}
a.special4:hover {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #2d2d2d; font-weight:bold;  text-decoration:underline}
a.special4:active {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #2d2d2d; font-weight:bold;  text-decoration:none}


hr {
  border: 0;
  margin: 20px 0px 20px 0px;
  height:1px;
  background-color:#E1DEDC;
  width: 100%;
  text-align:left;
}
	
a
{
  outline: none;
}

#project-title-col { 
float: left; 
text-align: left;
display:inline;
padding: 0px 0px 2px 0px; 
margin: 0 auto; 
width: 570px; 
}

#tiny-right-col { 
float: right; 
display: inline;
text-align: right;
padding: 10px 0px 0px 0px; 
margin: 0 auto; 
width: 230px; 
}

/*--------------  CSS TABLE  -----------------*/




#splash_slideshow{
padding: 9px 0px 0px 9px;
width:880px;
text-align:left;
height:587px;
}

.our_mission{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#818181;
	letter-spacing:1px;
	line-height:21px;
}

.about-wrapper{
   position: relative;
   float: left;
   width: 530px;
   margin:10px 0px 0px 0px;
  
}
.about-left1{
   position: relative;
   float: left;
   left: 0px;
   width: 260px;
   
   
}
.about-right{
   position: relative;
   float: right;
   right: 0px;
   width: 260px;
   
   
}

.clear {
clear: both;
line-height: 0;
font-size: 0;
}

/*-------TABLE-LESS TABLE-------*/

.wrapper{
   position: relative;
   float: left;
   left: 46px;
   width: 850px;
   margin-bottom: 10px;
   
}

.wrapper2{
   position: relative;
   float: left;
   left: 0px;
   width: 850px;
   margin-bottom: 10px;
   
}

.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 205px;
   
   
}
.left2{
   position: relative;
   float: left;
   left: 10px;
   width: 205px;
   
   
}
.left3{
   position: relative;
   float: left;
   left: 20px;
   width: 205px;
   
   
}
.right{
   position: relative;
   float: right;
   right: 0px;
   width: 205px;
   
   
}
body {
   border-width: 0px;
   padding: 0px;
   margin: 0px;
   font-size: 90%;
   
}


.wrapper-albumgrid{
   position: relative;
   float: left;
   left: 46px;
   width: 550px;
   margin-bottom: 10px;
   
}
.left1-albumgrid{
   position: relative;
   float: left;
   left: 0px;
   width: 270px;
   height: 270px;
   
}
.right-albumgrid{
   position: relative;
   float: right;
   right: 0px;
   width: 270px;
   height: 270px;
  
}

#discography-column{
width:295px;
float:right;
padding-right:46px;
margin-bottom: 75px;
position:relative;
}

.album-box-discog {
width:270px;
height:75px;
margin-bottom: -5px;
		display:block;
}

.imgAlbumLeft {
float:left;
	margin:0px 10px 6px 0px;
	
}

hr {
  border: 0;
  height:1px;
  background-color:#c6c6c6;
  margin: 5px 0px 10px 0px;
  width: 90%;
 
}

.this_link { display:block;}

a, a:active {
	outline: none;
}

a {color: #2d2d2d; text-decoration: none; font-weight:normal;}
#right-column a {color:#2d2d2d; font-weight:bold;}
a:hover {color: #2d2d2d; text-decoration: none; font-weight:normal;}