body, html {
	text-align: center;
	margin-top: 0px;
	background: url(../images/background.jpg) no-repeat;
}
.wrapper {
	width: 998px;
	height: 826px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: none;
	background: url(../images/wrapper_background.png) no-repeat;
}
.navigation { padding-left: 10px; width: 619px; margin-top: 40px; float: right; text-align: right; background-image: url(../images/menubg.png); background-position: right center; height: 32px; background-repeat: no-repeat; margin-right: 50px; }
.navigation a { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; text-decoration: none; padding-left: 20px; padding-right: 20px; line-height: 32px; vertical-align: middle; }
.header { position:relative; width: 892px; height: 255px; float: left; margin-top: 40px; margin-left: 53px; }
.header img { position:absolute; top:0; left:0; z-index:8;  opacity:0.0; }
.header img.active { z-index:10; opacity:1.0; }
.header img.last-active { z-index:9; }
.clearer { clear: both; }
.left { width: 496px; height: auto; float: left; margin-right: 10px; margin-left: 53px; margin-top: 10px; }
.welcome { width: 476px; height: 166px; float: left; background-image: url(../images/welcome.jpg); padding: 80px 10px 10px 10px; }
.welcome p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }
.gallery { width: 240px; height: 63px; float: left; margin-right: 15px; margin-top: 12px; }
.callus {
	width: 240px;
	height: 136px;
	float: left;
	margin-top: 12px;
}
.tolet { width: 379px; height: 63px; float: right; margin-top: 12px; margin-left: 0px; }
.mainleft { width: 892px; height: auto; float: left; margin-right: 10px; margin-left: 53px; margin-top: 10px; }
.right { width: 380px; height: auto; float: left; margin-top: 10px; }
.offices { width: 359px; float: left; height: 93px; background-image: url(../images/offices.jpg); padding: 50px 10px 10px 10px; }
.location { width: 359px; float: left; height: 108px; margin-top: 10px; background-image: url(../images/perfect.jpg); padding: 50px 10px 10px 10px; }
.location p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; margin-top: 0px; }
.offices p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }
.offices ul { margin: 0px; padding: 0px 0px 0px 20px; }
.offices li { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }
.why { float: right; width: 390px; height: 100px; margin-right: 60px; }
.abouttext { width: 872px; height: 191px; float: left; background-image: url(../images/about.jpg); padding: 55px 10px 10px 10px; }
.abouttext p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }
.abouttext li { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }

.officestext { width: 872px; height: 191px; float: left; background-image: url(../images/officesmain.jpg); padding: 55px 10px 10px 10px; }
.officestext p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }
.officestext li { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }

.contacttext { width: 872px; height: 191px; float: left; background-image: url(../images/contactmain.jpg); padding: 55px 10px 10px 10px; }
.contacttext p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; padding:0px}
.contacttext li { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }

.whytext { width: 872px; height: 191px; float: left; background-image: url(../images/whymain.jpg); padding: 55px 10px 10px 10px; }
.whytext p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }
.whytext li { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }

.testimonialstext { width: 872px; height: 191px; float: left; background-image: url(../images/tennants.jpg); padding: 55px 10px 10px 10px; }
.testimonialstext p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }
.testimonialstext li { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }

.scroller { width: 872px; height: 191px; overflow: auto; overflow-x: hidden; }
.gscroller { width: 492px; height: 303px; overflow: auto; overflow-x: hidden; }
.galleryleft { width: 367px; height: 256; float: left; margin-right: 10px; margin-left: 53px; margin-top: 10px; }
.gallerymain { width: 347px; height: 206px; float: left; background-image: url(../images/gallerymain.jpg); padding: 40px 10px 10px 10px; }
.gallerymain p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }
.gallerymain li { font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }

.galleryright { width: 492px; height: 303px; float: left; margin-top: 10px; background-image: url(../images/galleryarea.jpg); 
padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; text-decoration: none; overflow:auto; overflow-x:hidden; }
.galleryimg { width:135px; height: 145px; float: left; text-align:center; padding:5px; }
