/* ============================ common ============================== */

body { 
	color: #333; background: #666 url(../img/bg-body.gif) repeat-x 0 0;
	font: normal 69% Tahoma, Verdana, Arial, sans-serif;
}

a:link, a:visited { color: #333; text-decoration: underline; }
a:link:hover, a:visited:hover{ color: #666; }
a:active, a:focus { color: #fff; background: #333; text-decoration: none; }

img { display: block; }
img.left {
	float: left;
	margin: 0 10px 0 0;
	display: inline;
	border: 1px solid #ccc;
	padding: 1px;
}
img.right {
	float: left;
	margin: 0 0 0 10px;
	display: inline;
	border: 1px solid #ccc;
	padding: 1px;
}
a img { border: none; }
a span{ cursor: pointer; }
strong{ font-weight: bold; }

.clearfix:after,
#product-list2 li:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix,
#product-list2 li{ display: inline-table; display: block; height: 1%; } 

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#helper{
	position: absolute;
	width: 50%; height: 418px;
	top: 0; right: 0;
	background: url(../img/bg-helper.gif) repeat-x 0 0;
	z-index: 1;
}

#holder{
	position: relative;
	width: 837px;
	margin: 0 auto;
	background: url(../img/bg-holder.jpg) no-repeat 0 0;
	z-index: 10;
}

#header{
	height: 164px;
}

#content{ 
	width: 616px; min-height: 235px;
	margin: 0 auto; padding: 0 42px;
	background: #fff;
	margin-top: 60px;
}

#main{
	float: left;
	width: 398px;
}

#main .block{
	float: left;
	width: 181px;
	margin: 0 36px 15px 0;
	display: inline;
}
#main .block.last{ margin-right: 0; }

#side-bar{ 
	float: right;
	width: 181px;
}

#footer{
	position: relative;
	width: 700px;
	margin: 0 auto; padding: 25px 0;
	color: #ccc; background: url(../img/bg-footer.gif) no-repeat 0 0;
	text-align: center;
	z-index: 10;
}

/* ========================== layout end ============================ */

/* =========================== skiplinks ============================ */

#skiplinks{ 
	position: absolute;
	height: 0;
	list-style: none;
}
#skiplinks a{ 
	position: absolute; 
	left: -9999px; 
	padding: 0.3em;
	font-size: 0; font-weight: bold;
	border: 2px solid #666;
	white-space: nowrap;
}
#skiplinks a:active, 
#skiplinks a:focus { 
	top: 0; left: 0; 
	font-size: 1em;
}

/* ========================= end skiplinks ========================== */

/* ============================ header ============================== */

#header h1{ float: left; }
#header h1 a{
	display: block;
	width: 158px;
	background: #fff;
	margin-top: 10px;
	}
#header h1 a:focus, #header h1 a:active{ border-bottom: 2px solid #333; }

#navigation{
	float: right;
	width: 547px; height: 22px;
	margin: 24px 0 0 0;
	background: #fff;
}
#navigation li{
	float: left;
	height: 22px;
}
#navigation li.nav-about		{ width: 77px; }
#navigation li.nav-workshop		{ width: 81px; }
#navigation li.nav-instruments	{ width: 96px; }
#navigation li.nav-bows			{ width: 47px; }
#navigation li.nav-valuations	{ width: 89px; }
#navigation li.nav-links		{ width: 50px; }
#navigation li.nav-contact		{ width: 107px; }
#navigation li a{
	position: relative; display: block;
	width: 100%; height: 22px;
	font: normal 0.9em Georgia, Times, serif; text-transform: uppercase; 
}
#navigation li a span{
	position: absolute;
	width: 100%; height: 100%;
}
#navigation li.nav-about 		a span{ background: url(../img/nav-about.gif) no-repeat 0 0; }
#navigation li.nav-workshop 	a span{ background: url(../img/nav-workshop.gif) no-repeat 0 0; }
#navigation li.nav-instruments 	a span{ background: url(../img/nav-instruments.gif) no-repeat 0 0; }
#navigation li.nav-bows 		a span{ background: url(../img/nav-bows.gif) no-repeat 0 0; }
#navigation li.nav-valuations 	a span{ background: url(../img/nav-valuations.gif) no-repeat 0 0; }
#navigation li.nav-links 		a span{ background: url(../img/nav-news.gif) no-repeat 0 0; }
#navigation li.nav-contact 		a span{ background: url(../img/nav-contact.gif) no-repeat 0 0; }
#navigation li a:hover span,
#navigation li a:focus span,
#navigation li a:active span{ background-position: 0 100%; }

/* ========================== header end ============================ */

/* ============================ content ============================= */

#content h2{
	position: relative;
	height: 40px;
	font: normal 1.6em Georgia, Times, serif;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
#content h2.fredrick-phelps{ height: 81px; }
#content h2 span{
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
}
#content h2.fredrick-phelps strong{
	display: block;
	font-size: 1.4em;
}
#content h2.fredrick-phelps span{ background: url(../img/h2-frederick-phelps.gif) no-repeat 0 0; }
#content h2.instruments 	span{ background: url(../img/h2-instruments.gif) no-repeat 0 0; }
#content h2.violins 		span{ background: url(../img/h2-violins.gif) no-repeat 0 0; }
#content h2.contact 		span{ background: url(../img/h2-contact.gif) no-repeat 0 0; }

#main h2{
	position: relative;
	margin: 0 0 14px 0;
	font: normal 2em Georgia, Times, serif;
	border-bottom: 1px solid #ccc;
}
#main h2 span{
	position: absolute;
	width: 100%; height: 100%;
	z-index: 11;
}
#main h2.about span{ background: url(../img/h2-about.gif) no-repeat 0 0; }
#main h2.workshop span{ background: url(../img/h2-workshop.gif) no-repeat 0 0; }
#main h2.valuations span{ background: url(../img/h2-valuations.gif) no-repeat 0 0; }
#main h2.links span{ background: url(../img/h2-links.gif) no-repeat 0 0; }
#main h2.buyers span{ background: url(../img/h2-buyers.gif) no-repeat 0 0; }
#main h2.certification span{ background: url(../img/h2-certification.gif) no-repeat 0 0; }
#main h2.consignments span{ background: url(../img/h2-consignments.gif) no-repeat 0 0; }
#main h2.news span{ background: url(../img/h2-news.gif) no-repeat 0 0; }


#content h3{
	position: relative;
	height: 21px;
	margin: 0 0 14px 0;
	font: normal 1.2em Georgia, Times, serif;
	border-bottom: 1px solid #ccc;
}
#content h3 span{
	position: absolute;
	width: 100%; height: 100%;
}
#content h3.for-buyers 			span{ background: url(../img/h3-for-buyers.gif) no-repeat 0 0; }
#content h3.certification	 	span{ background: url(../img/h3-certification.gif) no-repeat 0 0; }
#content h3.consignments 		span{ background: url(../img/h3-consignments.gif) no-repeat 0 0; }
#content h3.workshop 			span{ background: url(../img/h3-workshop.gif) no-repeat 0 0; }
#content h3.contact-us 			span{ background: url(../img/h3-contact.gif) no-repeat 0 0; }
#content h3.sales	 			span{ background: url(../img/h3-sales.gif) no-repeat 0 0; }
#content h3.other-violins		span{ background: url(../img/h3-other-violins.gif) no-repeat 0 0; }
#content h3.other				span{ background: url(../img/h3-others.gif) no-repeat 0 0; }
#content h3.other-instruments	span{ background: url(../img/h3-other-instruments.gif) no-repeat 0 0; }
#content h3.directions			span{ background: url(../img/h3-directions.gif) no-repeat 0 0; }

#content h3.product-title{
	font: bold 1.1em Tahoma, Verdana, Arial, sans-serif;
	border: none;
}

#content p{
	margin: 0 0 15px 0;
	font-size: 1.1em; line-height: 1.4em;
}
#content .block p,
#content p.small{
	margin: 0;
	font-size: 1em;
}

#content #main ul.list {
	margin-left: 30px;
	}
	
#content #main ul.list li {
	font-size: 1.1em; line-height: 1.4em;
	list-style: disc;
	}

a.more{
	color: #666;
	font-size: 0.9em; line-height: 1.4em;
}

#categories li{
	float: left;
	width: 154px;
}
#categories li a img {
	margin: 15px auto 30px auto; 
	}

#contact-details{	
	margin: 25px 0 15px 0;
	line-height: 1.4em;
}
#contact-details.big{ font-size: 1.1em; }
#contact-details dt{
	float: left;
	width: 3em;
}

#product-list{ margin: 20px 0; }
#product-list li{
	float: left;
	width: 25%;
	text-align: center;
}
#product-list img{ display: inline; }
#product-list a{ font-size: 1.1em; }

.back{
	float: right; position: relative;
	top: -25px;
	z-index: 15;
}

#product-list2{ margin: 20px 0; }
#product-list2 li{
	float: left;
	width: 290px;
	margin: 0 18px 15px 0;
	display: inline;
}
#product-list2 li img{
	float: left;
	margin: 0 10px 10px 0;
}
#product-list2 li p{
	margin: 10px 0 0 0;
	font-size: 1em;
}

#product-photos{ margin: 20px 0; }
#product-photos li{
	float: left;
	width: 33%;
	text-align: center;
}
#product-photos li img{ display: inline; }
#product-photos li a{ font-size: 0.9em; text-decoration: none; }

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#side-bar {padding-top: 20px;}
#side-bar ul{margin: 0 0 20px 0;}
#side-bar li{
	padding: 3px 0 3px 15px;
	background: url(../img/bullet.gif) no-repeat 0 60%;
}
#side-bar li a{ text-decoration: none; }
#side-bar li.current a{ font-weight: bold; }

/* ========================== side-bar end ========================== */