/*-GENERAL-*/

body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
}

.header {
	text-align: center;
}

.footer {
	text-align: center;
	width: 937px;
	font-size: 8pt;
	color: #656565;
	position: relative;
	margin: 12px auto 0px;
}

.container1 {
	width: 937px;
	height: 537px;
	color: #ffffff;
	position: relative;
	margin: 12px auto 0px;
	background: #000000 url('../images/bg1f.jpg');
	border:1px solid #656565;
}

.container2 {
	width: 937px;
	height: 1800px;
	color: #ffffff;
	position: relative;
	margin: 12px auto 0px;
	background: #000000 url('../images/bgprojects.jpg') no-repeat;
	border:1px solid #656565;
}

.container3 {
	width: 937px;
	height: 537px;
	color: #ffffff;
	position: relative;
	margin: 12px auto 0px;
	background: #000000 url('../images/bgservices.jpg') no-repeat;
	border:1px solid #656565;
}


.container4 {
	width: 937px;
	height: 537px;
	color: #ffffff;
	position: relative;
	margin: 12px auto 0px;
	background: #000000 url('../images/bglogin.jpg') no-repeat;
	border:1px solid #656565;
}


.container5 {
	width: 937px;
	height: 537px;
	color: #ffffff;
	position: relative;
	margin: 12px auto 0px;
	background: #000000 url('../images/bgcontact.jpg');
	border:1px solid #656565;
}

.greentext {
	color: #00a84f;
	font-weight: bold;
	font-size: 12pt;
}

.bigbold {
	color: #ffffff;
	font-weight: bold;
	font-size: 11pt;
}
body {
	margin-top: 20px;
	background: #000000 url('../images/background.png') repeat-x fixed bottom left;
}
a.footer:link {
	color: #656565;
	text-decoration: none;
}
a.footer:visited {
	text-decoration: none;
	color: #656565;
}
a.footer:hover {
	text-decoration: underline;
	color: #FFF;
}
a.footer:active {
	text-decoration: none;
	color: #656565;
}

a:link {
	color: #3c5179;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3c5179;
}
a:hover {
	text-decoration: none;
	color: #3c5179;
}
a:active {
	text-decoration: none;
	color: #3c5179;
}

/*-HOME-*/

.boxes_container {
	width: 897px;
	height: 150px;
	font-size: 10pt;
	position: relative;
	margin: 350px 0px 0px 20px;
	float: left;
}

.box1 {
	width: 285px;
	height: 150px;
	color: #ffffff;
	padding-right: 20px;
	font-size: 8pt;
	position: relative;
	float: left;
}

.boxfeatured {
	width: 283px;
	height: 148px;
	background-color: #3c5179;
	color: #ffffff;
	border:1px solid #3c5179;
	font-size: 8pt;
	position: relative;
	float: left;
}

/*-PROJECTS-*/

.clientname{
	color: #00a84f;
	padding-top: 110px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 10pt;
}

* html .clientname { padding-top: 10px; }

.workbox_container {
	width: 815px;
	height: 400px;
	position: relative;
	margin: 120px 0px 0px 59px;
	float: left;
}

.workbox {
	width: 220px;
	height: 200px;
	color: #ffffff;
	padding-right: 70px;
	padding-bottom: 40px;
	font-size: 8pt;
	position: relative;
	float: left;
}

.workboxendrow {
	width: 220px;
	height: 200px;
	color: #ffffff;
	padding-right: 0px;
	font-size: 8pt;
	position: relative;
	float: left;
}

.imgbox {
	width: 220px;
	height: 100px;
	color: #ffffff;
	font-size: 10pt;
	position: relative;
	margin: 0px 0px 0px 0px;
	border:1px solid #656565;
	float: left;
}

/*-SERVICES-*/

.servicesgreen{
	color: #00a84f;
	font-weight: bold;
	font-size: 12pt;
}

.listing {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 11pt;
}

ul {
	margin-top: auto;
}

.servicesright {
	width: 265px;
	height: 400px;
	color: #ffffff;
	font-size: 10pt;
	position: relative;
	margin: 120px 0px 0px 0px;
	float: left;
}

.servicesleft {
	width: 550px;
	height: 400px;
	color: #ffffff;
	font-size: 12pt;
	position: relative;
	margin: 120px 0px 0px 59px;
	float: left;
}

/*-CLIENT LOGIN-*/

.clientlogin {
	width: 815px;
	height: 300px;
	color: #ffffff;
	font-size: 11pt;
	position: relative;
	margin: 120px 0px 0px 59px;
	float: left;
}

* html .clientlogin { margin-left: 30px; }

.formlogin {
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
	position: relative;
	margin-bottom: 10px;
	float: left;
}

.formlogin label, .formlogin input { float: left; }

.formlogin label { width: 100px; text-align: left; margin-right: 10px; }

/*-CONTACT-*/

.contactform {
	width: 400px;
	height: 400px;
	color: #ffffff;
	font-size: 10pt;
	position: relative;
	margin: 120px 0px 0px 0px;
	float: left;
}

.contactinfo {
	width: 400px;
	height: 400px;
	color: #ffffff;
	font-size: 11pt;
	position: relative;
	margin: 120px 0px 0px 59px;
	float: left;
}

.requiredfield {
	width: 400px;
	height: 30px;
	color: #00a84f;
	font-size: 8pt;
	position: relative;
	margin: 160px 0px 0px 0px;
	float: left;
}

.requiredfield input.contact { margin-top: 10px; }

* html .requiredfield { margin-top: 10px; }

.form {
	width: 400px;
	height: 26px;
	color: #ffffff;
	font-size: 10pt;
	position: relative;
	float: left;
}

.contactform .form label { width: 150px; float: left; }

input.contact {
	float: left;
}

input.full { width: 500px; }
input.xlarge { width: 325px; }
input.large { width: 235px; }
input.medium { width: 160px; }
input.small { width: 100px; }
input.xsmall { width: 30px; }
input.button {
	margin: 0;
	border: none;
}

span.required {
	color: #00a84f;

}
select.small { width: 100px; }
select.medium { width: 160px; }
select.large { width: 240px; }
textarea { display: block; }
textarea.xlarge {
	width: 394px;
	height: 150px;
}

.clear { clear: both; }