/** CSS RESET BY ERIC MEYER **/
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;}

body {line-height: 1;	color: black;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;	border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* USEFUL CLASSES */
.clearfix:after {content: "."; display: block; visibility: hidden; clear: both; height: 0;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hidden {display: none;}
.left {float: left;}
.right {float: right;}
.clear {clear:both;}



/** GENERAL STYLE **/
* {margin: 0;}
html,body {height: 100%;}
body {background: #000 url("../images/gradient.jpg") repeat-x; text-align: center; color: #999; font: 76%/1.5 arial, verdana, sans-serif;}
h2 {color: #fff; font-size: 170%; font-weight: bold; margin-bottom: 20px;}
a:link, a:visited {color: #999;}
a:hover {color: #fff;}
/** LAYOUT **/
div#wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -128px;}
div#container {width: 800px; text-align: left;  padding-top: 40px; margin: 0 auto;}
div.c_a {width: 384px; margin-right: 30px;}
div.intro p {font-size: 150%; margin-bottom: 35px;}
strong {font-weight: bold;}


/** LOGO **/
a#logo:link, a#logo:visited {display: block; background: url("../images/logo.jpg") no-repeat 0 0; width: 386px; height: 53px; margin-bottom: 30px;}
a#logo:hover {background-position: -386px 0;}

/** BUTTONS **/
a#video_button:link, a#video_button:visited, a#beta_button:link, a#beta_button:visited, a#android_video_button:link, a#android_video_button:visited  {background: url("../images/watch_video.gif") no-repeat 0 0; width: 375px; height: 78px; display: none;}
a#beta_button:link, a#beta_button:visited  {background-image: url("../images/signup.jpg"); display: block; }
a#video_button:hover, a#beta_button:hover, a#android_video_button:hover  {background-position: -375px 0;}

/** FEATURES **/

div#features_content img {border: 1px solid #333;}
.row {margin-bottom: 30px;}
.feature img {display: block; margin-right: 15px;}
.feature h3 {float: left; color: #fff; font-weight: bold; font-size: 115%; position: relative; bottom: 5px;}
.feature p {float: left; width: 210px; line-height: 1.5;}

/** APPS GENERAL  **/

div.app, div.help {float: left; width: 155px; margin-right: 33px; border-left: 5px solid; padding-left: 15px; min-height: 110px;}
div.help {border-left: 5px solid #666666; margin-bottom: 20px;}
div.app img {display: block; margin-bottom: 15px;}
div.app h4, div.help h4 {color: #fff; font-weight: bold;}
div.help h4 {line-height: 1.5; margin-bottom: 1em; position: relative; bottom: 0.4em;}
div.help p {position: relative; bottom: 0.4em;}

/** APPS BORDER COLOR **/
div#twitter {border-color: #6500ad;}
div#phone {border-color: #c11445;}
div#sms {border-color: #e25928;}
div#stocks {border-color: #2437a9;}
div#news {border-color: #24a085;}
div#email {border-color: #efa21e;}
div#calendar {border-color: #74bc1a;}
div#facebook {border-color: #666666;}




/** FOOTER **/
div#footer, .push{
	 clear: both; height: 128px; 
}

div#footer {background: url("../images/footer_pattern.jpg") repeat-x; text-align: center; }
div#logos {width: 800px; margin: 0 auto; padding-top: 30px; text-align: left;}
div#logos p {color: #777; font-size: 150%; float: left;}

div#logos p.developed_by {width: 250px;}
div#logos p.logo_here {width: 70px;}
#larvalabs_logo {position: relative; right: 110px; top: 10px;}
#iop_logo {position: relative; top: 5px;}
div#logos a, div#logos a:link, div#logos a:visited {color: #999;}
div#logos a:hover {color: #fff;}


div.last {margin-right: 0; margin-bottom: 0;}