/** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded+HTML5 baseline) * v1.6.1 2010-09-17 | Authors:Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/
*/
/*################# #### RESET CSS #####################*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align: baseline;
}
/* HTML5 Boilerplate */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display:block;
}
audio,canvas,video {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
audio:not([controls]) {
	display:none;
}
[hidden] {
	display:none;
}
html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
html,button,input,select,textarea {
	font-family:sans-serif;
	color:#222;
}
body {
	margin:0;
	font-size:1em;
	line-height:1.4;
}
::-moz-selection {
	background:#333;
	color:#fff;
	text-shadow:none;
}
::selection {
	background:#333;
	color:#fff;
	text-shadow:none;
}
a,a:hover {
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
a {
}
a:visited {
	color:#551a8b;
}
a:hover {
	color:#06e;
}
a:focus {
	outline:thin dotted;
}
a:hover,a:active {
	outline:0;
}
abbr[title] {
	border-bottom:1px dotted;
}
b,strong {
	font-weight:400;
}
blockquote {
	margin:1em 40px;
}
dfn {
	font-style:italic;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
ins {
	background:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background:#ff0;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
pre,code,kbd,samp {
}
pre {
}
q {
	quotes:none;
}
q:before,q:after {
	content:"";
	content:none;
}
small {
	font-size:85%;
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	top:-0.5em;
}
sub {
	bottom:-0.25em;
}
ul,ol {
	/*margin:1em 0;*/ /*padding:0 0 0 40px;*/
}
dd {
	margin:0 0 0 40px;
}
nav ul,nav ol {
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
}
img {
	border:0;
	-ms-interpolation-mode:bicubic;
	vertical-align:middle;
	max-width:100%;
}
svg:not(:root) {
	overflow:hidden;
}
figure {
	margin:0;
}
form {
	margin:0;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
}
label {
	cursor:pointer;
}
legend {
	border:0;
	*margin-left:-7px;
	padding:0;
	white-space:normal;
}
button,input,select,textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle;
}
button,input {
	line-height:normal;
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button;
	*overflow:visible;
}
button[disabled],input[disabled] {
	cursor:default;
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0;
	*width:13px;
	*height:13px;
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance:none;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}
textarea {
	overflow:auto;
	vertical-align:top;
	resize:vertical;
}
input:valid,textarea:valid {
}
input:invalid,textarea:invalid {
	background-color:#f0dddd;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td {
	vertical-align:top;
}
.chromeframe {
	margin:0.2em 0;
	background:#ccc;
	color:black;
	padding:0.2em 0;
}
.ir {
	display:block;
	border:0;
	text-indent:-999em;
	overflow:hidden;
	background-color:transparent;
	background-repeat:no-repeat;
	text-align:left;
	direction:ltr;
	*line-height:0;
}
.ir br {
	display:none;
}
.hidden {
	display:none !important;
	visibility:hidden;
}
.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto;
}
.invisible {
	visibility:hidden;
}
.clearfix:before,.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	*zoom:1;
}
@media print {
	* {
		background:transparent !important;
		color:black !important;
		box-shadow:none !important;
		text-shadow:none !important;
		filter:none !important;
		-ms-filter:none !important;
	}
	a,a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,h2,h3 {
		orphans:3;
		widows:3;
	}
	h2,h3 {
		page-break-after:avoid;
	}
}
body,html {
}
html,body,#wrap {
	height:100%;
}
header {
	width:100%;
	z-index:2;
}
header h1 {
	width:190px;
	height:60px;
}
header h1 a:link,header h1 a:hover,header h1 a:visited,header h1 a:active {
	display:block;
	width:190px;
	height:60px;
	background-image:url(../img/logo.gif);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;
	position:absolute;
	top:13px;
	left:0;
}
@media-screen only (min-width:1001px) {
	.wrap940 {
		width:940px;
		margin:0 auto;
		position:relative;
		clear:both;
	}
}
@media-screen only (min-width:801px) {
	.wrap940 {
		width:80%;
		margin:0 auto;
		position:relative;
		clear:both;
	}
}
@media-screen only (min-width:481px) {
	.wrap940 {
		width:80%;
		margin:0 auto;
		height:200px !important;
		position:relative;
		clear:both;
	}
	#proj-crumb {
		background-color:#e6e6e6;
		padding-top:45px;
		height:60px;
	}
	#proj-crumb h1 {
		color:#999;
		font:18px/20px 'Lato', sans-serif !important;
		font-weight:normal;
		font-style:normal;
		margin-left:20px;
	}
	#proj-crumb h1 a,#proj-crumb h1 span {
		color:#7b7b7b;
		text-decoration:none;
		font-weight:normal;
		font-style:normal;
		padding-top:10px;
		border-top:solid 2px #7b7b7b;
	}
	#proj-crumb h1 a:last-child,#proj-crumb h1 span:last-child {
		color:#444;
		text-decoration:none;
		border-top:solid 2px #444;
	}
}
@media-screen only (max-width:670px) {
	.wrap940 {
		width:95%;
		margin:0 auto;
		position:relative;
		clear:both;
	}
	#proj-crumb {
		background-color:#e6e6e6;
		padding-top:45px;
		height:60px;
		line-height:40px;
	}
	#proj-crumb h1 a,#proj-crumb h1 span {
		color:#7b7b7b;
		text-decoration:none;
		font-weight:normal;
		font-style:normal;
		padding-top:10px;
		border-top:solid 2px #7b7b7b;
	}
	#proj-crumb h1 a:last-child,#proj-crumb h1 span:last-child {
		color:#444;
		text-decoration:none;
		border-top:solid 2px #444;
	}
}
#projectThumbs {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	z-index:1;
	padding:20px 0;
	clear:both;
}
#projectThumbs li {
	display:inline-block;
	margin:0 20px 20px 0;
}
#projectThumbs li img {
	width:100%;
	height:auto;
}
@media screen and (max-width:670px) {
	#proj-crumb h1 {
		color:#999;
		font:18px/20px 'Lato', sans-serif !important;
		font-weight:normal;
		font-style:normal;
		text-transform:none;
	}
	#proj-crumb {
		background-color:#e6e6e6;
		padding-top:15px;
		height:auto;
		padding-bottom:5px;
		padding-left:13px;
	}
}
@media screen and (min-width:671px) and (max-width:1000px) {
	#proj-crumb h1 {
		color:#999;
		font:15px/20px 'Lato', sans-serif !important;
		font-weight:normal;
		font-style:normal;
	}
	#proj-crumb {
		background-color:#e6e6e6;
		padding-top:15px;
		height:auto;
		padding-bottom:5px;
		padding-left:0px;
	}
}
@media screen and (min-width:1001px) {
	#proj-crumb h1 {
		color:#999;
		font:18px/20px 'Lato', sans-serif !important;
		font-weight:normal;
		font-style:normal;
		text-transform:none;
	}
	#proj-crumb {
		background-color:#e6e6e6;
		padding-top:15px;
		height:auto;
		padding-bottom:5px;
		padding-left: 0px;
	}
}
/* -- Project Details Page -- */
#proj-crumb h1 a,#proj-crumb h1 span {
	color:#7b7b7b;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	padding-top:3px;
	border-top:solid 2px #7b7b7b;
}
#proj-crumb h1 a:last-child,#proj-crumb h1 span:last-child {
	color:#444;
	text-decoration:none;
	border-top:solid 2px #444;
	line-height:40px;
}
#proj-car {
	height:350px;
	overflow:hidden;
}
#proj-car ul {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	height:440px;
}
#proj-car ul li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	height:350px !important;
	position:relative;
	overflow:hidden;
	background:/*url(../img/carousel-loader.gif) center center no-repeat*/ #000000;
}
#proj-car ul li img {
	height:100%;
	width:auto;
	position:relative;
	z-index:1;
}
#proj-car div .nav {
	display:block;
	width:74px;
	height:67px;
		position:absolute;
	top:233px;
	right:0;
	z-index:2;
}
#proj-car div .nav div {
	width:37px;
	height:100%;
	display:block;
	float:left;
	position:relative;
	background:url(../../images/projects/ss-project-nav.gif) right top no-repeat;
	cursor: pointer;
}
#proj-car div .nav div:hover {
	opacity:.8;
	/* works for IE 5+. */
	filter:alpha(opacity=80);
	/* works for IE 8. */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#proj-car div .nav div:first-child {
	background-position:left top;
}
.img-play {
	width:29px;
	height:29px;
	display:block;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	background:url(../../images/projects/slide-play.png) left top no-repeat;
	cursor:pointer;
}
.got-cap {
	width:29px;
	height:29px;
	display:none;
	position:absolute;
	z-index:2;
	bottom:0;
	left:0;
	background:url(../../images/projects/img-cap-icn.gif) left top no-repeat;
	cursor:pointer;
}
.img-cap {
	display:none;
	position:absolute;
	z-index:2;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	padding:12px 0px;
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.7);
	color:#D1D3D4;
	filter:alpha(opacity=75);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.img-cap p {
	padding:0px 20px !important;
	margin:0;
	font: 1em/1.4em 'Avenir LT W01 55 Roman',Helvetica,Arial,Verdana,Geneva,sans-serif;
}
#large-img {
		width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	background:rgb(0,0,0) url(../img/lb-pattern.png);
	background:rgba(0,0,0,0.75) url(../img/lb-pattern.png);
	display:none;
	/* works for IE 5+. */
	filter:alpha(opacity=75);
	/* works for IE 8. */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
#large-img .cont {
	margin:0 auto;
	position:relative;
}
.lb-close {
	width:36px;
	height:39px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	background:url(../../images/projects/lb-close.png) no-repeat top left;
}
.lb-caption {
	width:100%;
	height:auto;
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	padding:12px 0px;
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.7);
	color:#D1D3D4;
	filter:alpha(opacity=75);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.lb-caption p {
	padding:0px 20px !important;
	margin:0;
	font: 1em/1.4em 'Avenir LT W01 55 Roman',Helvetica,Arial,Verdana,Geneva,sans-serif;
}