/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#a5a5a5;
}
html { min-width:977px;}
html, body { height:100%;}



/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	position: relative;
	width: 977px;
	font-size:.75em;
	padding-top:152px;
	}

	/* Header */
	header{
		height:149px;
		border-bottom:3px solid #222;
		background:#fff;
		position:relative;
		position:fixed;
		top:0;
		width:977px;
		z-index:9;
	}




/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding:10px 0 18px 0;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:16px;}
.p1 { margin-bottom:8px;}
.p2 { margin-bottom:16px;}
.p3 { margin-bottom:24px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#222; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h2 {
	font-size:14px;
	color:#a5a5a5;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:20px;
}
h3 {
	font-size:14px;
	line-height:1.2em;
	color:#222;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:9px;
}
h4 {
	font-size:1em;
	color:#222;
	margin-bottom:16px;
}
h5 {
	font-size:1em;
	color:#222;
}


.intro {
	font-size:14px;
	color:#a5a5a5;
	line-height:18px;
	}

.read_more {
	background:url(../images/arrow2.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
	color:#222;
	font-weight:bold;
	}
	




.address { 
	float:left;
	margin-right:40px;
}
.address.last {
	margin-right:0;
	}
	.address dt {
	font-weight:bold;
	color:#222;
	margin-bottom:16px;
	font-size: 12px;
	}
	.address dd {
	clear:both;
	font-size: 12px;
	}
		.address dd span { 
			float:left;
			width:77px;
		}


address.mail {
	display:block;
	font-style:normal;
	padding:15px 0 14px 0;
	}
	



/* Header
---------------------------------------- */
/* Logo */
.logo {
	position:absolute;
	left:-1px;
	top:40px;
	width: 222px;
	}
	.logo h1 {
		font-size:77px;
		line-height:1.2em;
		font-weight:normal;
		font-family:Arial Black, Arial, Helvetica, sans-serif;
		color:#222;
		letter-spacing:-4px;
		}
		.logo h1 a {
			color:#222;
			text-decoration:none;
			}
	.logo .description {
	color:#222;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:36px;
	line-height:1.2em;
	height:24px;
	background:#fff;
	position:absolute;
	left:0;
	top:22px;
	letter-spacing:-1px;
	padding:0 0 4px 0;
	width: 223px;
		}



/* Navigation */
header nav {
	position:absolute;
	left:248px;
	top:71px;
	}
	header nav ul li {
		float:left;
		}
		header nav ul li a {
			float:left;
			color:#222;
			text-decoration:none;
			text-transform:uppercase;
			font-size:11px;
			border-bottom:3px solid #e3e2e2;
			padding:0 34px 11px 34px;
			text-align:center;
			}
		header nav ul li a:hover,
		header nav ul li a.current {
			border-color:#222;
			}

/* Social services */
.social-services {
	position:absolute;
	right:0px;
	top:68px;
	}
	.social-services li {
		float:left;
		padding-left:8px;
		}



/* Content
---------------------------------------- */
#content {
	padding:10px 0 30px 0;
	position:relative;
}
	#content .indent {
		padding:23px 0 0 0;
		}

#content article {
	padding-bottom:64px;
	}
#content article.last{
	padding-bottom:0;
	}




/* Lists */
.list1 li {
	background:url(../images/arrow1.gif) no-repeat 0 4px;
	padding:0 0 8px 11px;
	}
	.list1 li a {
		color:#222;
		font-weight:bold;
		}

.skills dt {
	font-size:15px;
	color:#222;
	line-height:1.2em;
	padding:0 0 1px 0;
	}
	.skills dt a {
		color:#222;
		text-decoration:none;
		}
	.skills dt a:hover {
		text-decoration:underline;
		}
.skills dd {
	font-size:13px;
	padding-bottom:19px;
	}



.locations dt {
	font-weight:bold;
	color:#222;
	}
.locations dd {
	padding-bottom:24px;
	}
.locations dd.last {
	padding-bottom:12px;
	}



/* Gallery */
.gallery {
	
	}
	.gallery ul {
		float:left;
		width:181px;
		margin-left:18px;
		}
	.gallery ul.first {
		margin-left:0;
		}
		.gallery dl {
			width:100%;
			overflow:hidden;
			}
			.gallery dl dt {
				display:block;
				width:181px;
				height:260px;
				overflow:hidden;
				background:url(../images/loader.gif) no-repeat 50% 50%;
				
				}
			.gallery dl dd {
				cursor:pointer;
				}

		.gallery .divider {
			height:12px;
			background:url(../images/arrow_up.gif) no-repeat 0 0;
			margin-bottom:5px;
			margin-top:5px;
			overflow:hidden;
			cursor:pointer;
			}
		.gallery .last-arrow {
	margin-top:5px;
	cursor:pointer;
	background:url(../images/ex-coll-arrow.gif) no-repeat 0 -12px;
	height:12px;
	overflow:hidden;
	font-size: 100%;
			}
		.gallery .last-arrow.alt {
			background-position:0 0;
			}
			.gallery .description {
				background:#bcbcbc;
				color:#fff;
				padding:7px 10px 8px 10px;
				margin-bottom:0;
				}
				.gallery .description strong {
					color:#fff;
					}
				.gallery .view {
					display:inline-block;
					color:#222;
					padding:2px 0 2px 0;
					
					}
			
			
			.gallery .description:hover,
			.gallery .description.active{
				background:#222;
				}
				
				.gallery .description:hover strong,
				.gallery .description.active strong{
					color:#bcbcbc;
					}
				
			.gallery .description:hover .view,
			.gallery .description.active .view{
				color:#fff;
				}
				
				
			.gallery .description.active:hover {
				background:#bcbcbc;
				}
				.gallery .description.active:hover strong {
					color:#fff;
					}
			
			
			

/* Categories */
.categories {
	position:absolute;
	left:0;
	top:30px;
	z-index:11;
	background:#fff;
	width:227px;
	}
	.categories li {
		color:#a5a5a5;
		font-weight:bold;
		text-transform:uppercase;
		font-size:14px;
		line-height:1.2em;
		padding-bottom:13px;
		}
		.categories li a.current {
			color:#a5a5a5;
			text-decoration:none;
			}




/* Folio */
.anythingSlider                         { width: 977px; height: 433px; position: relative;}
.anythingSlider .wrapper                { width: 977px; height: 403px; position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul.slides      { width: 32700px; list-style: none; position: absolute; top: 0; left: 0;margin: 0; }
.anythingSlider .wrapper ul.slides > li   { display: block; float: left; padding: 0; height: 403px; width: 1100px; margin: 0; position:relative;}

.thumbNav                               { position: relative; z-index:10; top: 380px; left:66px; width:292px; background:#fff;}
.thumbNav li                            { display: inline; }
.thumbNav a                             { color:#222; font-weight:bold;}
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }


.thumbNav li.back a { background:url(../images/arrow2.gif) no-repeat 0 6px; padding-left:10px; float:left;}
.thumbNav li.forward a { background:url(../images/arrow3.gif) no-repeat 100% 6px; padding-right:10px; float:right;}


figure.preview {
	position:absolute;
	left:397px;
	top:0;
	}
	.visit {
		display:block;
		height:33px;
		line-height:33px;
		background:#b9b9b9;
		font-size:10px;
		text-transform:uppercase;
		padding:0 20px;
		text-align:right;
		color:#fff;
		}
		.visit a {
			color:#fff;
			}

.project-info {
	position:absolute;
	left:0;
	top:175px;
	width:360px;
	}
	.project-info li {
	overflow:hidden;
	position:relative;
	padding:0 0 7px 76px;
	zoom:1;
	font-size:10px;
	color:#a5a5a5;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
		}
		.project-info li .name {
			display:block;
			position:absolute;
			left:0;
			top:2px;
			width:68px;
			text-align:right;
			color:#222;
			font-size:12px;
			line-height:1.2em;
			}








/* Footer
---------------------------------------- */
footer .copy {
	border-top:3px solid #222;
	padding:20px 12px 20px 0;
	color:#222;
	margin-right:18px;
}
	footer .copy a {
		color:#222;
		text-decoration:none;
		}
	footer .copy a:hover {
		text-decoration:underline;
		}
	footer .copy strong {
		text-transform:uppercase;
		}

footer .right-section {
	border-top:3px solid #e3e2e2;
	padding:20px 0 20px 0;
	margin-left:200px;
	text-align:right;
	}




/* Forms
---------------------------------------- */
#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:45px;
	}
	#contacts-form input {
		width:250px;
		background:none;
		border:1px solid #d3d3d3;
		padding:2px 0 2px 5px;
	}
	#contacts-form textarea {
		width:280px;
		background:none;
		border:1px solid #d3d3d3;
		overflow:auto;
		height:105px;
		padding:1px 0 1px 5px;
		margin-bottom:30px;
	}

	#contacts-form .col-1 {
		width:295px !important;
		margin:0 !important;
	}
	#contacts-form .col-2 {
		width:290px !important;
		margin:0 !important;
	}
	#contacts-form .button {
		float:right;
		margin-left:20px;
	}



/*==========================================*/