/* ----------------------------- Page Setup Start ----------------------------- */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	position: relative; /* Makes sure everything within the body tags are placed relative to the body. */
	margin: 0 auto;
	font-family: "Trebuchet MS", sans-serif;
	font-size: .625em; /* Matches 10px; */
	text-align: center; /* For Centered Layouts in IE 5.5 */
	background: #727374 url(/images/backgrounds/body.jpg) repeat-x top;
	color: #4d4d4f;	
}

fieldset, img { border: 0; }

p, td {  }
li {  }
h1 { font-size: 1.8em; }  /* Default Size for h1 is 18px - based on an 10px height */
h2 { font-size: 1.5em; } /* Default Size for h2 is 15px - based on an 10px height */
h3 { font-size: 1.2em; } /* Default Size for h3 is 12px - based on an 10px height */
h4 { font-size: 1.1em; } /* Default Size for h4 is 11px - based on an 10px height */
h5 { font-size: 1em; } /* Default Size for h5 is 10px - based on an 10px height */
h6 { font-size: .9em; } /* Default Size for h6 is 9px - based on an 10px height */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, fieldset, address { padding: .5em 0 .25em 0; }
ol,ul,dl { margin: 0 0 0 .5em; }
li, dd { margin-left: 1em; }
fieldset { padding: .5em; }

a:link { text-decoration: none; -moz-outline: none; color: #f6642f; }	/* unvisited link */
a:visited {  color: #f6642f; text-decoration: none; }											/* visited link */
a:hover { text-decoration: underline; color: #f6642f; }					/* mouse over link */
a:active { outline: none; color: #f6642f; }								/* selected link */

ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	ul.vertical li {
		margin: 0;
		padding: 0;
	}
	
	ul.horizontal li {
		margin: 0;
		padding: 0;
		float: left;
	}
	
		.image_text {
			margin: 0;
			padding: 0;
		}
		
		ul.graphic li a,
		.image_text {
			display: block;
			overflow: hidden;
			border: 0;
			text-indent: -2000em;
			margin: 0;
			padding: 0;
		}
		
.centered {
	text-align: center;
}

.clear {
	clear: both;
}
		
/* ----------------------------- Page Setup End ------------------------------- */

/* ----------------------------- Header Start ----------------------------- */

#header_container,
#main_container,
#footer_container {
	position: relative;
	width: 100%;
	text-align: left;
}

#main_container {
	margin-top: 16px;
}

#header {
	position: relative;
	text-align: left; /* Resets IE 5.5 Fix */
	height: 77px;
	width: 930px;
	padding-left: 8px;
	margin: 0 auto;
}

	#header {
		background: url(/images/backgrounds/main.png) repeat-y left;
		_background: none;
	}
	
		#header #bg_header {
			position: absolute;
			width: 930px;
			height: 67px;
			background: #39648f;
			top: 0;
			left: 8px;
			z-index: 5;
		}
		
		#header #bg_header {
			opacity: .85;
			filter: alpha(opacity = 85);
		}
		
			body.home #header #bg_header {
				opacity: 1;
				filter: alpha(opacity = 100);
			}

/* ----------------------------- Header End ------------------------------- */

/* ----------------------------- Content Start ----------------------------- */

#main {
	position: relative;
	text-align: left;
	width: 938px;
	margin: 0 auto;
}

	#main {
		background: url(/images/backgrounds/main.png) repeat-y left;
		_background: none;
		padding-bottom: 82px;
	}
	
		body.home #main {
			height: 512px;
			padding-bottom: 0;
		}
		
			#main_content {
				position: relative;
				width: 682px;
				min-height: 430px;
				_height: 430px;
				background: #ffffff;
				margin-left: 8px;
				padding-left: 20px;
				padding-bottom: 30px;
			}
			
				#main_content h1 {
					font-family: Georgia, serif;
					color: #004d7f;
					font-size: 3.3em;
					font-weight: normal;
					padding-top: 30px;
				}
				
				#main_content h2 {
					font-size: 1.6em;
				}
				
				#main_content h3 {
					font-size: 1.4em;
				}
				
				#main_content p {
					color: #4d4d4f;
					font-size: 1.4em;
					line-height: 1.4em;
					width: 470px;
				}
				
				#main_content p.signature {
					font-size: 1.2em;
					line-height: 1.3em;
				}
				
				body.testimonials hr {
					width: 310px;
					height: 1px;
					border: 0;
					background-color: #8c8c8c;
					margin: 15px 0 15px 0;
				}
				
					body.hubzone #main_content p,
					body.about #main_content p {
						color: #4d4d4f;
						font-size: 1.6em;
						line-height: 2em;
					}
	
		body.home #main #bg_main {
			position: absolute;
			width: 930px;
			height: 512px;
			top:0;
			left: 8px;
			background: url(/images/backgrounds/bg_main.jpg) no-repeat 0 0;
			z-index: 5;
		}
		
		#main #bg_callouts {
			position: absolute;
			width: 930px;
			height: 82px;
			bottom: 0;
			left: 8px;
			background: #000000;
			opacity: .4;
			filter: alpha(opacity = 40);
			z-index: 5;
		}
		
		#main #callout_content {
			position: absolute;
			width: 928px;
			height: 80px;
			bottom: 1px;
			left: 8px;
			border: 1px solid #ffffff;
			z-index: 10;
		}
		
		#main_logo {
			position: absolute;
			width: 175px;
			height: 123px;
			top: 15px;
			left: 730px;
			background: url(/images/logos/crw.png) no-repeat 0 0;
			z-index: 20;
		}
		
			body.home #main_logo {
				top: -52px;
			}
		
		
		
		#main_menu {
			position: absolute;
			top: 6px;
			left: 14px;
			z-index: 10;
		}
		
			#main_menu li {
			
			}
			
				#main_menu li a {
					height: 27px;
				}
				
					#main_menu li a#main_menu_1 {
						width: 54px;
						background: url(/images/navigation/main_menu_1.gif) no-repeat 0 0;
					}
					
					#main_menu li a#main_menu_2 {
						width: 69px;
						background: url(/images/navigation/main_menu_2.gif) no-repeat 0 0;
					}
					
					#main_menu li a#main_menu_3 {
						width: 70px;
						background: url(/images/navigation/main_menu_3.gif) no-repeat 0 0;
					}
					
					#main_menu li a#main_menu_4 {
						width: 95px;
						background: url(/images/navigation/main_menu_4.gif) no-repeat 0 0;
					}
					
					#main_menu li a#main_menu_5 {
						width: 65px;
						background: url(/images/navigation/main_menu_5.gif) no-repeat 0 0;
					}
					
					#main_menu li a#main_menu_6 {
						width: 120px;
						background: url(/images/navigation/main_menu_6.gif) no-repeat 0 0;
					}
					
					#main_menu li a#main_menu_7 {
						width: 83px;
						background: url(/images/navigation/main_menu_7.gif) no-repeat 0 0;
					}
					
					#main_menu li a#main_menu_1:hover,
					#main_menu li a#main_menu_2:hover,
					#main_menu li a#main_menu_3:hover,
					#main_menu li a#main_menu_4:hover,
					#main_menu li a#main_menu_5:hover,
					#main_menu li a#main_menu_6:hover,
					#main_menu li a#main_menu_7:hover,
					body.about #main_menu li a#main_menu_1,
					body.services #main_menu li a#main_menu_2,
					body.projects #main_menu li a#main_menu_3,
					body.testimonials #main_menu li a#main_menu_4,
					body.contact #main_menu li a#main_menu_5,
					body.quote #main_menu li a#main_menu_6,
					body.hubzone #main_menu li a#main_menu_7 {
						background-position: 0 -27px;
					}
		
		a#logingrid {
			position: absolute;
			width: 96px;
			height: 28px;
			top: 37px;
			left: 25px;
			background: url(/images/links/logingrid.gif) no-repeat 0 0;
			z-index: 10;
		}
		
			a#logingrid:hover {
				background-position: 0 -28px;
			}
			
		#callout_list {
		
		}
		
			#callout_list li {
				width: 200px;
				padding: 0 16px;
				background: url(/images/backgrounds/callout.gif) no-repeat right;
				height: 81px;
			}
			
			#callout_list li.last {
				background: none;
			}
			
				#callout_list li h2 {
					font-family: Georgia, serif;
					font-size: 1.4em;
					color: #ffffff;
					margin: 0;
					padding: 15px 0 0 0;
				}
				
				#callout_list li p {
					font-size: 1.3em;
					color: #ffffff;
					margin: 0;
					padding: 3px 0 0 0;
				}
				
					#callout_list li a,
					#callout_list li a:visited,
					#callout_list li a:hover,
					#callout_list li a:active {
						color: #ffffff;
					}

/* Home */

h1#tagline {
	position: absolute;
	top: 152px;
	left: 462px;
	background: url(/images/home/tagline.jpg) no-repeat 0 0;
	width: 449px;
	height: 143px;
	z-index: 10;
}

a#learnmore {
	position: absolute;
	width: 102px;
	height: 35px;
	top: 309px;
	left: 785px;
	background: url(/images/links/learnmore.gif) no-repeat 0 0;
	z-index: 10;
}

	a#learnmore:hover {
		background-position: 0 -35px;
	}

/* Page Photos */

.page_photo {
	position: absolute;
	z-index: 10;
}

#about_photo {
	top: 83px;
	left: 573px;
}

#contact_photo {
	top: 87px;
	left: 572px;
}

#services_photo1 {
	top: 93px;
	left: 603px;
}

#services_photo2 {
	float: right;
	margin-right: -157px;
}

#pete_photo1 {
	top: 213px;
	left: 586px;
}

/* Page Quotes */
p.page_quote {
	position: absolute;
	z-index: 10;
}

p#main_quote {
	top: 346px;
	left: 25px;
	background: url(/images/home/main_quote.jpg) no-repeat 0 0;
	width: 455px;
	height: 49px;
}

p#about_quote {
	top: 348px;
	left: 681px;
	background: url(/images/quotes/about.png) no-repeat 0 0;
	width: 268px;
	height: 73px;
}

p#hubzone_quote {
	top: 200px;
	left: 651px;
	background: url(/images/quotes/hubzone.png) no-repeat 0 0;
	width: 276px;
	height: 143px;
}

p#projects_quote {
	top: 125px;
	left: 688px;
	background: url(/images/quotes/projects.png) no-repeat 0 0;
	width: 239px;
	height: 176px;
}

p#services_quote {
	top: 150px;
	left: 700px;
	background: url(/images/quotes/services.png) no-repeat 0 0;
	width: 231px;
	height: 134px;
}

p#testimonials_quote {
	top: 224px;
	left: 560px;
	background: url(/images/quotes/testimonials.png) no-repeat 0 0;
	width: 369px;
	height: 178px;
}


.normal_list {
	margin: 8px 0;
}

.normal_list li {
	font-size: 1.4em;
	line-height: 1.6em;
}

/* Project Profiles */
#project_list {
	margin-top: 50px;
}

	#project_list li {
		width: 144px;
		text-align: center;
		margin-right: 23px;
	}
	
		#project_list li a {
			font-size: 1.6em;
		}
		
/* Multi-Page */

body.multi #main {
	padding-bottom: 0px;
}

body.multi #main_content {
	height: 509px;
	background: url(/images/multi/liveroof.jpg) no-repeat 0 8px;
	padding-bottom: 0px;
}

	body.multi #main_content h1 {
		color: #ffffff;
		font-size: 2.1em;
		padding-top: 185px;
	}
	
	body.multi #main_content p {
		color: #ffffff;
		width: 615px;
		font-size: 1.3em;
	}

	#multi_sidebar_bg {
		position: absolute;
		z-index: 15;
		width: 236px;
		height: 501px;
		top: 8px;
		left: 700px;
		background: #000000;
		opacity: .5;
		filter: alpha(opacity = 50);
	}
	
	#multi_sidebar {
		position: absolute;
		z-index: 16;
		width: 206px;
		height: 501px;
		top: 8px;
		left: 700px;
		padding: 70px 15px 0 15px;
	}
	
		#multi_sidebar h3 {
			font-family: Georgia, serif;
			font-size: 1.4em;
			color: #ffffff;
		}
		
		#multi_sidebar p {
			font-size: 1.2em;
			line-height: 1.4em;
			color: #ffffff;
		}
		
		#multi_sidebar hr {
			margin: 10px 0;
			padding: 0;
		}

/* ----------------------------- Content End ------------------------------- */

/* ----------------------------- Footer Start ----------------------------- */

#footer {
	clear: both;
	position: relative;
	text-align: left; /* Resets IE 5.5 Fix */
	height: 25px;
	width: 938px;
	margin: 0 auto;
	background: url(/images/backgrounds/footer.png) no-repeat top;
	_background: none;
}

#copyright {
	color: #ffffff;
	float: right;
}

	body.grid #copyright {
		margin-right: 22px;
		-margin-right: 10px;
	}

/* ----------------------------- Footer End ------------------------------- */

/* ----------------------------- Special Start ----------------------------- */

/* Popups */
.popup_container {
	position: absolute;
	overflow: hidden;
	z-index: 50;
	height: 0;
}

	.popup_content {
		position: relative;
		border: 1px solid #333333;
		padding: 30px;
		background: #ffffff;
	}
	
		#main_content .popup_content p {
			width:auto;
		}
		
	.popup_content {
		position: relative;
		border: 1px solid #333333;
		padding: 30px;
		background: #ffffff;
	}
	
	#main_content a.popup_close {
		color: #333333;
		font-size: 1.1em;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	
		#main_content a.popup_close:hover {
			color: #333333;
			text-decoration: underline;
		}
		
#popup1_container {
	width: 302px;
	top: 100px;
	left: 593px;
}

#project1_container,
#project2_container,
#project3_container,
#project4_container {
	width: 652px;
	top: 20px;
	left: 20px;
}

	#popup1_content {
		width: 240px;
	}
	
	#project1_content,
	#project2_content,
	#project3_content,
	#project4_content {
		width: 650px;
		margin: 0;
		padding: 0 0 20px 0;
	}
	
		#project1_content h2,
		#project2_content h2,
		#project3_content h2,
		#project4_content h2 {
			margin: 0;
			padding: 20px 30px;
			color: #ffffff;
			background: #949ea3;
			font-weight: normal;
		}
		
		#project1_content p,
		#project2_content p,
		#project3_content p,
		#project4_content p {
			margin: 0;
			padding-left: 30px;
			padding-right: 30px;
			color: #949ea3;
		}
		
		#project1_content a.popup_close,
		#project2_content a.popup_close,
		#project3_content a.popup_close,
		#project4_content a.popup_close {
			color: #ffffff;
		}
		
			#project1_content a.popup_close:hover,
			#project2_content a.popup_close:hover,
			#project3_content a.popup_close:hover,
			#project4_content a.popup_close:hover {
				color: #ffffff;
			}


/* ----------------------------- Special End ------------------------------- */