/* -------------------------- */
/* GLOBAL RESET
/* -------------------------- */
*	{
	outline: 0;
	outline-style: none;
	outline-width: 0;
    text-decoration: none;
}
a, a img	{
	border: 0;
}

html{
	height: 100%;
}
/* -------------------------- */
/* LAYOUT
/* -------------------------- */
body	{
	color: #571800;
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
    background: #783714 url(../img/bg-tile.png) repeat-x top left;
	 height: 100%;
}

/* -------------------------- */
/* WEBSITE STRUCTURE
/* -------------------------- */
#frame	{
  width: 1065px;
  background: #fff;
}

ul.columns li {
float: left;
width: 150px;
}

#header	{
  height: 252px;
  overflow: hidden;
  background: url(../img/bg-header.png) no-repeat top center;
  color: #f39b29;
}
#logo	{
   width:340px;
   height: 250px;
   overflow: hidden;
   float: left;
	display: block;
}
#logo2{
	position: absolute;
	left: 0px;
	top: 0px;
}
#logo2 h1 {
   text-indent: -99999px;
}
#advice {
  float: left;
  width: 160px;
  height: 142px;
  margin: 11px -3px 0 10px;
  background: url(../img/piano-advice.png) no-repeat top center;
  display: inline;
}
#advice p {
  text-indent: -99999px;
}
#address {
  width: 270px;
  float: right;
  display: inline;
  text-align: right;
  margin-right: 20px;
}
#address div {
  text-indent: -99999px;
  overflow: hidden;
  height: 140px;
  text-align: left;
}
.serviceslist {visibility: hidden; position: absolute; left: -3000px; z-index: 10; height: 2px; overflow: hidden;}
#address p {
  margin-bottom: 28px;
  font-size: 18px;
}
#address a:link, #address a:visited	{
	color: #f39b29;
    text-decoration: underline;
}
#address a:hover, #address a:focus, a:active	{
	color: #FECA5C;
}


#page1	{
  background: url(../img/bg-page-tile1.png) repeat-y top center;
}
#container1 {
  background: url(../img/bg-container1.png) no-repeat top center;
  padding-top: 5px;
}

#page2	{
  background: url(../img/bg-page-tile2.png) repeat-y top center;
}
#container2 {
  background: url(../img/bg-container2.png) no-repeat top center;
  padding-top: 5px;
}

#page	{
  background: url(../img/bg-page-tile.png) repeat-y top center;
}
#page1 #page{
	background: none !important;
}
#container {
  background: url(../img/bg-container.png) no-repeat top center;
  padding-top: 5px;

}

#lsidebar {
  float: left;
  width: 287px;
}
#contactform {
  float: left;
  width: 200px;
  display: inline;
  margin-left: 25px;
}
#rsidebar {
  float: right;
  width: 150px;
  margin: 10px 15px 0px 15px;
  display: inline;
  text-align: right;
}
#rsidebar h4, #rsidebar h5 {
  text-align: right;
}
#loclist ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#loclist ul li {
  margin: 2px 0;
  padding: 2px 0;
  border-bottom: 1px dotted #B59A79;
}
#loclist a:link, #loclist a:visited	{
	color: #dc8825;
}
#loclist a:hover, #loclist a:focus, #loclist a:active	{
	color: #ae2700;
}

#content	{
  padding-top: 8px;
  float: left;
  width: 366px;
  text-align: justify;
}

#content1	{
  padding-top: 8px;
  float: left;
  width: 540px;
  text-align: justify;
}

#content2	{
  padding-top: 8px;
  float: left;
  width: 595px;
  text-align: justify;
}

#footbg {
  background: url(../img/bg-footer.png) no-repeat bottom center;
  padding-bottom: 60px;
}

#footbg1 {
  background: url(../img/bg-footer1.png) no-repeat bottom center;
  padding-bottom: 60px;
}

#footbg2 {
  background: url(../img/bg-footer2.png) no-repeat bottom center;
  padding-bottom: 60px;
}

#sidebar	{
  border: 1px solid #c00;
  float: right;
  width: 300px;
}
#sidebar .box   {
  border: 1px solid #00F;
  border-bottom: 4px solid #777;
  padding: 10px 10px;
  margin: 10px 10px;
}
#footer	{
  text-align: right;
  margin-right: 20px;
  font-size: 12px;
  color: #361B0A;
}
#footer p {
  margin: 10px 0 0 0;
}

#footer1 {
	width:1055px;
	background: #ffffff url(../img/footer1.jpg) no-repeat top center;
	margin:10px;
}
#footer2 {
	width:1055px;
	height:10px;
	background: url(../img/footer2.jpg) no-repeat top center;
}


#footer a:link, #footer a:visited	{
	color: #361B0A;
}
#footer a:hover, #footer a:focus, #footer a:active	{
	color: #FECA5C;
}
#copyright	{
	margin-top:150px;
	
}

/* -------------------------- */
/* MENU LAYOUT
/* -------------------------- */
#menu	{

}

#menu ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li	{
	padding: 10px 18px 10px 18px;
    height: 33px;
    text-transform: uppercase;
    text-align: left;
    overflow: hidden;
}
#menu a:link, #menu a:visited	{
	color: #491100;
    display: block;
    font-weight: bold;
}
#menu a:link strong, #menu a:visited strong	{
    color: #c47521;
}
#menu a:hover, #menu a:focus, #menu a:active	{
	color: #c47521;
}
#menu a:hover strong, #menu a:focus strong, #menu a:active strong	{
	color: #491100;
}

.banner{
    width:271px;
    height:113px;
    margin:55px 5px 10px 5px;;
    padding-right:6px;
}

/* -------------------------- */
/* FOOTER DUPLICATE MENU LAYOUT
/* -------------------------- */
#dubmenu	{
	height: 25px;
	overflow: hidden;
	padding-top: 10px;
}
#dubmenu ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}
#dubmenu ul li	{
	display: inline;
	padding: 0 10px;
}
#dubmenu a:link, #dubmenu a:visited	{
	color: #714d36;
}
#dubmenu a:hover, #dubmenu a:focus, #dubmenu a:active	{
	color: #1A2363;
}

/* -------------------------- */
/* CLEAR FIX
/* -------------------------- */
.clear	{
	clear: both;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
}

/* -------------------------- */
/* IF WE HAVE ACCORDION, ITS HEADER
/* -------------------------- */
.accordion li h5	{
	cursor: pointer;
	text-align:left;
}

/* -------------------------- */
/* GLOBAL LINKS
/* -------------------------- */
a:link, a:visited	{
    color: #b7701b;
}
a:hover, a:focus, a:active	{
    color: #AE2700;
}

#content a:link, #content a:visited	{
    text-decoration:underline;
}


/* -------------------------- */
/* HEADINGS
/* -------------------------- */
h1,h2,h3,h4,h5,h6	{
	font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
	margin: 5px 0px;
	padding: 0;
	text-align: center;
    text-decoration: none;
    color: #dc8825;
    line-height: 1;
}
h1	{
	font-size: 28px;
}
h1.componentheading{
	padding-bottom: 15px;
}
h2	{
	font-size: 24px;
}
h3	{
	font-size: 22px;
    color: #641700;
}
h4	{
	font-size: 18px;
}
h5	{
	font-size: 16px;
    color: #AE2700;
}
h6	{
	font-size: 24px;
}

/* -------------------------- */
/* IMAGES HANDLING
/* -------------------------- */
.photo	{
	background: #fff;
	border: 2px solid #ddd;
	padding: 2px 2px;
}
.alignleft	{
	float: left;
	margin: 10px 10px 10px 0px;
}
.alignright	{
	float: right;
	margin: 10px 0px 10px 10px;
}

/* -------------------------- */
/* FORM ELEMENTS
/* -------------------------- */
form	{
	margin: 0;
	padding: 0;
}
fieldset	{
	border: 1px solid #da8624;
	padding: 5px 5px;
	text-align: left;
}
legend, label	{
	font-weight: bold;
}
label	{
	cursor: pointer;
}
legend	{

}
.forms, textarea, select	{
	border: 1px solid #793814;
	line-height: 100%;
	padding: 2px 2px;
}
.button	{
	background: #793814;
	border: 1px solid #793814;
	color: #FECA5C;
	font-weight: bold;
	padding: 5px 5px;
}
.required	{
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}

/* -------------------------- */
/* ERROR, NOTICE, SUCCESS MESSAGES
/* -------------------------- */
.error	{
	background: #FFF2F5;
	border: 1px solid #FFD2DE;
	color: #9B0027;
	display: block;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px 5px;
}
.success, .ok, .okay	{
	background: #F3F8F1;
	border: 1px solid #C9DDC1;
	color: #89B47A;
	display: block;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px 5px;
}
.notice, .caption	{
	background: #F9F8E8;
	border: 1px solid #D6C27E;
	color: #B59A79;
	display: block;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px 5px;
}

/* -------------------------- */
/* SHADOWBOX LAYOUT (must be in js/shadowbox/ folder!)
/* -------------------------- */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {
	color: #555;
	font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0px 10px;
}
#sb-title-inner {
  border-top: 1px solid #ccc;
}
#sb-container {
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	text-align: left;
	top: 0;
	visibility: hidden;
	z-index: 999;
}
#sb-overlay {
	height: 100%;
	position: relative;
	width: 100%;
}
#sb-wrapper {
	position: absolute;
	visibility: hidden;
	width: 100px;
}
#sb-wrapper-inner {
	border: 5px solid #fff;
	height: 100px;
	overflow: hidden;
	position: relative;
}
#sb-body {
	height: 100%;
	position: relative;
}
#sb-body-inner {
	height: 100%;
	position: absolute;
	width: 100%;
}
#sb-player.html {
	height: 100%;
	overflow: auto;
}
#sb-body img {
	border: none;
}
#sb-loading {
	height: 100%;
	position: relative;
}
#sb-loading-inner {
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	margin-top: -12px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}
#sb-loading-inner span {
	display: inline-block;
	padding-left: 34px;
}
#sb-body,#sb-loading {
	background-color: #E0E0E0;
}
#sb-title,#sb-info {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
#sb-title,#sb-title-inner {
	line-height: 26px;
}
#sb-title {
    background: #fff;
}
#sb-title-inner {
	font-size: 16px;
}
#sb-info,#sb-info-inner {
	height: 20px;
	line-height: 20px;
}
#sb-info-inner {
	font-size: 12px;
}
#sb-nav {
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
}
#sb-nav a {
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: right;
	height: 16px;
	margin-left: 3px;
	width: 16px;
}
#sb-nav-close {
	background-image: url(../js/shadowbox/close.png);
}
#sb-nav-next {
	background-image: url(../js/shadowbox/next.png);
}
#sb-nav-previous {
	background-image: url(../js/shadowbox/previous.png);
}
#sb-nav-play {
	background-image: url(../js/shadowbox/play.png);
}
#sb-nav-pause {
	background-image: url(../js/shadowbox/pause.png);
}
#sb-counter {
	float: left;
	width: 45%;
}
#sb-counter a {
	color: #fff;
	cursor: pointer;
	padding: 0 4px 0 0;
	text-decoration: none;
}
#sb-counter a.sb-counter-current {
	text-decoration: underline;
}
div.sb-message {
	font-size: 12px;
	padding: 10px;
	text-align: center;
}
div.sb-message a:link,div.sb-message a:visited {
	color: #fff;
	text-decoration: underline;
}

/* -------------------------- */
/* SLIDESHOW LAYOUT
/* -------------------------- */
#slideshow	{
	float: right;
	height: 305px;
	position: relative;
	width: 488px;
}
#slideshow h5	{
	color: #fff;
	font-size: 16px;
	left: 20px;
	line-height: 1;
	position: absolute;
	top: 217px;
	z-index: 20;
}
#slideshow h5 strong	{
	color: #ccc485;
}
#slideshow div	{
	height: 305px;
	left: 0;
	opacity: 0.0;
	position: absolute;
	top: 0;
	z-index: 8;
}
#slideshow div.active	{
	opacity: 1.0;
	z-index: 10;
}
#slideshow div.last-active	{
	z-index: 9;
}
#slideshow div img	{
	border: 0;
	display: block;
	height: 305px;
	margin-bottom: 0px;
}

/* -------------------------- */
/* SOCIAL ICONS CODE
/* -------------------------- */
.addthis_toolbox	{
	border-top: 1px dotted #ccc;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
#vmMainPage td{
	padding: 2px;
}
.browseProductContainer div{
	padding: 3px 0px;
}
.browseProductContainer{
	width: 220px;
	margin: 0px auto;
}
.browseProductContainer img, #shopage img{
	border: 2px solid #DDDDDD;
	padding: 2px;
}
#product_list{
	width: 104% !important;
}
.browseProductContainer h2{
	text-align: left;
}
.browseProductContainer h2 a{
	text-decoration: underline;
}
#shopage h1{
	text-align: left;
}
.buttons_heading img{
	padding: 0px !important;
	border: 0px !important;
}
.buttons_heading a{
	text-decoration: underline;
}
div.buttons_heading{
	width: auto;
	float: none;
	margin: 10px 0px 0px 0px;
}
#shopage td{
	vertical-align: top;
}
#shopage .descr{
	padding-top: 0px;
}
#shopage .price a{
	color: red;
	font-weight: bold;
	text-decoration: underline;
}
#shopage .descr p{
	margin-top: 0px;
}
#slogan{
	position: absolute;
	top: 50%;
	left: -50%;
	background: #000;
	padding: 20px;
	color: #fff;
	font-size: 22px;
	display: none;
}