body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	/*background-image: url(../images/home-bg.jpg);
	background-repeat: no-repeat;*/
	background: #ffffff url(../images/home-bg.jpg) no-repeat top center;

}
img { margin:0; padding:0; border:0; }
div { margin:0; padding:0; border:0; }

a:link, a:visited, a:hover { font-size: 12px; color: #006699; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { margin:0;padding:0;border:0; font-size: 12px; font-weight: normal; color: #333333; }
h2, h3 { font-size: 22px; font-weight: bold; color: #333333; }
h3 { font-size: 18px; }

.container {
	width:966px;
	margin:0 auto;
	margin-top:35px;
	overflow:hidden;
	background-image: url(../images/info-bg.png);
	background-repeat: repeat-y;
}

.header {
	width:926px;
	height:75px;
	margin-left:20px;
	margin-top:20px;
}
.header .logo {	float:left; }
.header .text { float:right; font-size:10pt; color:#000000; }

.mainbanner, .pagebanner { margin-left:20px; width:926px; height:248px; }
.pagebanner { height:140px; }
.banners { margin-top:10px; height:134px;}
.banners .one { float:left; margin-left:20px; }
.banners .two { float:left; margin-left:10px; }
.banners .three { float:left; margin-left:10px; }

.content { float:left; width:946px; padding-top:5px; }
.content .left { float:left; width:590px; margin-left:35px; padding-bottom:20px; }
.content .right{
	float:left;
	width:300px;
	margin-left:20px;
	margin-top:20px;
	background-color: #E9F5FF;
}
.content .portfolio {
	float:left;
	width:895px;
	margin-left:35px;
	padding-top:20px;
	padding-bottom:30px;
	background-image: url(../images/line.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.content .portfolio .image { 	float:left; width: 220px; margin-left:50px; }
.content .portfolio .info {  float:right; width:500px; margin-top:10px; margin-right:50px; }

.info a, .info a:link, .info a:visited, .info a:hover { font-size: 12px; color: #006699; text-decoration: none; }
.info a:hover { color:#006699; }

.content .top { float:right; margin-top:20px; margin-right:20px; margin-bottom:35px; }

.footer { margin:0 auto; background:url(../images/footer-bg.png); background-repeat:no-repeat; width:966px; height:50px; text-align: center; font-size: 11px; color: #333; padding-top:15px; }
.footer a, .footer a:link, .footer a:visited, .footer a:hover { font-size: 11px; color:#333; text-decoration:none; }
.footer a:hover { color:#006699; }

/*
===============================================================
	Portfolio
===============================================================
*/

.thumbnail{
	position: relative;
}
.thumbnail:hover{
	background-color: transparent;
	z-index: 100;
}
.thumbnail span{ 
	position: absolute;
	background-color: white;
	padding:0;
	border: 5px solid #E9F5FF;
	visibility: hidden;
}
.thumbnail span img{ 
	border-width: 0;
}
.thumbnail:hover span{ 
	visibility: visible;
	left: 0px; 
	top: -250px;
	z-index: 100;
}

.contact {
	float:left;
	width:600px;
	padding: 30px;
	background-color: #E9F5FF;
}
label {
	width: 10em;
	float: left;
	margin-right: 1em;
	display: block;
}
input, textarea, select {
	border: 1px solid #88CCCA;
	background-color: #F9FCFF;
	width: 60%;
}
input.box {
	border: none;
	background-color: #F9FCFF;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.button {
	background-repeat: no-repeat;
	border: none;
	height: 20px;
	width: 61px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 133px;
	cursor: hand;
	background-image: url(../images/submit.gif);
}
