/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/**********************************************************************************************/




body {
	background: #dacef6 url(../images/site/bg.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}


#outer {
 	background:url(../images/site/bg-pattern.jpg) no-repeat center top;
 	width: 100%;  
 	margin: 0 auto;
}


#wrapper {
	width: 1000px;
	margin: 0 auto;
	background: #FFF url(../images/site/bg-wrapper.jpg) left top no-repeat;
}

	#masthead {
		width: 1000px;
		height: 118px;
		background: #FFF url(../images/site/bg-masthead.jpg) left top no-repeat;
	}
		
	#navigation {
		background: #FFF;
		width: 950px;
		height: 32px;
		float: left;
		border-left: 13px solid #FFF;
	}
		#navigation ul {
			display: block;
			width: 950px;
			height: 32px;
			float: left;
			
			background: url(../images/site/bg-nav.jpg) 888px 10px no-repeat;
		}
			#navigation ul li {
				display: block;
				float: left;
				height: 32px;
			}
				#navigation ul li a {
					display: block;
					height: 32px;
					color: #4C4C4C;
					font-size: 11px;
					text-decoration: none;
					padding: 0 21px 0 0px;
					line-height: 32px;
					background: #FFF url(../images/site/nav/bg-link.jpg) right top no-repeat;
					float: left;
				}
				
				#navigation ul li a span {
					padding: 0 0 0 21px;
					display: block;
					height: 32px;
					color: #4C4C4C;
					cursor:pointer;
					float: left;
					font-weight: bold;
				}
				
				#navigation ul li a:hover, 
				.home #navigation ul li#home a,
				.about #navigation ul li#about a,
				.services #navigation ul li#services a,
				.team #navigation ul li#team a,
				.projects #navigation ul li#projects a,
				.news #navigation ul li#news a,
				.contact #navigation ul li#contact a {
				
					background: #CCC url(../images/site/nav/bg-hover.jpg) right top no-repeat;
				}

				#navigation ul li a:hover span, 
				.home #navigation ul li#home a span,
				.about #navigation ul li#about a span,
				.services #navigation ul li#services a span,
				.team #navigation ul li#team a span,
				.projects #navigation ul li#projects a span,
				.news #navigation ul li#news a span,
				.contact #navigation ul li#contact a span {
				
					background: #CCC url(../images/site/nav/bg-hover-span.jpg) left top no-repeat;	
					color: #4C4C4C;
				}
				
				#navigation ul li.last a {
					border-right: none;
				}	
	
	
	
	
				
	#content {
		width: 1000px;
	}				

		#maincontent {
			float: right;
			width: 821px;
			background: #FFF url(../images/site/bg-maincontent.jpg) left 132px no-repeat;
			font-size: 11px;
			padding-bottom: 40px;
		}
		
				#maincontent #title-bar-about {
					width: 1000px;
					height: 132px;
					background: #5081b4 url(../images/site/titles/title-about.jpg) left top no-repeat;
				}
				
				#maincontent #title-bar-services {
					width: 821px;
					height: 132px;
					background: #5081b4 url(../images/site/titles/title-services.jpg) left top no-repeat;
				}
				
				#maincontent #title-bar-team {
					width: 821px;
					height: 132px;
					background: #5081b4 url(../images/site/titles/title-team.jpg) left top no-repeat;
				}				

				#maincontent #title-bar-projects {
					width: 821px;
					height: 132px;
					background: #5081b4 url(../images/site/titles/title-projects.jpg) left top no-repeat;
				}	
				
				#maincontent #title-bar-news {
					width: 1000px;
					height: 132px;
					background: #5081b4 url(../images/site/titles/title-news.jpg) left top no-repeat;
				}	

				#maincontent #title-bar-contact {
					width: 1000px;
					height: 132px;
					background: #5081b4 url(../images/site/titles/title-contact.jpg) left top no-repeat;
				}	
												
				#maincontent #breadcrumb {
					width: 350px;
					height: 50px;
					line-height: 50px;
					padding-left: 30px;
					font-weight: bold;
					color: #666666;
				}

					#maincontent #breadcrumb a {
						font-weight: bold;
						padding: 0 5px 0 5px;
						color: #666666;
					}				

					#maincontent #breadcrumb a:hover {
						text-decoration: none;
					}
									
				#maincontent h1 {
					color: #b191fe;
					font-size: 28px;
					margin: 10px 0 10px 35px;
				}
				#maincontent h2 {
					color: #333;
					color: #b191fe;
					font-weight: bold;
					font-size: 16px;
					line-height: 20px;
					margin: 17px 0 2px 35px;
				}
				#maincontent h3 {
					color: #333;
					font-weight: bold;
					font-size: 13px;
					line-height: 17px;
					margin: 12px 0 7px 35px;
				}	
				#maincontent p {
					color: #343434;
					line-height: 15px;
					margin: 0 60px 9px 35px;
				}

				#maincontent table {
					color: #343434;
					margin: 15px 35px 15px 37px;
					width: 470px;
				}
				
					#maincontent table td {
						color: #343434;
						line-height: 15px;
						padding: 4px 7px 4px 0;
					}		
					
						#maincontent table td img {
							float: left;
							border: 1px solid #CECECE;
							margin-right: 9px;
						}			
								
				#maincontent a {
					color: #343434;
				}
				
				#maincontent ul {
					margin: 0 20px 9px 35px;
				}
				
				#maincontent ul li {
					color: #343434 !important;
					margin-bottom: 4px;
					list-style-type:disc;
					margin-left: 15px;
				}
				
				#maincontent .newsBody, #maincontent .projectBody  {
					margin: 10px 20px 20px 35px;
					color: #343434 !important;
				}
				
					#maincontent .newsBody p, #maincontent .projectBody p {
						margin-left: 0px;
					}
	
		#secondarycontent {
			float: left;
			width: 179px;
		}
	
			#secondarycontent #section-title {
				width: 145px;
				height: 42px;
				background: #FFF url(../images/site/bg-section-title.gif) top left no-repeat;
				padding-top: 30px;
				color: #b191fe;
				font-size: 12px;
				font-weight: bold;
				padding-left: 34px;
				
			}
			
			#secondarycontent #section-title a {
				text-decoration: none;
				font-weight: bold;
				color: #b191fe;
				padding-left: 0px;
			}
			
			#secondarycontent #secondarynav {
				width: 179px;
			}
			
				#secondarynav ul li {
					list-style: none;
					display: block;
				}

				#secondarynav ul li a:link, #secondarynav ul li a:visited {
					list-style: none;
					color: #666666;
					text-decoration: none;
					width: 179px;
					height: 30px;
					display: block;
					font-size: 11px;
					line-height: 30px;
					background: url("../images/site/subnav/bg-subnav.jpg") left top no-repeat;
					text-indent: 33px;
					font-weight: bold;
				}

				#secondarynav ul li a:hover,
				#secondarynav ul.electrical li#electrical a,
				#secondarynav ul.mechanical li#mechanical a,
				#secondarynav ul.design li#design a,
				#secondarynav ul.testing li#testing a,
				#secondarynav ul li.selected a
				{
					text-decoration: underline;
					color: #b191fe;
				}

		#sectionnav {
			width: 220px;
			width: 400px;
			height: 300px;
			float: right;	
			background: #FFF url(../images/site/sectionnav/bg-sectionnav.jpg) left top no-repeat;
			background: #FFF url(../images/site/bg-sectionnav.jpg) left top no-repeat;	
			padding-top: 0px;
			margin-right: 30px;
		}
		
			#sectionnav h2 {
				margin: 20px 0 15px 10px;
				color: #b191fe;
				font-size: 11px;
				font-weight: bold;
			}
				
			#sectionnav ul li {
				list-style: none;
				/*display: block;*/
			}

				#sectionnav ul li a:link, #sectionnav ul li a:visited {
					list-style: none;
					color: #666666;
					text-decoration: none;
					/*width: 155px;
					width: 335px;*/
					height: 30px;
					display: block;
					font-size: 11px;
					line-height: 30px;
					background: url(../images/site/sectionnav/bg-section-link.gif) left top no-repeat;
					text-indent: 15px;
					font-weight: bold;
				}

				#sectionnav ul li a:hover {
					text-decoration: underline;
					color: #b191fe;
				}
		
		
	#footer {
		clear: both;
		height: 73px;
		width: 1000px;
		font-size: 10px;
		padding-top: 20px;
		background: #FFF url(../images/site/bg-footer.jpg) top left no-repeat;
	}
			#footer #footernav {
				float: left;
				width: 600px;
				height: 40px;
				margin-left: 20px;
			}
			
				#footer #footernav ul li {
					display: inline;
					padding-right: 5px;
					border-right: 1px solid #CCC;
				}

				#footer #footernav ul li.last {
					border-right: none;
				}
								
					#footer #footernav ul li a {
						text-decoration: none;
						color: #666666;
						padding-left: 5px;
					}
					
					#footer #footernav ul li a:hover {
						text-decoration: none;
						color: #000000;
					}
			
			#footer #extreme {
				float: right;
				text-align: right;
				width: 300px;
				height: 40px;	
				padding-right: 20px;	
				color: #666666;	
			}
			
				#footer #extreme a {
					color: #666666;
					text-decoration: none;
				}
	
				#footer #extreme a:hover {
					color: #000000;
					text-decoration: none;
				}





/************************** Home Styles ******************************************************************************************/

									
									
									.home #maincontent {
										width: 1000px;
										float: left;
										background: #FFF url(../images/site/bg-content-home.jpg) left 244px no-repeat;
										border-bottom: 20px solid #FFF;
									}
									
									.about #maincontent,
									.news #maincontent,
									.contact #maincontent {
										width: 1000px;
										float: left;
									}
									
									.about #maincontent #title-bar,
									.news #maincontent #title-bar,
									.contact #maincontent #title-bar {
										width: 1000px;
										height: 132px;
										background: #b191fe url(../images/site/titles/title-projects.jpg) left top no-repeat;
									}
									
									.home #maincontent h2 {
										color: #b191fe;
										margin: 25px 30px 20px 50px;
										padding: 0;
									}
									
									.home #maincontent p {
										margin: 10px 50px 0px 50px !important;
									}
									
									#maincontent #home-title {
										width: 1000px;
										height: 244px;
										overflow: hidden;
										
									}
									
									#maincontent #home-title h1,
									#maincontent #home-title h2 {
										display: none;
									}
									
									#maincontent #home-title .home-title {
										width: 1000px;
										height: 244px;
										overflow: hidden;	
									}
									
									#maincontent #home-title .home-title.title-1 {
										background: #fff url(../images/site/titles/title-home.jpg) left top no-repeat;	
									}
									#maincontent #home-title .home-title.title-2 {
										background: #fff url(../images/site/titles/title-home_2.jpg) left top no-repeat;	
									}
									#maincontent #home-title .home-title.title-3 {
										background: #fff url(../images/site/titles/title-home_3.jpg) left top no-repeat;	
									}
									#maincontent #home-title .home-title.title-4 {
										background: #fff url(../images/site/titles/title-home_4.jpg) left top no-repeat;	
									}
									
									#maincontent #home-title h1 {
										margin: 0;
										padding: 0;
									}
									
									.home #maincontent #newsarea {
										width: 400px;
										height: 375px;
										float: right;
										margin-left: 20px;
										background: #FFF url(../images/site/bg-newsarea.jpg) left top no-repeat;
										padding-left: 25px;
										padding-top: 0px;
									}
									
										.home #maincontent #newsarea h2 {
											margin: 18px 50px 5px 30px !important;
											color: #000;
											font-size: 11px;
											font-weight: bold;
										}

										.home #maincontent #newsarea h3 {
											margin: 0px 50px 12px 30px;
											color: #b191fe !important;
											font-size: 11px;
											font-weight: bold;
										}

										.home #maincontent #newsarea h3 a {
											color: #b191fe !important;
											font-size: 11px;
											font-weight: bold;
											text-decoration: none;
										}
																				
										.home #maincontent #newsarea p {
											margin: 12px 50px 5px 30px !important;
											color: #3A3A3A;
											font-size: 11px;
										}	
										
										.home #maincontent #newsarea p.date {
											margin: 0px 50px 3px 30px !important;
											font-style: italic;
										}	
										
										.home #maincontent #newsarea p.more {
											margin: 0px 50px 3px 30px !important;
											
										}		
										
										.home #maincontent #newsarea p.more a {
											color: #b191fe !important;
											text-decoration: none;	
										}				

										.home #maincontent #newsarea p.more a:hover {
											text-decoration: underline;	
										}	
										
										#scrollingnews {
											width: 400px;
											height: 130px;
										}
										
										#scrollingnews .scrollingnewsitem {
											width: 400px;
											height: 130px;
										}

										
										
/*******************************************************************************************************************************/

/************************** Contact Styles ******************************************************************************************/


.contact #maincontent #contactForm {
	float: left; 
	width: 490px; 
	height: 300px;
}

	.contact #maincontent #contactForm fieldset {
		border: 2px solid #CCC;
		padding: 5px 20px 20px 20px;
		width: 490px;
		margin-left: 33px;
		margin-top: 6px;
	}
	
		.contact #maincontent #contactForm .contactfield {
			margin-top: 5px;
		}
		
			.contact #maincontent #contactForm .contactfield .requiredfield {
				color: #b191fe;
				font-style: italic;
				margin-left: 8px;
			}

.contact #maincontent #contactDetails {
	width: 300px;
	height: 300px;
	float: right;
	margin-right: 60px;
}



#gill_map {
    clear: both;
	width: 935px;
	height: 270px;
	border: 1px solid #CCC;
	margin: 0 10px 30px 30px;
}




/*******************************************************************************************************************************/


/************************* News Page Styles ************************************************************************************/

.newsList {
	margin-left: 30px !important;
	padding-left: 0 !important;
}

			.newsList .newslistarticle {
				display: block;
				margin-left: 0 !important;
				padding-left: 20px !important;
				background: url(../images/site/sectionnav/bg-section-link.gif) left top no-repeat;
				color: #9f77ff !important;
				text-decoration: none;
				width: 835px;
				width: 500px;
				margin-bottom: 20px;
				padding-top: 5px;
			}


				.newsList .newslistarticle em {
					font-size: 12px;
				}
			
				.newsList a {
					text-decoration: none;
					display: block;
					font-size: 11px;
					line-height: 15px;
					margin-left: 0 !important;
					padding-left: 0 !important;
					font-weight: bold;
					font-size: 12px !important;
					color: #b191fe;
					width: 500px;
				}

				.newsList a:hover {
					text-decoration: underline;
					color: #b191fe;
				}
		



.teamphoto {
	width: 259px; 
	height: 327px; 
	float: right; 
	margin: 0 60px 0 20px; 
	background: url(/images/site/bg-teamphoto.jpg) center bottom no-repeat;
}

.pagephoto {
	width: 350px;  
	height: 310px;
	float: right; 
	margin: 25px 45px 0 20px; 
	background: url(/images/site/bg-teamphoto.jpg) center bottom no-repeat;
}



.project-info {
	float: left; 
	width: 420px;
}