/* Reset
------------------------------------------------------------ */

* { margin: 0; padding: 0; }

html { overflow-y: scroll;}

body {
	background: #fff;
	font-size: 12px;
	color: #666666;
	font-family: Arial, helvetica, sans-serif;
	}
	
	
ol, ul {
	list-style: none;
	}
	
h1, h2, h3, h4, h5, h6 {
/*	text-transform: uppercase; */
	font-weight:normal;
	color: #000;
	}

h4 {
	text-transform:none;
	}

a, img {
	outline: none;
	border:none;
	}

p {
	margin: 0 0 10px;
	line-height: 1.4em;
	}

p.quote {
	font-style:italic;
}
	
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
.hidden {
	display: none;
	}


a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	}

a:hover {
		color: #cc0000;
	}
	
/* Structure
------------------------------------------------------------ */
#wrapper {
	margin: 0 auto;
	width: 1115px;
	padding: 30px 20px 40px 20px;
	background: #fff;
	}

#container {
	float: left;
	}
	
#header {
	border-bottom: 1px solid #000000;
	float: left;
	width: 1115px;
	padding: 0px;
	margin: 0 0 10px;
	}
	
#banner {
	width: 1115px;
	height: 530px;
	float: left;
	}
	
/* Headers
------------------------------------------------------------- */
h1 {
	margin-bottom: 20px;
	font-size:12px;
	}
hgroup h1 {
	margin-bottom: 0;
	}
	
header h1 {
	float: left;
	font-weight:normal;
	margin: 0;
	}
	header h1 a {
		width: 216px;
		height: 67px;
		float: left;
		background: url(../images/block9.gif) 0 0 no-repeat;
		text-indent: -9999px;
		}
			
	
/* Main Nav
------------------------------------------------------------- */
#main-nav {
	float: left;
	padding: 48px 0 0;
	}
	#main-nav li {
		float: left;
		display: inline;
		font-size: 12px;
		margin-left: 9px;
		}
		#main-nav a {
			color: #000;
			text-decoration: none;
			}
			#main-nav a:hover {
				color: #cc0000;
				}

#home #nav-home a,
#work #nav-work a,
#about #nav-about a,
#contact #nav-contact a {
	color: #cc0000;
	}

/* Projects 
------------------------------------------------------------- */
#projects article {
	float: left;
	margin: 0 10px 15px 0;
	width: 215px;
	position: relative;
	overflow: hidden;
	height: 215px;
	}
	#projects article.last {
		float: left;
		margin: 0 0 10px 0;
		}
		#projects header {
			margin-bottom: 5px;
			float: left;
			color: #000;
			}
			#projects a:hover header {
				color: #cc0000;
				}
			
figcaption {
    background: url(../images/article-fig-bg-60.png) 0 0 repeat;
    height: 30px;
    padding: 6px;
    position: absolute;
    width: 203px;
    color: #fff;
    bottom:-50px;
	}

/* Project info
------------------------------------------------------------- */
#project-info {
	float: left;
	position: relative;
	}
	
#project-desc {
	width: 205px;
	height: 440px;
	float: left;
	padding-right: 20px;
	overflow:scroll;
	}
	#related-projects {
		position: absolute;
		bottom: 47px;
		left:0;
		}
		#related-projects li {
			float: left;
			margin-right: 10px;
			}
			#related-projects li.last {
				margin-right: 0;
				}
		#related-projects li a {
			float: left;
			}
		
		#related-projects p {
			margin-bottom: 5px;
		}

	
#project-gallery {
	width: 890px;
	float: left;
	}
	
#project-info h1 {
	font-size: 16px;
	}
	#project-info h2 {
		font-size: 12px;
		margin-top:0px;
		text-transform:capitalize;
		color:#666666;
		}
		#project-info h4 {
		font-size: 12px;
		margin-top:0px;
		margin-bottom: 15px;
		color:#666666;
		}

/* Contact
------------------------------------------------------------- */

#contact h1 {
	font-size: 16px;
}

.contact-info ul {
	margin: 10px 0;
	}
	.contact-info ul li {
		margin: 3px 0;
		}
			
.map {
	float: left;
	width: 890px;
	height: 530px;
	}

	
.contact-info #social {
    float: left;
    margin: 0 0 0px;
    width: 225px;
	}
	.contact-info #social li {
		float: left;
		margin-right: 5px;
		line-height: 1.6em;
		}
		.contact-info #social li a {
			text-indent: -9999px;
			height: 20px;
			width: 16px;
			display: block;
			}
		
			#facebook a {
				background: url(../images/social.gif) 0 0 no-repeat;
				}
			#vimeo a {
				background: url(../images/social.gif) -16px 0 no-repeat;
				}
			#flickr a {
				background: url(../images/social.gif) -32px 0 no-repeat;
				}
			#linkedin a {
				background: url(../images/social.gif) -48px 0 no-repeat;
				}
			#twitter a {
				background: url(../images/social.gif) -64px 0 no-repeat;
				}
				
aside.address {
	float: left;
	width: 205px;
	}
	
	aside.address h2 {
		font-size: 14px;
		font-weight: bold;
		}
		

li.bus {
	background: url(../images/icon-bus.gif) 0 0 no-repeat;
	padding-left: 35px;
	}
li.tube {
	background: url(../images/icon-tube.gif) 0 0 no-repeat;
	padding-left: 35px;	
	}
li.train {
	background: url(../images/icon-train.gif) 0 0 no-repeat;
	padding-left: 35px;	
	}
	

/* Banner Slider
------------------------------------------------------------ */	 
#gallery {
	position: relative;
	float: left;
	width: 890px;
	height: 530px;
/*	overflow: hidden; */
margin-bottom: 5px;
}

#gallery li.galleryImage { 
	position: absolute;
	width: 890px;
	top: 0;
	left: 0;
}

#gallery li:hover { 
cursor: pointer;
}

#galleryTitle { margin-bottom: 5px; 
}


#galleryPagination { float: left; clear: both; padding-bottom: 10px;}
#galleryPagination li { float: left; margin-right: 5px; }

#galleryPagination li a.active {
color: #c00;
}


/* Slides */


#slides { 
	position: relative;
}

/*
#slides li { 
	position: absolute;
}
*/

#slides li {}

#slides li a { 
	display: block;
	width: 1115px;
	height: 530px;
}





#bannerSlider {
    width:890px;
    overflow:hidden;
    position: relative;
   /*  height:570px; */
	} 
	
	.slider {
	    height:570px;
	    width:890px;
	    overflow:hidden;
		position: absolute;
		} 
		.slider li {
		    float:left;
			}
	 
	.menu {
	    height:12px;
	    position: absolute;
	    bottom:0;
	    left: 0;
		} 
		.menu a {
		    float: left;
		    margin-right: 8px;
		    display:block;
		    color: #000;
			}	
			.menu a.active {
			    color: #cc0000;
				}

.slideBanner {
	position: relative;
	}
.slideBanner a {
	text-decoration: none;
	}
	.slideBanner div {
		position: absolute;
		bottom: 20px;
		left:20px;
		}				
		.slideBanner p {
			color: #666666;
			position: absolute;		
			bottom:-28px;
			}	
				
.three-col {
	float: left;
	width: 215px;
	margin-right: 10px;
	}
	
.plower {
	padding-top: 38px;
	}
			
/* fonts
------------------------------------------------------------ */
	
@font-face {
    font-family: 'ChunkFiveRoman';
    src: url('../fonts/chunkfive-webfont.eot');
    src: url('../fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chunkfive-webfont.woff') format('woff'),
         url('../fonts/chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/chunkfive-webfont.svg#ChunkFiveRoman') format('svg');
    font-weight: normal;
    font-style: normal;
	}