@import url('reset.css');

body { background: #fff url('img/temp-grid.png') repeat-y top center; font-family: "kulturista-web-1", "kulturista-web-2", Georgia, serif; }
body { background: #eee url('img/bg-site.png') repeat; }

a { text-decoration: none; }

#work #header-wrapper { background: transparent url('img/bg-work-header.png') repeat-x bottom left; height: 144px; }
#header { width: 960px; margin: 0 auto; }
#about #header { background: transparent url('img/bg-about-header.png') no-repeat bottom right; }
h1 { font-size: 36px; line-height: 36px; margin-top: 26px; font-weight: 300; font-style: italic; color: #000; width: 176px; float: left; }
h1 a { color: #000; }
#navigation { float: left; margin-left: 98px; font-weight: 500; margin-top: 30px; }
#navigation li {display: inline; font-size: 18px;}
#navigation li a:link, #navigation li a:visited {float: left; display: block; text-decoration: none; margin: 0 20px; height: 96px; line-height: 100px; color: #00baf0; padding-top: 6px; }
#navigation li a:hover { color: #000; }
#navigation li a.active { background: transparent url('img/nav-active.png') no-repeat center center; color: #fff; font-style: italic; width: 96px; text-align: center; margin: 0; }

#featured-wrapper { clear: both; background-color: #fff; }
#featured { width: 960px; margin: 0 auto; }
.info { width: 196px; float: left; }
.info h3 { font-size: 22px; font-weight: 300; color: #000; }
.info h4 { font-size: 16px; font-weight: 300; font-style: italic; margin-top: 1px; color: #000; }
.info p { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Lucida Sans", "Lucida Grande", Verdana, sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 18px; color: #444;}
.visual { float: right; margin: 0 0 29px 0; }
.info .collapse:link, .info .collapse:visited, .info .details:link, .info .details:visited { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Lucida Sans", "Lucida Grande", Verdana, sans-serif; display: block; font-size: 16px; margin: 20px 0; padding: 4px; background-color: #ccc; color: #fff; cursor: pointer; }
.info .collapse:hover, .info .details:hover { background-color: #bbb; }
.info .visit { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Lucida Sans", "Lucida Grande", Verdana, sans-serif; display: block; font-size: 16px; margin: 20px 0; padding: 4px; background-color: #00baf0; color: #fff; cursor: pointer; text-align: right; }

#intermission { width: 960px; margin: 36px auto; }
#intermission div { float: left; }
#intermission h5 { font-size: 20px; font-weight: 400; color: #555; padding-top: 4px; }
#intermission .contact { width: 274px; padding-left: 10px; }
#intermission .contact dl { margin-top: 17px; }
#intermission .contact dt { float: left; width: 78px; text-align: right; color: #00baf0; font-size: 12px; padding: 4px 20px 0 0; }
#intermission .contact dd { font-size: 13px; color: #555; line-height: 18px; padding: 0 0 0 0; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Lucida Sans", "Lucida Grande", Verdana, sans-serif; }
#intermission .contact dd a { color: #555; border-bottom: 1px dotted #aaa; }
#intermission .continue { width: 275px; padding: 0 10px;}
#intermission .continue div { background-color: #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 273px; text-align: center; margin-top: 10px; }
#intermission .continue div p.luck { font-size: 12px; line-height: 18px; font-style: italic; color: #888; padding: 24px 0 11px 0; }
#intermission .continue div p.eyes { font-size: 20px; color: #fff; padding-bottom: 34px; font-weight: 200; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Lucida Sans", "Lucida Grande", Verdana, sans-serif; }
#intermission .blurb { width: 370px; padding-right: 10px; }
#intermission .blurb p { font-size: 14px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Lucida Sans", "Lucida Grande", Verdana, sans-serif; color: #555; line-height: 18px; margin-top: 16px; }
#intermission .blurb p a:link, #intermission .blurb p a:visited { color: #000; border-bottom: 1px dotted #999; }

#projects { width: 960px; margin: 0 auto; margin-top: 18px; }
#projects h2 { width: 78px; font-size: 40px; line-height: 36px; font-weight: 300;float: left; margin: 44px 0 0 0; }
#projects ul { float: right; margin-top: 37px; width: 882px; }
#projects ul li { display: block; float: left; width: 274px; height: 162px; margin-bottom: 36px; margin-left: 20px; background: #ddd url('img/bg-project-placeholder.png') no-repeat center center; }
#projects ul li .sm-thumb { cursor: pointer; }

#about #wrapper { position: absolute; top: 0; left: 50%; margin-left: -480px; width: 960px; z-index: 3; }
#about .copy { width: 646px; background: transparent url('img/bg-about-copy.png') repeat; padding: 0 20px 18px 20px; float: right; margin-bottom: 36px; }
#about .copy p { font-size: 16px; line-height: 18px; margin-bottom: 18px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Lucida Sans", "Lucida Grande", Verdana, sans-serif; color: #222; }
#about #contact-form { float: right; width: 568px; background: transparent url('img/bg-contact-form.png') repeat-y top left; margin-bottom: 40px; }
#about #contact-form ul.labels { width: 176px; margin: 10px 20px 10px 0; float: left; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Lucida Sans", "Lucida Grande", Verdana, sans-serif; }
#about #contact-form ul.info { width: 372px; margin: 12px 0 10px 0; float: right;}
#about #contact-form ul.labels li { font-size: 12px; line-height: 36px; text-align: right; color: #666; }
#about #contact-form ul.info li { font-size: 18px; line-height: 36px; color: #333; }
#about #contact-form ul.info li a:link, #about #contact-form ul.info li a:visited { color: #333; border-bottom: 1px dotted #333; }
#about #contact-form ul.info li a:hover { color: #000; }

#supersize{	position: fixed; }
#supersize img, #supersize a{	height:100%; width:100%; position:absolute;	z-index: 0;	}
#supersize .prevslide, #supersize .prevslide img { z-index: 1; }
#supersize .activeslide, #supersize .activeslide img{ z-index: 2; }

br.c { clear: both; line-height: 1px; }