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



/* The box that holds all the content */
div.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1190px;
}


#Container {
	margin: 0px;
	width: 860px;
	padding: 20px 20px 40px 20px;
	background-color: #FFFFFF;
	float: right;
}




/* background properties - colour,margins etc */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}


H1 {
font-size:12px;
           color:black;
           margin-top:0px;
           margin-bottom:0px;
      }




/* main content box - floats right */
#MainContent {
	margin: 0px;
	width: 700px;
	padding: 20px 20px 40px 20px;
	background-color: #FFFFFF;
	float: right;
}

#MainNav {
	width: 220px;
	float: left;
	padding: 0px;
	margin: 65px 0px 0px;
}


#topbanner {
	width:860px;
	height:45px;
	text-align: right;
}


#divider {
	height: 1px;
	margin-top: 10px;
	border-top-width: 1px;
	border-color: #333333;
	border-top-style: dotted;
	width: 860px;
	margin-bottom: 10px;
	}


#frontpagepicture {
	width:860px;
	height:200px;
	background-color: #FFFFFF;
}

#pagetitlecookiebox  {
	width:700px;
	height:20px;
}

#cookietrail {
	width:860px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	height: 12px;
	}

#pagetitle {
	width:860px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	height: 25px;
	margin-top:5px;
	margin-bottom:5px;
	}


.cookie {
	font-size:11px;
	color:#999999;
}

.cookie a:link{
	color: #999999;
	text-decoration: none;
}

.cookie a:visited{
	color: #999999;
	text-decoration: none;
}

.cookie a:hover{
	color:#000000;
	text-decoration: none;
}



#introductiontext {
	width:860px;
	margin-top: 15px;
}


#projectintroductiontext {
	width:860px;
	margin-top: 10px;
}


#featuredprojects {
	width:860px;
	margin-top: 15px;
	height: 20px;
}

#projectbar {
	width:860px;
	margin-top: 15px;
	height: 260px;
	margin-bottom: 15px;
}


#projectbarbig {
	width:860px;
	margin-top: 20px;
	height: 200px;
}


#teesbox{
	width:860px;
	height: 350px;
	margin-bottom: 20px;
}

#bigimageleft{
	width:340px;
	height:340px;
	margin-right:20px;
	float: left;
	background-color: #FFFFFF;
	}
	
#bigimageright{
	width:340px;
	height:340px;
	float: right;
	background-color: #FFFFFF;
	}	
	


#projectbardivider  {
	width:860px;
	height: 10px;
	margin-top:5px;
	margin-bottom:5px;
}	

#dividerbox {
	width:200px;
	height: 5px;
	float:left;
	margin-right: 20px;
}

#dividerboxright {
	width:200px;
	height: 5px;
	float:left;
	margin-right: 0px;
}

#dividerline {
	height: 1px;
	border-top-width: 1px;
	border-color: #333333;
	border-top-style: dotted;
	}





#projectbox {
	width:200px;
	height: 260px;
	float:left;
	margin-right: 20px;	
}

#projectboxright {
	width:200px;
	height: 260px;
	float:left;
	margin-right: 0px;
}

#projectboxtitle {
	height:15px;
	margin-top: 5px;
}

#projectboxcategory {
	height:15px;
	color: #666666;
	margin-top: 3px;
}

.projecttitle {
	font-size: 14px;
}

.projecttitle a:link{
	color: #000000;
	text-decoration: none;
}

.projecttitle a:visited{
	color: #000000;
	text-decoration: none;
}

.projecttitle a:hover{
	color:#666666;
	text-decoration: none;
}




.projectcategory {
	font-size: 11px;
}


#logo {
	width:70px;
	height:90px;
	float:right;
	margin-left: 15px;
	background-color: #FFF;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}	

#logoleft {
	width:190px;
	height:400px;
	float:left;
	margin-left: 0px;
}

#bottomheader  {
	width:860px;
	height:16px;
	margin-top:10px;	
}


#Navigationbox {
	margin-top:5px;
	margin-bottom:5px;
	text-align: right;
	height:20px;
}

#Navdivide {
	height: 1px;
	margin-top: 5px;
	border-top-width: 1px;
	border-color: #000000;
	border-top-style: dotted;
	margin-bottom: 5px;
	}

/* navigation text */

.nav {
	font-size: 14px;
	color: #000000;
	}
.nav a:link{
	color: #000000;
	text-decoration: none;
}

.nav a:visited{
	color: #000000;
	text-decoration: none;
}

.nav a:hover{
	color:#666666;
	text-decoration: none;
}	
	
/* navigation text */	

#projectsnav {
	height:15px;
	margin-top:5px
	margin-bottom:5px;
	text-align:right;
	margin-top: 2px;
	}

.frontpageintro {
	font-size:13px;
	}


.projectsnav {
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	}
.projectsnav a:link{
	color: #000000;
	text-decoration: none;
}

.projectsnav a:visited{
	color: #000000;
	text-decoration: none;
}

.projectsnav a:hover{
	color:#666666;
	text-decoration: none;
}	



.email {
	font-size: 10px;
	color: #0066CC;
	}

	
.email a:link{
	color: #0066CC;
	text-decoration: none;
	}

.email a:hover{
	color:#0066CC;
	text-decoration:none;
	}

.introduction  {
	font-size: 20px;
	color: #000000;
	font-weight: bolder;
	}


.introductionsmall  {
	font-size: 16px;
	color: #000000;
	font-weight: lighter;
	}

.pgtitle {
	font-size: 20px;
	color: #000000;
	font-weight: bolder;
	}


/* copywright bottom text */

.copyright {
	font-size: 10px;
	color: #666666;
	}
.copyright a:link{
	color: #666666;
	text-decoration: none;
}

.copyright a:visited{
	color: #666666;
	text-decoration: none;
}

.copyright a:hover{
	color:#0066CC;
	text-decoration: none;
}	
	
/* copywright bottom text */	

#emailformbox{
	width:300px;
	height:500px;
	font-size: 10px;
	float: left;
}	

#emailcontactbox {
	width:700px;
	height:500px;
	}

#googlemaps{
	width:350px;
	height:350px;
	float: left;
	}


roundcorners{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}


.emailfieldset {
	font-size: 12px;
	color: #000000;
	-webkit-border-radius: 0px;
		}
		
.emailtitles {
	font-size: 12px;
	color: #990000;
}
		
		
#detailsbox{
	width:380px;
	height:300px;
	float: left;
	background-color: #FFFFFF;
}	
#detailsboxpicture{
	width:380px;
	height:185px;
	font-size: 10px;
	float: left;
	background-color: #FF0033;
}

.space {
	line-height: .2 em;
}

.contactinfo {
	font-size: 12px;
	color: #000000;
}

.contactinfo a:link{
	color: #000000;
	text-decoration: none;
}




#skype  {
	width:150px;
	height:60px;
}	


#projectmainpicture {
	width:700px;
	height:350px;	
}


#projectcontentcontainer {
	width:860px;
	height: 1050px;
	margin-top: 20px;
	}
	
#projectcontenttextbox {
	width:380px;
	height:680px;
	float:right;
}

#projectcontentboxright {
	width:450px;
	height:1050px;
	float:left;
}

#projectpicturebox {
	width:450px;
	height:320px;
	margin-bottom :30px;
}


#project {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 2px;
}

#projectname {
	font-size: 12px;
}

#projectdivide {
	height: 1px;
	margin-top: 3px;
	border-top-width: 1px;
	border-color: #000000;
	border-top-style: dotted;
	margin-bottom: 3px;
	}

#projectcontenttext {
	font-size: 11px;
	margin-top:5px;
}