/*
TinyntentGrab.com V2
'Designed' by Kyee
Coded by Stephen Radford (graphicsplant.com)

Copyright Keyone Productions, 2010. 
All rights reserved.
*/

/* RESET */

a img { border: 0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/* Main Layout */

body{
	background: url(images/bg.png);
	font: 0.9em 'Georgia', 'Times', Times New Roman;
	color: #333;
	line-height: 1.5;
}

p{
	display: block;
	margin-top: 15px;
}

a:link, a:visited{
	color: #078dda;
	text-decoration: none;
}

a:hover, a:active{
	text-decoration: underline;
}

div.leftimg{
	margin-right: 15px;
}

h2.right{
	text-align: right;
	margin-top: 60px;
}
 
h2{
	font-size: 17pt;
	color: #333;
	text-shadow: 0px 1px 1px #999;
	font-weight: normal;
	margin-bottom: 20px;
}

h3{
	font-size: 14pt;
	color: #333;
	text-shadow: 0px 1px 1px #999;
	font-weight: normal;
	margin-bottom: 5px;
}

div.container{
	width: 1020px;
	margin: auto;
}

div.clear{
	clear: both;
}

div#clear{
	clear: both;
}

div#clear2{
	clear: both;
	height: 75px;
}

div.clear2{
	clear: both;
	height: 75px;
}

span.bold{
	font-weight: bold;
}

span.italic{
	font-style: italic;
}

span.normal{
	font-weight: normal;
}

div#center{
	text-align: center;
}

/* Header*/

div#header{
	background-color: #fff;
	width: auto;
	height: 34px;
	border-bottom: 1px solid #c9e2ec;
	padding-top: 11px;
}

div#header div.container div#slogan{
	font-size: 11pt;
	font-weight: bold;
	color: #333;
	float: left;
}

/* NAV */

ul#nav{
	font: 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: inline;
	float: right;
	font-weight: bold;
	margin-top: 3px;
}

ul#nav li{
	padding-left: 10px;
	display: inline;
}

ul#nav li a.navl:link, a.navl:visited{
	color: #333;
	text-decoration: none;
}

ul#nav li a.navl:hover, a.navl:active{
	color: #078dda;
	text-decoration: none;
}

ul#nav li a#on{
	color: #078dda;
	text-decoration: none;
}

/* Featured */

div#featured{
	background: url(images/iphonebg.png) repeat-x;
	height: 312px;
	margin: auto;
	padding: 50px 0px 0px 0px;
	color: #FFF;
}

div#featured div#logo{
	width: 171px;
	float: left;
	position: relative;
}

div#featured div#featuredtext{
	width: 690px;
	float: left;
	position: relative;
	margin-top: 20px;
	margin-left: 50px;
}

div#featured div#featuredtext h1{
	font-size: 26pt;
	font-weight: normal;
	margin-bottom: 10px;
	margin-bottom: 10px;
	text-shadow: 0px 1px 1px #999;
	font-family: "Lucida Grande";
}

div#featured div#featuredtext h2{
	color: #FFF;
	font-size: 14pt;
}

div#featured .center{
	margin-left: auto;
	margin-right: auto;
	width: 118px;
	height: 39px;
	text-align: center;
}

/*Content*/

div#left{
	width: 392px;
	float: left;
	margin: 0;
	padding: 0;
}

div#left h2{
	color: #078dda;
	padding-bottom: 5px;
	margin: 0;
}

#iphone{
	width: 236px;
	height: 500px;
	float: left;
	background: url(images/iphone.png) no-repeat;
}

.hvlog{
	margin-left: 22px;
	margin-top: 67px;
	position: absolute;
	padding: 0;
}

.video{
	margin-left: 22px;
	margin-top: 75px;
	position: absolute;
	padding: 0;
}

div#right{
	width: 309px;
	margin-left: 83px;
	float: left;
	}

div#right h2{
	color: #078dda;
	padding-bottom: 5px;
	margin: 0;
}

.featuretext{
	width: 309px;
	margin: 0;
	padding-bottom: 15px;
	text-align: justify;
}

/* 	OL */

ol.how {
	width: 330px;
	list-style: decimal;
	padding-left: 25px;
}

ol.how li{
	width: 330px;
	font-size: 14pt;
	color: #078dda;
	margin-bottom: 30px;
	font-weight: bold;
}

ol.how li h3{
	display: inline;
}

ol.how li span{
	font: 0.8em 'Georgia', 'Times', Times New Roman;
	color: #333;
}

/* BOTTOM UL */

ul#bottom{
	width: 1020px;
	display: inline;
	list-style: none;
}

ul#bottom li{
	width: 500px;
	display: inline;
	float: left;
}

ul#bottom li div.bottomtext{
	float: right;
	width: 350px;
	margin-top: 15px;
}

/* FOOTER */

div#foot{
	background-color: #262626;
	width: auto;
	margin-top: 35px;
	padding-top: 50px;
	padding-bottom: 20px;
	color: #999;
}

div#foot h4{
	font-weight: bold;
	color: #fff;
}

div.footleft{
	width: 210px;
	float: left;
	margin-right: 40px;
}

div#footright{
	width: 510px;
	float: right;
}

span#white{
	color: #fff;	
}

ul.footul{
	display: block;
}

ul.footul li{
	display: block;
	margin-bottom: 10px;
}

ul.footul li a.twitter:link, a.twitter:visited{
	background: url(images/twitter.png) no-repeat right;
	float: right;
	height: 54px;
	vertical-align: middle;
	padding-right: 85px;
	padding-top: 25px;
	display: block;
}


a.footl:link, a.footl:visited{
	color: #999;
	text-decoration: underline;
}

a.footl:hover, a.footl:active{
	text-decoration: none;
}

/* BUTTONS */

ul#buttonul{
	display: inline;
}

ul#buttonul li a.button{
	display: inline;
	margin-right: 20px;
}

a.button:link, a.button:visited{
	background-color: #0b99ea;
	font: 14pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 15px;
	border: 1px solid #01639c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: left;
	text-shadow: 0px 1px 0px #01639c;
}

a.button:hover{
	background-color: #0082cd;
	border: 1px solid #01639c;
	text-decoration: none;
}

a.button:active{
	background-color: #016ca9;
	border: 1px solid #01639c;
	text-decoration: none;
}

/* COLS */

div#leftcol{
	width: 500px;
	float: left;
}


div#rightcol{
	width: 500px;
	float: right;
}

/* DOWNLOAD UL */

ul.download{
	display: inline;
}

ul.download li{
	display: inline;
	margin-right: 20px;
	float: left;
	height: 100px;
}

ul.download li.downloadtext{
	float: left;
	margin-top: 36px;
	font-weight: bold;
}

/* DOWNLOAD SPECIFIC */

div#bottomleft{
	width: 385px;
	float: left;
}

div#bottomright{
	width: 580px;
	float: right;
}

ul#featuredul{
	display: block;
	width: 750px;
	list-style-image: url(images/bullet.png);
	list-style-position: inside;
}

ul#featuredul li.lileft{
	width: 350px;
	float: left;
	margin-bottom: 15px;
}

ul#featuredul li.liright{
	width: 350px;
	float: right;
	margin-bottom: 15px;
}

/* TABLE */

table#compare {
	width: 100%;
	border: 1px solid #c8e1ec;
	margin-top: 35px;
}

#compare tr{
	background-color: #fff;
	width: 100%;
	border-bottom: 1px solid #c8e1ec;
}

#compare td {
	width: 30%;
	padding: 8px;
	border-left: 1px solid #c8e1ec;
	vertical-align: middle;
	text-align: center;
}

#compare td.left-heading {
	text-align: left;
	font-weight: bold;
}

#compare th {
	width: 30%;
	padding: 8px;
	border-left: 1px solid #c8e1ec;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	color: #078dda;
}

/* FORM */

ul#form{
	margin-top: 35px;
}

ul#form li{
	height: 70px;
	clear: both;
}

ul#form li label {
	float: left;
	width: 160px;
	padding: 3px;
	font-weight: bold;
}

ul#form input.text {
	padding: 4px;
	background: white !important;
	border: 1px solid #CCC;
	height: 30px;
	width: 220px;
	color: #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

input#searchsubmit{
	background-color: #0b99ea;
	font: 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 15px;
	border: 1px solid #01639c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-shadow: 0px 1px 0px #01639c;
}

input#searchsubmit:hover{
	background-color: #0082cd;
	border: 1px solid #01639c;
}

input#searchsubmit:active{
	background-color: #016ca9;
	border: 1px solid #01639c;
}