body {margin: 0; padding: 0;background-color: #000; color: #f2f2f2; font-size: 62.5%; font-family: verdana, sans-serif;text-align: center;}
p {font: 1em/2em verdana, sans-serif; }

#page{width: 800px;margin-left: auto; margin-right: auto;}
#pagecontent{margin: 0; padding: 0;}

/*header*/
#pageheader{}
#pageheader h1{background: url(images/header1.gif) no-repeat; height: 58px; width: 351px;float: left;}
#pageheader h1 span{display: none;}
#pageheader h2{background: url(images/header2.gif); height: 58px; width: 243px;	float: right;}
#pageheader h2 span{display: none;}

/*menu*/
#menuPos{clear: both;}
#menu ul{padding-right: 3px;}
#menu li {float: right; list-style: none; padding-left: 15px;}
#menu a {font-size: 1.2em; color: #999; text-decoration: none}
#menu a:hover {color: #fff;}

/*bocy content*/
#main{width:800px; margin: 0; padding: 0 0 50px 0; text-align: center;}


#maincontent {position: relative; top: 40px}
#maincontent h3.btns{clear: both;background: url(images/btn_bg.gif) repeat-x; width: 100%; height: 200px; text-align: center;}
#maincontent h3.btns a{position: relative; top:60px; }
#maincontent h3.banner{background: url(images/banner.jpg) repeat-x; width: 100%; height: 200px; text-align: center;}
#maincontent h3.banner span{display: none;}
#maincontent p{text-align: left; font: 1.4em/2em Verdana, Arial, sans-serif; padding: 0 30px}
#maincontent img{  margin: 0; padding: 0;}
#maintext {width: 400px}

/*gallery*/
#gallery{text-align: center; width: 800px;}
#thumbnails {float: left; width: 115px; padding: 0;}

#thumbnails p.thumbs {padding: 0; margin: 35px 0 20px 0}	
#thumbnails img {border:solid 2px #fff; float: left; padding: 0; margin: 0 10px 10px 0; }


#displayArea {float: right;width:610px;}
#displayArea img {border:solid 6px #fff; margin-bottom: 1em; padding: 0; margin: 35px 0 0 0;}
#displayArea p {text-align: center; padding: 0; margin: 0;}


#footer{clear: both}
#footercontent{font-size: 1em; color: #666; text-align: left; padding: 40px 3px 0 0}