html, body, div,
h1, h2, h3, h4, h5, h6, p,a,
font, img, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td 
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	/*font-size: 100%;*/
	font-family: inherit;
	vertical-align: top;
	line-height:140%;
	}


body {
background-color:#70522c;
font-family:arial, sans serif;
}
/************* text formatting ***********/

p {margin-bottom:10px;}
html,body {height:100%}
h2{
	color:#E3C75D;
	font-weight:bold;
	padding-bottom:6px;
	font-size:18pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.yellow {color:#E3C75D;text-align:center;font-weight:bold;padding:6px;}
.yellow2 {color:#E3C75D;text-align:center;font-weight:bold;}

a:link {background-color: transparent; color:#E3C75D; text-decoration: underline;} 
a:visited {background-color: transparent; color:#E3C75D; text-decoration: underline;}
a:hover {background-color: transparent; color:#CE680A; text-decoration: underline;}
a:active {background-color: transparent; color:#CE680A; text-decoration: underline;}
a:focus{background-color: transparent; color:#CE680A; text-decoration: underline;}
.brandname {color:#E3C75D;font-weight:bold;}
/*table, td, tr {border:1px solid #fff;}*/

.orange {color:#CE680A;font-weight:bold;}
.title {font-size:200%;padding-left:20px;}
.bold {font-weight:bold;}
hr {
color: #7b6329;
background-color: #7b6329;
height: 3px;
margin-top:20px;margin-bottom:20px;
width:100%;
}
.maincontenttext{}
.welcome{
	color:#CE680A;
	font-size: 14px;
}
.white{
	color:#fff;
	font-size: 10pt;
}
ul {
  margin: 0; 
  padding-left: 4px; 
  }
li {
  margin-left:14px; 
  padding-left:4px; 
  text-align:left; 
  }



/*************div's**************/

#wrap {     
position:relative;
width:1000px;
margin:auto;
color: #000;
background-color:#70522c;
background-image:url(images/bg_copy2.jpg);
background-repeat:repeat-y;
font-size:80%;
}

#logo {
float:left;
width:100%;
height:177px;
text-align:left;
background-color:transparent;
background-image:url(images/piano-emporium-logo.jpg);
/*background-image:url(images/menu/top-test.jpg);
background-image:url(images/menu/toppng.png);*/
background-repeat: no-repeat;
background-position: top center;
}

  /*** logoblock creates a large clickable area in the logo div ***/
  a#logoblock {
  position:relative;
  width:100%;   /*** or however wide you want the clickable area to be  **/
  height: 100px;   /*** make this slightly shorter than the logo div  **/
  display:block;
  z-index:999;
  }

  a#logoblock:link,a#logoblock:visited, a#logoblock:hover, a#logoblock:active {
  color: #000;
  text-decoration: none;
  } 


#main {
clear:both;
width:850px;  
background-color:#512e1b;
/*margin:0 75px 0 75px;*/
margin:auto;
color:#fffff1;
}

#main_2 {
clear:both;
float:left;
padding:10px 0 10px 10px;
background-color:#512e1b;
color:#fffff1;
}

#introduction {
width:100%;
margin:auto;
font-size:90%;
}

#introduction1 { 
float:left;
width:400px;margin:15px 10px;padding:10px;color:#fffff1;
background: #382e24 url(images/intro1bkg.jpg) no-repeat;
}
#introduction2 {
float:right;
height:280px;
width:381px;margin-top:1px;
background:#512e1b url(images/new-box.jpg) no-repeat;
}

#blogfeed {
border:2px solid #7b6329;
padding:10px;
background-color:#260e02;
margin-bottom:20px;
}

#mainimages{
margin:auto;
padding:5px;
text-align:center;
}


#pic1 {
width:344px;height:228px;
margin:24px auto;
}

#picstate {
	width:344px;
	height:228px;
	margin:24px auto;
	padding-left: 40px;
}

#leftcol {
float:left;
padding-right:10px;
background-color:#512e1b;
} 
#leftcol2 {
float:left;
padding-right:10px;
background-color:#512e1b;
} 

#rightcol {
float:right;
width:200px;
background-color:#260e02;
font-size:90%;
padding:20px;
margin-top:20px;
} 

#main_3 {
	float: left;
  margin-right:6px;
  margin-left:2px;
  padding:2px;
	color: #fffff1;
	text-align: center;
	border:2px solid #7b6329;
  background-color:#260e02;
  width:260px;
  }
#main_4 {
	float: left;
  margin-right:7px;
  padding:4px;
	color: #fffff1;
	text-align: center;
	border:2px solid #7b6329;
  background-color:#260e02;
  width:260px;
}
#main_5 {
	float: left;
  margin-right:0px;
  padding:4px;
	color: #fffff1;
	text-align: center;
	border:2px solid #7b6329;
  background-color:#260e02;
  width:260px;
}

#uprightstable1 {
float:left;
width:400px;
}
#uprightstable2 {
float:right;
width:400px;
}
#mainbottom {
clear:both;
float:left;
margin:auto;
width:862px;
}

#table1 {
float:left;text-align:center;
width:500px;
}

.moving {
width:500px;
margin:auto;
}

.moving td{
border:1px solid #A86B28;
padding:4px;
}


#table2 {
float:right;text-align:center;
width:400px;
}

.antique-guide {
float:left;text-align:left;
width:100%;
border:0;
font-size:120%;
}
.antique-guide td{
border:1px solid #A86B28;
padding:4px;
}
.list td{
border:1px solid #a86b28;
padding:5px;
}

/******  footer navigation  ******/
/*#footerbkg{
clear:both;
float:left;
width:878px;
height:30px;
background-color:transparent;
padding:4px 0 0 0;
margin:-62px 56px 0 59px;
background-image:url(images/nav-bkg.jpg);
background-repeat:repeat-x;
}*/

#footer {
clear:both;
width:1000px;
padding:50px 0 0 0;
/*margin:0 56px 0 59px;*/
text-align:center;
color:#fff;
line-height:100%;
background-image: url(images/footer-bar.jpg);
background-repeat:repeat-x;
font-size:90%;
}

#footer ul, #footer ul li {
list-style: none;            /*removes bullets*/
margin: 0;
padding: 0;
}

#footer ul { 
text-align: center;          /*centers link text*/
background: transparent;
}


#footer ul li {
display:inline;              /*makes list horizontal*/
margin:0;
padding:0;
background-color: transparent;
}

#footer li a {
color: #E3C75D;
font-weight:600;
text-decoration: none;
padding:4px;     /*padding around link text*/
margin:0;
}

#footer li a:hover, #footer li a:focus, #footer li a:active {
color: #ddd;
font-weight:600;
text-decoration: none;
margin:0;
}
/******  end footer navigation  ******/



/*************miscellaneous*************/
 .clear {   
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.figure-r { /* floats images to the right inside the content */
	float: right;
  margin: 4px 0 4px 4px;
  padding:2px;
	font-size: 80%;
	color: #fffff1;
	text-align: center;
	border:2px solid #7b6329;
	background-color:#260e02;}

.figure-l { /* floats images to the left inside the content */
	float: left;
  margin: 4px 10px 4px 4px;
  padding:2px;
	color: #fffff1;
	text-align: left;
	border:2px solid #7b6329;
  background-color:#260e02;
}


/*--testing--*/

#menu a {
   position: absolute;
   height: 69px;
   width: 93px;
   top: 89px; 
   text-decoration: none;
   }

#menu a i { visibility: hidden; color:#000;}

a#home { left: 258px;  }
a#restorations { left: 346px;  }
a#grands { left: 432px;  }
a#verticals { left: 519px;  }
a#moving { left: 606px; }
a#contact { left: 691px; }

a#home:hover { background-image: url(images/menu/home.gif);background-repeat:no-repeat; }
a#restorations:hover { background-image: url(images/menu/restorations.gif);background-repeat: no-repeat; }
a#grands:hover { background-image: url(images/menu/grandpianos.gif);background-repeat: no-repeat;}
a#verticals:hover { background-image: url(images/menu/upright.gif); background-repeat: no-repeat;}
a#moving:hover { background-image: url(images/menu/pianomoving.gif); background-repeat: no-repeat;}
a#contact:hover { background-image: url(images/menu/contact.gif); background-repeat: no-repeat; }