/* CSS Document */


/* Trying to centre layout */
html, body {
	margin: 0; 
	padding: 0; 
	height: 100%;
	background-color: #000000;
	min-height: 100%;
	margin-bottom: 1px;

}
#wrapper {    
	margin-left: auto;    
	margin-right: auto; 
	margin-top: 0px;  
	  
	/*position: relative;
	width: 1007px;
	height: 100%;
	margin: 0 auto;  */
	}  
/* END Trying to centre layout */


		
		
/*#content {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1007px;
	height: 720px;
	margin-top: -350px;*/
	/*margin-left: -500px;
}
*/

#menu {
	width: 1007px;
	height: 126px;
	background-image:url(../i/menubg.gif);
}

/* for #hpmain div see dynamially loading css - a.css, b.css, c.css, d.css, e.css */
/* home page layout divs*/
		#hpspacer {
		width: 110px;
		height: 20px;
		float: left;
		}
		#hppics {
		padding-top: 15px;
		float: left;
		width: 160px;
		height: auto;
		}
		#hptext {
		padding: 15px 0px 0px 20px;
		float: left;
		width: 680px;
		height: auto;
		}
/* END home page layout divs*/

/* portfolio  page layout divs*/
	#main {
	width: 1007px;
	height: 500px;
	background-image:url(../i/portfoliobg.jpg);
	background-position: bottom;
	}
		#spacer {
		width: 100px;
		height: 100px;
		float: left;
		}

		#outerbox {  
		float: left;
		padding-top: 35px;   
		width: 700px;    
		height: 200px;  
		}

					#scrollbarbox {   
					float: left;
					width: 40px;
					height: 100px;
					}	
		#portfoliomenu {
		float: left;
		width: 194px;
		height: 400px;
		margin-top: 10px;
		}
	
/* END portfolio page layout divs*/


/* portfolio  item page layout divs*/
	#mainitem {
	width: 1007px;
	height: 500px;
	background-image:url(../i/portfoliobgblk.jpg);
}
	
		
		#col-left {
		width: 795px;
		float: left;
		}	
				#spaceritem {
				width: 90px;
				height: 100px;
				float: left;
				}	
				#portfoliotitle {
				height: 25px;
				}		
				#portfoliopic {
				margin: 5px 10px 0px 0px;
				width: 350px;
				height: 298px;
				float: left;
				}
				#draganddrop {
				width: 105px;
				float: left;
				background-image:url(../i/drag-arrow.jpg);
				background-repeat: no-repeat;
				padding-left: 30px;
				padding-top: 8px;
				}
				#outerboxitem {
				float: left;
				padding-top: 5px;   
				width: 275px;    
				height: 380px;  
				}
					#pdf{
					margin-top: 20px;
					margin-left: 30px;
					width: 135px;
					height: 32px;
					float: left;
					}
			

					#scrollbarboxitem { 
					float: left;
					width: 25px;
					height: 100px;
					}	
					
				#spaceritem2 {
				width: 30px;
				height: 100px;
				float: left;
				}
				#dragimages {
				margin-left: 20px;
				margin-top: 10px;
				height: 61px;
				width: 750px;
				float: left;
				clear: left;
				}
		
		#portfolioitemmenu {
		float: left;
		width: 194px;
		height: 400px;
		margin-top: 10px;
		margin-left: 10px;
		}
			#subtitle {
			}
			#description {
			width: 180px;
			height: 45px;
			margin-top: 5px;
			padding: 5px;
			}
				

	
/* END portfolio item page layout divs*/

/*About us bgnd image*/
	#aumain {
	width: 1007px;
	height: 500px;
	background-image:url(../i/aboutusbg.jpg);
	background-position: bottom;
	}
/*END About us bgnd image*/

/*Contact bgnd image & google map layout*/
	#contactmain {
	width: 1007px;
	height: 500px;
	background-image:url(../i/contactusbg.jpg);
	background-position: bottom;
	}
	#addressspacer{
	float: left;
	width: 40px;
	height: 350px;
	}
	#address {
	margin-top: 80px;
	float: left;
	width: 300px;
	height: 350px;
	}
	#googlemap {
	margin-top: 50px;
	float: left;
	margin-left: 15px;
	width: 600px;
	height: 370px;
	}
		#googlemapinner {
		border: 1px solid white;
		width: 600px;
		height: 350px;
		}
	
/*END Contact bgnd image*/

/*Portfolio Archive bgnd image*/
	#archivemain {
	width: 1007px;
	min-height:500px;
 	height:auto !important;
  	height:500px;
	background-image:url(../i/portfoliobgblk.jpg);
	background-position: top;
	padding-top: 10px;
	padding-bottom: 10px;
	}
/*END Links bgnd image*/


/*Careers bgnd image*/
	#careersmain {
	width: 1007px;
	background-image:url(../i/careersbg.jpg);
	padding-top: 10px;
	padding-bottom: 10px;
	}
/*END Careers bgnd image*/

/*Links bgnd image*/
	#linksmain {
	width: 1007px;
	min-height:500px;
 	height:auto !important;
  	height:500px;
	background-image:url(../i/linksbg.jpg);
	background-position: bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	}
/*END Links bgnd image*/

/*terms page*/
	#termsmain {
	width: 1007px;
	min-height:500px;
 	height:auto !important;
  	height:500px;
	background-image:url(../i/termsbg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-bottom: 15px;
	margin-right: 50px;
	}
#termstext {
	width: 800px;
	min-height:500px;
 	height:auto !important;
  	height:500px;
	}

/*END terms bgnd image*/


#footer {
	padding-top: 5px;
	width: 1007px;
	height: 80px;
	clear: both;
}
		#trinityaddress {
		float: left;
		padding-top: 15px;
		width: 700px;
		height: 66px;
		}
		
		#wbsys {
		float: left;
		width: 300px;
		height: 20px;
		padding-top: 50px;
		text-align: right;
		}
	

/* END main layout divs */



/* text formatting */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height: 26px;
	text-align: left;
}

.hpbodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height: 26px;
	text-align: left;
}
.hpbodytextsml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	line-height: 16px;
}
.hppic {
	width: 160px;
	margin: 5px;
}
.footertextlinks {
	font-family: Verdana;
	font-size: 11px;
	color: #FFF;
}
.footertextlinks a:link {text-decoration: none;color: #FFF;font-family: Verdana;font-size: 11px}
.footertextlinks a:active {text-decoration: none;color: #FFF;font-family: Verdana;font-size: 11px}
.footertextlinks a:visited {text-decoration: none;color: #FFF;font-family: Verdana;font-size: 11px}
.footertextlinks a:hover {text-decoration: underline;color: #FFF;font-family: Verdana;font-size: 11px}

.footeraddresstext {
	font-family: Verdana;
	font-size: 10px;
	color: #FFF;
	text-align: left;
	line-height: 15px;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height: 26px;
	text-align: left;
}
.portfoliomenuitem {
	border: 0px;
	margin: 2px 2px 0px 0px;
}
.portfoliotitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}
.pdf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align:left;
}
.pdf a:link {text-decoration: none;color: #FFF}
.pdf a:active {text-decoration: none;color: #FFF}
.pdf a:visited {text-decoration: none;color: #FFF}
.pdf a:hover {text-decoration: underline;color: #FFF}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	padding-bottom: 5px;
}
.descriptiontext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}
.address {
	font-family: Verdana;
	font-size: 13px;
	color: #FFF;
	line-height: 26px;
}
.address a:link {text-decoration: none;color: #FFF}
.address a:active {text-decoration: none;color: #FFF}
.address a:visited {text-decoration: none;color: #FFF}
.address a:hover {text-decoration: underline;color: #FFF}

.ddimages {
	float:left;
	margin: 0px 4px 0px 0px;
}
dt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}
dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;

}


.careerstexttitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
}
.careerstextbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
}
.careerstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	line-height: 20px;
}
.careerstext a:link {text-decoration: underline;color: #FFF;}
.careerstext a:active {text-decoration: underline;color: #FFF;}
.careerstext a:visited {text-decoration: underline;color: #FFF;}
.careerstext a:hover {text-decoration: underline;color: #CCC;}

hr {
	background: #ccc;
	border: 0;
	color: #ccc;
	height: 1px;
	margin: 10px 0 10px;
	width: 80%;
}
.links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}
.links a:link {text-decoration: none;color: #FFF;}
.links a:active {text-decoration: none;color: #FFF;}
.links a:visited {text-decoration: none;color: #FFF;}
.links a:hover {text-decoration: underline;color: #FFF;}

.linksdescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	line-height: 20px;
}
.linkstitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	font-weight: bold;
}

.archive a:link {text-decoration: none;color: #FFF;}
.archive a:active {text-decoration: none;color: #FFF;}
.archive a:visited {text-decoration: none;color: #FFF;}
.archive a:hover {text-decoration: underline;color: #FFF;}
.archivetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	font-weight: bold;
}
.archive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	line-height: 20px;
}
.draganddrop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
	text-align: left;
	line-height: 17px;
}
.aboutustext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

/* END text formatting */