/* CSS Document */

/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Normalize list styles */
ol, ul {
list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
padding: 0px;
border: none;
}

/* Normalize text-alignment */
caption, th {
text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
content: '';
}

*:focus {
outline: none;
}	

html{
overflow: scroll;
}

/*----------------------------------------------------- Don't edit anything above this line ---------------------------------------------------*/

html {
text-align: center;
background-color: #fff;
}

body { 
position : relative; 
width : 800px; 
margin : 15px auto; 
text-align: justify; 
}

h1{
font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
font-size: 14px;
font-weight: 600;
padding: 0 0 5px 0;
color: #000;
}

	h1 img{
	vertical-align: middle;
	padding: 0 2px 0 0;
	}

p{
font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
font-size: 12px;
color: #464646;
padding: 0 0 10px 0;
line-height: 16px;
}

#form_container{
position: absolute;
padding: 10px;
top: -140px;
left: 0px;
background-color: #333;
width: 200px;
height: 100px;
z-index: 500;
text-align: right;
}

	#form_container p{
	color: #fff;
	}
	
	#form_container a:active, #form_container a:link, #form_container a:visited{
	color: #fff;
	text-decoration: none;
	}
	
	#form_container a:hover{
	color: #fff;
	text-decoration: underline;
	}
	
	input{
	background-color: #CCCCCC;
	border: none;
	}

#header{
position: relative;
width: 100%;
height: 87px;
z-index: 100
}

	#client_login{
	left: 0px;
	position: absolute;
	width: 230px;
	margin: 65px 0 0 0;
	}
		
	#main_navigation{
	position: absolute;
	left: 230px;
	height: 0px;
	width: 430px;
	padding: 33px 0;
	text-align: right;
	}
		
	#logo{
	position: absolute;
	left: 660px;
	text-align: right;
	}
	
	
/* -----------------------------------------Home Page--------------------------------------------*/

#home_main_image{
position: relative;
top: 3px;
width: 800px;
height: 406px;
}

	#home_banner{
	position: absolute;
	left: -50px;
	top: 100px;
	background-image: url(../images/black_box.png);
	width: 280px;
	height: 80px;
	padding: 45px 10px 45px 10px;
	}

		#home_banner p{
		font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
		font-size: 12px;
		color: #fff;
		text-align: justify;
		}
		
		span.tag_intro{
		font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
		font-weight: bold;
		font-size: 15px;
		width: 250px;
		color: #ed171f;
		text-align: left;
		padding: 0;
		}

#home_content_container{
position: relative;
top: 10px;
width: 100%;
}

	#home_main_content{
	left: 0px;
	width: 517px;
	padding: 0 30px 0 0;
	background-image: url(../images/DottedLine.gif);
	background-position: right;
	background-repeat: no-repeat;
	}
		
	#home_map{
	left: 537px;
	width: 253px;
	text-align: right;
	padding: 0 10px 0 0;
	}
	

/* -----------------------------------------About Page--------------------------------------------*/

#about_top_container{
width: 850px;
height: 201px;
}

	#about_main_image{
	left: 0px;
	width: 400px;
	}
	
	#about_main_profile_image{
	left: 405px;
	width: 203px;
	}
	
	#about_profile_thumbs{
	left: 613px;
	width: 208px;
	height: 150px;
	background-image: url(../images/about_bg.jpg);
	background-position: right;
	background-repeat: no-repeat;
	}
	
		#about_profile_thumbs a{
		padding: 0;
		margin: 0;
		}
	
		#ad{
		position: absolute;
		top: 0px;
		left: 0px;
		}
		
		#brs{
		position: absolute;
		top: 0px;
		left: 64px;
		}
		
		#cy{
		position: absolute;
		top: 0px;
		left: 128px;
		}

		#dr{
		position: absolute;
		top: 77px;
		left: 0px;
		}
		
		#tk{
		position: absolute;
		top: 77px;
		left: 64px;
		}
		
		#tt{
		position: absolute;
		top: 77px;
		left: 128px;
		}
		
	#about_lower_container{
	width: 100%;
	top: 0.5px;
	left: 0px;
	}
	
		#about_main_text{
		left: 0px;
		top: 5px;
		width: 395px;
		min-height: 335px;
		}
		
			#about_main_text p{
			text-align: justify;
			}
		
			#history_copy{
			position: relative;
			width: 100%;
			}
			
			#philosophy_copy{
			position: relative;
			width: 100%;
			display: none;
			}
			
			#approach_copy{
			position: relative;
			width: 100%;
			display: none;
			}
			
			#services_copy{
			position: relative;
			width: 100%;
			display: none;
			}
			
				#services_left_column{
				position: absolute;
				top: 18px;
				left: 0px;
				width: 190px;
				}
				
				#profile_left_column{
				position: absolute;
				top: 18px;
				left: 0px;
				width: 175px;
				}
				
				#services_right_column{
				position: absolute;
				top: 18px;
				left: 190px;
				}
				
				#profile_right_column{
				position: absolute;
				top: 18px;
				left: 190px;
				}
				
				#services_left_column p, #services_right_column p, #profile_left_column p, #profile_right_column p{
				text-align: left;
				}
			
				ul {
				list-style: disc;
				margin: 0px;
				padding: 0px;
				display: block;
				text-align: left;
				}
				
				#services_copy li{
				padding: 5px 0 0 0;
				display: list-item;
				}
				
				#profile_copy li{
				padding: 5px 0 0 0;
				display: list-item;
				}

			
			#experience_copy{
			position: relative;
			width: 100%;
			display: none;
			}
		
		#about_profile_text{
		top: -45px;
		left: 404px;
		width: 366px;
		min-height: 336px;
		background-color: #333;
		background-image: url(../images/about/gray_box.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		padding: 15px;
		}
		
			#about_profile_text p{
			color: #fff;
			padding: 0 0 10px 0;
			font-size: 12px
			}
			
			#about_profile_text h1{
			color: #ed171f;
			font-size: 15px;
			padding: 0
			}
				
			#about_profile_text img{
			display: inline;
			padding: 0 0 3px 0;
			}
			
			h2{
			font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
			font-size: 11px;
			color: #999;
			padding: 2px 0 15px 0
			}
			
			ul.about {
			list-style: none;
			display: block;
			padding: 0;
			}
			
			li.about{
			margin: 0 0 0 30px;
			padding: 0 0 0 12px;
			color: #fff;
			font-size: 10px;
			display: block;
			background-image: url(../images/about/dot.jpg);
			background-repeat: no-repeat;
			background-position: left;
			}
			
			p.membership{
			margin: 0 0 0 30px;
			font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
			color: #fff;
			font-size: inherit
			}
			
			.title{
			font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
			font-size: 11px;
			color: #999;
			}


		
/* -----------------------------------------Portfolio Page--------------------------------------------*/

#portfolio_top{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 242px;
overflow: hidden;
}

	#main_images{
	position: absolute;
	width: 576px;
	}

		.accordion, .accordion *{
		margin:0;
		padding: 0;
		list-style-type: none;
		}
		
		.acc_one{
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 500
		}
		
		.acc_two{
		position: absolute;
		left: 415px;
		top: 0px;
		z-index: 500
		}
		
		.acc_three{
		position: absolute;
		left: 455px;
		top: 0px;
		z-index: 500
		}
		
		.acc_four{
		position: absolute;
		left: 485px;
		top: 0px;
		z-index: 500
		}
		
			.accordion img{
			border-right: 3px solid #fff;
			}
		
		.one{
		background:#fff;
		}
		
		.two{
		background:#fff;
		}
		
		.three{
		background:#fff;
		}
		
		.four{
		background:#fff;
		}
		
		.active{
		background:#fff;
		}
		
		.accordion li{
		cursor:pointer;
		}
		
		.accordion .active_click{
		cursor:pointer;
		}
			
			.menu {
			border: 0px solid #ffffff;
			}
			
	#portfolio_summary{
	position: absolute;
	left: 572px;
	width: 228px;
	height: 242px;
	}
			
		#portfolio_section_sub_nav{
		background-color: #333;
		width: 207px;
		height: 180px;
		margin: 0;
		padding: 10px 10px 10px 10px;
		text-align: right;
		}

			#portfolio_section_sub_nav a, #portfolio_section_sub_nav img{
			padding: 0;
			}
						
	#portfolio_main_container{
	position: relative;
	top: 5px;
	width: 100%;
	}
			
		#project_summary{
		left: 0px;
		width: 394px;
		padding: 0 10px 0 0;
		}
		
		#project_highlights{
		top: 0px;
		left: 405px;
		width: 143px;
		background-color: #e1e1e1;
		padding: 10px;
		}
		
		li{
		list-style: none;
		font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
		font-size: 12px;
		}		
		
		#project_highlights p{
		padding: 0;
		color: #636363;
		text-align: left;
		}
		
		.pdf_link{
		padding: 10px 0 10px 0;
		}
		
		li.title, p.title{
		list-style: none;
		font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
		font-size: 10px;
		color: #363636;
		font-weight: 600;
		text-align: left;
		}
		
			
		#project_thumbnails{
		left: 573px;
		top: -43px;
		width: 226px;
		height: 226px;
		}
		
			li{
			display: inline
			}
		
			#project_thumbnails img{
			position: absolute;
			width: 55px;
			height: 55px;
			}
			
			li#thumb1 img{top: 0px; left: 0px;} 
			li#thumb2 img{top: 0px; left: 57px;} 
			li#thumb3 img{ top: 0px;left: 114px;} 
			li#thumb4 img{top: 0px;	left: 171px;} 
			li#thumb5 img{top: 57px; left: 0px;} 
			li#thumb6 img{top: 57px;left: 57px;} 
			li#thumb7 img{top: 57px;left: 114px;}
			li#thumb8 img{top: 57px;left: 171px;} 
			li#thumb9 img{top: 114px;left: 0px;} 
			li#thumb10 img{top: 114px; left: 57px;} 
			li#thumb11 img{top: 114px; left: 114px;} 
			li#thumb12 img{top: 114px; left: 171px;} 
			li#thumb13 img{top: 171px; left: 0px;} 
			li#thumb14 img{top: 171px; left: 57px;} 
			li#thumb15 img{top: 171px; left: 114px;} 
			li#thumb16 img{top: 171px; left: 171px;} 
			
			#project_thumbnails a:hover img{
			position: absolute;
			width: 60px;
			height: 60px;
			z-index: 100;
			}
			
			#project_thumbnails #thumb1 a:hover img{top: -2px; left: -2px;} 
			li#thumb2 a:hover img{top: -2px; left: 55px;} 
			li#thumb3 a:hover img{ top: -2px;left: 112px;} 
			li#thumb4 a:hover img{top: -2px;left: 169px;} 
			li#thumb5 a:hover img{top: 55px; left: -2px;} 
			li#thumb6 a:hover img{top: 55px;left: 55px;} 
			li#thumb7 a:hover img{top: 55px;left: 112px;}
			li#thumb8 a:hover img{top: 55px; left: 169px;} 
			li#thumb9 a:hover img{top: 112px;left: -2px;} 
			li#thumb10 a:hover img{top: 112px; left: 55px;} 
			li#thumb11 a:hover img{top: 112px; left: 112px;} 
			li#thumb12 a:hover img{top: 112px; left: 169px;} 
			li#thumb13 a:hover img{top: 169px; left: -2px;} 
			li#thumb14 a:hover img{top: 169px; left: 55px;} 
			li#thumb15 a:hover img{top: 169px; left: 112px;} 
			li#thumb16 a:hover img{top: 169px; left: 169px;} 
			
			#project_thumbnails.active img{
			position: absolute;
			width: 60px;
			height: 60px;
			z-index: 100;
			}
			
			li#thumb1_active img{positoin: absolute; width: 60px; height:60px; z-index:1000; top: -2px; left: -2px;} 
			li#thumb2_active img{top: -2px; left: 55px;} 
			li#thumb3_active img{ top: -2px;left: 112px;} 
			li#thumb4_active img{top: -2px;left: 169px;} 
			li#thumb5_active img{top: 55px; left: -2px;} 
			li#thumb6 a:hover img{top: 55px;left: 55px;} 
			li#thumb7 a:hover img{top: 55px;left: 112px;}
			li#thumb8 a:hover img{top: 55px; left: 169px;} 
			li#thumb9 a:hover img{top: 112px;left: -2px;} 
			li#thumb10 a:hover img{top: 112px; left: 55px;} 
			li#thumb11 a:hover img{top: 112px; left: 112px;} 
			li#thumb12 a:hover img{top: 112px; left: 169px;} 
			li#thumb13 a:hover img{top: 169px; left: -2px;} 
			li#thumb14 a:hover img{top: 169px; left: 55px;} 
			li#thumb15 a:hover img{top: 169px; left: 112px;} 
			li#thumb16 a:hover img{top: 169px; left: 169px;} 
			
	#project_points{
	position: absolute;
	top: 190px;
	left: 610px;
	}
	
		#project_points img{
		margin: 4px 0 0 -20px;
		float: left;
		}
		
		#project_points p{
		padding: 0;
		margin: 0;
		}
		
		p.project{
		font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
		font-size: 12px;
		color: #000;
		padding: 0 0 0 0;
		font-weight: 600;
		text-align: left;
		}

		p.category{
		font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
		font-size: 11px;
		color: #464646;
		padding: 0;
		font-weight: 600
		}

		p.location{
		font-family: Tahoma, Arial, Helvetica, sans-serif, "Gill Sans MT";
		font-size: 11px;
		color: #464646;
		padding: 0;
		font-weight: 600
		}
/* -----------------------------------------Contact Page--------------------------------------------*/

#contact_main{
position: relative;
top: 3px;
width: 800px;
height: 375px;
background-image: url(../images/contact/contact.jpg);
background-repeat: no-repeat;
}

	#contact_information{
	position: relative;
	padding: 45px 0 0 50px;
	left: 65px;
	top: 67px;
	width: 240px;
	height: 180px;	
	}
	
		#contact_information p{
		color: #fff;
		font-size: 12px
		}

		#contact_information h2{
		font-size: 14px;
		padding: 0;
		color: #fff;
		}
		
		#contact_information a:active, #contact_information a:link, #contact_information a:visited{
		color: #fff;
		text-decoration: none;
		}
		
		#contact_information a:hover{
		color: #fff;
		text-decoration: underline;
		}

#footer{
top: 10px;
position: relative;
width: 100%;
text-align: right;
}

#footer2{
top: -30px;
position: relative;
width: 100%;
text-align: right;
}

#footer_left{
top: 10px;
position: relative;
width: 100%;
text-align: left;
}

/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */