@charset "utf-8";
body,td,th { margin: 0px; padding: 0px; background:url(../image/bg-pattern.png) repeat; 
font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style:italic; color: #FFF; text-shadow: 0px 2px 0px #0e0e0f; }

a { color:#909096; text-decoration:none; text-outline:none; outline:none; }
a:hover { color:#FFF; text-decoration:underline; }

h1, h2, ul, li { margin:0px; padding:0px; list-style-type:none; }

/* AWARD */

.award { background:url(../image/award.png) no-repeat; width:115px; height:115px; display:block;  position:absolute; top:0; right:0; }

/* PAGE CONTAINER */

#page-content { width:960px; height:auto; min-height:1000px; margin:auto; background:url(../image/bg-highlight.png) no-repeat top center; }
#page-content #no-bg { background:none !important; }

/* HEADER */

#header { height:200px; width:850px; margin:auto; }
.logo { /*background-image:url(../image/logo.png);*/ width:314px; height:82px; margin-top:28px; float:left; }
.header-buttons { float:right; margin-top:70px; }
.header-buttons a { float:left; margin-left:5px; }

.appstore-bt-small { width:127px; height:56px; display:block; background:url(../image/badge.png) no-repeat; background-position: 0px 0px; } 
.appstore-bt-small:hover { background-position: 0px -56px; }

/* SLIDER */

#slider_container {background:url(../image/phone_h.png) no-repeat top center;  width:800px; height:950px; margin:auto;  border:0px solid #0000FF;}
.app-icon { position:absolute; width:242px; height:228px; margin:300px 0px 0px 50px; background:url(../image/app-icon.png) no-repeat; z-index:9999; }
.slider-text { position:absolute; width:800px; text-align:center; margin:810px 0px 0px 0px; border:0px solid #FF0000;}
.slider-text h1 { font-size:30px; font-weight:normal; margin-bottom:15px; }
.slider-text a { color:#f1c140; }

.container { position:absolute; margin:130px 0px 0px 236px; width:320px; height:auto; border:0px solid #00FF00;}
#slides {display: none;}

.slidesjs-pagination { margin:40px 0px 0px 110px; width:150px; border:0px solid #FF6600;}
.slidesjs-pagination li { float:left; margin:0 1px; }
.slidesjs-pagination li a { display:block; width:20px; height:0; padding-top:20px; background-image:url(../image/pagination.png); background-position:0 0; float:left; overflow:hidden;}
.slidesjs-pagination li a.active { background-position:0 -20px; }

.view-gallery { background:url(../image/view-gallery-bt.png) no-repeat; width:176px; height:96px; margin:340px 0px 0px 610px; position:absolute; z-index:100; }

/* PRESS BLOCK */


#press-block { display:block; overflow:hidden; width:680px; padding:0px; margin: 0px auto 0px auto; /*border:1px solid #454647; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -khtml-border-radius: 10px; background:url(../image/press-block-bg.png) repeat*/; 

/*-webkit-box-shadow: inset 0 0 5px #111;
-moz-box-shadow: inset 0 0 5px #111;
box-shadow: inset 0 0 5px #111;*/
text-align:center;

}

#press-block a { color:#f1c140; }
#press-block img { margin-bottom:10px; }

.press-block-pan-left { display:block; float:left; width:330px; overflow:hidden; }
.press-block-pan-right {  display:block; width:330px; overflow:hidden; float:right; }

#press-block li { margin:0px; padding:20px; height:160px; }
#press-block h1 { color:#fff; font-size:20px; font-weight:normal;  }
#press-block h2 { font-size:14px; text-align:center; font-weight:normal; color:#f1c140; }

/* PRESSKIT BLOCK */

#presskit-block { display:block; overflow:hidden; width:680px; padding:30px; margin: 30px auto 0px auto; }
#presskit-block h1 { color:#fff; font-size:28px; font-weight:normal; margin-bottom:40px; text-align:center; }
#presskit-block ul { float:left; margin:0px 0px 0px 200px; }
#presskit-block li { margin:0px 0px 0px 170px; padding:10px 0px 10px 25px; background:url(../image/check-arrow.png) no-repeat left; background-position: 0px 12px; font-size:16px; }

.presskit-box { display:block; width:149px; height:144px; float:left; margin-top:-10px; background:url(../image/presskit-box.png) no-repeat; }
.presskit-box:hover { background-position: 0px -144px; }

.download-presskit { display:block; width:168px; height:61px; background:url(../image/presskit-bt.png) no-repeat; margin-top:20px;  }
.download-presskit:hover { background-position: 0px -61px; }

/* APPSTORE BLOCK */

#appstore-block { width:900px; margin: 20px auto 0px auto; height:auto; background:url(../image/shadow-separator.png) no-repeat top center; padding-top:30px; } 
.gallery-appstore-block { margin:0px auto !important; } 
#appstore-block p { color:#909096; font-size:20px; text-align:center; }
.prize-txt { font-size:28px !important; color:#fff !important; padding:10px 0px 20px 0px; }
.appstore-button { width:282px; height:97px; display:block; background:url(../image/appstore-bt.png) no-repeat; background-position:0px 0px; margin:auto; }
.appstore-button:hover { background-position:0px -97px; }
/*.button-arrow { width:30px; height:77px; background:url(../image/arrow.png) no-repeat; position:absolute; margin: 300px 0px 0px 450px; }

/* FOOTER */

#footer { background:url(../image/footer-bg.png) repeat-x; height:148px; min-width:100%; margin-top:13px; }
#footer p { color:#909096; font-size:13px; text-align:center; }
#footer a:hover { color:#FFF; text-decoration:underline; }

.footer-socials { width:124px; overflow:hidden; display:block; padding-top:25px; margin: 0px auto; }

/* SOCIAL SPRITES */

.fb-link { width:38px; height:38px; display:block; background:url(../image/fb-ico.png) no-repeat; background-position: 0px 0px; float:left;  }
.tw-link { width:38px; height:38px; display:block; background:url(../image/tw-ico.png) no-repeat; background-position: 0px 0px; float:left; margin: 0px 5px;  }
.kit-link { width:38px; height:38px; display:block; background:url(../image/kit-ico.png) no-repeat; background-position: 0px 0px; float:left;  }
.gallery-link { width:57px; height:56px; display:block; background:url(../image/gallery-ico.png) no-repeat; background-position: 0px 0px; margin-left:10px !important; }
.gallery-link-add { width:111px; height:89px; background:url(../image/gallery-of-infographics.png); position:absolute; margin: 20px 20px 0px 185px;  }
.home-link { width:57px; height:56px; display:block; background:url(../image/home-ico.png) no-repeat; background-position: 0px 0px; margin-left:10px !important; }
.home-link-add { width:100px; height:88px; background:url(../image/back-to-home.png) no-repeat; position:absolute; margin: 20px 20px 0px 190px;  }
.big-info-link { width:57px; height:56px; display:block; background:url(../image/big-info-ico.png) no-repeat; background-position: 0px 0px; margin-left:10px !important; }

.fb-link:hover, .tw-link:hover, .kit-link:hover  { background-position: 0px -38px; }
.gallery-link:hover, .home-link:hover, .big-info-link:hover { background-position: 0px -56px; }

/* TWITTER FEEDS */

#twitter-feeds { display:block; height:80px; background:url(../image/tweeter-bg.png) repeat-x; margin-top:40px; margin-bottom:-14px; overflow:hidden; }
#twitter-feeds ul { width:680px; margin:24px auto 0px auto; }
#twitter-feeds li { text-align:center; height:80px; }
#twitter-feeds li a { color:#f1c140; }
.tw-add { display:block; width:16px; height:8px; background:url(../image/twitter-add.png) no-repeat; position:absolute; margin: -25px 0px 0px 55px; }

/* PAGE INFO */

#page-info { width:850px; height:180px; margin:auto; overflow:hidden; background:url(../image/shadow-separator.png) top center no-repeat; }
#page-info h1 { font-size:28px ; color:#fff; margin-top:65px; font-weight:normal; text-align:center; }

/* GALLERY CONTAINER */

#gallery-container { width:850px; margin:auto; overflow:hidden; margin-bottom:30px; }
#gallery-container ul { }
#gallery-container ul li { width:260px; height:255px; float:left; background:url(../img/thumb-image-holder.png) no-repeat; }
#gallery-container ul li img { width:240px; height:160px; margin: 10px 0px 0px 10px; margin-bottom:26px; border:0px; z-index:1;
-moz-box-shadow: 0 0 1px 2px #222325; -webkit-box-shadow: 0 0 1px 2px #0222325; box-shadow: 0 0 1px 2px #222325; }
#gallery-container ul li a { color:#f1c140; border:0px; }
#gallery-container ul li h1 { font-size: 18px; font-weight:normal; text-align:center; }
#gallery-container ul li p { font-size: 12px; color:#909096; margin:0px; padding-top:2px; text-align:center; }
.middle-thumb { margin:0px 35px; }

.thumb-hover { opacity:0; background-image:url(../image/thumb-hover.png); width:240px; height:160px; margin: 10px 0px 0px 10px; position:absolute; z-index:0; }

/*IPAD*/
@media only screen
and (device-width: 768px)
and (max-device-width : 1024px) {
    .gallery-link-add, .home-link-add { display:none; }
	#page-content { width:960px; }
	.header-buttons { position:absolute; margin-left:575px;  z-index:10; }
}

/*IPHONE4*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    .gallery-link-add, .home-link-add { display:none; }
	#page-content { width:960px; }
	.header-buttons { position:absolute; margin-left:575px;  z-index:10; }
}

/*IPHONE*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .gallery-link-add, .home-link-add { display:none; }
	#page-content { width:960px; }
	.header-buttons { position:absolute; margin-left:575px;  z-index:10; }
}

/*HTC-SENSATION*/
/*@media only screen
and (min-device-width : 540px) {
    .gallery-link-add, .home-link-add { display:none; }
	#page-content { width:960px; }
	.header-buttons { position:absolute; margin-left:575px;  z-index:10; }
	#footer { height:300px; background:url(../image/footer-bg.png) repeat; }
}*/