/*Author: SignoFactory -- PLEASE DO NOT DELETE THIS LINE*/

/*General Styles*/
::selection{color:#fff; background:#e25ece;}
.alignleft{float:left; overflow:hidden;}
.alignright{float:right; padding-top: 5px;}
body{background:url(bg.png); font-family:Arial, Helvetica, sans-serif;}
.wrapper{width:920px; margin:auto; overflow:hidden; height:auto;}
#pager{background: url(top_bg.png) repeat-x; overflow:hidden; width:100%; height:auto;}
#right{width:558px; float:right; margin-top:30px;}
#sidebar{width:285px; padding-left:20px; float:left;}
/*Upper part*/
#top{
	width: 100%;
	height: auto;
	background: url(top_bg.png);
	overflow: hidden;
}
/*Header*/
#header{width:900px; height:auto; margin:auto; margin-top:37px; overflow:hidden; margin-bottom:40px;}
#header h1{
	font-family: "Helvetica Neue", "HelveticaNeue", arial, sans-serif;
	font-size:40px;
	line-height:40px;
	padding:0;
	margin:0;
	padding-right:18px;
	margin-right:18px;
	background:url(title.png) no-repeat center right;
	color: #484848;
}
#header .alignright a{border: none; display:block; float: left; margin-right:18px;}
#header .alignright img{float:none; border:none; cursor: pointer;}
.tipsy {
	display:none;
	background: url(tooltip.png) no-repeat;
	font-weight:bold;
	font-size:11px;
	line-height: 36px;
	text-align:center;
	height:35px;
	width:149px;
	color:#fefefe;
	margin-top:7px;	
	border:none;
}
/*intro*/
#intro{width:558px; float:right; height:388px;}
#intro h1{font-weight: bold;font-size: 15px;color: #484848;  margin-bottom:20px; margin-left:-1px;}
#intro h2{font-size:13px; line-height:20px; color:#4c4c4c; font-weight: normal;}
.viewall{
	font-weight: bold; font-size: 13px;
	text-shadow: 0px 1px #fff;
	color: #737373;
	text-decoration: none;
	display: block;
	height:37px;
	width:152px;
	background: url(features.png) no-repeat top;
	text-align: center;
	line-height:35px;
	margin-top:25px;
	margin-bottom:42px;
}
#description
{
	padding-left: 20px;
}
.viewall img{margin-left:10px}
.viewall:hover{ background-position: bottom;}
#buttons{width:100%; height:auto; margin-top:25px;}
.button{
	float:left;
}
.or{float:left; width:67px; height:37px; background:url(or.png) no-repeat;}
.button:hover{ background-position: bottom;}
/*Slider*/
#slider{ width: 100%; height: 100px; background:url(slider_bg.png); position:relative; z-index:-1; margin-bottom:42px;}
#images{width:558px; float:right; overflow:hidden; margin:auto; height:89px; padding-top:11px; margin-bottom:50px;}
#images img{border:1px solid #c8d9d0; background: #f8fcfb; float:left; padding:5px; width:90px; height:68px;}
#images img:hover{background:#fff;}
#images a{display:block; float:left; margin-right:12px;}
#images a:last-child{margin-right:0px;}
#images img.active{background:#fff;}
/*Features*/
.features{width:558px; float:right; overflow:hidden; margin:auto; margin-bottom:45px;}
.icon{display:block; width: 40px; height:23px; margin:0; position:relative; float:left;}
.first-column{color: #4c4c4c; width:auto; float:left; width:278px; height:auto; margin-right:15px;}
.second-column{color: #4c4c4c; width:auto; float:left; width:264px; height:auto;}
.first-column h1, .second-column h1{font-size:13px; font-weight:bold; margin-bottom:20px; line-height:22px;}
.first-column h2, .second-column h2{font-size:13px; font-weight: normal; line-height:20px;}

/*Sidebar*/
#screen{width:240px; height:360px; background:url(iphone.png) no-repeat; padding: 100px 21px 115px 24px;}
.screenshot{position:absolute; z-index: 1; width:240px; height:360px;} 
.glare{ position:absolute; z-index: 3; width:240px; height:360px;} 

/*Testimonials*/
#testimonials{margin-top:25px; width:285px;}
#testimonials h1{font-size:13px; font-weight:bold; color: #4c4c4c; margin:0; padding:0; margin-bottom:25px;}
.testimonial{background: url(quote.png) no-repeat top left; padding-left:35px;}
.cit{color: #353535; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight:100; font-size:12px; line-height:20px; margin-top:-2px;}
.author{color: #939d9a; font-size:11px; text-align:right; line-height:20px; margin-top:10px; margin-bottom:20px;}

/*Footer*/
#footer{
	width: 100%; 
	height:66px; 
	background:url(footer_bg.png) repeat-x; 
	line-height:67px; 
	padding-top:10px;
	color:#686262;
	font-size:13px;
	text-shadow: 0px 1px rgba(0,0,0, .9);
}
#footer .wrapper{height: 65px; padding-top:1px;}
#footer a{color:#999595; text-decoration: none;}
#footer a:hover{color:#bfbdbd; text-decoration: none;}