﻿body {
	background: #E6E6E1 url(../images/background.jpg) repeat-x scroll left top;
	margin: 0;
	padding: 0;
	font-family: "museo-sans-1","museo-sans-2","Lucida Grande","Calibri","Arial",sans-serif;
}
#wrapper {
	width: 100%;
	margin: 0;
	padding: 0
}
#container {
	width: 900px;
	padding:0 0 10px 0;
	margin: 0px auto;
	background-image: url(../images/masthead.jpg);
	background-repeat: no-repeat;
}
h3 {
	font-size:16px;
}
p {
	font-size:12px;
	line-height:16px;
}
a:link, a:visited {
	color: #1D003E;
	outline:none
}
a:hover {
	color: #64C9CB;
}
a:active {
	color: #270040;
}
.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.appStoreLink {
	position:absolute; 
	right:10px; 
	top:10px; 
	width:121px; 
	height:40px
}
/*============= Start Masthead =================*/
#masthead {
	height:150px;
	width: 900px;
	padding:0;
	position:relative;
	margin:0
}
#masthead a {
	outline:none
}
#logo {
	position:absolute;
	top:50px;
	left:0;
	width: 220px;
	height: 60px;
	margin-left: 3px;
}
#followus {
	width: 390px;
	height: 75px;
	position: absolute;
	right: 0;
	top: 0;
}
#divTwitter {
	top:0px;
	left:0px;
	width: 130px;
	float: left;
}
#divFacebook {
	width: 130px;
	float: left;
}
#divYoutube {
	top:0px;
	left:0;
	width: 130px;
	float: left;
}
#nav {
	position:absolute;
	left:0;
	top:121px;
	margin-left: 3px;
	width:100%
}
#nav img {
	float:left;
	padding:0;
	margin: 0 0 0 3px
}
/*============= End Masthead =================*/
/*============= Start Content =================*/
#content {
	width:905px;
	margin:0;
	padding:0;
}
#promo {
	width:905px;
	height:400px;
	margin: 15px 10px 5px 0px;
	padding: 0;
}
#promoTag {
	width: 550px;
	height:400px;
	float:left;
	margin-right: 5px;
}
#promoImg {
	width:345px;
	float:left;
	height:400px
}
#apps {
	width:905px;
	margin: 15px 0;
	padding: 0;
}
#localLinksDisc {
	width: 900px;
	height: 175px;
	margin: 0;
	padding: 0;
	background: #fff url('../images/app_topbar.jpg') no-repeat scroll left top;
	position: relative;
}
#localLinksContent {
	 margin:0;
	 padding:70px 40px 0 45px
}
#localLinksContent h3 {
	margin:0px 0 5px 0;
	padding:0;
	font-size: 16px
}
#localLinksContent p {
	margin:0;
	padding:0;
	line-height:20px;
	font-size: 12px
}
#appsinfo {
	width:90px;
	float: left;
	height: 200px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	background-image: url(../images/app1.jpg);
	padding-top: 180px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-repeat: no-repeat;
}
#appsbutton {
	width:90px;
	padding: 0;
	float: left;
	height: 350px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0px;
}

#apps2 {
	width:750px;
	padding: 0;
	float: left;
	height: 350px;
	margin-left: 10px;
}
#appLink {
	width: 100px;
	height: 40px;
	position: absolute;
	right:45px;
	top: 16px;
}
#contactContent {
	width:905px;
	margin: 30px 0 0 0;
	padding: 0;
}
#newsContent {
	width:905px;
	margin: 30px 0 0 0;
	padding: 0;
}
#twitterFeed {
	width:900px;
	height:300px;
	background-image: url(../images/twitter_background.jpg);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 43px;
	background-repeat: no-repeat;
}
#faveFiveOL {
	margin: 10px 0;
	padding: 0;
}
#faveFiveOL ol {
	margin:0 0 25px 30px;
	padding:0;
	list-style:upper-roman inside none 
}
#faveFiveOL ol li {
	background: #fff url('../images/favefiveLI_bg.jpg') no-repeat scroll left top;
	height: 46px;
	width: 867px;
	line-height: 40px;
	font-weight: bold;
	font-size:16px;
	margin:5px 0 0 0;
	padding:0 0 0 25px;
	color:#333333
}
#faveFiveOL ol li:hover {
	background: #fff url('../images/favefiveLI_bg_hover2.jpg') no-repeat scroll left top;
}
/*#faveFiveOL ol li a, #faveFiveOL ol li a:visited {
	color:#333333;
	text-decoration:none
}
#faveFiveOL ol li a:hover {
	text-decoration: none;
}*/
#contactinfo {
	padding: 0;
	margin: 2px 0 10px 8px;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
}
#videoframe {
	width:905px;
	margin: 10px 0;
	padding: 0;
	background-image: url(../images/video_frame.jpg);
	background-repeat: no-repeat;
	height: 562px;
}
#video {
	width:840px;
	padding: 12px 0 0 0;
	margin: 0 0 0 47px;
}
#favefive {
	width:900px;
	margin: 0 0 0 2px;
}
#textdivider {
	width:900px;
	height:16px;
	padding: 0;
	margin: 10px 0 10px 2px;
	background: #fff url('../images/textdivider.jpg') no-repeat scroll left top;
}
#whatbar {
	background: transparent url(../images/What_bar.jpg) no-repeat scroll left top;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 900px;
	clear: both;
}
#news {
	width:900px;
	margin:5px 0;
	height:220px;
	padding:0;
}
#news h2 {
	font-size:20px;
	font-weight:normal;
	color:#E6E6E6;
	padding:0 0 0 10px;
	margin:20px 0 0 -2px;
	background: transparent url(../images/new_h2_bg.png) no-repeat scroll left top;
	width:127px;
	height:35px;
	line-height:35px;
}
#news p {
	margin: 10px 0 0 10px;
	line-height:16px;
	width:258px
}
#hpBullets0, #hpBullets1, #hpBullets2 {
	position:absolute;
	top:120px;
	left:10px;
}
#hpBullets0 ul,#hpBullets1 ul,#hpBullets2 ul {
	float:left;
	padding:0;
	list-style-type:none;
	font-size:12px;
	color:#000
}
#hpBullets0 ul li,#hpBullets1 ul li,#hpBullets2 ul li {
	background: transparent url(../images/hpBullet.png) no-repeat scroll left center;
	margin:10px 0;
	padding:0 0 0 20px;
}
#design {
	float:left;
	width:290px;
	height:220px;
	background:#fff url(../images/textbox_bg.jpg) no-repeat scroll left top;
	margin: 0;
	padding:0;
	position:relative
}
#design ul.oneUL {
	margin:0 0 0 5px;
	padding:0;
}
#design ul.twoUL {
	margin:0 0 0 40px;
	padding:0;
}
#develop {
	float:left;
	width:290px;
	height:220px;
	background:#fff url(../images/textbox_bg.jpg) no-repeat scroll left top;
	margin:0 0 0 15px;
	padding:0;
	position:relative
}
#develop ul.oneUL {
	margin:0 0 0 5px;
	padding:0;
}
#develop ul.twoUL {
	margin:0 0 0 30px;
	padding:0;
}
#market {
	float:right;
	width:290px;
	height:220px;
	background:#fff url(../images/textbox_bg.jpg) no-repeat scroll left top;
	margin:0;
	padding:0;
	position:relative
}
#market ul.oneUL {
	margin:0 0 0 5px;
	padding:0;
}
#market ul.twoUL {
	margin:0 0 0 15px;
	padding:0;
}

/*============= End Content =================*/
/*============= Start Footer =================*/
#footer {
	width:900px;
	height:25px;
	line-height: 25px;
	background-color:#E6E6E1;
	clear:both;
	text-align:center;
	color:#666;
	font-size:10px;
	margin: 40px 0 0 0
}
/*============= End Footer =================*/
