/* Start of CMSMS style sheet 'layout : layout' */
/* Start of CMSMS style sheet 'layout : layout' */
body {
background: #444;
font-family: verdana;
font-size: 75%
}

h1 {
text-indent:-9999px;
background-image:url(uploads/images/css/beatlegras-logo.gif);
width:304px;
height:64px;
position: absolute;
padding: 0;
left: 50%;
top: 50%;
margin-left: -151px;
margin-top: -300px;
color:#444
}

h3 {
font-family:times;
font-size:2.5em;
font-weight:normal;
margin:0;
color:#000
}

a {text-decoration:none}

/* ----------------- Navigation ----------------- */ 

ul {
z-index: 20;
position: absolute;
list-style-type: none;
padding: 0 0 0 4px;
width: 800px;
left: 50%;
top: 50%;
margin-left: -392px;
margin-top: 155px;
}

li {padding: 0;float:left}

li a {
display:block;
margin: 0 5px;
padding: 0;
width: 88px;
height: 68px
}

ul a:hover {
border: 2px solid #fff;
margin: -2px 3px
}

#tab_schedule {background-image: url(uploads/images/menu/news.jpg)}
#tab_bios {background-image: url(uploads/images/menu/story.jpg)}
#tab_photos {background-image: url(uploads/images/menu/photos.jpg)}
#tab_contact {background-image: url(uploads/images/menu/contact.jpg)}
#tab_reviews {background-image: url(uploads/images/menu/reviews.jpg)}
#tab_store {background-image: url(uploads/images/menu/store.jpg)}
#tab_music {background-image: url(uploads/images/menu/music.jpg)}
#tab_video {background-image: url(uploads/images/menu/videos.jpg)}

.menu {display:none}

a:hover .menu {
display:block;
color:#fff;
margin: 83px 0 0 0;
font-size: 15px;
font-family:arial;
text-align:center;
}

/* ----------------- Playlist ----------------- */ 

#playlist_left {
float:left;
width:266px;
height:370px;
background:#353535;
overflow: auto;  /* cater to the older browsers */
overflow: -moz-scrollbars-horizontal; /* for FF */
overflow-x: hidden; /* scroll horizontal */
overflow-y: auto; /* Hide vertical*/
}

#playlist_left a {color:#fff;font-size:12px;font-family:arial}

#playlist_left p {
font-family:verdana;
color:#ccc;
font-size:10px;
border-bottom:1px solid #666;
padding: 5px;
margin: 0;
}

#playlist_left a {color:#fff;font-size:12px;font-family:arial}

#playlist_right {
float:left;
width:266px;
height:370px;
background:#353535;
overflow: auto;  /* cater to the older browsers */
overflow: -moz-scrollbars-horizontal; /* for FF */
overflow-x: hidden; /* scroll horizontal */
overflow-y: auto; /* Hide vertical*/
}

#playlist_right a {color:#fff;font-size:12px;font-family:arial}

#playlist_right p {
font-family:verdana;
color:#ccc;
font-size:10px;
border-bottom:1px solid #666;
padding: 5px;
margin: 0;
}

#playlist_three {
float:left;
width:266px;
height:370px;
background:#353535;
overflow: auto;  /* cater to the older browsers */
overflow: -moz-scrollbars-horizontal; /* for FF */
overflow-x: hidden; /* scroll horizontal */
overflow-y: auto; /* Hide vertical*/
}

#playlist_three p {
font-family:verdana;
color:#ccc;
font-size:10px;
border-bottom:1px solid #666;
padding: 5px;
margin: 0;
}

#playlist_three a {color:#fff;font-size:12px;font-family:arial}

#playlist_left p:hover {background:#666}
#playlist_right p:hover {background:#666}

.cd_text {
display:block;
color:#fff;
text-align:center;
margin:0 0 20px 0
}

/* ----------------- Scrollers ----------------- */ 

#schedule {
float:right;
height: 341px;
width: 335px;
margin: 10px 10px 0 0;
padding: 10px;
overflow: auto
}

#bios {
float:left;
height: 324px;
width: 292px;
margin: 15px 0 0 12px;
padding: 10px;
overflow: auto
}

#subscribe {
height: 360px;
width: 778px;
margin: 00;
padding: 10px;
overflow: auto
}

#reviews {
float:left;
height: 331px;
width: 320px;
margin: 18px 0 0 15px;
padding: 10px;
overflow: auto
}

#subscribe_email {
float:left;
width:150px;
margin: 12px 5px 0 15px;
padding: 0
}

#contact table {
float:right;
margin: 12px 5px 0 0
}

p {line-height: 1.5em}

#splash {
border: 4px solid #333;
background-image: url(uploads/images/css/logo.gif);
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

/* ----------------- Panels ----------------- */ 

#panel_bios {
border: 4px solid #333;
background-image: url(uploads/images/backgrounds/group_02.jpg);
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

#panel_contact {
border: 4px solid #333;
background-image: url(uploads/images/backgrounds/bg_contact.jpg);
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

#panel_contact form input {
border:1px solid #000;
height:15px;
font-size:12px
}

#panel_schedule {
border: 4px solid #333;
background-image: url(uploads/images/backgrounds/bg_schedule.jpg);
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

#panel_news {
border: 4px solid #333;
background-image: url(uploads/images/backgrounds/group_03.jpg);
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

#panel_photos {
border: 4px solid #333;
background-color:#333;
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

#panel_features {
border: 4px solid #333;
background-image: url(uploads/images/backgrounds/group_01.jpg);
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

#panel_setup {
border: 4px solid #333;
background-image: url(uploads/images/backgrounds/group_02.jpg);
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

#panel_booking {
border: 4px solid #333;
background-image: url(uploads/images/backgrounds/group_03.jpg);
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

#panel_music {
border: 4px solid #333;
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

#panel_store {
border: 0px solid #333;
background:#303030;
width: 809px;
height: 370px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
overflow: auto;  /* cater to the older browsers */
overflow: -moz-scrollbars-horizontal; /* for FF */
overflow-x: auto; /* scroll horizontal */
overflow-y: hidden; /* Hide vertical*/
}

#store {
width: 1840px;
height: 370px;
margin: 0 0 0 15px;
overflow: auto;  /* cater to the older browsers */
overflow: -moz-scrollbars-horizontal; /* for FF */
overflow-x: yes; /* scroll horizontal */
overflow-y: hidden; /* Hide vertical*/
} 

.store_block {
float:left;
display:inline;
margin: 15px 35px 0 0;
width: 275px;
height:auto;
}

.store_block form {
float:none;
text-align:center;
margin: -10px 0 0 0;
padding:0;
}

.store_block table {
float:none;
color:#fff;
margin: -20px 0 10px 80px;
padding:0;
}

.frame {
width: 1960px;
height: 370px;
margin: 0px;
overflow: auto;  /* cater to the older browsers */
overflow: -moz-scrollbars-horizontal; /* for FF */
overflow-x: yes; /* scroll horizontal */
overflow-y: hidden; /* Hide vertical*/
}

#panel_reviews {
border: 4px solid #333;
background-image: url(uploads/images/backgrounds/bg_reviews.jpg);
width: 800px;
height: 460px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

#menu {
float:right;
margin: 20px 30px 0 0;
}

#player2 {
z-index: 20;
position: absolute;
list-style-type: none;
text-align:center;
padding: 0;
width: 800px;
left: 50%;
top: 50%;
margin-left: -392px;
margin-top: 260px;
}

#panel_video {
border: 4px solid #333;
padding: 0;
width: 788px;
height: 448px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -400px;
margin-top: -230px;
}

/* ----------------- Accessibility ----------------- */ 

span.accesskey {text-decoration:none}
.accessibility, hr {position:absolute;top:-999em;left:-999em}

/* ----------------- Clearing ----------------- */ 

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html>body .clearfix {display: inline-block;width: 100%}
* html .clearfix {height: 1%}
/* End of 'layout : layout' */


/* End of 'layout : layout' */


/* End of 'layout : layout' */