@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/bg3.png);
	background-repeat: repeat;
	margin: 0;
    text-align: center;
}
body,td,th {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#container {
       margin: 0 auto;
       text-align: left;
	   width: 800px;
	   height: 750px;
	   }
#content {
position: absolute;
}
#headerimage {
	width: 0px;
	text-align: left;
	margin-top: 25px;
}

#mainarea {
	width: 800px;
	height: 350px;
	margin-top: 10px;
	text-align: left;
	background-image: url(../images/contentbg.png);
	border: thin #FFFFFF solid;
}

#mainarea2 {
	width: 800px;
	height: 350px;
	margin-top: 10px;
	text-align: left;
	background-image: url(../images/contentbg.png);
	border: thin #FFFFFF solid;
}
#mainarea3 {
	width: 800px;
	height: 350px;
	margin-top: 10px;
	text-align: left;
	border: thin #FFFFFF solid;
}
#mainarea4 {
	width: 800px;
	height: 350px;
	margin-top: 10px;
	text-align: left;
	background-image: url(../images/projectback.png);
	border: thin #FFFFFF solid;
}
#area1img {
	width: 0px;
	top: 0px;
	left: 500px;
	position: relative;
	text-align: left;
}
#box1 {
	width: 800px;
	height: 260px;
	margin-top: 10px;
	text-align: left;
	background-image: url(../images/contentbg.png);
	border: thin #FFFFFF solid;
}
#box2 {
	width: 545px;
	height: 260px;
	left: 250px;
	position: absolute;
	text-align: left;
	border-left: thin #FFFFFF solid;
}
p.box2 {padding: 15px 15px 15px 15px;}
#followus {
	width: 250px;
	position: absolute;
	}
#footer {
	width: 800px;
	height: 50px;
	top: -240px;
	left: -0px;
	margin-top: 10px;
	text-align: right;
}
#box4{
	position:absolute;
}
#box4 p {
visibility: hidden;
}
#box4 div{
	width:800px;
	height:350px;
	float:left;
	background: #666666;
}

#box4 img{
	width:800px;
	height:350px;
	top: -350px;
	float:left;
}
#buttonbox {
	top: 400px;
	right: 9px;
	z-index: 1337;
	position: absolute;
}

#slidenav {
	width: 800px;
	height: 35px;
	z-index: 1337;
	top: 405px;
	position: absolute;
	background-image: url(../images/halfback.png);
	background-repeat: repeat;

}
#sampledesc {
	
	width: 250px;
	height: 35px;
	left: 9px;
	position: relative;
}
.mask3{
	position:relative;
	width:800px;
	height:350px;
	overflow:hidden;
}