/* -------------------------- */
/*                            */
/*    DESIGN AND CSS BY       */
/*                            */
/*      Tony Edwards          */
/*   			      		  */
/*                            */
/* -------------------------- */

body{
background: url('../images/bg.jpg') repeat-x #4B3F38;
text-align: center;
margin: 0px;
padding: 0px;
}

#vertical_Alignment{
width: 800px; 
text-align: left;
height:50%; 
position: relative; 
margin: 0px auto;


}

#container{
background: transparent; 
width:800px; 
height:525px;
position: absolute; 
bottom:-250px;

}

#menu_header{
background: url('../images/menu_container.gif') no-repeat;
width: 800px;
height: 60px;

}



#content_container{
background: url('../images/content_container.jpg') no-repeat;
width: 800px;
vertical-align: top;
text-align: right;
}

#content_container_home{
background: url('../images/home_content_container.jpg') no-repeat;
width: 800px;
vertical-align: top;
text-align: right;
}


#scrollBar{
/*the margin has to be here to move the scrollbar to the right side*/
/*in a firefox browser*/
margin-left: 42;
padding: 6px;
width: 745px;
height: 390px;
text-align: left;
overflow: auto;
scrollbar-face-color: #a89692;
scrollbar-shadow-color: #6f5c4e;
scrollbar-highlight-color: ThreeDHighlight !important;
scrollbar-3dlight-color: ThreeDLightShadow !important;
scrollbar-darkshadow-color: ThreeDDarkShadow !important;
scrollbar-track-color: Scrollbar !important;
scrollbar-arrow-color: #a89692;


}

#mainContent{
width:558px;
margin: 0px;
font-family: verdana;
padding-top: 15px;
padding-bottom: 100px;
font-size: 12px;
text-align: justify;
color: black;

}




/* -------------------------- */
/*          Menu STYLES       */
/* -------------------------- */

/*this is used to center the menus*/


#menu_container{
width: 800px;
text-align: center;
}


.menu_item {
background-color: transparent;
padding: 3px 10px 0px 10px;
font-family: times;
font-size: 15px;
color: #a08e65;
float: left;
}

.menu_item_divider{
border-left: 1px solid #a08e65;
width: 1px;
float: left;
}

.footer_label{
font-family: verdana; 
font-size: 10px; 
color: #64554A;
padding-left: 20px;
padding-right: 20px;
}

.footer_label a:link, .footer_label a:visited{
color: #64554A;
text-decoration: none;
}

.footer_label a:hover{
color: black;
text-decoration: none;
}


.menu_item a:link, .menu_item a:visited{
color: #a08e65;
text-decoration: none;
}

.menu_item a:hover{
color: #cccccc;
text-decoration: none;
}





/* -------------------------- */
/*       GENERAL STYLES       */
/* -------------------------- */

.works_indent{
padding-left: 20px;
padding-top: 3px;
}


.title{
font-family: Garamon, Times; 
font-size: 30px; 
font-style: italic;
border-bottom: 1px solid #4B3F38; 
padding-bottom: 5px; 
padding-left: 20px;
color: #4B3F38;
margin-bottom: 20px;
}

ul.blank_list, ul.blank_list li{
list-style-type: none;
}

h2 {}
h3 {}

hr {clear:both; width:  100%; background-color: #4B3F38; height: 1px; border: none; padding: 0px; text-align: left;}

td{
font-family: verdana;
font-size: 12px;

color: black;
}

/* Links */

a:link, a:visited{
color: #5B4D44;
text-decoration: none;
}

a:hover{
color: black;
text-decoration: none;
}


/* -------------------------- */
/*   CONTAINER PROPERTIES     */
/* -------------------------- */


.scroll_container{
width: 320px;
height: 100px; 

}

.scrollClass{
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}

.scrollClass a {
color: #000000;
text-decoration: none;
}

.scrollClass a:hover{
color: #5B4D44;
text-decoration: none;
}

/*---------------------------------*/


.scroll_container_reviews{
width: 320px;
height: 100px;

}

.scrollReviews{
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}

.scrollReviews a {
color: #000000;
text-decoration: none;
}

.scrollReviews a:hover{
color: #5B4D44;
text-decoration: none;
}


.button{
font-family: times;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
/*
border-top:1px dotted #5B4D44;
border-bottom:1px dotted #5B4D44;
*/
text-align: left;

}

.button_lines{
border-top:1px dotted #5B4D44;
border-bottom:1px dotted #5B4D44;
}


.error{
color: red;
}

.discography_list{
background: url(../images/speaker.gif) no-repeat;
padding-left: 20px;
height: 20px;
}