/* reset */
* {margin:0px; padding:0px; list-style-type:none;}

/* fixes */
a img {border:0px;}
input, a {outline:0px;}

/* reusables */
.clear {clear:both; height:0px; overflow:hidden;}
.wrapper {width:970px; position:relative; margin:auto;}
ul.markedList {}
ul.markedList li {display:block; padding:3px 0 3px 25px; background:url(../images/list_bullet.png) center left no-repeat;}


body {background:url(../images/bg_main.png) 0 0 repeat #2e2e2e; font-family:Arial; font-size:14px; color:#fff;}



.mainBlock {padding:45px 0 0 0; text-shadow:1px 1px 1px #000; position:relative;}
.mainBlock .mainBlockBg {height:200px; width:100%; position:absolute; left:0px; bottom:0px; background:url(../images/mainBlockBg.png) 0 100% repeat-x; z-index:2;}
.mainBlock .iPhone {width:296px; height:684px; float:left; background:url(../images/iphone.jpg) 0 0 no-repeat;}
.mainBlock .blockCn {margin:0 0 0 320px; position:relative; z-index:3;}

/* navigation top */
.mainBlock .navTop {height:30px; padding:30px 0 0 0; position:relative; z-index:2;}
.mainBlock .navTop li {float:left; padding:0 30px 0 0;}
.mainBlock .navTop li a {font-size:16px; font-weight:bolder; text-decoration:none; color:#8c8c8c; text-shadow:1px 1px 1px #000;}
.mainBlock .navTop li a:hover span, .mainBlock .navTop li.current a span {text-shadow:1px 1px 50px #fff; color:#fff;}

.mainBlock .logoWrapper {height:101px; padding:20px 0 10px 0;}
.mainBlock .logoWrapper .logo {display:block; position:relative; width:337px; height:101px; float:left;}
.mainBlock .logoWrapper .logo a {display:block; width:337px; height:101px; position:absolute; left:0px; top:0px; z-index:2;}
.mainBlock .logoWrapper .logo img {position:absolute; left:-126px; top:-126px;}
.mainBlock .logoWrapper h1 {float:left; margin:0 0 0 20px; padding:0 0 0 20px; border-left:1px solid #3d3d3d; height:55px; line-height:55px; color:#8a8a8a; font-size:15px; font-weight:normal; position:relative; top:20px;}
.mainBlock p {line-height:22px; position:relative;}

.mainBlock .subcolsWrapper {position:relative; overflow:hidden; zoom:1; padding:20px 0 0 0;}
.mainBlock .subcolsWrapper .col_1 {width:370px; float:left;}
.mainBlock .subcolsWrapper .col_2 {width:225px; float:right;}
.mainBlock .socialWrapper {padding:0 0 10px 0;}

/* gallery block */
.gallery {height:298px; background:url(../images/galleryBg.png) 0 0 repeat-x; position:relative; z-index:3;}
.gallery ul {margin:0 -25px;}
.gallery ul li {float:left; margin:-50px 30px 0 30px;}
.gallery ul li a {}

/* footer */
.footer {padding:20px 0; text-shadow:1px 1px 1px #000;}
.footer .col_1 {width:255px; float:left;}
.footer .col_2 {margin:0 0 0 260px;}

/* more applications section */
.appListContainer {padding:10px 0 10px 0;}
.appListContainer a img {margin:0 20px 0 0;}

/* we are here section */
.socialLinks {position:relative; overflow:hidden; zoom:1; padding:10px 0;}
.socialLinks a {display:block; height:16px; line-height:16px; float:left; padding:0 0 0 20px; margin:0 0 0 10px; color:#fff; text-decoration:none; background:url(../images/social_icons.png) 0 0 no-repeat; font-size:13px; font-weight:bolder;}
.socialLinks a:first-child {margin:0px;}
.socialLinks .facebook {background-position:0 0;}
.socialLinks .twitter {background-position:0 -24px;}

/* comments section */
.commentsWrapper {margin:10px 0 0 0;}
.commentsWrapper .item {}
.commentsWrapper .item .meta {padding:0 0 3px 0;}
.commentsWrapper .item .meta .name {}
.commentsWrapper .item .meta .date {color:#8b8b8b;}
.commentsWrapper .item p {font-style:italic; padding:0 0 10px 0;}

/* help page content */
.contentWrapper {padding:0 0 20px 0;}
.contentWrapper h2 {font-size:18px; font-weight:normal; padding:20px 0 7px 0;}
.contentWrapper h2:first-child {margin-top:0px;	}
.contentWrapper p {padding:0 0 0px 0;}