body {
	margin:50px 0px; padding:0px;
	text-align:center;
	font: 12px "Trebuchet MS", Verdana, Arial;
	color : #CCCCCC;
	background : black;
	margin: 0;
}
#content {
	padding: 10px;
	border: 1px solid #333333;
	text-align:left;
	height: 630px;
	width: 890px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;

} /* for explorer only */
.logo {
	background: url(../images/statlogo.jpg) no-repeat left center;
	height: 630px;
	width: 70px;
	left: 0px;
	top: 0px;
	float: left;
}
.menu {
	font: 14px "Trebuchet MS", Verdana, Arial;
	width: 802px;
	float: right;
	text-align: right;
	border-top: 1px solid #333333;
	border-right: 1px #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px #333333;
	padding-top: 5px;
	padding-bottom: 5px;

}
.port1 {
	background: #333333 url(../images/portfolio1.jpg) no-repeat;
	height: 550px;
	width: 800px;
	position: relative;
	left: 0px;
	top: 10px;
	float: right;
}
.photo {
	position: absolute;
	height: 100px;
	width: 780px;
	left: 10px;
	top: 10px;
	z-index: 10;
	overflow: visible;
}
img {
	border: 0px;
}
.port2 {
	background: #333333 url(../images/portfolio2.jpg) no-repeat;
	height: 550px;
	width: 800px;
	position: relative;
	left: 0px;
	top: 10px;
	float: right;
}
#content .photo img {
	border: 1px solid #CCCCCC;
	left: 0px;
}
.port3 {
	background: #333333 url(../images/portfolio3.jpg) no-repeat;
	height: 550px;
	width: 800px;
	position: relative;
	left: 0px;
	top: 10px;
	float: right;
}
.port4 {
	background: #333333 url(../images/portfolio4.jpg) no-repeat;
	height: 550px;
	width: 800px;
	position: relative;
	left: 0px;
	top: 10px;
	float: right;
}
.about {
	background: url(../images/about.jpg) no-repeat;
	height: 550px;
	width: 800px;
	position: relative;
	left: 0px;
	top: 10px;
	float: right;
	border: 1px solid #333333;

}
.contact {
	background: url(../images/contact.jpg) no-repeat;
	height: 550px;
	width: 800px;
	position: relative;
	left: 0px;
	top: 10px;
	float: right;
	border: 1px solid #333333;
}
.text {
	position: absolute;
	height: 270px;
	width: 590px;
	left: 40px;
	top: 230px;
	z-index: 10;
	overflow: auto;
	padding: 5px;

}
ul {
	font: bold 14px "Trebuchet MS", Verdana, Arial;
	list-style: none;
}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #CCCCCC;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #CCCCCC;
	}
a:hover, a:active {
	color: #FFFFFF;
	text-decoration: none;
	background: #333333;

	}
#index {
	font: 16px "Trebuchet MS", Verdana, Arial;
	text-align: center;
	padding: 10px;
	height: 150px;
	width: 600px;
	filter: BlendTrans(Duration=30);
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;




}
.copyright {
	font: 12px "Trebuchet MS", Verdana, Arial;
	text-align: right;
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #333333;
	border-right: #333333;
	border-bottom: 1px solid #333333;
	border-left: #333333;
	width: 802px;
	margin-top: 20px;
	position: relative;
	color: #666666;




}
.port5 {

	background: #333333 url(../images/portfolio5.jpg) no-repeat;
	height: 550px;
	width: 800px;
	position: relative;
	left: 0px;
	top: 10px;
	float: right;
}