/*

Theme Name: Final Hours

Theme URI: http://wordpress.org/

Description: 

Author: Kieren Harding

Version: 1.0

*/

@charset "utf-8";

@import url("reset.css");

/* CSS Document */



body {

	background-color: #f6f6f6;

	font-family: Arial, Helvetica, sans-serif;

	font-size: .8em;

	line-height: 20px;

	color: #484848;

}

.clear {

	clear: both;

}

.alignleft {

	float:left;

	overflow:hidden;

}

.alignright {

	float:right;

	overflow:hidden;

}

#container {

	width: 100%;

	margin-top: 96px;

}

.tipsy {

	display:none;

	background: url(images/tooltip.png) no-repeat;

	font-weight:bold;

	font-size:11px;

	line-height: 36px;

	text-align:center;

	height:35px;

	width:149px;

	color:#fefefe;

	margin-top:7px;

	border:none;

}

#header-wrap {

	background-image: url(images/bg.jpg);

	background-repeat: repeat-x;

	position: fixed;

	top: 0px;

	width: 100%;

	display: block;

	z-index: 1000;

	left: 0px;

}

#header {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	height: 96px;

	background-image: url(images/logo.gif);

	background-repeat: no-repeat;

	background-position: left 15px;

}

h1#logo {

	float: left;

	display: block;

	margin-top: 15px;

	width: 235px;

	height: 56px;

	text-decoration: none;

}

h1#logo a {

	float: left;

	display: block;

	width: 235px;

	height: 56px;

	text-indent: -999em;

	text-decoration: none;

}

#menu {

	float: right;

	margin-top: 25px;

}

#menu li {

	display: block;

	float: left;

}

#menu a {

	text-decoration: none;

	color: #C5D2D8;

	display: block;

	float: left;

	font-family: DIN-Medium, Arial, sans-serif;

	text-shadow: 0px 1px rgba(0, 0, 0, .9);

	text-transform: uppercase;

	font-size: 13px;

	line-height: 36px;

	padding-right: 10px;

	padding-left: 10px;

}

#menu a:hover {

	color: #2DB1E4;

}

#menu .current_page a {

	color: #FFF;

	background-image: url(images/nav-highlight.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

#menu li .selected {

	color: #FFF;

	background-image: url(images/nav-highlight.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

#menu .tweet {

	vertical-align: middle;

	margin-top: 6px;

}

#feature-wrap {
	background-image: url(images/feature-bg.jpg);
	width: 100%;
	padding-top: 15px;
	padding-bottom: 0px;

}

#feature {

	width: 960px;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-right: auto;

	margin-left: auto;

	color: #484848;

}

#feature #intro .title {

	margin-bottom: 20px;

}

#feature #intro {
	float: left;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	width: 440px;
	font-size: 14px;

}

#feature #ipad {

	background-image: url(images/ipad.gif);

	background-repeat: no-repeat;

	float: right;

	height: 370px;

	width: 501px;

	position: relative;

	overflow: hidden;

}

#feature .feature-buttons {
	background-image: url(images/download-butt-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 25px;
	height: 79px;
	padding-left: 6px;
	padding-top: 20px;

}
#feature-wrap #feature #intro .feature-buttons a   {
	border-bottom-width: 0px;
	border-bottom-style: none;
}

#sharelinks {
	float: right;
	width: 501px;
	margin-top: 10px;
}
.feature-buttons .download-button {
	margin-right: 5px;
}



.socialpop-list-manual {
	margin-left: auto;
	margin-right: auto;
	width: 385px;

}

.socialpop-list-manual li {
	float: left;
	margin-right: 10px;

}
.socialpop-list-manual .fb {
    margin-right: 0;
    padding-right: 0;
    padding-top: 7px;
}
#container #feature-wrap .socialpop-list-manual li a    {

	border-bottom-width: 0px;

	border-bottom-style: none;

}





#slides-wrap {

	background-image: url(images/slide-bg.jpg);

	background-repeat: repeat-x;

	height: 100px;

	width: 100%;

}

#slides {

	background-image: url(images/preview.gif);

	background-repeat: no-repeat;

	background-position: 40px center;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	height: 100px;

	position: relative;

}

#nav {

}

#slides .carousel {

	float: right;

	display: block;

	margin-right: 31px;

	margin-top: 10px;

}

.prev {

	float: left;

	background-color: #F3F5F8;

	border: 1px solid #C8D9D0;

	position: absolute;

	z-index: 5;

	top: 10px;

	bottom: 10px;

	display: block;

	left: 250px;

	cursor: pointer;

	font-size: 14px;

	color: #797979;

}

.next {

	float: right;

	font-size: 14px;

	background-color: #F3F5F8;

	border: 1px solid #C8D9D0;

	position: absolute;

	right: 0px;

	top: 10px;

	bottom: 10px;

	cursor: pointer;

	color: #797979;

}

.next:hover, .prev:hover {

	border-top-color: #A5B1C0;

	border-right-color: #A5B1C0;

	border-bottom-color: #A5B1C0;

	border-left-color: #A5B1C0;

}

#nav li {

	float: left;

	display: inline;

	margin-left: 3px;

	margin-right: 3px;

}

#nav img {

	border:1px solid #c8d9d0;

	background: #f8fcfb;

	float:left;

	width:90px;

	height:68px;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

}

#nav img:hover {

	background:#fff;

	border-top-color: #A5B1C0;

	border-right-color: #A5B1C0;

	border-bottom-color: #A5B1C0;

	border-left-color: #A5B1C0;

}

#nav a {

	display:block;

	float:left;

}

#nav a:last-child {

	margin-right:0px;

}

#slideshow {

	width:360px;

	height:270px;

	margin-top: 45px;

	margin-left: 70px;

}

.screenshot {

	position:absolute;

	z-index: 1;

	width:360px;

	height:270px;

}

.glare {

	position:absolute;

	z-index: 100;

	width:360px;

	height:270px;

	top: 45px;

	left: 70px;

}

.content {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(images/sidebar-bg.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	padding-top: 25px;

	font-size: 13px;

}

.content a, #feature-wrap a {

	color: #1E9CCC;

	text-decoration: none;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CADCE3;

}

.content a:hover, #feature-wrap a:hover {

	border-bottom-color: #2579B8;

	color: #2579B8;

}

.sidebar {

	float: left;

	width: 215px;

}

.main-col {

	float: right;

	width: 720px;

}

.main-col ul {

	margin-left: 25px;

}

.main-col ul li {

	list-style-image: url(images/bullet.jpg);

	margin-bottom: 8px;

	font-size: 13px;

}

.main-col h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.7em;

	color: #484848;

	display: block;

	font-weight: normal;

	margin-bottom: 17px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E5EDF0;

	padding-top: 8px;

	padding-bottom: 13px;

}

.main-col h3 {

	font-size: 1.3em;

	font-weight: normal;

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E5EDF0;

}

.main-col .col-left {

	float: left;

	width: 340px;

	margin-top: 25px;

}

.main-col .col-right {

	float: right;

	width: 340px;

	margin-top: 25px;

}

.main-col .strong {

	font-size: 14px;

	font-weight: bold;

}

.img-left {

	float: left;

	padding: 5px;

	background-color: #f4f8fa;

	border: 1px solid #C9DDE4;

	margin-right: 15px;

	margin-bottom: 25px;

}

.follow {

	margin-left: 5px;

	vertical-align: 1%;

}

.main-col p {

	margin-bottom: 22px;

}

.sep {

	width: 720px;

	background-image: url(images/sep.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	text-align: center;

	padding-top: 35px;

	padding-bottom: 35px;

	clear: both;

	display: block;

}

.sep a {

	border-bottom-width: 0px;

}

#contact hr {

	color: inherit;

	height: 0;

	margin: 6px 0 6px 0;

	padding: 0;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #DBE9EC;

	border-right-color: #DBE9EC;

	border-bottom-color: #DBE9EC;

	border-left-color: #DBE9EC;

}

#contact {

	display: block;

	-webkit-border-radius:5px;

}

/* Form style */



#contact label {

	display: inline-block;

	float: left;

	height: 26px;

	line-height: 26px;

	width: 140px;

	-webkit-border-radius:5px;

}

#contact input, textarea, select {

	width: 280px;

	margin: 0;

	padding: 5px;

	border: 1px solid #c8d9d0;

	margin: 5px 0;

	webkit-border-radius:5px;

	background-color: #FCFCFC;

}

#contact input:focus, textarea:focus, select:focus {

	border: 1px solid #c8d9d0;

	background-color: #fff;

	color:#333;

}

#contact input.submit {

	width: 85px;

	cursor: pointer;

	border: 1px solid #222;

	background:#333;

	color:#fff;

}

#contact input.submit:hover {

	background:#444;

}

#contact input[type="submit"][disabled] {

	background:#888;

}

#contact fieldset {

	padding:20px;

	border:1px solid #c8d9d0;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

}

#contact legend {

	padding:7px 10px;

	font-weight:bold;

	color:#484848;

	border:1px solid #c8d9d0;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	margin-bottom:0 !important;

	margin-bottom:20px;

}

#contact span.required {

	font-size: 13px;

	color: #ff0000;

} /* Select the colour of the * if the field is required. */

#message {

	margin: 10px 0;

	padding: 0;

}

.error_message {

	display: block;

	height: 22px;

	line-height: 22px;

	padding: 3px 10px 3px 35px;

	color:#8a1f11;

	border: 1px solid #FBC2C4;

	-webkit-border-radius:5px;

	background-color: #FBE3E4;

	background-image: url(assets/error.gif);

	background-repeat: no-repeat;

	background-position: 10px center;

}

.loader {

	padding: 0 10px;

}

#contact #success_page h1 {

	padding-left:22px;

	background-image: url(assets/success.gif);

	background-repeat: no-repeat;

	background-position: left;

}

acronym {

	border-bottom:1px dotted #ccc;

}

#footer-wrap {

	background-image: url(images/footer-bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	width: 100%;

}

#footer {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	color:#686262;

	font-size:13px;

	text-shadow: 0px 1px rgba(0, 0, 0, .9);

	display: block;

	line-height: 50px;

	height: 50px;

	padding-top: 10px;

}

#footer a {

	color:#999595;

	text-decoration: none;

}

#footer a:hover {

	color:#bfbdbd;

	text-decoration: none;

}