/* CSS Document */

* /*Set's border, padding and margin to 0 for all values*/
{
border: 0;
padding: 0px;
margin: 0px;
}

html { min-height: 100%; margin-bottom: 1px; }

body {
	padding:0 0 2em 0;
	text-align:center;
	margin-top: 20px;
	background-color:#333333;
	z-index:0;
	background:  url(pics/backdark.gif) repeat;

}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-bottom:5px;
	color: #333333;
	text-align:left;
	
}



p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	
}




p span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffcc00;
	text-align:left;
	
}

p.projects {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	
}



p.projects a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	text-decoration:none;
	background-color: #ffcc00;
	
	
}


p.lefttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	margin-left:30px;
	margin-top:30px;
	margin-right:30px;
	margin-bottom:30px;
	
}

p.lefttext a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	background-color:#ffcc00;
	text-decoration:none;
	
}

p.lefttext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	background-color:#ffcc00;
	text-decoration:underline;
	
}

p.cta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #333333;
	   text-align:left;

}



p.cta span {

	color: #ffcc00;
	

}

p.cta a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	background-color: #ffcc00;
	color: #333333;
	text-decoration:none;

}




p.cta2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #333333;
	   text-align:left;
	   margin-left:30px;
	
	
}



p.cta2 span {

	color: #ffcc00;
	

}

p.cta2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
		background-color: #ffcc00;
	color: #333333;
	text-decoration:none;

}


p.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #333333;
	   text-align:left;
		margin-left:30px;
	margin-top:30px;
	margin-right:30px;
	margin-bottom:30px;
	
	
}



p.contact span {

	color: #ffcc00;
	

}

p.contact a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
		background-color: #ffcc00;
	color: #333333;
	text-decoration:none;

}

p.boxtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	   text-align:left;
padding:10px;
}


p.boxtext a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	   text-align:left;
text-decoration:underline;
}



p.footerL {
float:left;
display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	   text-align:left;
	   margin-left:30px;
	   
}



p.footerR {
float:right;
display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffcc00;
	   text-align:right;
	      margin-right:30px;
	   
}


p.footerR a {
display:inline;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffcc00;
	   text-align:right;
	   text-decoration:none;
	   
}

p.footerR a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffcc00;
	   text-align:right;
	   text-decoration:underline;
	   
}




p.holdertext {
display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffcc00;
	   text-align:left;

	   
}


#page {
	margin: 0 auto 0 auto;
	text-align: left;
	Width: 900px;
	height:auto;
	z-index:0;
	padding-bottom:20px;
	

}

#container {
float:left;
	Width: 900px;
	height:auto;
	padding-bottom:15px;
	background:  url(pics/back2.gif) repeat;
	z-index:0;
position:relative;

}





#banner {
width:900px;
height:238px;
overflow:hidden;
float:left;



}



#logo {
position:absolute;
width:240px;
height:0;
float:right;
top:30px;
right:60px;
display:inline;
z-index:99;

}





#content {
width:840px;
height:auto;
float:left;
margin-left:30px;
padding-bottom:30px;
display:inline;
background-color:#ffffff; 
z-index:1;
position:relative;
overflow:hidden;


}


#content2 {
width:840px;
height:790px;
float:left;
margin-left:30px;
display:inline;
background-color:#ffffff; 
z-index:1;
position:relative;


}



.border {
float:left;
margin-left:30px;
display:inline;
position:absolute;
z-index:1;
top:124px;
}

.border-home {
float:left;
margin-left:30px;
display:inline;



}


#contactbox {
float:left;
width:780px;
height:70px;
margin-left:30px;
margin-top:30px;
display:inline;


}

#leftcontent{
width:570px;
height:280px;
float:left;
display:inline;
background-color:#ffffff;
}

#leftcontent2 {
width:570px;
height:auto;
float:left;
display:inline;
background-color:#ffffff;

}

#rightcontent{
width:240px;
height:390px;
float:right;
margin-right:30px;
display:inline;
background-color:#ffffff;
}


#rightcontent2 {
width:240px;
height:auto;
float:right;
margin-right:30px;
display:inline;
background-color:#ffffff;
}


.project {
width:780px;
height:auto;
border-top:dotted 1px #ffcc00;
float:left;
display:inline;
background-color:#ffffff;
margin-top:30px;
margin-left:30px;
padding-top:20px;

}


.projecttext {
width:510px;
height:auto;
float:left;
display:inline;
background-color:#ffffff;


}

.projecttext2 {
width:240px;
height:auto;
float:left;
display:inline;
background-color:#ffffff;


}

.projectimage {
width:240px;
height:auto;
float:left;
margin-left:30px;
display:inline;
background-color:#ffffff;


}

.projectimage2 {
width:240px;
height:auto;
float:left;
margin-left:0px;
display:inline;
background-color:#ffffff;


}

.news {
width:780px;
height:auto;
border-top:dotted 1px #ffcc00;
float:left;
display:inline;
background-color:#ffffff;
margin-top:30px;
margin-left:30px;
padding-top:20px;

}


.newstext {
width:510px;
height:auto;
float:left;
display:inline;
background-color:#ffffff;


}

.newsimage {
width:240px;
height:auto;
float:left;
margin-left:30px;
display:inline;
background-color:#ffffff;


}

.leftpic {
clear:left;
float:right;
margin-top:30px;
display:inline;
}


#boxes {
float:left;
width:780px;
height:240px;
margin-left:30px;
display:inline;

}


#boxes2 {
float:left;
width:780px;
height:240px;
margin-left:30px;
margin-top:20px;
display:inline;

}


.digger {
width:840px;
float:left;
margin-left:30px;
display:inline;
z-index:2;
}


.left30 {
float:left;
margin-left:30px;
display:inline;
}


.title {
float:left;
display:inline;
}

.yellowContent {
border-top:dotted 1px #333333;
overflow:auto;
height:200px;
}

.yellowbox {
position:relative;
float:left;
margin-left:30px;
display:inline;
width:240px;
height:240px;
background:  url(pics/yellowbox.gif) no-repeat;
}

.yellowbox2 {
position:relative;
float:left;
display:inline;
width:240px;
height:240px;
background:  url(pics/yellowbox.gif) no-repeat;
}

.imageboxBig {
float:left;
margin-left:30px;
display:inline;
width:240px;
height:240px;
}

.imageboxBig2 {
float:left;
margin-left:0px;
display:inline;
width:240px;
height:240px;
}


.smallpics {
float:left;
margin-top:24px;
display:inline;
width:240px;
height:168px;
}

.smallpics2 {
float:left;
margin-top:24px;
display:inline;
}

.homespacer {
width:780px;
height:265px;
}

.profilespacer {
width:780px;
height:805px;

}

.servicesspacer {
width:780px;
height:930px;

}

#footer {
width:840px;
float:left;
margin-left:30px;
margin-top:10px;
display:inline;


}

#footer2 {
width:840px;
float:left;
margin-left:30px;
margin-top:1055px;
display:inline;
z-index:1;
position:absolute;

}




.Nav {
display:inline;
float:left;
width:510px;
height:30px;
margin-top:74px;
margin-left:60px;
overflow:hidden;

}






.Nav a span {
	display: none;
}


.Nav ul {
	float: left;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	height: 31px;

}

.Nav  ul li {
	float: left;
	display: inline;
	height: 31px;
	list-style: none;
	text-decoration: none;
	margin-right:8px;
}

.Nav  ul a {
	float: left;
	height: 31px;
	list-style: none;
	text-decoration: none;
}



.profileNav a {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/profile.gif) no-repeat;	
	background-position: 0px -31px;	

}
.profileNav a:hover {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/profile.gif) no-repeat;		
	background-position: 0px 0px;

}

.profileNavSelected a {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/profile.gif) no-repeat;	
	background-position: 0px 0px;

}


.servicesNav a {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/services.gif) no-repeat;	
	background-position: 0px -31px;	

}
.servicesNav a:hover {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/services.gif) no-repeat;		
	background-position: 0px 0px;

}

.servicesNavSelected a {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/services.gif) no-repeat;	
	background-position: 0px 0px;

}


.projectsNav a {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/projects.gif) no-repeat;	
	background-position: 0px -31px;	

}
.projectsNav a:hover {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/projects.gif) no-repeat;		
	background-position: 0px 0px;

}

.projectsNavSelected a {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/projects.gif) no-repeat;	
	background-position: 0px 0px;

}


.newsNav a {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/news.gif) no-repeat;	
	background-position: 0px -31px;	

}
.newsNav a:hover {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/news.gif) no-repeat;		
	background-position: 0px 0px;

}

.newsNavSelected a {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/news.gif) no-repeat;	
	background-position: 0px 0px;

}



.contactNav a {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/contact.gif) no-repeat;	
	background-position: 0px -31px;	

}
.contactNav a:hover {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/contact.gif) no-repeat;		
	background-position: 0px 0px;

}

.contactNavSelected a {
float: left;
	display: block;
	height: 31px;
	width: 94px;
	background:  url(pics/nav/contact.gif) no-repeat;	
	background-position: 0px 0px;

}




/* FORM ITEMS */

* {
	padding: 0px;
	margin: 0px;
}


#formContainer {
width:480px;
margin-top:0px;
padding-top:0px;
margin-left:30px;
border-top:dotted 1px #ffcc00;
padding-top:20px;

}




img {
	border: 0;
}




#FormCol label {
	color: #333333;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	clear: left;
	margin-top:5px;
}

#FormCol label span {
	color: #333333;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:0px;
}

#FormCol input {
	clear: left;
	float: left;
	width: 480px;
	height:20px;
	border: 1px solid #333333;
	background-color:#ffcc00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}



#FormCol input2 {
	clear: left;
	float: left;
	width: 480px;
	height:20px;
	background-color:#ffcc00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}


#FormCol textarea {
	clear: left;
	float: left;
	width: 480px;
	border: 1px solid #333333;
	background-color:#ffcc00;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	color: #333333;
}

#FormCol select {
	float: left;
	width: 480px;
		border: 1px solid #333333;
	margin: 5px 0px 0px 0px;
}

#furtherInfo label {
	color: #333333;
	font-size: 12px;
	width: 480px;
	float: left;
	clear: left;
	margin-top: 5px;
}



select {
	float: left;
}



#sendButton {
	
	margin-top:5px;
	width:140px!important;
	height:25px!important;
}

/* END FORM ITEMS */