nav#sub > a, #list > section, #listStatic > section, .box > h1, #listStatic > a,
#listStatic > section > h1, h2	{
	font-family: 'Ubuntu', sans-serif;
}


.inline, #projectThumbnails > figure, #projectInfo, #projectManagment > section
{
	float: left; display: block;
}

.inlBlock, #list, #listStatic, #projectCrew figure, #projectCrew, #map,
#projectListImages, #projectScreens,
#reference, #reference > div, .box	{
	display: inline-block; vertical-align: top;
}

h2	{ text-transform: uppercase; font-weight: normal; font-size: 14px; }

.box	{
/*	float: left; */
	width: 312px;
	margin: 0px 10px 10px 0px;
	cursor: default;
}
.box > div, .box > p	{
	display: block;
	padding: 1px 7px 1px 27px;
	margin: 20px 0px;
	border-left: 1px solid #787878;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
.start > div, .start > p	{ height: 102px; }
.box > h1, #listStatic > a	{
	display: block;
	height: 14px;
	padding: 0px 0px 0px 11px;
	margin: 0px;
	font-size: 14px;
	/*font-family: CenturyGothic;*/
	font-weight: normal;
	line-height: 14px;
	text-transform: uppercase;
	color: #787878;
	border-left: 14px solid #d20000;
}
.box:hover a.more, .box:hover h1	{ color: #000000; }
.start a.more	{ display: block; position: absolute; bottom: 0px; left: 27px; margin: 5px 0px 0px; }
.box ul	{ list-style-type: none; margin: 0px; padding: 0px; }
.box li	{
	background: url('../img/list.png') no-repeat left center;
	padding-left: 15px;
	margin: 0px 0px 10px;
}
#recentImg,.recentImg	{ position: absolute; right: -15px; top: -17px; }

#list, #listStatic	{ width: 375px; }
#list > section, #listStatic > section	{ display: block; float: none; }
#list > section > h1, #listStatic > a	{
	color: #787878;
	border-left: 14px solid #787878;
}
#list > section.active > h1, #list > section:hover > h1,
#listStatic > section > h1, #listStatic > a:hover	{
	color: #000000;
	border-left: 14px solid #d20000;
}
#listStatic > section > h1	{ color: #787878; }
#list a	{ display: block; margin: 4px 0px; font-size: 12px; }
#list a:hover	{ color: #000000; }
#list a:first-child, .box > div >p:first-child	{ margin-top: 0px; }
#list a:last-child, .box > div > p:last-child	{ margin-bottom: 0px; }
#list h1	{ cursor: pointer; }
#list > section.box > div	{ display: none; }
#listStatic > a	{ margin-bottom: 10px !important; }
#projectListImages	{ width: 595px; height: 300px; }
#projectListImages > img	{ position: absolute; left: 0px; top: 0px; display: none; }

nav#sub	{ margin-bottom: 25px; overflow: auto; }
nav#sub > a	{
	float: left;
	display: block;
	margin: 4px 0px 5px;
	padding: 0px 25px 0px 24px;
	border-right: 1px solid #787878;
	text-transform: uppercase;
	font-size: 14px;
	color: #787878;
}
nav#sub > a:hover	{
	color: #000000;
}
nav#sub > a.active	{
	padding: 4px 25px 5px;
	margin: 0px 0px 0px -1px;
	background: #787878;
	color: #ffffff;
}
nav#sub > a:last-child	{ border: 0px;}

#projectInfo	{ width: 378px; }
#projectThumbnails	{ overflow: auto; margin-bottom: 20px; }
#projectThumbnails > figure	{
	border-right: 1px solid #787878;
	margin: 0px;
}
#projectThumbnails > figure:nth-child(3n)	{ border: 0px; }
#projectThumbnails > figure > img	{ cursor: pointer; z-index: 4; display: block; }
#projectThumbnails > figure > img.active	{ z-index: 6; cursor: pointer; }
#projectThumbnails > figure > canvas	{ z-index: 5; cursor: pointer; }
/*#projectThumbnails > figure:hover	{ opacity: 1 !important; }*/
#projectInfo section.box:hover > h1	{ color: #787878 !important; } 
#projectCrew	{ width: 595px; margin-left: 7px; }
#projectScreens	{ width: 595px; margin-left: -1px; }
#projectScreens, #reference	{ height: 457px; }
#projectScreens > img	{ position: absolute; left: 0px; top: 0px; }
#reference	{ width: 595px; margin-left: 4px; }

#projectCrew figure	{ margin: 0px; width: 125px; height: 125px; border: 1px solid #787878; overflow: hidden; }
#projectCrew figure > img	{ display: block; }
#projectCrew figure > figcaption	{
	position: absolute;
	left: 0px;
	width: 109px;
	padding: 5px 8px;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.4);
	font-size: 11px;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
#projectCrew figure:hover > figcaption	{ bottom: 0px; }
#projectCrew figure.member	{ margin: 0px 24px 24px 0px; }

#projectManagment	{
	padding: 0px;
	margin: 30px 0px 10px;
	height: 115px;
	background: url('../img/projectManage.jpg') no-repeat top center;
}
#projectManagment > section	{ width: 155px; min-height: 300px; margin: 0px 4px; padding-bottom: 35px; }
#projectManagment > section > p		{ display: none; font-size: 11px; }
#projectManagment > section > h2	{
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	margin: 10px 0px;
	padding-top: 115px;
	cursor: pointer;
}
#projectManagment > section:hover > h2, #projectManagment > section.active > h2	{
	color: #000000;
}

#map	{ width: 595px; height: 399px; }

#cf input[type="text"], #cf input[type="email"], #cf textarea	{
	width: 250px;
	padding: 3px 10px;
	margin: 2px 0px;
	border: 1px solid #787878;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #787878;
}
#cf textarea	{ height: 100px; }
#cf input[type="submit"]	{
	margin: 5px 0px 0px 132px;
	padding: 5px 30px 5px 5px;
	border: 0px;
	background: url('../img/send.png') no-repeat right center #ffffff;
	text-align: right;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #787878;
	cursor: pointer;
}
#cf input[type="submit"]:hover	{ color: #000000; }

#reference	{ text-align: right; height: 600px; }
#reference > div, #reference > img	{
	width: 125px;
	height: 125px;
	border: 1px solid #787878;
	margin: 0px 20px 20px 0px;
}
#reference > div.g, #projectCrew > figure.g	{ background: #d5d5d5; }
#refLinks	{
	position: absolute;
	bottom: 66px;
	left: 0px;
}
a.pdf	{
	display:block;
	margin: 5px 0px;
	padding: 5px 5px 5px 30px;
	font-size: 11px;
	background: url('../img/pdf.png') no-repeat left center;
}

.nlm	{ margin-right: 0px !important; }

#prevR, #nextR	{
	position: absolute;
	top: 0px;
	height: 100%;
	width: 60px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 100;
}
#prevR	{ left: 0px; background-image: url('../img/arrl.png'); }
#nextR	{ right: 0px; background-image: url('../img/arrr.png'); }