body {
	font-family:Helvetica, Arial sans-serif;
	background: url(../images/background.jpg) #000 center top no-repeat;
}

#galleria {height:499px}


#wrap {
	width: 960px;
	margin:0 auto;
}


/*** header ***/
#header {width:960px;margin:0 auto;text-align:center;}
#logo {margin:25px 0;}
#navigation { width:960px;}
#buttons {  margin:0 auto; width: 564px}

#frametop { width:960px; height:25px; display:block; background:url(../images/frame-top.png) 0 0 no-repeat}
#framebottom { width:960px; height:26px; display:block; background:url(../images/frame-bottom.png) 0 0 no-repeat}
#framemiddle { width:940px; min-height:449px; display:block; padding: 0 10px; background: url(../images/frame-middle.gif) 0 0 repeat-y}

#homepagetext { width:325px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:26px; color:#FFFFFF;}
#homepagetext a { color: #FFC; border-bottom:#FFC dotted 1px; text-decoration:none;}
#homepagetext a:hover { color: #fff; border-bottom:#fff dotted 1px; text-decoration:none;}
#homepagetext p { margin: 40px 0 0 50px}
#homepageimages { width:615px; float:left;}

#textarea { width:325px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:26px; color:#FFFFFF;}
#textarea a { color: #FFC; border-bottom:#FFC dotted 1px; text-decoration:none;}
#textarea a:hover { color: #fff; border-bottom:#fff dotted 1px; text-decoration:none;}
#textareapaddding { padding: 40px 0 0 50px}


#aboutarea { width:525px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:26px; color:#FFFFFF;}
#aboutarea a { color: #FFC; border-bottom:#FFC dotted 1px; text-decoration:none;}
#aboutarea a:hover { color: #fff; border-bottom:#fff dotted 1px; text-decoration:none;}
#aboutareapaddding { padding: 40px 0 0 50px}

#aboutareaimages { width:415px; float:right;}


p {margin-bottom:20px;}
h1 {font-size:18px; font-weight:normal; padding-bottom:10px;}
h2 {font-size:18px; font-weight:normal; padding-bottom:10px;}




#footer { width:960px; padding:20px 0; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:center; color:#fbd883; line-height:18px;}
#footer a { color:#fbd883; border-bottom: #fbd883 dotted 1px; text-decoration:none;}
#footer a:hover { color:#fff; border-bottom: #fff dotted 1px; text-decoration:none;}


#home {display: block; width:55px; height:25px; background: url(../images/home.png) no-repeat 0 0; float:left; margin:0 8px;}
#home:hover {background-position: 0 -26px;}
#home span {display: none;}

#boxes {display: block; width:116px; height:25px; background: url(../images/boxes.png) no-repeat 0 0; float:left; margin:0 8px;}
#boxes:hover {background-position: 0 -26px;}
#boxes span {display: none;}

#humidors {display: block; width:83px; height:25px; background: url(../images/humidors.png) no-repeat 0 0; float:left; margin:0 8px;}
#humidors:hover {background-position: 0 -26px;}
#humidors span {display: none;}

#urns {display: block; width:45px; height:25px; background: url(../images/urns.png) no-repeat 0 0; float:left; margin:0 8px;}
#urns:hover {background-position: 0 -26px;}
#urns span {display: none;}

#about {display: block; width:59px; height:25px; background: url(../images/about.png) no-repeat 0 0; float:left; margin:0 8px;}
#about:hover {background-position: 0 -26px;}
#about span {display: none;}

#testimonials {display: block; width:106px; height:25px; background: url(../images/testimonials.png) no-repeat 0 0; float:left; margin:0 8px;}
#testimonials:hover {background-position: 0 -26px;}
#testimonials span {display: none;}

#contact {display: block; width:71px; height:25px; background: url(../images/contact.png) no-repeat 0 0; float:left; margin:0 8px;}
#contact:hover {background-position: 0 -26px;}
#contact span {display: none;}


.audioButton {
	background: url(../images/btn.png) no-repeat 0 7px;
	cursor: pointer;
	margin: 0;
	padding: 10px 10px 10px 25px;
	width: 200px;
}

.audioButton:hover {
	background-position: 0 -33px;
}

.audioButton.playing {
	background-position: 0 -73px;
}

.audioButton.playing:hover {
	background-position: 0 -113px;
}

.audioButton.loading,
.audioButton.loading:hover {
	background: url(../images/loading.gif) no-repeat 0 7px;
	text-indent: 0!important;
}

#player {
	display: none;
}