/*CSS Style Sheet*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

html { 
           background: url(Images/background.jpg) no-repeat center center fixed; 
           -webkit-background-size: cover;
           -moz-background-size: cover;
           -o-background-size: cover;
           background-size: cover;
   }


address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}




/*********************** END OF RESET.CSS ******************************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 7, 2010 */

.inline {float: left;}
.inlineVert {float: top;}
.wrapperDiv {overflow: hidden;}

body {
background-repeat:no-repeat !important;
margin:0; padding:0;
}

/*****DIVS*****/
#container{height:0px; width:942px; margin-left: auto; margin-right:auto; margin-top:50px; background-color:rgb(18,179,219);}
#header {height:124px; width:942px; background-color:none;}
#appDescription {width:193px; height:470px; background-image:url('Images/adbg.png'); background-repeat:no-repeat; margin-right: auto; padding-bottom:60px; position:relative; left:0px;}
#content {
	position:absolute;
	top: 50%;
	left: 50%;
	width:942px; 
	height:642px;
	margin-top: -321px; /*set to a negative number 1/2 of your height*/
	margin-left: -471px; /*set to a negative number 1/2 of your width*/
	}
#screenContent {background-image:url('Images/sfbg.png'); width:193px; height:255px; position:relative; top:-1220px; left:750px;}
#footer {position:relative; top:-20px; background-color:rgb(19,40,0); width:100%; height:100%;}
#contact {position:relative; bottom:1120px; left:850px; font-family: "Helvetica Neue"; font-size:11px; color:white;}
/*****images, graphics*****/
.logo {position:relative; top:24px; left:0px;}
.appStore {position:relative; top:-55px; left:775px;}
.iPhone {position:relative; bottom:530px; left:380px;}
.grass {position:absolute; top:580px; left:0px; background-image:url('Images/Grass.png'); width:100%;}

/*****lists, list elements, tables*****/
#nav ul {position:relative; top:50px;}
#nav li {font-family: "Myriad Pro", Georgia, serif; font-size: 17px; font-weight: 300; margin-bottom: 40px; text-align:center;}
#nav a {text-decoration:none; color:black;}
#nav a:hover {color:rgb(0, 153, 204);}
#footer ul {text-align: center; margin-top:0px;}
#footerNav li {display: inline; font-family: "Myriad Pro", Times, serif; font-size: 14px;}
#footerNav li a {color: rgb(192, 192, 192); text-decoration:none;}
#footerNav li a:hover {color: rgb(153, 153, 153);}

/*****text*****/
#header h1 {font-family: "Helvetica Neue"; font-size:20px; position:relative; top:0px; left:380px; color:white;}
#appDescription p {position:relative; top:120px; margin-left:25px; width:150px; font-family:"Helvetica Neue"; font-size:14px; color:white;}
#screenContent p {position:relative; top:75px; margin-left:25px; width:150px; font-family:"Helvetica Neue"; font-size:14px; color:white;}
#footer p {color: rgb(192, 192, 192); text-align: center; font-family:"Myriad Pro"; font-size: 18px; margin-top:0px; margin-bottom: 40px;}

/******slider***/
#slider {
    position:relative;
    top:-930px;
    left:401px;
    width:207px; /* Change this to your images width */
    height:310px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:relative;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}