body {
	background:#fff url(../_img/bg-alt.gif) repeat-x left top;
	font-family:Helvetica, Arial, sans-serif;
	cursor:default;
	color:#111;
}
body#home {
	background-image:url(../_img/bg.gif);
}

h1 {
	display:block;
	width:454px;
	height:204px;
	position:absolute;
	top:29px;
	left:-6px;
	background:transparent url(../_img/duzo.jpg) no-repeat left top;
	opacity:0.76;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=76)";
	filter:alpha(opacity=76);
	-moz-opacity:0.76;
}

#container {
	display:block;
	width:1024px;
	margin:0 auto;
	position:relative;
}

.wrap {
	padding:364px 0 32px 0;
}

#nav {
	display:block;
	position:absolute;
	top:150px;
	right:0px;
}
#nav a {
	display:inline-block;
	color:#272727;
	text-decoration:none;
	margin-left:30px;
	letter-spacing:-1px;
	font-size:24px;
	height:30px;
	text-shadow:#95a0ba 1px 1px 0;
	border-bottom:1px solid #a7b0c6;
}
#nav a:hover,
#nav a:focus {
	border-bottom:1px solid #95a0ba;
}
#nav a.on {
	border-bottom:1px solid #ddd !important;
}

.element-loader {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	background:#000 url(../_img/element-loader.gif) no-repeat center center;
	opacity:0.36;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=36)";
	filter:alpha(opacity=36);
	-moz-opacity:0.36;
	z-index:99;
}

.overTxtLabel {
	display:block;
	height:32px;
	line-height:32px !important;
	margin:-2px 0 0 244px;
	font-weight:bold;
	color:#ff690f;
	padding-left:28px;
	background:transparent url(../_img/icon-yield.gif) no-repeat 6px center;
	text-shadow:#f0e7e4 1px 1px 0;
}

.form-button {
	display:inline-block;
	width:100px;
	height:40px;
	background:transparent url(../_img/button-bg.gif) no-repeat left top;
	color:#fff;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	text-decoration:none !important;
	text-shadow:#222 1px 1px 1px;
}
.form-button:hover,
.form-button:focus {
	background-position:0 -40px;
}

li.form-buttons {
	text-align:right;
}
li.form-buttons a.form-button {
	margin-left:8px;
}


/*
	home
*/
#home #blurb {
	display:block;
	font-size:30px;
	text-align:center;
	font-weight:bold;
	padding-top:305px;
	vertical-align:bottom;
	text-shadow:#95a0ba 1px 1px 0;
}
#home #blurb em {
	padding:0 8px;
}

#home #carousel {
	display:block;
	margin:86px auto 0 auto;
	width:774px;
	height:195px;
	background:transparent url(../_img/carousel.gif) no-repeat left top;
}
#home #carousel li {
	display:block;
	float:left;
	clear:none;
	width:186px;
	height:116px;
	margin:29px 7px 0 7px;
	background:#fff;
	cursor:pointer;
	position:relative;
}
#home #carousel li#carousel-focus {
	height:186px;
	width:300px;
	margin:2px 37px;
}
#home #carousel li#carousel-focus,
#home #carousel li#carousel-focus * {
	cursor:default !important;
}
#home #carousel li span {
	display:block;
	width:178px;
	padding:4px;
	background:#000;
	color:#fff;
	opacity:0.31;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=31)";
	filter:alpha(opacity=31);
	-moz-opacity:0.31;
}
#home #carousel li#carousel-focus span {
	width:292px;
}
#home #carousel li del {
	display:block;
	height:116px;
	width:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:transparent url(../_img/carousel-sides-veil.png) repeat-x left bottom;
	z-index:1;
}

#home #carousel li .work-img-wrap {
	height:116px;
	width:186px;
	overflow:hidden;
	position:relative;
	display:block;
}
#home #carousel li#carousel-focus .work-img-wrap {
	width:300px;
	height:186px;
}

#home #carousel .work-img-wrap ol {
	width:650px;
	display:block;
	text-align:left;
}

#home #carousel .work-img-wrap li {
	margin:0;
	width:auto;
	height:auto;
}
#home .work-img-wrap ol li,
#home .work-img-wrap ol li img {
	display:inline-block;
}

#home #label-wrap {
	display:block;
	margin:40px auto 64px auto;
	text-align:center;
}
#home #label-wrap label {
	display:inline-block;
	font-size:24px;
	color:#272d3a;
	padding:7px 6px;
	position:relative;
}
#home #label-wrap label del {
	display:block;
	height:38px;
	background:#000;
	position:absolute;
	top:0px;
	left:0px;
}

#home #etc {
	display:block;
	margin-top:54px;
	padding:32px 0 64px 0;
	border-top:1px solid #e0e0e0;
}
#home #etc li {
	display:inline-block;
	width:320px;
	margin-right:26px;
	vertical-align:top;
}
#home #etc li#last-li {
	margin:0;
}
#home h2,
#home #etc span {
	display:block;
}
#home h2 {
	font-weight:bold;
	color:#222;
	text-shadow:#fff 1px 1px 0;
	font-size:14px;
	margin-bottom:12px;
}
#home #etc span {
	font-size:12px;
	line-height:16px;
	height:48px;
}
#home #etc a {
	font-weight:bold;
	color:#444;
	text-decoration:none;
}
#home #etc a:hover,
#home #etc a:focus {
	color:#000;
}


/*
	contact
*/
#contact label {
	display:inline-block;
	width:112px;
	font-weight:bold;
	vertical-align:top;
	line-height:32px;
}
#contact ol {
	display:block;
	width:452px;
	padding:10px;
}
#contact ol li {
	display:block;
	margin-bottom:8px;
}
#contact input,
#contact textarea {
	height:20px;
	width:324px;
	border:none;
	padding:6px;
	line-height:20px;
	color:#222;
	background:transparent url(../_img/input-bg.gif) no-repeat left top;
}
#contact textarea {
	height:250px;
	background-position:0 -32px;
}

#contact .form-feedback {
	background:#ffa3a3 url(../_img/ohs-nos-bg.gif) repeat-x left top;
	border:1px solid #ff9595;
	display:block;
	position:absolute;
	left:10px;
	top:288px;
	padding:12px;
}
#contact .form-feedback strong,
#contact .form-feedback span {
	display:inline-block;
	line-height:16px;
	height:16px;
}
#contact .form-feedback strong {
	padding-left:22px;
	background:transparent url(../_img/ohs-nos-yield.gif) no-repeat left top;
	font-weight:bold;
	margin-right:72px;
}
#contact #ohs-nos strong ins {
	text-decoration:none;
}
#contact #oh-yeah {
	background:#9affa6 url(../_img/oh-yeah-bg.gif) repeat-x left top;
	border:1px solid #81f28e;
}
#contact #oh-yeah strong {
	background-image:url(../_img/oh-yeah-check.gif);
}

#contact #contact-extended {
	display:block;
	position:absolute;
	right:0px;
	top:374px;
}
#contact h2,
#contact h3 {
	color:#222;
	font-weight:bold;
	text-shadow:#fff 1px 1px 0;
}
#contact h2 {
	font-size:24px;
	margin-bottom:32px;
}
#contact h3 {
	font-size:16px;
	margin-bottom:42px;
}	

#contact #contact-extended ul li,
#contact #contact-extended ul li a {
	display:inline-block;
}
#contact #contact-extended ul li {
	margin-right:8px;
}
#contact #contact-extended ul li a {
	height:32px;
	width:32px;
	background:transparent url(../_img/getintouch.jpg) no-repeat left top;
}
#contact #contact-extended ul li a#toFacebook {
	background-position:-32px 0;
}
#contact #contact-extended ul li a#toLinkedin {
	background-position:-64px 0;
}
#contact #contact-extended ul li a#toFlickr {
	background-position:-96px 0;
}
#contact #contact-extended ul li a#toSkype {
	background-position:-128px 0;
}

#contact #contact-extended ins {
	text-decoration:none;
	margin-top:16px;
	display:block;
	padding:4px;
	background:#e5ecff;
	border:1px solid #cad8ff;
	font-weight:bold;
	color:#444;
}


/*
	about
*/
#about h2,
#about h3,
#about p {
	display:block;
}
#about h2,
#about h3 {
	font-weight:bold;
	color:#222;
	text-shadow:#fff 1px 1px 0;
}
#about h2 {
	font-size:24px;
	margin-bottom:10px;
}
#about h3 {
	font-size:14px;
	padding-bottom:4px;
	margin:46px 0 10px 0;
	border-bottom:1px solid #e0e0e0;
}
#about p {
	font-size:14px;
	line-height:18px;
	margin-bottom:8px;
}

#about #pic-tim {
	float:right;
	clear:none;
	padding:0 0 10px 10px;
	background:#fff;
	
	/*
		versions of firefox < 3.6.3 suck
	*/
	display:block;
	width:254px;
	height:270px;
}
#about #pic-tim img {
	padding:3px;
	background:#e0e0e0;
	border:1px solid #ccc;
}

#about p a {
	font-weight:bold;
	color:#444;
	text-decoration:none;
}
#about p a:hover,
#about p a:focus {
	color:#000;
}


/*
	portfolio
*/
#portfolio .wrap ul {
	padding-top:46px;
}
#portfolio .wrap ul li {
	display:inline-block;
	width:486px;
	height:300px;
	background:transparent url(../_img/portfolio-window.gif) no-repeat left top;
	margin-bottom:52px;
	position:relative;
}
#portfolio .wrap ul li.alt {
	float:right;
	clear:none;
}
#portfolio .wrap ul li a,
#portfolio .wrap ul li a ins {
	text-decoration:none;
	color:#fff !important;
}	
#portfolio .wrap ul li a {
	position:absolute;
	width:472px;
	height:286px;
	top:7px;
	left:7px;
}
#portfolio .wrap ul li a span {
	display:block;
	width:472px;
	position:absoltue;
	left:0px;
	bottom:0px;
	height:32px;
}
#portfolio .wrap ul li a ins {
	display:block;
	width:448px;
	height:32px;
	padding:0 12px;
	line-height:32px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:#000;
	opacity:0.88;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
	filter:alpha(opacity=88);
	-moz-opacity:0.88;
	position:absolute;
	left:0px;
	bottom:0px;
}


/*
	porfolio subpage - individual work
*/
#work .wrap {
	padding-top:410px;
}
#work #shot-wrap {
	display:block;
	width:486px;
	height:300px;
	background:transparent url(../_img/portfolio-window.gif) no-repeat left top;
	position:relative;
}
#work #shot-wrap img {
	position:absolute;
	top:7px;
	left:7px;
}
#work #details {
	margin-top:7px;
	width:496px;
	float:right;
	clear:none;
	position:relative;
}
#work h2,
#work h3 {
	display:block;
	font-weight:bold;
	color:#222;
	text-shadow:#fff 1px 1px 0;
}
#work h2 {
	font-size:22px;
	margin-bottom:18px;
}
#work p {
	font-size:14px;
	line-height:18px;
	margin-bottom:8px;
}

#work #applied {
	display:block;
	margin:22px 0 36px 7px;
	width:458px;
	padding:7px;
	background:#e5ecff;
	border:1px solid #cad8ff;
}
#work h3 {
	font-size:14px;
	margin-bottom:12px;
}
#work #applied li {
	list-style:disc inside;
	margin-top:6px;
}

#work ol {
	display:block;
	margin-top:46px;
	padding:7px;
	background:#fff;
	border:1px solid #f0f0f0;
	border-width:1px 0 1px 0;
	position:relative;
	height:12px;
}
#work ol #move-next {
	position:absolute;
	right:7px;
	top:7px;
}

#work ol li a,
#work #visit {
	font-weight:bold;
	color:#444;
	text-decoration:none;
	font-size:12px;
}
#work ol li a:hover,
#work ol li a:focus,
#work #visit:hover,
#work #visit:focus {
	color:#000;
}

#work #visit {
	position:absolute;
	top:3px;
	right:0px;
	padding-left:22px;
	background:transparent url(../_img/icon-monitor.gif) no-repeat left top;
	display:block;
	height:16px;
	line-height:16px;
}