/*---------------
	Framework
---------------*/
a
{
	text-decoration:none;
	}
body
{
	font:			62.5% Helvetica, Arial, sans-serif;
	color:			#333;
	text-align:		center;
	background:		#151515 url("../imgs/body-repeat-short.gif") repeat-x;
	}
body#home, body#login
{
	background:		#151515 url("../imgs/body-repeat.gif") repeat-x;
	}
#wrap
{
	width:			930px;
	margin:			0 auto;
	}
#container
{
	width:			930px;
	float:			left;
	text-align:		left;
	padding:		0 0 20px;
	}
div.frame
{
	float:			left;
	display:		inline;
	width:			860px;
	margin:			0 20px;
	padding:		0 0 25px;
	}
body.coming div.frame
{
	height:			440px;
	}
div.seperator
{
	border-top:		1px solid #c0bfbf;
	padding:		30px 0;
	}
div.left-col
{
	float:			left;
	width:			470px;
	}
div.right-col
{
	float:			right;
	width:			380px;
	}
h1
{
	font-size:		2.4em;
	color:			#1d1d1d;
	font-weight:	normal;
	}
h2
{
	font-size:		2.2em;
	line-height:	32px;
	color:			#1d1d1d;
	font-weight:	normal;
	}
h3
{
	font-size:		2em;
	color:			#ddd;
	font-weight:	normal;
	}
h4
{
	font-size:		1.8em;
	line-height:	20px;
	color:			#1d1d1d;
	font-weight:	normal;
	}
h5
{
	font-size:		1.1em;
	color:			#333;
	font-weight:	bold;
	}
p
{
	color:			#333;
	font-size:		1.1em;
	line-height:	14px;
	}
p.emph
{
	font-size:		1.2em;
	line-height:	18px;
	margin:			0 0 5px;
	}
p.bad
{
	border:			1px solid #ef6363;
	background:		#ff8e8e;
	color:			#1d1d1d;
	padding:		10px;
	}
a
{
	color:			#148b03;
	}
a:hover
{
	text-decoration:underline;
	}
/* Buttons */
a.signup, 
a.login,
a.logout,
a.join,
a.how,
a.watch-video,
a.view-gallery,
a.next,
a.previous,
a.back,
a.primary,
a.delete,
a.no,
a.yes,
a.approve,
a.cancel,
a.ok-thanks,
p.connected,
p.disconnected,
a.disconnect,
a.facebook-connect,
a.facebook-disconnect,
#hud-next a,
#hud-prev a,
a.close,
a.paynow
{
	display:		block;
	height:			25px;
	text-indent:	-9999px;
	}
a.signup		{	background: url("../imgs/sign-up.png") 0 0;		width: 73px;	}
a.login			{	background: url("../imgs/login.png") 0 0;		width: 68px;	}
a.logout		{	background: url("../imgs/logout.png") 0 0;		width: 83px;	}
a.join			{	background: url("../imgs/join.png") 0 0;		width: 66px;	}
a.how			{	background: url("../imgs/how-it-works.png") 0 0;width: 131px;	}
a.watch-video	{	background: url("../imgs/go-watch-video-tour.png") 0 0;width: 171px;}
a.view-gallery	{	background: url("../imgs/go-view-gallery.png") 0 0;width: 137px;}
a.next			{	background: url("../imgs/next.png") 0 0;		width: 	54px;}
a.back			{	background: url("../imgs/back.png") 0 0;		width: 	54px;}
a.previous		{	background: url("../imgs/previous.png") 0 0;	width: 81px;}
a.primary		{	background: url("../imgs/make-primary.png") 0 0;width: 125px;}
a.delete		{	background: url("../imgs/delete.png") 0 0;		width: 77px;}
a.no			{	background: url("../imgs/no.png") 0 0;			width: 43px;}
a.yes			{	background: url("../imgs/yes.png") 0 0;			width: 47px;}
a.approve		{	background: url("../imgs/approve.png") 0 0;		width: 81px;}
a.cancel		{	background: url("../imgs/cancel.png") 0 0;		width: 122px;}
a.ok-thanks		{	background: url("../imgs/ok-thanks.png") 0 0;	width: 96px;}
p.connected		{	background: url("../imgs/connected.png") 0 0;	width: 101px;}
p.disconnected	{	background: url("../imgs/disconnected.png") 0 0;width: 129px;}
a.disconnect	{	background: url("../imgs/disconnect.png") 0 0;	width: 111px;}
a.facebook-connect		{	background: url("../imgs/facebook-connect.png") 0 0;	width: 165px;}
a.facebook-disconnect	{	background: url("../imgs/facebook-disconnect.png") 0 0;	width: 186px;}
#hud-next a		{	background: url("../imgs/hud-gallery-next.png") 0 0; width: 80px;}
#hud-prev a		{	background: url("../imgs/hud-gallery-prev.png") 0 0; width: 80px;}
a.close			{	background: url("../imgs/close.png") 0 0;		width: 64px;}
a.paynow		{	background: url("../imgs/pay-now.png") 0 0;		width: 79px;}
a.login:hover,
a.logout:hover,
a.join:hover,
a.how:hover,
a.watch-video:hover,
a.view-gallery:hover,
a.next:hover,
a.previous:hover,
a.back:hover,
a.primary:hover,
a.delete:hover,
a.no:hover,
a.yes:hover,
a.approve:hover,
a.cancel:hover,
a.ok-thanks:hover,
a.disconnect:hover,
a.facebook-connect:hover,
a.facebook-disconnect:hover,
a.signup:hover,
#hud-next a:hover,
#hud-prev a:hover,
a.close:hover,
a.paynow:hover
{
	background-position: 0 -25px;
	}
a.feature-tour,
a.get-started,
a.sign-up,
a.create-iphone-app,
a.make-request,
a.get-touch,
a.ask-question
{
	display:		block;
	height:			37px;
	text-indent:	-9999px;
	}
a.feature-tour	{	background: url("../imgs/feature-tour.png") 0 0;width: 162px;	}
a.get-started	{	background: url("../imgs/get-started.png") 0 0;	width: 152px;	}
a.sign-up		{	background: url("../imgs/sign-up-now.png") 0 0;	width: 152px;	}
a.create-iphone-app { background: url("../imgs/create-your-iphone-app.png") 0 0; width: 247px; }
a.make-request	{	background: url("../imgs/make-request.png") 0 0;width: 181px;	} 
a.get-touch		{	background: url("../imgs/get-in-touch.png") 0 0;width: 156px;	} 
a.ask-question	{	background: url("../imgs/ask-question.png") 0 0;width: 173px;	} 
a.feature-tour:hover,
a.get-started:hover,
a.sign-up:hover,
a.create-iphone-app:hover,
a.make-request:hover,
a.get-touch:hover,
a.ask-question:hover
{
	background-position: 0 -37px;
	}
a.up,
a.down
{
	display:		block;
	height:			20px;
	width:			50px;
	text-indent:	-9999px;
	}
a.up	{	background: url("../imgs/up.png") 0 0;	} 	
a.down	{	background: url("../imgs/down.png") 0 0;} 	
a.up:hover,
a.down:hover
{
	background-position: 0 -20px;
	}
/* 15x20 Icons */
a.toggle,
a.edit
{
	display:		block;
	width:			15px;
	height:			15px;
	text-indent:	-9999px;
	}
a.toggle		{	background: url("../imgs/15x20-icon-toggle.png") 0 0;		}
a.edit			{	background:	url("../imgs/15x20-icon-edit.png") 0 0;			}
a.edit:hover
{
	background-position: 0 -20px;
	}
/* 15x15 Icons */
a.yes-no,
a.yes-icon,
a.no-icon
{
	display:		block;
	width:			15px;
	height:			15px;
	text-indent:	-9999px;
	}
a.no-icon		{	background: url("../imgs/15x15-icon-yes-no.png") 0 -15px;	}
a.yes-icon		{	background: url("../imgs/15x15-icon-yes-no.png") 0 0;		}
a.yes-no:hover
{
	background-position:0 -15px;
	}
/*---------------
	Template
---------------*/
div#nav
{
	float:			left;
	position:		relative;
	width:			930px;
	height:			63px;
	}
h1 a
{
	float:			left;
	width:			115px;
	height:			25px;
	background:		url("../imgs/logo.gif") no-repeat;
	margin:			20px 0 0 50px;
	display:		inline;
	text-indent:	-9999px;
	}
div#alert
{
	position:		absolute;
	z-index:		10;
	left:			50%;
	width:			400px;
	margin:			0 0 0 -200px;
	top:			0;
	min-height:		100px;
	height:			auto !important;
	height:			100px;
	padding:		0 0 10px;
	}
div.good
{
	background:		url("../imgs/alert-good.png") bottom no-repeat;
	}
div.bad
{
	background:		url("../imgs/alert-bad.png") bottom no-repeat;
	}
div#alert h2
{
	float:			left;
	display:		inline;
	margin:			15px 15px 5px;
	width:			370px;
	color:			#ddd;
	}
div#alert p
{
	float:			left;
	display:		inline;
	margin:			0 15px 15px;
	color:			#ddd;
	}
div#alert a.no
{
	float:			left;
	display:		inline;
	margin:			20px 0 0 130px;
	}
div#alert a.yes
{
	float:			left;
	display:		inline;
	margin:			20px 0 0 20px;
	}
div#alert a.ok-thanks
{
	float:			left;
	display:		inline;
	margin:			20px 0 0 145px;
	}
div#nav ul
{
	float:			right;
	width:			470px;
	margin:			20px 0 0;
	}
div#nav ul.gfeedNav
{
	width:			440px;
	}
div#nav ul.long
{
	width:			585px;
	}
div#nav ul li
{
	float:			left;
	display:		inline;
	margin:			0 0 0 25px;
	text-align:		center;
	}
div#nav ul li a
{
	display:		block;
	height:			25px;
	text-indent:	-9999px;
	}
div#nav ul li.tour		{	width: 81px;	}
div#nav ul li.tour a	{	background:url("../imgs/tour.gif")	0 -25px;	width: 81px;	}
div#nav ul li.pricing	{	width: 44px;	}
div#nav ul li.pricing a	{	background:url("../imgs/pricing.gif") 0 -25px;	width: 44px;	}
div#nav ul li.support	{	width: 52px;	}
div#nav ul li.support a	{	background:url("../imgs/support.gif") 0 -25px;	width: 52px;	}
div#nav ul li.blog		{	width: 28px;	}
div#nav ul li.blog a	{	background:url("../imgs/blog.gif") 0 -25px;		width: 28px;	}
div#nav ul li.your-gfeed 	{	width: 77px;	}
div#nav ul li.your-gfeed a	{	background:url("../imgs/your-gfeed.gif") 0 -25px;	width: 77px;	}
div#nav ul li.settings	{	width: 53px;	}
div#nav ul li.settings a {	background:url("../imgs/settings.gif") 0 -25px;	width: 53px;	}
div#nav ul li.help		{	width: 29px;	}
div#nav ul li.help a 	{	background:url("../imgs/help.gif") 0 -25px;		width: 29px;	}
div#nav ul li.request	{	width: 106px;	}
div#nav ul li.request a {	background:url("../imgs/request.gif") 0 -25px;	width: 106px;	}
div#nav ul li.aboutus	{	width: 60px;	}
div#nav ul li.aboutus a {	background:url("../imgs/about-us.gif") 0 -25px;	width: 60px;	}
div#nav ul li.tour a:hover, 
div#nav ul li.pricing a:hover,
div#nav ul li.support a:hover,
div#nav ul li.blog a:hover,
div#nav ul li.your-gfeed a:hover,
div#nav ul li.settings a:hover,
div#nav ul li.help a:hover,
div#nav ul li.request a:hover,
div#nav ul li.aboutus a:hover
{
	background-position:0 0;
	}
div#head
{
	float:			left;
	width:			930px;
	}
body div#head
{
	background:		url("../imgs/head.jpg") top right no-repeat;
	height:			164px;
	}
body.head1 div#head
{
	background:		url("../imgs/head-1-40mil.jpg") top right no-repeat;
	height:			343px;
	}
body.head2 div#head
{
	background:		url("../imgs/head-2-40mil.jpg") top right no-repeat;
	height:			343px;
	}
body#login div#head
{
	background:		url("../imgs/head-login.jpg") top right no-repeat;
	height:			380px;
	}
body#settings div#head
{
	background:		url("../imgs/head-plain.png") top right no-repeat;
	height:			164px;
	}
div#head h2
{
	float:			left;
	display:		inline;
	margin:			20px 0 0 50px;
	width:			415px;
	font-size:		2.4em;
	line-height:	32px;
	font-weight:	normal;
	color:			#ddd;
	}
div#head a.sign-up,
div#head a.make-request,
div#head a.ask-question
{
	float:			left;
	display:		inline;
	margin:			15px 0 0 50px;
	}
div#head p
{
	float:			left;
	clear:			left;
	width:			425px;
	display:		inline;
	margin:			10px 0 0 50px;
	font-size:		1.2em;
	line-height:	18px;
	color:			#ddd;
	}
body#settings div#head p
{
	margin:			20px 0 0 50px;
	}
div#head a.feature-tour
{
	float:			left;
	clear:			left;
	display:		inline;
	margin:			25px 0 0 50px;	
	}
div#head a.get-started
{
	float:			left;
	display:		inline;
	margin:			25px 0 0 25px;
	}
body.signup div#head img
{
	float:			left;
	display:		inline;
	margin:			2px 0 0 50px;
	}
body#settings div#head img
{
	float:			right;
	margin:			30px 25px 0 0;
	}
ul#tabs
{
	float:			left;
	display:		inline;
	width:			30px;
	margin:			0;
	}
ul#tabs li
{
	float:			left;
	width:			30px;
	margin:			0 0 15px;
	}
ul#tabs li a
{
	float:			left;
	display:		block;
	height:			146px;
	width:			30px;
	text-indent:	-9999px;
	}
a.tab-home		{	background: url("../imgs/tab-home.png") 0 -146px no-repeat;			}
a.tab-product	{	background: url("../imgs/tab-the-product.png") 0 -146px no-repeat;	}
a.tab-signup	{ 	background: url("../imgs/tab-sign-up.png") 0 -146px no-repeat;		}
a.tab-gfeed		{	background: url("../imgs/tab-gfeed.png") 0 -146px no-repeat;			}
a.tab-settings	{	background: url("../imgs/tab-settings.png") 0 -146px no-repeat;		}
a.tab-request	{ 	background: url("../imgs/tab-request.png") 0 -146px no-repeat;		}
a.tab-home:hover,
a.tab-product:hover,
a.tab-signup:hover,
a.tab-gfeed:hover,
a.tab-settings:hover,
a.tab-request:hover,
ul#tabs li a.active
{
	background-position:0 0;
	}
div#content
{
	float:			left;
	width:			900px;
	background:		#ddd;
	}
body.no-tabs div#content, 
body#error div#content
{
	display:		inline;
	margin:			0 0 0 30px;
	}
ul#features
{
	float:			left;
	width:			480px;
	}
ul#features li
{
	float:			left;
	width:			220px;
	padding:		60px 0 0;
	}
li#fb		{		background:	url("../imgs/features-fb.png") no-repeat;			margin: 0 15px 5px 0;		}
li#app		{		background:	url("../imgs/features-app.png") no-repeat;			margin: 0 0 5px;			}
li#monitor	{		background:	url("../imgs/features-monitor.png") no-repeat;		margin:	10px 15px 5px 0;	}
li#contract	{		background:	url("../imgs/features-no-contract.png") no-repeat;	margin:	10px 0 5px;			}
ul#features li h4
{
	display:		none;
	}
p.quote
{
	float:			left;
	width:			376px;
	w\idth:			368px;
	font-size:		1.6em;
	line-height:	28px;
	color:			#0f6306;
	text-indent:	45px;
	padding:		12px 0 0 8px;
	}
body.head1 p.quote
{
	background:		url("../imgs/quote-1.png") 3px 0 no-repeat;
	}
body.head2 p.quote
{
	background:		url("../imgs/quote-2.png") 3px 0 no-repeat;
	}
span.from
{
	text-indent:	0;
	font-size:		0.8em;
	color:			#333;
	}
div.emph
{
	float:			right;
	width:			373px;
	height:			104px;
	background:		url("../imgs/emph.png") no-repeat;
	margin:			10px 0 0;
	}
p.price
{
	background:		red;
	float:			left;
	width:			125px;
	height:			102px;
	background:		url("../imgs/emph-price.png") top right no-repeat;
	text-indent:	-9999px;
	}
div.emph ul
{
	float:			left;
	display:		inline;
	margin:			10px 0 0 40px;
	width:			180px;
	}
div.emph ul li
{
	float:			left;
	width:			180px;
	margin:			0 0 1px;
	color:			#ddd;
	font-size:		1.1em;
	list-style-type:disc;
	}
div.emph a.join
{
	float:			left;
	display:		inline;
	margin:			6px 0 0 17px;
	}
div.emph a.how
{
	float:			left;
	display:		inline;
	margin:			6px 0 0 15px;
	}
div.left-col h4
{
	float:			left;
	width:			470px;
	margin:			0 0 10px;
	}
div.left-col h4.margin
{
	margin:			20px 0 5px;
	}
div.left-col a.img
{
	float:			left;
	margin:			0 15px 0 0;
	}
div.left-col a.img img
{
	float:			left;
	}
div.left-col h5
{
	float:			left;
	margin:			0 0 5px;
	width:			470px;
	}
h5 .title
{
	float:			left;
	width:			400px;
	}
h5 .date
{
	float:			right;
	width:			70px;
	text-align:		right;
	}
div.right-col a.img,
div.right-col a.img img
{
	float:			right;
	}
div.right-col h4
{
	float:			right;
	width:			375px;
	margin:			20px 0 5px;
	}
div.right-col ol.questions
{
	float:			right;
	width:			375px;
	}
div.right-col ol.questions li
{
	float:			left;
	width:			375px;
	margin:			0 0 10px;
	font-size:		1.1em;
	}
div#sub-foot, 
div#sub-foot-empty,
div#sub-foot-exclusive
{
	float:			left;
	width:			900px;
	}
div#sub-foot
{
	background:		url("../imgs/sub-foot-create-your-iphone-app.jpg") no-repeat;
	height:			121px;
	}
body#home div#sub-foot
{
	background:		url("../imgs/sub-foot.png") no-repeat;
	height:			107px;
	}
div#sub-foot-empty
{
	background:		url("../imgs/sub-foot-empty.png") no-repeat;
	height:			19px;
	}
div#sub-foot-exclusive
{
	background:		url("../imgs/sub-foot-exclusive.jpg") no-repeat;
	height:			121px;
	}
div#sub-foot div.left-col
{
	float:			left;
	display:		inline;
	margin:			12px 0 0 30px;
	width:			440px;
	}
div#sub-foot div.left-col h5
{
	width:			440px;
	}
form.subscribe,
form.subscribe fieldset,
form.subscribe ol,
form.subscribe li
{
	float:			left;
	}
form.subscribe
{
	margin:			10px 0 0;
	}
div.right-col div.banner-wrap
{
	float:			left;
	width:			375px;
	}
div.right-col form.subscribe
{
	float:			left;
	display:		inline;
	margin:			10px 0 0 30px;
	}
form.subscribe input
{
	width:			200px;
	}
form.subscribe li.warning input
{
	border:			1px solid #990000;
	}
form.subscribe button
{
	float:			left;
	display:		inline;
	margin:			0 0 0 10px;
	}
form.subscribe div.right-col
{
	margin:			12px 30px 0 0;
	width:			367px;
	}
div.right-col h5
{
	float:			left;
	margin:			12px 0 5px;
	width:			375px;
	}
div#sub-foot div.right-col h5
{
	width:			367px;
	}
div#sub-foot div.right-col a.join, 
div#sub-foot div.right-col a.how
{
	float:			left;
	margin:			10px 15px 0 0;
	}
div#footer
{
	float:			right;
	display:		inline;
	width:			900px;
	margin:			20px 0 20px 0;
	background:		url("../imgs/foot.png") 0 0 no-repeat;
	height:			32px;
	}
div#footer ul
{
	float:			left;
	display:		inline;
	margin:			8px 0 0 330px;
	}
div#footer ul li
{
	float:			left;
	padding:		0 10px;
	font-size:		1.2em;
	color:			#fff;
	}	
/*---------------
	Feature Tour
---------------*/
div#sub-nav,
div#sub-nav ul
{
	float:			left;
	width:			152px;
	}
div#sub-nav ul li,
div#sub-nav ul li a
{
	float:			left;
	width:			152px;
	height:			40px;
	text-indent:	-9999px;
	}
a.overview			{ background: url("../imgs/sub-nav-overview.png") 0 0;		}
a.iphone-app		{ background: url("../imgs/sub-nav-iphone-app.png") 0 0;	}
a.gfeed				{ background: url("../imgs/sub-nav-gfeed.png") 0 0;			}
a.facebook			{ background: url("../imgs/sub-nav-facebook.png") 0 0;		}
a.feature			{ background: url("../imgs/sub-nav-feature.png") 0 0;		}
a.pricing			{ background: url("../imgs/sub-nav-pricing.png") 0 0;		}
a.questions			{ background: url("../imgs/sub-nav-questions.png") 0 0;		}
a.requested			{ background: url("../imgs/sub-nav-requested.png") 0 0;		}
a.investigating		{ background: url("../imgs/sub-nav-investigating.png") 0 0;	}
a.development		{ background: url("../imgs/sub-nav-development.png") 0 0;	}
a.request			{ background: url("../imgs/sub-nav-request.png") 0 0;		}
a.account			{ background: url("../imgs/sub-nav-account.png") 0 0;		}
a.password			{ background: url("../imgs/sub-nav-password.png") 0 0;		}
a.addresses			{ background: url("../imgs/sub-nav-addresses.png") 0 0;		}
a.subscription		{ background: url("../imgs/sub-nav-subscription.png") 0 0;	}
a.picture			{ background: url("../imgs/sub-nav-picture.png") 0 0;		}
a.offers			{ background: url("../imgs/sub-nav-promotions.png") 0 0;	}
a.user-content		{ background: url("../imgs/sub-nav-usercontent.png") 0 0;	}
a.about				{ background: url("../imgs/sub-nav-about.png") 0 0;			}
a.bespoke			{ background: url("../imgs/sub-nav-bespoke.png") 0 0;		}
a.topics			{ background: url("../imgs/sub-nav-topics.png") 0 0;		}
a.question			{ background: url("../imgs/sub-nav-question.png") 0 0;		}
a.bespoke-feature	{ background: url("../imgs/sub-nav-bespoke-feature.png") 0 0;}
a.privacy			{ background: url("../imgs/sub-nav-privacy.png") 0 0;		}
a.terms				{ background: url("../imgs/sub-nav-terms.png") 0 0;			}
a.overview:hover,
a.iphone-app:hover,
a.gfeed:hover,
a.facebook:hover,
a.feature:hover,
a.pricing:hover,
a.questions:hover,
a.requested:hover,
a.investigating:hover,
a.development:hover,
a.request:hover,
a.account:hover,
a.password:hover,
a.addresses:hover,
a.subscription:hover,
a.picture:hover,
a.offers:hover,
a.user-content:hover,
a.about:hover,
a.bespoke:hover,
a.topics:hover,
a.question:hover,
a.bespoke-feature:hover,
a.privacy:hover,
a.terms:hover,
a.active
{
	background-position:0 -40px;
	}
div#sub-nav a.signup
{
	float:			left;
	margin:			20px 0 0;
	}
div.wide-col
{
	float:			right;
	position:		relative;
	width:			678px;
	min-height:		450px;
	height:			auto !important;
	height:			450px;
	}
div.wide-col h1
{
	float:			left;
	margin:			10px 0;
	}
div.wide-col p
{
	float:			left;
	width:			660px;
	font-size:		1.2em;
	line-height:	18px;
	margin:			0 0 5px;
	}
div.wide-col p.emph
{
	line-height:	24px;
	font-size:		1.3em;
	margin:			10px 0;
	}
div.wide-col img
{
	float:			left;
	margin:			20px 0 30px;
	}
div.wide-col a.login,
div.wide-col a.signup
{
	float:			left;
	margin:			5px 0;
	}
div.left-icon
{
	float:			left;
	width:			570px;
	padding:		0 0 0 90px;
	margin:			0 0 20px;
	position:		relative;
	z-index:		2;
	}
div.margin
{
	margin:			20px 0;
	}
div.left-icon h4,
div.left-icon p
{
	float:			left;
	width:			570px;
	}
div.left-icon h4
{
	margin:			0 0 5px;
	}
div.event	{		background:	url("../imgs/icon-event.png") 20px 15px no-repeat;		}
div.cocktail {		background:	url("../imgs/icon-cocktail.png") 23px 15px no-repeat;	}
div.about	{		background: url("../imgs/icon-info.png") 20px 15px	no-repeat;		}
div.world	{		background: url("../imgs/icon-world.png") 20px 15px	no-repeat;		}
div.brand	{		background: url("../imgs/icon-ride.png") 20px 15px	no-repeat;		}
div.customers {		background: url("../imgs/icon-customers.png") 20px 15px	no-repeat;	}
div.iphone	{		background: url("../imgs/icon-iphone.png") 28px 15px no-repeat;		}
div.control	{		background: url("../imgs/icon-control.png") 20px 15px no-repeat;	}
ul.feature-icons
{
	float:			left;
	display:		inline
	width:			640px;
	margin:			0 0 10px 20px;
	}
ul.feature-icons li
{
	float:			left;
	text-align:		center;
	width:			213px;
	}
ul.feature-icons li img
{
	float:			right;
	}
a.go-iphone-app,
a.go-gfeed,
a.go-facebook,
a.go-feature,
a.go-questions,
a.go-signup,
a.go-pricing,
a.go-bespoke
{
	float:			right;
	height:			25px;
	text-indent:	-9999px;
	}
a.go-iphone-app		{ background: url("../imgs/go-iphone-app.png") 0 0;		width: 161px;	}
a.go-gfeed			{ background: url("../imgs/go-gfeed.png") 0 0;			width: 161px;	}
a.go-facebook		{ background: url("../imgs/go-facebook.png") 0 0;		width: 154px;	}
a.go-feature		{ background: url("../imgs/go-feature.png") 0 0;		width: 145px;	}
a.go-questions		{ background: url("../imgs/go-questions.png") 0 0;		width: 126px;	}
a.go-signup			{ background: url("../imgs/go-signup.png") 0 0;			width: 126px;	}
a.go-pricing		{ background: url("../imgs/go-pricing.png") 0 0;		width: 95px;	}
a.go-bespoke		{ background: url("../imgs/go-bespoke.png") 0 0;		width: 136px;	}
a.go-iphone-app:hover,
a.go-gfeed:hover,
a.go-facebook:hover,
a.go-feature:hover,
a.go-questions:hover,
a.go-signup:hover,
a.go-pricing:hover,
a.go-bespoke:hover
{
	background-position:0 -25px;
	}
div#iphone-video-container,
div#pricing-container
{
	float:			left;
	position:		relative;
	width:			678px;
	height:			88px;
	margin:			20px 0 30px;
	}
div#iphone-video-container
{
	background:		url("../imgs/flash-back.png") 0 0 no-repeat;
	}
div#pricing-container
{
	background:		url("../imgs/pricing.png") 0 0 no-repeat;
	}
div#iphone-video-container a.watch-video
{
	position:		absolute;
	top:			30px;
	left:			83px;
	}
div#iphone-video-container a.view-gallery
{
	position:		absolute;
	top:			30px;
	left:			370px;
	}
div#pricing-container a.signup
{
	position:		absolute;
	right:			50px;
	top:			30px;
	}
div#pricing-container a#signup2
{
	left:			30px;
	}
div#gfeed-video-container
{
	float:			left;
	position:		relative;
	width:			678px;
	height:			88px;
	margin:			20px 0 30px;
	background:		url("../imgs/video-gfeed.png") 0 0 no-repeat;
	}
div#gfeed-video-container a.watch-video
{
	position:		absolute;
	top:			30px;
	left:			66px;
	}
div#gfeed-video-container a.view-gallery
{
	position:		absolute;
	top:			30px;
	left:			400px;
	}
div.left-icon ul
{
	float:			left;
	width:			570px;
	}
div.left-icon ul li, div.left-icon ul li a.title
{
	float:			left;
	width:			570px;
	margin:			0 0 10px;
	font-size:		1.1em;
	}
div.left-icon ul li a.title
{
	margin:			0 0 5px;
	}
div.left-icon ul.two-col li
{
	width:			250px;
	margin:			0 0 5px 20px;
	list-style-type:disc;
	}
div#sub-foot a.create-iphone-app,
div#sub-foot-exclusive a.get-touch
{
	float:			right;
	margin:			40px 30px 0 0;
	}
div.questions ul li p
{
	float:			left;
	margin:			5px 0;
	font-size:		1em;
	}
/*---------------
	Sign Up
---------------*/
div.left
{
	float:			left;
	}
div.thin-col
{
	float:			right;
	width:			170px;
	margin:			17px 0 0;
	}
div.thin-col h4
{
	float:			left;
	width:			170px;
	margin:			0 0 10px;
	}
div.item
{
	float:			left;
	margin:			0 0 20px;
	}
div.item h5
{
	float:			left;
	width:			170px;
	margin:			0 0 10px;
	font-size:		1.2em;
	line-height:	16px;
	}
div.item p
{
	float:			left;
	width:			170px;
	line-height:	18px;
	font-size:		1.2em;
	}
div.item img
{
	float:			left;
	margin:			20px 0 0;
	}
form.wide, 
form.wide fieldset, 
form.wide ul, 
form.wide li
{
	float:			left;
	width:			670px;
	}
form.wide fieldset
{
	border-bottom:	1px solid #c0bfbf;
	padding:		0 0 15px;
	}
form.wide li
{
	margin:			0 0 5px;
	}
form.wide li.half
{
	width:			300px;
	}
form.wide li.short
{
	width:			240px;
	clear:			left;
	}
form.wide li.short input
{
	width:			100px;
	}
form.wide li.short .helper
{
	width:			250px;
	}
form.wide li.shorter
{
	width:			220px;
	clear:			none;
	}
form.wide li.tiny
{
	width:			15px;
	}
form.wide li.tiny p
{
	width:			15px;
	margin:			5px 0 0;
	}
form.wide li.date
{
	width:			55px;
	}
form.wide li.date select
{
	width:			50px;
	margin:			2px 0 0;
	}
form.wide li.margin
{
	margin:			10px 0 5px;
	}
form.wide p
{
	float:			left;
	width:			670px;
	margin:			0 0 10px;
	font-size:		1.2em;
	color:			#606060;
	}
form.wide li.helper p
{
	width:			540px;
	display:		inline;
	margin:			5px 0 5px 125px;
	font-size:		1.1em;
	}
form.paypal li.helper p
{
	margin:			0 0 0 125px !important;
	padding:		0 0 10px;
	}
form.wide li.important p
{
	color:			#9a0202;
	}
form.wide li.or p
{
	margin:			0 0 10px 125px;
	}
form.wide li.paypal_month
{
	width:			190px;
	}
form.wide li.paypal_year
{
	width:			100px;
	}
form.wide li.warning input, 
form.wide li.warning select, 
form.wide li.warning textarea
{
	border:			1px solid #990000;
	}
form.wide li.warning label, 
form.wide li label.warning,
form.wide li.warning .helper
{
	color:			#990000;
	}
form.wide legend
{
	float:			left;
	width:			670px;
	font-size:		2.2em;
	margin:			0 0 10px;
	color:			#1d1d1d;
	font-weight:	normal;
	}
form.wide fieldset.seperator
{
	margin:			15px 0 0;
	}
form.wide label
{
	float:			left;
	width:			110px;
	font-size:		1.2em;
	padding:		7px 0 0;
	margin:			0 15px 0 0;
	text-align:		right;
	color:			#606060;
	}
form.wide input
{
	width:			200px;
	}
form.wide textarea 
{
	width:			300px;
	height:			100px;
	font-size:		1.3em;
	}
textarea#terms
{
	width:			530px;
	height:			150px;
	font-size:		1em;
	}
form.wide span.helper
{
	float:			left;
	display:		inline;
	width:			400px;
	margin:			5px 0 0 125px;
	padding:		0 0 10px;
	font-size:		1.1em;
	color:			#606060;
	}
form.wide fieldset.iphone		{	background:	url("../imgs/icon-emph-iphone.png") 610px 0px no-repeat;		}
form.wide fieldset.home		{	background:	url("../imgs/icon-emph-home.png") 610px 0px no-repeat;			}
form.wide fieldset.info		{	background:	url("../imgs/icon-emph-info.png") 610px 0px no-repeat;			}
form.wide fieldset.event		{	background:	url("../imgs/icon-emph-event.png") 610px 0px no-repeat;			}
form.wide fieldset.cocktail	{	background:	url("../imgs/icon-emph-cocktail.png") 610px 0px no-repeat;		}
form.wide fieldset.padlock	
{	
	background:		url("../imgs/padlock.png") 0 20px no-repeat;		
	padding:		35px 0 0;
	height:			329px;
	}
form.wide fieldset.padlock label,
form.wide fieldset.padlock li.helper p,
form.wide fieldset.padlock span.helper
{
	color:			#6a4d00;
	}
form.wide fieldset.padlock input
{
	border:			1px solid #6a4d00;
	}
form.wide fieldset.padlock li.warning input
{
	border:			1px solid #990000;
	}
form.wide fieldset.padlock li.warning label,
form.wide fieldset.padlock li.warning .helper
{
	color:			#990000;
	}
form.wide button
{
	float:			left;
	display:		inline;
	margin:			30px 0 0 125px;
	}
form.wide dl.wide
{
	float:			left;
	}
form.wide dl.wide dt
{
	float:			left;
	width:			200px;
	clear:			left;
	}
form.wide dl.wide label
{
	width:			185px;
	}
form.wide dl dd
{
	float:			left;
	width:			25px;
	padding:		2px 0 0;
	}
form.wide dl dd input
{
	float:			left;
	width:			auto;
	border:			none;
	padding:		0;
	}
div#example
{
	float:			left;
	display:		inline;
	width:			500px;
	margin:			10px 0 0 125px;
	}
div#example h4, 
div#example p
{
	float:			left;
	width:			500px;
	}
div#example h4
{
	margin:			0 0 5px;
	}
form.wide li.pay-or
{
	margin:			30px 0 0 25px;
	}
form.wide li.paypal
{
	clear:			none;
	}
form.wide li.paypal button
{
	margin:			27px 0 0 20px;	
	background:		url("https://www.paypal.com/en_GB/GB/i/btn/btn_xpressCheckout.gif") 0 0 no-repeat;
	width:			145px;
	height:			42px;
	}
/*---------------
	Form Framework
---------------*/
input, textarea
{
	border:			1px solid #8a8a8a;
	font-size:		1.2em;
	color:			#8a8a8a;
	padding:		4px;
	}
input:focus, textarea:focus
{
	color:			#333;
	border:			1px solid #333;
	}
textarea
{
	font:			62.5% Helvetica, Arial, sans-serif;
	}
button 
{
	display:		block;
	height:			25px;
	text-indent:	-9999px;
	border:			none;
	cursor:			pointer;
	}
button.subscribe	{	background: url("../imgs/subscribe.png") 0 0;		width: 108px;	}
button.continue		{	background: url("../imgs/continue.png") 0 0;		width: 112px;	}
button.checkout		{	background: url("../imgs/go-checkout.png") 0 0;		width: 119px;	}
button.payment		{	background: url("../imgs/go-create-account.png") 0 0;width: 178px;	}
button.let-me-know	{	background: url("../imgs/let-me-know.png") 0 0;		width: 111px;	}
button.request		{	background: url("../imgs/request.png") 0 0;			width: 140px;	}
button.save			{	background: url("../imgs/save.png") 0 0;			width: 54px;	}
button.createOffer	{	background: url("../imgs/create-offer-btn.png") 0 0;width: 125px;	}
button.sendMsg		{	background: url("../imgs/send-message.png") 0 0;	width: 120px;	}
button.signup		{	background: url("../imgs/sign-up.png") 0 0;			width: 73px;	}
button.resetpassword {	background: url("../imgs/reset-password.png") 0 0;	width: 139px;	}
button.subscribe:hover,
button.continue:hover,
button.checkout:hover,
button.payment:hover,
button.let-me-know:hover,
button.request:hover,
button.save:hover,
button.sendMsg:hover,
button.signup:hover,
button.resetpassword:hover
{
	background-position: 0 -25px;
	}
/*---------------
	Log In
---------------*/
body#login div#nav ul
{
	margin:			20px 20px 0 0;
	}
body#login h3
{
	float:			left;
	display:		inline;
	margin:			60px 0 0 65px;
	font-size:		2.4em;
	color:			#ddd;
	width:			415px;
	}
body#login p.bad
{
	float:			left;
	display:		inline;
	width:			265px;
	w\idth:			245px;
	margin:			10px 0 0 65px;
	color:			#1d1d1d;
	}
body#login form
{
	float:			left;
	display:		inline;
	margin:			20px 0 0 60px;
	width:			415px;
	}
body#login form ol, 
body#login form li,
body#login dl.inputgroup
{
	float:			left;
	width:			415px;
	}
body#login form li
{
	margin:			0 0 10px;
	}
body#login dt
{
	float:			left;
	width:			105px;
	margin:			10px 0 0;
	}
body#login dd
{
	float:			left;
	}
body#login form label
{
	float:			left;
	font-size:		1.2em;
	color:			#333;
	width:			80px;
	text-align:		right;
	padding:		7px 0 0;
	}
body#login form input
{
	float:			left;
	display:		inline;
	margin:			0 0 0 10px;
	}
body#login form li.warning input
{
	border:			1px solid #d33333;
	}
body#login form dl.inputgroup input
{
	float:			right;
	width:			20px;
	}
body#login form dl.inputgroup label
{
	width:			140px;
	display:		inline;
	margin:			5px 0 0 5px;
	text-align:		left;
	}
body#login button.login
{
	float:			left;
	display:		inline;
	margin:			0 0 0 20px;
	height:			25px;
	background: 	url("../imgs/login.png") 0 0;		
	width: 			68px;
	}
body#login button.login:hover
{
	background-position:0 -25px;
	}
body#login p.forgot
{
	float:			left;
	display:		inline;
	margin:			-5px 0 0 20px;
	}
body#login p.signup
{
	float:			left;
	display:		inline;
	margin:			20px 0 0 80px;
	padding:		15px 0 0;
	border-top:		1px solid #333;
	width:			240px;
	color:			#333;
	}
/*---------------
	HUD
---------------*/
div#overlay
{
	position:		absolute;
	top:			0;
	left:			0;
	z-index:		10;
	background:		url("../imgs/hud.png");
	height:			100%;
	width:			100%;
	}
div#hud-frame, 
div#hud-frame-gallery,
div#hud-frame-gfeed
{
	position:		absolute;
	top:			50%;
	left:			50%;
	margin:			-277px 0 0 -345px;
	background:		url("../imgs/hud-frame.png") 0 0 no-repeat;
	width:			690px;
	height:			555px;
	z-index:		11;
	}
div#hud-frame-gallery
{
	background:		url("../imgs/hud-frame-gallery.png") 0 0 no-repeat;
	}
div#hud-frame-gfeed
{
	background:		url("../imgs/hud-frame-gfeed.png") 0 0 no-repeat;
	}
div#hud-content
{
	position:		absolute;
	top:			25px;
	left:			25px;
	}
div#hud-content-gallery
{
	position:		absolute;
	top:			25px;
	left:			25px;
	background:red;
	}
div#hud-frame-gallery #hud-next a
{
	position:		absolute;
	top:			475px;
	left:			400px;
	}
div#hud-frame-gallery #hud-prev a
{
	position:		absolute;
	top:			475px;
	left:			170px;
	}
div#hud-frame-gfeed #hud-next a
{
	position:		absolute;
	top:			490px;
	left:			400px;
	}
div#hud-frame-gfeed #hud-prev a
{
	position:		absolute;
	top:			490px;
	left:			170px;
	}
div#hud-content-gallery a.close,
div#hud-content a.close
{
	position:		absolute;
	top:			-60px;
	left:			-15px;
	}
div#slider-iphone
{
	position:		absolute;
	top:			91px;
	left:			231px;
	height:			284px;
	width:			189px;
	overflow:		hidden;
	}
div#slider-gfeed
{
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			640px;
	height:			480px;
	overflow:		hidden;
	}
ul.hud-gallery li
{
	display:		inline;
	width:			189px;
	height:			284px;
	}
ul.hud-gallery-gfeed li
{
	display:		inline;
	width:			640px;
	height:			480px;
	}
/*---------------
	Feature Request
---------------*/
ol.features
{
	float:			left;
	width:			678px;
	margin:			10px 0 0;
	border-top:		1px solid #c3c3c3;
	}
ol.features li
{
	float:			left;
	width:			678px;
	padding:		10px 0;
	border-bottom:	1px solid #c3c3c3;
	}
ol.features div.block
{
	float:			right;
	display:		inline;
	width:			50px;
	w\idth:			40px;
	height:			50px;
	padding:		0 5px;
	margin:			0 0 0 10px;
	}
ol.features div.make-vote
{
	padding:		0;
	width:			50px;
	}
div.block a.up
{
	float:			left;
	}
div.block a.down
{
	float:			left;
	margin:			10px 0 0;
	}
div.votes-good
{
	background:		#17A102;
	}
div.votes-bad
{
	background:		#a10202;
	}
div.comment,
div.date
{
	background:		#c3c3c3;
	}
div.block p
{
	float:			left;
	width:			40px;
	text-align:		center;
	color:			#fff;
	}
div.block p.number
{
	margin:			3px 0 0;
	font-size:		3em;
	color:			#fff;
	height:			10px;
	padding:		10px 0;
	}
div.date p,
div.date p.number,
div.comment p,
div.comment p.number
{
	color:			#333;
	}
ol.features h3
{
	float:			left;
	display:		inline;
	margin:			0 10px 0 0;
	font-size:		1.8em;
	width:			428px;
	}
ol.investigating h3,
ol.developing h3
{
	width:			478px;
	}
ol.features h3 a
{
	color:			#333;
	}
ol.features h3 a:hover
{
	color:			#148B03;
	text-decoration:none;
	}
/*---------------
	Accordion
---------------*/
div#accordion
{
	float:			left;
	width:			678px;
	border-bottom:	1px solid #c3c3c3;
	margin:			20px 0 0;
	}
div#accordion div
{
	float:			left;
	width:			676px;
	border-right:	1px solid #c3c3c3;
	border-left:	1px solid #c3c3c3;
	}
div#accordion div a.title
{
	display:		block;
	float:			left;
	width:			676px;
	w\idth:			666px;
	padding:		5px;
	font-size:		1.4em;
	color:			#333;
	border-top:		1px solid #c3c3c3;
	}
div#accordion div a.title:hover, div#accordion div a.selected
{
	background:		#c3c3c3;
	color:			#333;
	text-decoration:none;
	}
div#accordion dl
{
	float:			left;
	width:			250px;
	font-size:		1.2em;
	color:			#333;
	margin:			5px 5px 2px 25px;
	}
div#accordion dt
{
	font-weight:	bold;
	float:			left;
	position:		relative;
	width:			150px;
	margin:			0 0 3px;
	}
div#accordion dt a.no-icon
{
	position:		absolute;
	top:			-2px;
	left:			-19px;
	}
div#accordion dd
{
	float:			left;
	position:		relative;
	width:			100px;
	margin:			0 0 3px;
	}
/*---------------
	Terms/Privacy
---------------*/
body#terms h5
{
	float:			left;
	font-size:		1.2em;
	margin:			10px 0 5px;
	}
body#terms div.wide-col ol
{
	float:			left;
	margin:			5px 0;
	padding:		0 0 0 18px;
	}
body#terms div.wide-col li
{
	float:			left;
	clear:			left;
	margin:			0 0 5px;
	font-size:		1.1em;
	list-style-type:decimal;
	}
/*---------------
	Settings
---------------*/
p.downloads
{
	float:			left;
	position:		relative;
	background:		url("../imgs/downloads.png") 0 0 no-repeat;
	width:			104px;
	height:			59px;
	margin:			20px 0 0;
	}
p.downloads span.number
{
	position:		absolute;
	top:			27px;
	right:			15px;
	text-align:		center;
	width:			74px;
	font-size:		1.2em;
	color:			#ddd;
	font-weight:	bold;
	}
p.un-verified
{
	float:			left;
	background:		url("../imgs/un-verified.png") 0 0 no-repeat;
	width:			108px;
	height:			25px;
	margin:			20px 0 0;
	}
a.verified
{
	float:			left;
	background:		url("../imgs/verified.png") 0 0 no-repeat;
	width:			120px;
	height:			43px;
	margin:			20px 0 0;
	text-indent:	-9999px;
	}
a.verified:hover
{
	background-position:0 -43px;
	}
div.wide-col a.facebook-connect
{
	float:			left;
	margin:			10px 0 0;
	}
div.img
{
	float:			left;
	width:			678px;
	}
div.img h5
{
	float:			left;
	display:		inline;
	margin:			10px 0 0 125px;
	}
div.img img
{
	float:			left;
	clear:			left;
	display:		inline;
	margin:			20px 0 20px 125px;
	}
div.wide-col h4.margin
{
	float:			left;
	width:			678px;
	margin:			10px 0;
	}
body#settings table
{
	float:			left;
	width:			350px;
	font-size:		1.2em;
	}
body#settings thead
{
	float:			left;
	padding:		5px;
	background:		#ccc;
	}
body#settings tr
{
	float:			left;
	width:			350px;
	margin:			5px;
	}
td.id
{
	width:			100px;
	}
td.date
{
	width:			100px;
	}
td.view
{
	width:			50px;
	text-align:		center;
	}
div.wide-col a.paynow
{
	float:			left;
	margin:			10px 0 0 0;
	}
p#or
{
	float:			left;
	display:		inline;
	width:			20px;
	font-size:		1.4em;
	margin:			15px 0 0 20px;
	}
a.checkout-paypal
{
	float:			left;
	display:		inline;
	margin:			8px 0 0 10px;
	background:		url("https://www.paypal.com/en_GB/GB/i/btn/btn_xpressCheckout.gif") 0 0 no-repeat;
	width:			145px;
	height:			42px;
	}
div#head a.facebook-connect
{
	float:			left;
	margin:			20px 0 0;
	}
div#head a.facebook-disconnect
{
	float:			left;
	display:		inline;
	margin:			24px 0 0 20px;
	}
div#head p a.facebook-disconnect
{
	margin:			20px 0 0;
	}
div#head a.facebook-pic-disconnect
{
	float:			left;
	display:		inline;
	width:			61px;
	height:			61px;
	margin:			8px 0 0 50px;
	background:		url("../imgs/fb-pic-frame.png") no-repeat;
	}
div#head img
{
	float:			right;
	margin:			35px 25px 0 0;
	}
div#head a.facebook-pic-disconnect img#fb-image
{
	float:			left;
	display:		block;
	margin:			6px 0 0 5px;
	}