/*
Copyright (C) 2010 Voxel Beast Ltd. All rights reserved.
*/
@charset "UTF-8";

/* Reset */
*
{
	margin:		0;
	padding:	0;
}

html
{
	overflow-y:	scroll;
}

html, body
{
	height:		100%;
}

body
{
	font-size:		62.5%;
	font-family:	Arial, sans-serif;
	color:			#fff;
	background:		#4d4d4d url(images/bg_slice.png) repeat-x;
}

ul
{
	list-style:		disc inside;
	padding:		0;
}

ol
{
	list-style:		decimal inside;
	padding:		0;
}

a
{
	outline:			none;
	text-decoration:	none;
}

a img
{
	border:				none;
	background:			none;
}

img
{
	vertical-align:		middle;
}

table
{
	border-collapse:	collapse;
}

/* Structure */

a
{
	color:				white;
	font-weight:		bold;
}

a:hover
{
	background:			#8059a5;
	color:				white;
}

#page_wrap
{
	width:			960px;
	margin:			0px auto;
	font-family:	"Arial Rounded MT Bold", Arial, sans-serif;
}

#top_content
{
	width:			100%;
	height:			680px;
	position:		relative;
	top:			10px;
	left:			0px;
}

#title
{
	background:		url(images/title.png) no-repeat;
	width:			298px;
	height:			228px;
	position:		absolute;
	left:			26px;
	top:			70px;
	text-indent:	-9999px;
}

#iPhone
{
	background:		url(images/phone.png) no-repeat;
	width:			208px;
	height:			364px;
	position:		absolute;
	left:			74px;
	top:			327px;
	z-index:		-10;
}

#iPad
{
	background:		url(images/pad.png) no-repeat;
	width:			585px;
	height:			740px;
	position:		absolute;
	left:			303px;
	top:			15px;
	z-index:		-10;
}

#Beautie
{
	background:		url(images/beautie.png) no-repeat;
	width:			128px;
	height:			186px;
	position:		absolute;
	left:			808px;
	top:			468px;
	z-index:		0;
}

#Scottie
{
	background:		url(images/scottie.png) no-repeat;
	width:			115px;
	height:			214px;
	position:		absolute;
	left:			274px;
	top:			445px;
	z-index:		0;
}

#Funnie
{
	background:		url(images/funnie.png) no-repeat;
	width:			158px;
	height:			181px;
	position:		absolute;
	left:			760px;
	top:			850px;
	z-index:		-10;
}

#main_left
{
	float:			left;
	width:			480px;
}

#main_left h1
{
	font-size:		2.4em;
	line-height:	1.2em;
	font-weight:	normal;
	padding:		0px 20px;
	margin-bottom:	20px;
}

#main_left h2
{
	font-size:		1.9em;
	line-height:	1.1em;
	font-weight:	normal;
	padding:		0px 20px;
	margin-bottom:	20px;
}

#main_left ul
{
	margin-left:	40px;
	margin-right:	30px;
	font-size:		1.75em;
	list-style:		disc outside;
	color:			#fff;
}

#main_left li
{
	margin-bottom:	20px;
}

#main_left  ul.features
{
	margin-bottom:	10px;
}

#main_left  ul.who_are
{
	list-style-type:	none;
}

li.beautie
{
	background:			url("images/beautie_small.png") no-repeat scroll 8px 0px;
	height:				45px;
	padding-left:		44px;
}

li.scottie
{
	background:			url("images/scottie_small.png") no-repeat scroll 12px 0px;
	padding-left:		44px;
}

li.funnie
{
	background:			url("images/funnie_small.png") no-repeat scroll 0px 0px;
	padding-left:		44px;
}

.off_side
{
	text-indent:		-9999px;
	line-height:		0;
}

#main_right
{
	float:			right;
	width:			480px;
}

#main_right a, #main_right a:visited
{
	color:			#fff;
	font-weight:	normal;
}

#main_right a:hover
{
	background:		#8059a5;
}

#main_right a.no_hover
{
	background:		none;
	border:			none;
}

#main_links
{
	font-size:		1.9em;
	line-height:	1.1em;
}

#app_store
{
	margin-bottom:	10px;
}

a.ww_app
{
	margin-left:	16px;
}

#watch_demo, #sign_up_newsletter, #facebook, #twitter
{
	margin-bottom:	10px;
}

#news_content a.no_hover
{
	background:		none;
	border:			none;
}

#news_content
{
	font-size:		1.75em;
	width:			480px;
}

.posts ul
{
	margin-left:	10px;
	margin-right:	30px;
	color:			#d0d0d0;
}

.posts li
{
	margin-bottom:	10px;
}

#footer
{
	padding-top:		40px;
	padding-bottom:		20px;
}

#vb_logo
{
	width:			221px;
	height:			153px;
	margin:			0 auto;
}

#vb_logo a.no_hover
{
	background:		none;
	border:			none;
}

#copyright
{
	font-family:		Arial,sans-serif;
}

#copyright h3
{
	text-align:			center;
	margin:				20px auto 10px auto;
}

.hidden
{
	display:			none;
}

/* Slider */

#slider1
{
	position:	absolute;
	left:		32px;
	top:		54px;
}

#slider2
{
	position:	absolute;
	left:		103px;
	top:		63px;
}

#slider1 ul, #slider1 li, #slider2 ul, #slider2 li
{
	margin:		0;
	list-style:	none;
	padding:	0;
}

#slider1 li
{
	width:		145px;
	height:		217px;
	overflow:	hidden;
}

#slider2 li
{
	width:		385px;
	height:		513px;
	overflow:	hidden;
}

/* Modal popups */
#modal_newsletter
{
	display:		none;
	font-family:	Arial,sans-serif;
	font-size:		1.6em;
	line-height: 	1.2em;
}

#modal_newsletter p
{
	margin:			10px;
}

#modal_newsletter .email
{
	margin-left:	10px;
}

#modal_newsletter .submit
{
	margin-top:		10px;
	margin-left:	10px;
}

/* Overlay */
#simplemodal-overlay
{
	background-color:#000;
	cursor:wait;
}

/* Container */
#simplemodal-container
{
	height:				340px;
	width:				500px;
	color:				white;
	background-color:	#404040;
	border:				2px solid white;
	padding:			12px;
}

#simplemodal-container a.modalCloseImg
{
	background:url("images/modal_close.png") no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-16px;
	cursor:pointer;
}

/* SALE modal */
#modal_sale
{
	display:		none;
	font-family:	Arial,sans-serif;
	font-size:		1.8em;
	line-height: 	1.2em;
}

#modal_sale h1
{
	margin-top:		5px;
	margin-bottom:  10px;
}

#modal_sale p
{
	margin-bottom:	10px;
}

#modal_sale ul
{
	list-style:		disc outside;
	margin-left:	20px;
}

#modal_sale .center
{
	margin-left:	auto;
	margin-right:	auto;
	width:			200px;
}

#modal_sale a, #modal_sale a:hover
{
	background:		none;
	border:			none;
}

#modal_sale h2
{
	margin-top:		5px;
	margin-bottom:  10px;
}