html {height:auto;}
div#footer_guard {height:6em;}
body#index  {height:auto;min-height:auto;}
#index #header {margin-bottom:0;}
#index #footer_guard {display:none;}
#index #footer {padding-top:2em;margin-top:0;}
#index #content {width:100%;}
#index #content>.wrapper>.col-layout, #index #content>.wrapper>.col-layout>div {overflow:hidden;display:block;}
#index #content>.wrapper>.col-layout>div {width:440px;}
#index #content>.wrapper>.col-layout>div:first-child {width:500px;}
/*
#index #hero {overflow:hidden;}
#index #hero+.hr {margin-top:0}
#index #hero>img {float:left;margin-right:50px;}
#index #hero>div {float:left;width:786px;}
#index #hero p {font-size:110%;}
*/
#index #what-we-do ul {list-style-image: url(../images/icon-gear.png);margin-left:20px;}
#index #built-to-last {margin-bottom:0;}
#index #project-carousel {width:400px;height:352px;background:url(../images/projectcarousel-bg.jpg) no-repeat;color:#525b66;text-shadow:0 1px 0 #fff;padding:20px;}
#index #project-carousel h2 {margin-top:0;line-height:1;}
#index #project-nav {float:right;}
#index #project-nav>a, #index #project-nav>i {font-size:0;line-height:0;display:inline-block;height:36px;background:url(../images/project-nav.png) no-repeat;}
#index #project-nav>a {width:34px;background-position:-36px 0;}
#index #project-nav>a:focus {outline:none;}
#index #project-nav>a:first-child {background-position:0 0;}
#index #project-nav>a:hover {width:34px;background-position:-36px -36px;}
#index #project-nav>a:first-child:hover {background-position:0 -36px;}
#index #project-nav>a:active {width:34px;background-position:-36px -72px;}
#index #project-nav>a:first-child:active {background-position:0 -72px;}
#index #project-nav>i {width:2px;background-position:-34px 0;}
#index #project-screen {width:396px;height:246px;padding:3px 4px;background:url(../images/projectcarousel-scr-bg.png) no-repeat;position:relative;left:-2px;top:-1px;font-size:0;line-height:0;}
#index #project-screen>div {position:relative;}
#index .project>a {width:661px;height:354px;position:absolute;top:11px;left:12px;z-index:4;}
#index .project>a>i {
	display:none;
	padding:25px;
	background:url(../images/bg-black-transp.png);
	position:absolute;
	top:50%;
	left:50%;
	margin:-61px 0 0 -120px;
	border-radius:25px 0 25px 0;
	-moz-border-radius:25px 0 25px 0;
	-webkit-border-radius:25px 0 25px 0;
	z-index:3;}
#index .project>a>b {
	position:absolute;
	height:100%;
	width:100%;
	z-index:2;
	display:none;
	background:-moz-radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.5));
	background-image:-webkit-gradient(radial, center 50%, 300, center 50%, 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.1)));}
/*
#index #project-screen>div>a>i {width:396px;height:246px;position:absolute;top:0;left:0;}
#index #project-screen>div>a>i>b {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/project-hover.png) no-repeat;display:none;}
*/

#index DIV.project-holder>div {position:relative;}
#index DIV.project-holder>div>a>i {width:396px;height:246px;position:absolute;top:0;left:0;}
#index DIV.project-holder>div>a>i>b {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/project-hover.png) no-repeat;display:none;}
#index #project-indicator {font-size:90%;line-height:1.2;}
#index #project-indicator>span {float:left;display:block;margin-top:.9em;}
#index #project-indicator>div {float:right;margin-top:1.1em;}
#index #project-indicator>div>a {float:left;font-size:0;line-height:0;width:7px;height:8px;margin-left:10px;background:url(../images/project-indicator.png) no-repeat;}
#index #project-indicator>div>a.current {background-position:-7px 0;}


#index {background:#fff url(../images/front-bg.png) repeat-x top;}

#index #nav {text-shadow:0 1px 0 rgba(255,255,255,0.7);}
#index #nav .current {text-shadow:none;}
#index #footer {background:#fff;}
.hero {color:#2f3945;text-shadow:0 1px 0 rgba(255,255,255,0.7);}
.hero-heading {font-size:26px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;line-height:36px;padding:20px 0 30px 0}
.hero-heading span {color:#2c5f99;}
.project {position:relative;width:683px;}
.project-screen {position:relative;z-index:2;width:683px;height:414px;padding:0px 7px 4px 1px;background:url(../images/hero-screen.png) no-repeat;}
.project-description {float:right;width:250px;margin-top:26px;}
.project-description h2 {margin-top:0;}
.project-navigation {position:absolute;bottom:21px;left:11px;width:661px;}
.project-indicator, .project-indicator li {float:left;margin:0;padding:0;}
.project-indicator li {display:block;height:13px;width:12px;float:left;margin-right:10px;background:url(../images/project-indicator.png);background-position:-22px 0;cursor:pointer;}
.project-indicator li:before {content:""}
.project-indicator li.current {background-position:0 0;cursor:default;}
.project-next {width:126px;height:13px;background:url(../images/project-next.png);float:right;}
.project-holder {width:661px;height:354px;overflow:hidden;position:absolute;top:11px;left:12px;z-index:1;}