@charset "UTF-8";
/* CSS Document */

body {
	padding-left:20px;
	margin:0;
	background:#FBFBFB url('../img/bg.jpg') repeat-x left top;
	font-family:arial;
	font-size:100%;
}

h1 {
	font-family: 'Oswald', arial, serif;	
	font-size:23px;	
	line-height: 31px;
	padding-bottom:5px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: normal;
}

h2 {
	font-family: arial;	
	font-size:100%;	
	line-height: 22px;
	color:#333;
	padding-bottom:30px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: normal;
}


.main #title, .main #info {
	font-family: arial;	
}

.main #title {
	font-size:27px;	
	padding-bottom:30px;
}

.main #info {
	font-size:14px;
	padding-top:10px;
	padding-bottom:20px;
	line-height: 22px;
	text-align:left;
	color:#333;
}

.main #info a {
	color:#cf214a;
}

#pink {
	color:cf214a;
}

img {
	border:none;
}

small {
	font-size:0.625em;
}
#logo {
	width:280px;
	height:69px;
	margin-top:75px;
}

#container {
	width:960px;
	margin:0 auto;
	padding:0;
	background: url('../img/leather_bg.jpg') no-repeat left top;
	height:730px;
	overflow:visible;
}

a {
	text-decoration:none;
}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:16px;
	font-family: 'Oswald', arial, serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#e8b7c3;
	text-decoration:none;
	padding:1px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;	
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	float:left;
	margin:0;
	color:#FFFFFF;
}


#iphone {
	width:295px;
	padding-top:75px;
}

.iphone-img {  
    width:421px;
	height:317px;
    padding-top:  110px; 
    padding-left: 25px; 
} 

.iphone-background {
	background:transparent url() no-repeat left top;
	width:295px;
	height:676px;
}

#content-side {
	width:625px;
}

#test {
	width:960px;
}

#top {
	width:625px;
	height:257px;
}

#twitter_div {
	width:250px;
}

#top-twitter {
	background: url('../img/background-top-twitter.png') no-repeat center center;
	width:317px;
	height:28px;
	color:#000;
}

#top-twitter-logo {
    height: 23px;
    position: relative;
    right: -120px;
    top: -30px;
    width: 112px;
}

#top-twitter p{
	color:#FFFFFF;
	font-size:1em;
}

#top-twitter p a{
	color:#FFFFFF;
}

#desc {
	width:625px;
	height:64px;
	margin-top:0px;
	padding-bottom:100px;
}

#desc p {
	height:100%;
	vertical-align:middle;
	font-family: 'Lucida Grande'; 
	font-size:1.5em;
	color:#eeeeee;
	padding:0;
	margin:0;
}


input[type=text] {
	width:250px;
	height:19px;
	background-color:#ededed;
	border:1px solid #dddddd;
	padding:5px;
	font-size:0.875em;
	color:#666;
	line-height:30px;
}

#textfieldreflection {
	height: 19px;
	width: 262px;
	background:url('../img/field_reflection.png');
	margin-top:50px;
}

input[type=submit] {
	width: 51px;
	height: 51px;
	margin: 16px 0 0 1px;
	padding: 0;
	border: 0;
	background: transparent url('../img/btn_submit.png') no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	vertical-align:middle;
}

.footer{
	padding-bottom:30px;
	padding-top:20px;
	font-family: arial;	
	font-size:70%;
	color:#666;
	text-decoration: none;		
}

.footer a{
	font-family: arial;		
	color:#cc234c;
	text-decoration: none;
}

.form{
	width: 330px;
	
}

.form span {

}

.social {
	float:left;
	position:relative;
	left:215px;
}

#facebook {
	float:left;
	padding-right:5px;

}
#twitter {
	float:left;
}

.buyit a {
	background:url('../img/app_store_btn.png');
	width:244px;
	height:82px;
}

.buyit a:hover {
	background:url('../img/app_store_btn_hover.png');
	width:244px;
	height:82px;
}

.download_btns {
	width:244px;
	height:60px;
	padding-top:10px;	
}

.space {
	height:30px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.block {
	display:block;
}

.clear {
	clear:both;
}

.pleft-15 {
	padding-left:15px;
}

.pleft-35 {
	padding-left:35px;
}

.pbottom {
	padding-bottom:20px;
}
/*****************/

.tweet, .query {
	font-family: "Times New Roman";
	font-size: 17px;
	color: #000; 
	float:left;
	padding-top:8px;
	width:315px;
}

.tweet .tweet_list, .query .tweet_list {
	-webkit-border-radius: .5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman";
}

.tweet_list  a{
	color: #CC234C; 
	font-family: "Times New Roman";
}

/********************/
/*
.container { width:246px; height:440px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; width:221px;}
.slides div { position:absolute; top:63px; padding-left:25px; width:221px; overflow:hidden; display:none; }
*/

.container { width:221px; height:440px; overflow:hidden; position:relative; cursor:pointer;top:33px;left:25px;z-index:0; }
.slides { position:absolute; top:0; left:0; width:246px;z-index:0;}
.slides div { position:absolute; width:221px; overflow:hidden; display:none;z-index:0; }
#loopedSlider {
	height:617px;
}

.dark-pink	{background:#990066;
			color:pink;
			position:absolute;
			left:0;	top:0;
			width:100px;height:50px;
			z-index:1;
			}		
.red-white	{background:#ff0066;
			color:white;
			position:absolute;
			left:100px;top:0px;
			width:100px;height:50px;
			z-index:2;
			}
.pink-red	{background:#ff3399;
				color:#990033;
				position:absolute;
				left:200px; top:0px;
				width:100px; height:50px;
				z-index:3;
				}
 
.pink-navy	{
			color:navy;
			position:relative;
			left:0px;	top:-530px;
			width:100px;height:50px;
			z-index:5;
			}		
#left10	{left:10px;top:10px;}
#left20	{left:20px;top:20px;}
#left30	{left:30px;top:30px;}
 
#left0z4	{left:0px;top:0px;z-index:4;}
#left10z1	{left:10px;top:10px;z-index:1;}
#left20z2	{left:20px;top:20px;z-index:2;}
#left30z3	{left:30px;top:30px;z-index:3;}