html{position:relative;top:0;bottom:0;}
body{font-family:Helvetica,Arial,sans-serif;font-size:14px;}
/**
*	Header
*/
.header-wrapper{float:left;clear:both;width:100%;height:100%;margin:0;padding:0;display:block;width:100%;
	background:url('images/header.jpg') 50% top no-repeat;
	height:134px;
	text-indent:-3000px;
}
.header{width:960px;margin:0 auto;}



/**
*	Banner
*/
.banner-wrapper{float:left;clear:both;width:100%;height:100%;margin:10px 0;padding:0;display:block;width:100%;}
.banner{width:840px;margin:0 auto;height:100px;padding:0 60px;height:276px;position:relative;}

.banner h2{width:380px;float:left;clear:left;font-size:29px;line-height:42px;}
.banner p{width:380px;float:left;clear:left;}

.banner p.available-for-iphone{
	margin-top: 1em;
	float: left;clear:none;
	font-size: 1.2em;width:192px;
}

.available-for-iphone a{
	background:url('images/available-on-appstore.jpg');
	width:182px;height:82px;display:block;float:left;
    margin-top: 1em;
	text-indent:-3000px;
	font-size: 1.2em;
}


.banner p.follow-on-twitter{
    margin-top: 1em;
	float: left;clear:none;
	font-size: 1.2em;width:192px;
}

.follow-on-twitter a{
	background:url('images/follow-on-twitter.jpg');
	width:151px;height:82px;display:block;float:left;
    margin-top: 1em;
	text-indent:-3000px;
	font-size: 1.2em;
}

ul.roadmap { margin-bottom: 1em;}
ul.roadmap li {
    list-style-type: disc;
    margin-left: 1em;
    margin-top: 0.5em;
}


.banner-rotation{
	height:274px;width:451px;
	float:right;display:block;clear:right;
	background:url('images/banner-iphone.jpg') 50% 50% no-repeat;
	position:relative;
}
.banner-rotation img{margin:22px 75px;position:absolute;top:0;left:0;display:none;}



/**
*	Content
*/
.content-wrapper{float:left;clear:both;width:100%;height:100%;margin:10px  0;padding:0;display:block;width:100%;padding-bottom:120px;}
.content{width:840px;margin:0 auto;padding:0 60px;}

.content-wrapper .content h2{
	clear:left;line-height:67px;
	color:#fff;padding-left:8px;
	background:left 50% no-repeat;
	font-size:19px;text-transform:uppercase;
	}
.content-wrapper .content h3{font-weight:bold;font-size:15px;line-height:32px;}
.content-wrapper .content p{clear:left;margin:10px 0;line-height:20px;}
.content-wrapper .content p strong{font-weight:bold;}

.content-wrapper .content .image-gallery{margin:10px 0;clear:left;float:left;width:634px;height:220px;position:relative;}
.content-wrapper .content .image-gallery dd{width:312px;float:left;text-align:center;margin-right:5px;
	position:absolute;
	}
.content-wrapper .content .image-gallery dd.right-image{left:322px;}
.content-wrapper .content .image-gallery dd img{margin:0 auto;clear:none;}

.content-wrapper .content .image-thumbnails{margin:10px 0;clear:right;float:right;width:172px;}
.content-wrapper .content .image-thumbnails dd{width:80px;float:left;text-align:center;margin:0 3px;}
.content-wrapper .content .image-thumbnails dd img{margin:0 auto;clear:none;cursor:pointer;}

.content-wrapper .content .image-gallery dd p{margin:10px;margin-top:0;}
.content-wrapper .columnX1{clear:both;}
.content-wrapper .columnX1 .column1{}

.content-wrapper .columnX2{clear:both;}
.content-wrapper .columnX2 .column1{float:left;width:415px;clear:left;}
.content-wrapper .columnX2 .column2{float:right;width:415px;clear:right;}

.content-wrapper .columnX3X1{clear:both;}
.content-wrapper .columnX3X1 .column1{width:580px;float:left;clear:left;}
.content-wrapper .columnX3X1 .column2{
	background:url('images/side-panel-top.jpg') 50% top repeat-y;
	width:220px;float:right;clear:right;
	padding-top:5px;margin-top:10px;
}
.content-wrapper .columnX3X1 .column2 .inner{
	background:url('images/side-panel-bottom.jpg') 50% bottom no-repeat;
	width:220px;float:right;clear:right;padding-bottom:5px;
}
.content-wrapper .columnX3X1 .column2 .inner dl{margin:17px;}
.content-wrapper .columnX3X1 .column2 .inner dl dt{font-size:14px;font-weight:bold;}
.content-wrapper .columnX3X1 .column2 .inner dl dd{margin:10px 0;padding:0;font-size:14px;}

/* HEADERS */
#overview{background-image:url('images/overview-header.jpg');}
#stages{background-image:url('images/stages-header.jpg');padding-left:70px;}
#screenshots{background-image:url('images/screenshots-header.jpg');}
#roadmap{background-image:url('images/roadmap-header.jpg');padding-left:75px;}
#support{background-image:url('images/support-header.jpg');}






/**
*	Footer
*/
.footer-wrapper{position:absolute;bottom:0;left:0;right:0;display:block;
	background:url('images/footer-wrapper.jpg') 50% bottom no-repeat;
	height:90px;
	}
.footer{width:820px;margin:0 auto;padding:0 60px;height:90px;}

.footer a {
	height:33px;width:168px;
	float:left;display:block;clear:left;
	background:url('images/hedgehoglab.jpg') 50% 50% no-repeat;
	position:relative;text-indent:-30000px;
}
.footer span{float:right;color:#999999;font-size:12px;line-height:32px;}
/**
*	Utility selectors
*/

.hidden{display:none!important;}