body, p, h1, h2, h3, h4, h5{
	margin: 0;
	padding: 0;
}
body {
    
	margin: 0px;
	background-color: #444440;
	background-image: url('img/bg/basebg.png');
	background-repeat: no-repeat;
}
.header, .body, .footer{
    position: relative;
    width: 800px;
	margin: auto;
	border: none;
	background-color:#666666;
	border-left: 2px solid #444444;
	border-right: 2px solid #444444;
}
.header{

	 
     /* new border  border-bottom: 2px solid black; */
	 border-bottom: 2px solid #dfb971;
	 height: 140px;
	   }
  
.body{
	background-image:url('img/bg/body_bg.png');
	background-repeat: repeat-x;
	background-position:top;
	border-bottom: none;
	border-top: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: white;
	padding-top: 1em;
	padding-bottom: 1em;
	height: auto;
	min-height: 700px;
}
.context {
   position: absolute;
   float: left;
   
   border: 2px solid black;
          }
.context_header{
    margin: 0em .5em 0em .5em;
	padding: 0px 2em 0px 2em;
	width: 400px;
          }
.context_header h3, h2, h1{
    border-bottom: 2px solid #dfb971;
          }
.context_body{ 
    position: relative;
    margin:  0em .2em 1em .2em;
	width: 400px;
	padding: 0px 2em 0px 2em;
	height: auto;
           }
.context_body p{
    font-size: 13px;
	padding-left: 1em;
	padding-top: 1em;
}

.footer{
	background: #333333 url('img/bg/footer.png');
	background-repeat: repeat-x;
	background-position:top;
	height: 54px;
	border-top: none;
	
	padding: 1em 0 0 0;
	font:  10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
            }
.footer ul {
    float: left;
    position: absolute;
    margin:0;
    padding:0;
    top: 2px;
    right: 30%;
}
.footer ul li {
	position: relative;
    float:left;
    margin:0;
    padding:4px;
	list-style:none;
}
.footer a {
    font-size: 12px;
	text-align: center;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.footer a:hover {
    text-decoration: underline;
}
.multi_list{

}
#clear_content{
  clear: both;
}
.menu {
    position: absolute;
	bottom: -4px;
	right: 12px;
	
    margin: 6px 0 0 0;
	
	padding-bottom: 2px;
	padding-right: 2em;
	line-height: normal;
	color: white;
    }

.menu ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

.menu ul li {
    position: relative;
    float:left;
    margin:0;
    padding:0;
	list-style:none;
	background:url("img/tab_right2.gif") no-repeat right top;

	}
.menu #current { 
     background:url("img/ctab_right.png") no-repeat right top;
}
.menu #current a {
     background:url("img/ctab_left.png") no-repeat left top;
	 padding-bottom: 4px;
}
.menu a {
    display:block;
	background:url("img/tab_left2.gif")  no-repeat left top;
    padding:9px 15px 4px 15px;
	text-decoration: none;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
}

.multilist{

}
.multilist ul{
   float: left;
}
.multilist ul li{
   list-style: none;
   text-align: center;
   font-size: 12px;
}


.logo{
   float: left;
   height: 126px;
   width:  200px;
   padding: .5em;

   
   z-index: -1;
}
.logo a{
   text-indent: -500em;
   display: block;
   float: left;
   padding-left: 1em;
      
   background-image:url('img/bg/Pebblefloor_logo.png') !important;
   background-image:url('img/bg/Pebblefloor_logo.gif');
   background-repeat: no-repeat;
   background-position:center;
   
   position: relative;
   overflow: hidden;
   
   height: 126px;
   width:  200px;
}

.header_img{
   left: 0;
   right: 0;
   float: left;
   height: 100px;
   width:  500px;
   background-image:url('img/bg/header_img.png') !important;
   background-image:url('img/bg/header_img.gif');
   background-repeat: no-repeat;
   background-position:center;
   padding: .5em;
   padding-left: 3em;

   
   z-index: -2;
}


.header_img a{
   text-indent: -500em;
   display: block;
   float: left;
   
   background-repeat: no-repeat;
   background-position:top left;
   
   position: relative;
   overflow: hidden;
   
   height: 100px;
   width:  200px;
}

.sideimg {
     float:left;
	 position: absolute; 
	 top: 1em;
	 left: 400px;
	 height: 500px;
	 width: 325px;
	 
	 font-size: 10px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 text-align: center;

}
.sideimg ul li{
      display: block;
	  list-style: none;
}
#index_side a{
     text-indent: -500em;
	 display: block;
	 float: left;
	 
	 overflow: hidden;
	  
     width: 325px;
	 height: 200px;
	

	 background-image:url("img/bg/Sideimg_index.png") !important;
	 background-image:url("img/bg/Sideimg_index.gif");
	 background-repeat: no-repeat;
	 background-position:top center;

}
#art_side a{
     text-indent: -500em;
	 display: block;
	 float: left;
	 overflow: hidden;

	  
     width: 325px;
	 height: 200px;
	
	 background-image:url("img/bg/Sideimg_design.png") !important;
	 background-image:url("img/bg/Sideimg_design.gif");
	 background-repeat: no-repeat;
	 background-position:top center;

}
.singlelist {
  font-size: 12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.singlelist li {
  padding-top: 1em;
}
.inout_link{
  padding-left: 6em;
  font-size: 12px;
  color: white;
  font-weight: bolder;
}
.inout_link a{
  font-size:18px;
  color: #FFCC66;  
  text-decoration: none;
}

.inout_link a:hover{
  text-decoration: underline;
} 
.gallery{
  width: 800px  !important;
  width: 700px;
  padding-left: 10px !important;
  padding-left: 20px;
  display: block;
}
.gallery ul{
  display: inline;
}
.gallery ul li{
  float: left;
  list-style: none;

}
.gallery a{
 position: relative;
  float: left;
  width: 205px;
  padding-top: 130px;
  margin: 1em .5em .5em .5em;
  
  text-align: center;
  text-decoration: none;
  font: 12px Verdana, Arial, Helvetica, sans-serif; 
  color: white;
}
.gallery a:first-child{
   margin-left: 2em;
}
.gallery a:hover{

}
.gallery .thum_img{
   float: left;
   position: absolute;
   top: -1.5em;
   left: 0em;
   padding-top: 80px;
   padding-left: 80px;
   background: url('img/bg/Thumb.gif') no-repeat center;
}

.failure {
  padding: 1em;
}

.exin_bottom {
  border-top: 1px solid white;
  width: 700px;
}

.exin_bottom a{
  color: white;
  font-size: 12px;
  text-decoration: none;
}

.exin_bottom a:hover {
 text-decoration: underline;
}