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: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: black;
}
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: "" "";
}

.clearer {
	width: 99%;
	height: 1px;
	clear: both;
}

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

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
}

#wrapper {
	width: 980px;
	height: 580px;
	padding: 10px 0 0 10px;
}

/*********************************************************************
Masthead
********************************/

#masthead {
	height: 189px;
	width: 100%;
	min-width: 980px;
	clear: both;
	position: fixed;
	left: 0;
	top: 0;
	padding: 10px 0 0 10px;
	padding: 0px 0 0 10px;	
	
	
	background-color: #000;
	z-index: 20;
	margin-bottom: 9px;
}

			body.home #masthead {
				background: none;
			}
				
	#masthead #aim {
		height: 161px;
		float: left;
		display: inline;
		width: 236px;
		margin-right: 10px;
		padding: 10px 0px 0px 0px;
		/*border-top: 9px solid #32353c;*/
		border-bottom: 9px solid #32353c;
		border-bottom: 7px solid #131417;
		border-bottom: 7px solid #1a1c21;
	}

		body.home #masthead #aim {
			border-bottom: none;
		}
				
	
	#masthead #aim a {
		display: block;
		width: 236px;
		height: 40px;
		background: url(/images/site/aim-on-black.jpg) left top no-repeat;
	}

		#masthead #aim a:hover {
			background-image: url(/images/site/aim-grey-on-black.jpg);
		}
		
		body.home #masthead #aim a {
				background: url(/images/site/aim-transparent.png) left top no-repeat;
		}
				
	#masthead #nav {
		float: left;
		display: inline;
		width: 728px; 
		/*border-top: 9px solid #32353c;*/
		border-bottom: 9px solid #32353c;
		border-bottom: 7px solid #131417;
		border-bottom: 7px solid #1a1c21;
	}

					/*
					body.home #masthead #nav {
						margin-left: 246px;
						border-bottom: none;
					}
					*/
					body.home #masthead #nav {
						border-bottom: none;
					}
	
		#masthead #nav .navlist {
			float: left;	
			width: 236px;		
			height: 158px;
			padding-bottom: 13px;
			margin-right: 10px;	
		}

			#masthead #nav .navlist ul {
				float: left;	
				width: 236px;	
				padding: 7px 0px 0px 0px;	
				list-style: none;
			}
		
				#masthead #nav .navlist ul li {
					float: left;
					width: 236px;
					color: #7e8695;
				}

				#masthead #nav .navlist ul li.title {
					float: left;
					width: 236px;
					padding: 2px 0px 2px 0px;	
					color: #FFF;
					border-bottom: 1px solid #32353c;
				}
				
				#masthead #nav .navlist ul li.hdr {
					color: #FFF;
					padding: 2px 0px 2px 0px;	
					border-bottom: 1px solid #7e8695;
					border-bottom: 1px solid #32353c;
				}

				#masthead #nav .navlist ul li.nolink {
					color: #7e8695;
					padding: 2px 0px 2px 0px;	
					border-bottom: 1px solid #7e8695;
					border-bottom: 1px solid #32353c;
				}
								
				
				
					#masthead #nav .navlist ul li a {
						float: left;
						width: 236px;	
						padding: 2px 0px 2px 0px;	
						border-bottom: 1px solid #32353c;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-weight: normal;	
						color: #7e8695;
						text-decoration: none;
					}
				
						#masthead #nav .navlist ul li a:hover {
							color: #FFFFFF;
							border-bottom: 1px solid #7e8695;
							text-decoration: none;
						}

						#masthead #nav .navlist ul li.selected a,
						.about #masthead #nav .navlist ul li#about a,
						.archive #masthead #nav .navlist ul li#archive a,
						.selected #masthead #nav .navlist ul li#selected a,
						.izm #masthead #nav .navlist ul li#izm a {
							color: #FFFFFF;
							border-bottom: 1px solid #32353c;
							text-decoration: none;
						}

/******************************************************************************
Scrolling Area
***************************/

#scroll-surround {
	position: absolute;
	left: 0;
	padding: 0 0 0 10px;	
	top: 191px;
	top: 172px;
	
	min-width: 980px;
	background-color: #000000;
	z-index: 10;
}

	#scroll-surround .projects-surround {
		width: 100%;
		width: 990px;
		clear: both;
		padding-bottom: 19px;
		background: url(/images/site/border-bottom-on-black-spaced-new.gif) left bottom no-repeat;	
		margin-bottom: 4px;
	}
	

	#scroll-surround .project-type-surround {
		width: 984px; 
		background: #000000 url(/images/site/border-bottom-on-black-new.gif) left top no-repeat; 
		padding-top: 19px;
		/*padding-bottom: 50px;*/
	}

		#scroll-surround .project-type-surround .project-type-title {
			float: left; 
			width: 236px; 
			margin-right: 10px;	
		}

		#scroll-surround .project-type-surround .project-type-boxes {
			float: left; 
			width: 738px;	
			padding: 0;
		}

		#scroll-surround .row .no-content {
			border: none;
			height: 9px;
			float: left;
			display: inline;
			width: 236px;
			margin-right: 10px;
			padding: 10px 0px 0px 0px;
		}

		#scroll-surround .row .section-title {
			float: left;
			display: inline;
			width: 236px;
			margin-right: 10px;
			padding: 10px 0px 0px 0px;
			
			border: 1px dashed green;
			
		}
	/*
			#scroll-surround .block {
				float: left;
				width: 236px;
				height: 150px;
				padding-bottom: 10px;
				margin-right: 10px;
				position: relative;
			}

					
			
				#scroll-surround .block a {
					display: block;
					width: 100%;
					height: 100%;
					text-decoration: none;
				}
	
					#scroll-surround .block a.thumbnailLink {
						color: #FFF; 
						background-color: #32353c;
						width: 236px;
						height: 150px;
					}
	
			#scroll-surround .three {
				margin-right: 0 !important;
			}


			#scroll-surround .block .rollover {
				width: 236px;
				height:150px;
				height: 67px;
				display: block;
				display: none;
				color: #FFF;
				position: absolute;
				top: 0px;
				left: 0;
				background: url(/images/site/rollover-bg.png) left top repeat;
			}

				#scroll-surround .block .rollover ul {
					float: left;	
					width: 236px;
					height: 100%;	
					padding: 16px 0px 16px 0px;	
					list-style: none;
				}
			
					#scroll-surround .block .rollover ul li {
						float: left;
						width: 232px;	
						padding: 2px 0px 2px 4px;	
						border-bottom: 1px solid #7e8695;	
						border-bottom: 1px solid #FFFFFF;	
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-weight: normal;	
						color: #FFFFFF;	
						text-decoration: none;		
					}

						#scroll-surround .block .rollover ul li a {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							font-weight: normal;	
							color: #FFFFFF;	
							text-decoration: none;
							display: block;
							width: 232px;							
						}
			
							#scroll-surround .block .rollover ul li.selected a,
							#scroll-surround .block .rollover ul li a:hover {
								color: #FFFFFF;
								text-decoration: none;
							}
*/

/*******************************************************************************
Footer
*************************/

.project-footer {
		clear: both;
		height: 170px;
		margin-left: 246px;
		width: 728px;
		padding-top: 11px;
	}

			.project-footer p {
				clear: both;
				color: #32353c;
			}	

				.project-footer .project-footer-links {
					height: 150px;
					width: 246px;
				}

					.project-footer a.btt {
						float: left;
						display: block;
						clear: both;
						padding: 2px 0px 2px 0px;	

						border-bottom: 1px solid #32353c;	
						color: #7E8695;
						width: 236px;
						text-decoration: none;
						margin-bottom: 130px;
					}
	
						.project-footer a.btt:hover {	
							border-bottom: 1px solid #7e8695;	
							color: #FFFFFF;
							text-decoration: none;
						}
						
					/*	
					.project-footer a.prev, .project-footer a.next {
						float: left;
						display: block;
						padding: 2px 0px 2px 0px;	
						border-bottom: 1px solid #32353c;	
						color: #738695;
						width: 113px;
						text-decoration: none;
					}
	
						.project-footer a.prev:hover, .project-footer a.next:hover {	
							border-bottom: 1px solid #7e8695;	
							color: #FFFFFF;
							text-decoration: none;
						}
					
					.project-footer a.prev {
						margin-right: 10px;	
						clear: left;
					}
					*/



.project-footer a.prev, .project-footer a.next {
	float: left;
	display: block;
	padding: 2px 0px 2px 0px;	
	border-bottom: 1px solid #32353c;	
	color: #738695;
	width: 236px;
	text-decoration: none;
}
	
	.project-footer a.prev:hover, .project-footer a.next:hover {	
		border-bottom: 1px solid #7e8695;	
		color: #FFFFFF;
		text-decoration: none;
	}
					
		
		
		
		
		
		
		
		
		
		


	.project-details {
		float: left;
		display: inline;
		width: 236px;
		margin-right: 10px;
		padding: 14px 0px 0px 0px;
		line-height: 16px;
		color: #FFFFFF;
		color: #7e8695;		
	}

		.project-details a {
			color: #7e8695;	
			text-decoration: none;
		}

			.project-details a:hover {
				color: #FFFFFF;	
				text-decoration: none;
			}
		
		.project-details-overview {
			/*height: 150px;*/
			margin-bottom: 18px;
			width: 236px;
			color: #FFFFFF;
			color: #7e8695;
		}

			.project-details-overview h2 {
				font-weight: normal;
				color: #FFFFFF;
			}
		
	.project-images {
			float: left;
			width: 728px;
			padding: 18px 0px 0px 0px;
	}
	
		.project-images img {
				clear: both;
				margin-bottom: 10px;
		}

	.project-details-related {
		
	}

			.project-details-related h2 {
				font-weight: normal;
				color: #999999;
				color: #FFFFFF;
				margin-bottom: 1px;
			}

			.project-details-related ul {
				float: left;	
				width: 236px;	
				padding: 0;	
				list-style: none;
				border-top: 1px solid #32353c;
			}	
			
				.project-details-related ul li {
					float: left;
					width: 236px;	
					padding: 0px 0px 0px 0px;						
					/*border-bottom: 1px solid #32353c;*/
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: normal;	
					color: #000;	
					text-decoration: none;		
				}

					.project-details-related ul li a {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-weight: normal;	
						color: #000000;	
						color: #7e8695;
						text-decoration: none;
						display: block;
						width: 236px;	
						
						border-bottom: 1px solid #32353c;
					}
					
						.project-details-related ul li.selected a,
						.project-details-related ul li a:hover {
							color: #FFFFFF;
							text-decoration: none;
							
							border-bottom: 1px solid #7e8695;
						}
		







	.project-delivered {
		
	}

			.project-delivered h2 {
				font-weight: normal;
				color: #999999;
				color: #FFFFFF;
				margin-bottom: 1px;
			}

			.project-delivered ul {
				float: left;	
				width: 236px;	
				padding: 0;	
				list-style: none;
				border-top: 1px solid #32353c;
			}	
			
				.project-delivered ul li {
					float: left;
					width: 236px;	
					padding: 0px 0px 0px 0px;						
					border-bottom: 1px solid #32353c;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: normal;	
					color: #7e8695;	
					text-decoration: none;		
				}

					.project-delivered ul li a {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-weight: normal;	
						color: #7e8695;
						text-decoration: none;
						display: block;
						width: 236px;	
					}
					
						.project-delivered ul li.selected a,
						.project-delivered ul li a:hover {
							color: #FFFFFF;
							text-decoration: none;
						}











#scroll-surround .about-title {
			float: left;
			display: inline;
			width: 236px;
			margin-right: 10px;
			padding: 20px 0px 0px 0px;		
		}

			#scroll-surround .content-col {
				float: left;
				width: 236px;
				padding-top: 15px;
				margin-right: 10px;
				position: relative;				
				color: #7e8695;
				line-height: 16px;
			}
			
				#scroll-surround .content-col h2 {
					font-weight: normal;
					color: #FFFFFF;
					width: 236px;	
					padding: 2px 0px 2px 0px;			
				}

					#scroll-surround .content-col h2.about {
						color: #FFFFFF;
					}

					#scroll-surround .content-col h2.clients {
						color: #FFFFFF;
						border-bottom: 1px solid #32353c;
					}
					
				#scroll-surround .projects-surround .content-col .content-section {
					margin-bottom: 23px;	
				}
				
					#scroll-surround .projects-surround .content-col .content-section a {
						color: #7e8695;
						text-decoration: none;
					}

						#scroll-surround .projects-surround .content-col .content-section a:hover {
							color: #FFFFFF;
							text-decoration: none;
						}
				
										
				#scroll-surround .content-col ul {
					float: left;	
					width: 236px;	
					padding: 0px 0px 0px 0px;	
					list-style: none;
				}

					#scroll-surround .content-col ul li {
						float: left;
						width: 236px;
						color: #7e8695;					
						padding: 1px 0px 1px 0px;	
						border-bottom: 1px solid #32353c;
					}

						#scroll-surround .content-col ul li a {
							float: left;
							width: 236px;	
							/*padding: 2px 0px 2px 0px;	
							border-bottom: 1px solid #7e8695;
							border-bottom: 1px solid #32353c;*/	
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							font-weight: normal;	
							color: #7e8695;
							text-decoration: none;
						}
				
							
				
							#scroll-surround .content-col ul li.selected a,
							#scroll-surround .content-col ul li a:hover,
							#scroll-surround .content-col ul li a:active {
								color: #FFFFFF;
								/*border-bottom: 1px solid #FFFFFF;
								border-bottom: 1px solid #7e8695;*/
								text-decoration: none;
							}




/*************************************************************************************************
Homepage
*****************/
div#home-container {
	position: absolute; 
	left: 0; 
	top: 0; 
	background: left top no-repeat; 
	width: 100%; 
	height: 100%;
	
	
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	-khtml-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}

	div#home-scroll-surround {
		background: none;		
		position: absolute;
		left: 0;
		padding: 0 0 0 10px;	
		top: 172px;
		min-width: 980px;
		z-index: 10;
	}
	    	
		div.home-details {
			background: none; 
			margin-top: 128px;
			margin-top: 16px;
			width: 236px;
			color: #7e8695;		
			line-height: 16px;
		}
		 
			div.home-details p {
				color: #7e8695;
			}