@import url("styli.css");

#wrapper{
margin: auto;
width: 960px;
}



#header{
width: 960px;
float: left;
height: 145px;
z-index: 100;

}

.logo{
float: left;
padding: 40px 0 0 20px;
}

.tagline{
color: #FFFFFF;
float: left;
font-size: 13pt;
font-weight: bold;
padding: 85px 0 0;
}
.logo2{
float: right;
padding: 40px 0 0 20px;
}
.music-note{
float: right;
margin: 20px 0 0 0px;
background: url(images/music-note.png);
width: 198px;
height: 130px;
}

.music-note2{
float: left;
margin: 20px 0 0 0px;
background: url(images/music-note.png);
width: 198px;
height: 130px;
}

#menu{
width: 960px;
float: left;
height: 35px;
background-color: #5a5b63;
}

ul.main-menu{
float: left;
width: 960px;	
margin-left: 0;
}

ul.main-menu-right{
float: right;
width: auto;	
margin-left: 0;
}


ul.main-menu-right li{
width: auto;
height: 35px;
display: inline;
float: left;	
border-left: 1px solid white;
padding: 0;
}

body.hebrew ul.main-menu-right li{
float: right;
}

ul.main-menu-right li a{
color: #ffffff;
font-size: 9pt;
padding: 7px 12px 8px 12px;
float: left;
font-weight: normal;
}

ul.main-menu-right li a:hover{
color: #000000;	
}


ul.main-menu li{
width: auto;
height: 35px;
display: inline;
float: left;	
border-right: 1px solid white;
padding: 0;
}
ul.main-menu li a{
color: #ffffff;
font-size: 10pt;
padding: 7px 15px 0 15px;
float: left;
font-weight: bold;
}




ul.main-menu li a:hover{
color: #dbd8d4;	
}

#content{
width: 960px;
float: left;
z-index: 100;
padding-bottom: 0px;
background-color: #ffffff;
border-bottom: dotted 1px #dbd8d4;
}

#content .padding{
padding: 28px 38px 0 38px;
}


#content-pic{
width: 480px;
float: left;
z-index: 100;
padding-bottom: 0px;
background-color: #ffffff;

}

#content-left-text{
width: 700px;
float: left;
z-index: 100;
padding-bottom: 0px;
background-color: #ffffff;

}

#content-right-pics {
  background: url("../images/strip4.jpg") repeat-y scroll 30px 0 transparent;
  float: left;
  margin-top: 10px;
  padding-bottom: 0;
  text-align: left;
  width: 260px;
  z-index: 100;
  margin-bottom: 10px;
}

#content_left{
width: 480px;
float: left;
height: auto;
z-index: 0;
background-color: #ffffff;
}


#content_left .padding{
padding: 38px;
}

#content_right{
width: 304px;
float: right;
z-index: 100;
background-color: #ffffff;
margin-top: 0px;
}


#content_right .padding{
padding: 35px 0px 0 0;
}
table{margin: auto;}
td{padding: 5px;}
td h2{
	color: #ffffff;
}


#footer{
width: 960px;
float: left;
height: 49px;
margin: 0px 0 0 0;
}

.copyright{
padding: 8px 0 0 12px;
float: left;
font-size: 7pt;	
color: #333e52;
}

.copyright a{
font-size: 7pt;	
color: #333e52;
}

.website-by{
	display:none;
padding: 8px 12px 0 0;
font-size: 7pt;	
float: right;
color: #333e52;
}

.website-by a{
font-size: 7pt;	color: #333e52;}

.songs{
	font-size: 8pt;
}

a.btn-grey{
width: 150px;
margin: auto;
height: 16px;
background-color: #595a62;	
padding: 8px;
text-align: center;
color: #ffffff;	
font-weight: bold;
display: block;
}

.nav-nosong{
color: #1B100E;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;	
}

.songs i{
color: #8a0b0b;	
}


.scroll-buttons{
float: right;
width: 24px;
height: auto;
text-align: center;
margin-top: 5px;
margin-right: 3px;
}
.scroll-buttons a{
margin-bottom: 11px;
display: block;
width: 10px;
height: 10px;
}

#scroll-div{
height: 900px;
width:220px;
overflow: hidden;
margin: 0;
float: right;
}

#scroll-div img{
margin-left: 21px;	
}

.right{
text-align: right;	
font-size: 12pt;
float:right;
font-weight:bold;
}
.right a:link,.right a:visited {
	color:#666;
}
.right a:hover {
	color: black;
}

.vid-round-midnight{
width: 427px;
height: 293px;
background: url(videos/round-midnight.jpg) no-repeat;	
}

.vid-autumn{
width: 427px;
height: 293px;
background: url(videos/autumn.jpg) no-repeat;	
}

.vid-honey{
width: 427px;
height: 293px;
background: url(videos/honey.jpg) no-repeat;	
}

.vid-lady{
width: 427px;
height: 293px;
background: url(videos/lady.jpg) no-repeat;	
}