.webpage{ width : 1024px; height:px;  margin:0px auto;  } 

.header{ width: 1024px; height:172px;  margin:0px auto; background-image: url('img/header.gif' ) }

.menu{ width:1026px; height: 61px;}

.Home{ width: 171px; height: 61px; float: left;border: none;}

.gallery{ width: 171px; height: 61px; float: left;border: none;}

.services{ width: 171px; height: 61px; float: left;border: none;}

.shop { width: 171px; height: 61px; float: left;border: none;}

.contact { width: 171px; height: 61px; float: left;border: none;}

.news { width: 171px; height: 61px; float: left;border: none;}

.mainpage{ width: 1026px; height:px; margin:0px auto;float: left;}

.leftlinkbuttons{ width: 171px; height:244px; margin:0px auto; float: left;}

.stuff{ width: 684px; height:700px; margin:0px auto;float: left;}

 #container {
    position:relative;
    width:684px;
    height:700px;
    margin:20px  0 auto;
    border:px solid #aaa;
background-color:#000
    }
#container ul {
	width:120px;
    height:570px;
    padding:5px;
    margin-top:px;
 margin-left:px; margin-right:65px;
	border:1px solid ;
	list-style-type:none;
float:left;
 
    }
	
	
	#container li { 
	    float:left; 
    }
	
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:20px;
    overflow:hidden;
    background:#fff;
    }
	
	#container a.gallery:hover { 
	    border:px solid #fff; 
    } 
	
	#container a.gallery:hover img {
    border:px solid #fff;
    float:left;
    margin-leftt:150px;
    }
	
	#container a.slidec:hover img, #container a.slided:hover img {
    float:right;
    }


	
	#container a.gallery:hover span {
    position:absolute;
    width:550px;
    height:550px;
    top:10px;
    left:120px;
    color:#000;
    background:#000000;
    }

	
	
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#container a.slidea {
    background:url('img/photo1thumb.gif');
	width:50px; height:50px;
    }
	
#container a.slideb {
    background:url('img/photo2thumb.gif');
	width:50px; height:50px;
    }

#container a.slidec {
    background:url('img/photo3thumb.gif');
	width:50px; height:50px;
    }
	
#container a.slided {
    background:url('img/photo4thumb.gif');
	width:50px; height:50px;
    }
	
#container a.slidee {
    background:url('img/photo5thumb.gif');
	width:50px; height:50px;
    }
	
#container a.slidef {
    background:url('img/photo6thumb.gif');
	width:50px; height:50px;
    }
	
#container a.slideg {
    background:url('img/photo7thumb.gif');
	width:50px; height:50px;
    }
	
#container a.slideh {
    background:url('img/photo8thumb.gif');
	width:50px; height:50px;
    }
#container a.slidei {
    background:url('img/photo9thumb.gif');
	width:50px; height:50px;
    }

    


#container a.slidek {
    background:url('img/photo10thumb.gif');
	width:50px; height:50px;
    }
#container a.slidel {
    background:url('img/photo11thumb.gif');
	width:50px; height:50px;
    }
#container a.slidem {
    background:url('img/photo12thumb.gif');
	width:50px; height:50px;
    }
#container a.sliden {
    background:url('img/photo13thumb.gif');
	width:50px; height:50px;
    }
#container a.slideo {
    background:url('img/photo14thumb.gif');
	width:50px; height:50px;
    }
#container a.slidep {
    background:url('img/photo15thumb.gif');
	width:50px; height:50px;
    }
#container a.slideq {
    background:url('img/photo16thumb.gif');
	width:50px; height:50px;
    }
#container a.slides {
    background:url('img/photo18thumb.gif');
	width:50px; height:50px;
    }
#container a.slidet {
    background:url('img/photo19thumb.gif');
	width:50px; height:50px;
    }
#container a.slideu {
    background:url('img/photo20thumb.gif');
	width:50px; height:50px;
    }
#container a.slidev {
    background:url('img/photo21thumb.gif');
	width:50px; height:50px;
    }

.what{float:left;width:342px;margin:0 0 px px;padding:px;border:px solid black;text-align:center;}

.what1{float:right;width:342px;height:342px margin:0 0 px px;padding:15px;border:1px solid black;text-align:center;}

.what2{float:right;width:342px;height:250px;margin:0 0 px px;padding:15px;border:1px solid black;text-align:center;
}












#contact-area {
	width: 570pxpx;
	margin-top:px;
border:;

}

#labelbox {
	width: 100px;
height:
	margin-top:px;
border: ;
float: left;

}


#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 470px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 20px 10px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 150px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
margin-right:86px;
}



.rightlinkbuttons{ width: 171px; height:244px; margin:0px auto;float: left;}

.footerhome{ width: 1024px; height:50px;  margin-top:700px; auto; background-image: url('img/footer.gif' ) }

.footergallery{ width: 1024px; height:50px;  margin-top:1000px; auto; background-image: url('img/footer.gif' ) }

.footerworkshop{ width: 1024px; height:50px;  margin-top:795px; auto; background-image: url('img/footer.gif' ) }

.footercontact{ width: 1024px; height:50px;  margin-top:840px; auto; background-image: url('img/footer.gif' ) }

.footermural{ width: 1024px; height:50px;  margin-top:840px; auto; background-image: url('img/footer.gif' ) }


body{background-color:#000}