HTML {overflow-x:auto; overflow-y:scroll;}
 BODY {background-color:#ffffff;color: #fff;margin: 0px; font:Arial, Helvetica, sans-serif;}
 IMG, UL, LI, A{padding: 0px; margin: 0px; border:none;color:#fff;}
 A{text-decoration:none; line-height:35px; font-size: 18px;}
 UL{list-style: none outside none;}
 LI{height:24px; margin:0px 0px 1px 0px; padding: 0px 0px 0px 15px;}
 P {margin: 0px; padding: 0px;text-indent:50px;}

.wrapper {position:absolute; top:50%; width: 100%; height:563px; margin-top:-275px; text-align:center;}
.top {color: #e31e31; margin: auto; max-width: 750px; position: relative; text-align: left;}
.top A{text-decoration:underline; line-height: 18px; color: #e31e31; float: right; margin: 0px 0px 0px 7px;}
.top A:HOVER{text-decoration:none;}
.cell{margin:auto; max-width:750px; height:563px; position:relative; text-align:justify; box-shadow: 0px 40px 20px -30px #232323; -moz-box-shadow: 0px 40px 20px -30px #232323; -webkit-box-shadow: 0px 40px 20px -30px #232323;}
.menu{position: absolute; top: 30px; left:30px; width: 200px; z-index: 100; }
.menu_item{background:#333; height: 35px; opacity: 0.6;}
.menu_item_hover{background:#000; height: 35px; opacity: 0.6;}
.phone {background:#333; height: 35px; opacity: 0.6; line-height:35px; font-size: 20px; font-weight: bold; color: #e31e31;}

.content{max-width: 750px; height: 563px; font-size: 28px; text-shadow:1px 1px 1px #fff; }
.content DIV{ padding: 20px 20px 10px 250px; min-height: 563px;}
.content .gallery{ padding: 0px; height: 350px; overflow-y: scroll; }
.content .gallery DIV{ width: 235px; height: 184px; min-height: 184px; padding: 0px; float: left; text-aline: center; margin: auto; background-color: #ccc; margin: 4px; }
.content .gallery IMG {border: 3px solid #ccc; }
.content .gallery IMG:HOVER {border: 3px solid #999; }
.content #common {background-image: url('../media/images/3.jpg'); background-repeat:no-repeat; margin: 0px; padding: 30px;}
.content #common P {line-height: 45px;}
.content #common A {color: #e31e31; text-decoration: underline;}
.content #common A:HOVER {color: #e31e31; text-decoration: none;}
.content #home {background-image: url('../media/images/1.jpg'); background-repeat:no-repeat; }
.content #aboutus {background-image: url('../media/images/2.jpg'); background-repeat:no-repeat;}
.content #services {background-image: url('../media/images/3.jpg'); background-repeat:no-repeat;}
.content #gallery {background-image: url('../media/images/4.jpg'); background-repeat:no-repeat;}
.content #last_objects {background-image: url('../media/images/4.jpg'); background-repeat:no-repeat;}
.content #prices {background-image: url('../media/images/5.jpg'); background-repeat:no-repeat;}
.content #contacts {background-image: url('../media/images/6.jpg'); background-repeat:no-repeat;}

.displaynone{display:none;}
.selected{text-decoration:underline; background:#111;}

.bottom{width:100%; height: 24px; position:absolute; bottom: 0px; color: #e31e31;}
.bottom .copy_right{float: left; line-height:24px;}
.bottom .created_by{float: right;}
.bottom .created_by A{text-decoration:underline; line-height: 18px; color: #e31e31;}
.bottom .created_by A:HOVER{text-decoration:none;}

.sub_bottom{max-width:750px; margin: auto; border-top:1px solid #e31e31;}

@media (max-height:680px) {
	.wrapper { top: 0px; margin-top: 0px; }	
}

@media (max-width:675px) {
	.content { font-size: 18px; }
	P {text-indent: 30px;}
}

@media (max-width:500px) {
    .content DIV{ padding: 280px 20px 10px 0px; min-height: 273px;}
	.content .gallery { padding: 0px 20px 10px 0px; height:553px}
}