/* Reset */
body,html,p,div,dl,dt,dd,pre,form,q,blockquote,fieldset,input{margin:0;padding:0}
fieldset,img{border:none}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-family:"Arial Narrow", Arial, Verdana, sans-serif;font-weight:normal;color:#1289e4;margin:5px;padding-bottom:5px}
h3{font-size:16px;font-weight:bold}
h6{font-size:10px}
.none{display:none}
.clear{clear:both}
a{color:#cb3525}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#1289e4}
a:hover{color:#fa4a05}

/* Backgrounds of Page */
body{background:#3ac021;min-width:1000px;color:#105c87;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-align:center}
#back{background:#e6f4f7;margin:0 auto 0 auto}
#topbgfloat{background:url(../img/bgtop.gif) repeat-x;z-index:2;position:relative}
#topbg{background:url(../img/bgtop.jpg) top center no-repeat;min-height:282px;width:100%}
#topcont{width:1000px;margin:0 auto 0 auto}
#sitecontent{width:1000px;min-height:210px;margin:0 auto 0 auto;position:relative;margin-top:-210px;position:relative;z-index:3;margin-bottom:-120px}
#bgbutfloat{background:url(../img/bgbut.gif) bottom repeat-x;width:100%}
#bgbut{background:url(../img/bgbut.jpg) center bottom no-repeat;min-height:266px}

/* Top menu 
#topmenu{height:52px;overflow:hidden}
#topmenu1{float:left;background:url(../img/topmenu1.png) no-repeat;height:52px;width:258px}
#topmenu2{float:left;background:url(../img/topmenu2.png) repeat-x;height:52px}
#topmenu3{float:left;background:url(../img/topmenu3.png) no-repeat;height:52px;width:22px}
#topmenucont{position:relative;left:-238px;margin-right:-238px;overflow:hidden;padding-top:5px;width:290px}
.topmenubut,.contact{float:left;display:block;width:91px;height:39px;overflow:hidden;position:relative}
.topmenubut b,.contact b{display:block;width:288px;height:117px;background:url(../img/tmbut.png) no-repeat;position:relative;padding-top:130px}
.topmenubut:hover b, .contact:hover b{top:-39px}
.topmenubut b.active, .contact b.active{top:-78px!important;cursor:default!important}
.topmenubut b.blogbut{left:-91px!important}
.contact{width:106px!important}
.contact b{left:-182px}*/

/* Content */
#logo{float:left;background:url(../img/logo.png);display:block;width:260px;height:84px;margin-right:300px}

/* Iphone */
.iphone{background:url(../img/iphone.png);width:742px;height:386px;margin:0 auto 0 auto;position:relative;z-index:3}
.iphone .workarea{background:#000;width:480px;height:320px;position:relative;top:33px;left:132px;}
.iphone .workarea .content ol{padding:0;margin:0;display:block;height:320px;list-style:none}
.iphone .workarea .content ol li{padding:0;margin:0;list-style-type: none;float:left}
.iphone .workarea .content img{padding:0;margin:0;float:left}
#slider ul{margin:0;padding:0;width:480px;height:320px;overflow:hidden}
#slider ul li{margin:0;padding:0}
/*slider*/
.previews #slider {
	width: 480px;
	height: 320px;
	margin:0;
	padding:0;
	position:relative;
	top:100px;
	left:50px;
	overflow: hidden;
}

#slider ul {
	list-style-type: none;
	overflow:hidden
}

#slider li {
	width: 480px;
	height: 320px;
	overflow: hidden;
	list-style-type: none;
	background-color: black;
}

#slider li a {
	width: 480px;
	height: 320px;
	color: #ffffff;
	text-indent: -9999px;
	display: block;
}

#slider-1 {
	background: url('../img/iphone/banner.jpg') no-repeat;
}
#slider-2 {
	background: url('../screenshots/art/art_screen1.jpg') no-repeat;
}
#slider-3 {
	background: url('../screenshots/art/art_screen2.jpg') no-repeat;
}
#slider-4 {
	background: url('../screenshots/art/art_screen3.jpg') no-repeat;
}
#slider-5 {
	background: url('../screenshots/art/art_screen4.jpg') no-repeat;
}
#slider-6 {
	background: url('../screenshots/art/art_screen5.jpg') no-repeat;
}
#slider-7 {
	background: url('../screenshots/worldcountries/wc_screen1.jpg') no-repeat;
}
#slider-8 {
	background: url('../screenshots/worldcountries/wc_screen2.jpg') no-repeat;
}
#slider-9 {
	background: url('../screenshots/worldcountries/wc_screen3.jpg') no-repeat;
}
#slider-10 {
	background: url('../screenshots/worldcountries/wc_screen4.jpg') no-repeat;
}
#slider-11 {
	background: url('../screenshots/worldcountries/wc_screen5.jpg') no-repeat;
}
#slider-12 {
	background: url('../screenshots/classicalmusic/cm_screen1.png') no-repeat;
}
#slider-13 {
	background: url('../screenshots/classicalmusic/cm_screen2.png') no-repeat;
}
#slider-14 {
	background: url('../screenshots/classicalmusic/cm_screen3.png') no-repeat;
}
#slider-15 {
	background: url('../screenshots/classicalmusic/cm_screen4.png') no-repeat;
}
#slider-16 {
	background: url('../screenshots/livetrivia/lt_screen1.png') no-repeat;
}
#slider-17 {
	background: url('../screenshots/livetrivia/lt_screen2.png') no-repeat;
}
#slider-18 {
	background: url('../screenshots/livetrivia/lt_screen3.png') no-repeat;
}
#slider-19 {
	background: url('../screenshots/livetrivia/lt_screen4.png') no-repeat;
}
#slider-20 {
	background: url('../img/iphone/carambole.jpg') no-repeat;
}


/* Applications */
.apps{width:475px;margin:0 auto 0 auto;height:102px;overflow:hidden;position:relative;top:-10px;margin-bottom:-10px}
.apps h3{margin:0;font-weight:normal;color:#f7780e}
.arrow{float:left;height:54px;width:39px;display:block;overflow:hidden;cursor:pointer;position:relative;top:10px}
.arrow#right{float:right}
.arrow b{background:url(../img/arrows2.png);height:162px;width:78px;display:block;position:relative}
.arrow b#bright{left:-39px}
.arrow b.active{top:-54px}
.arrow b.disable{top:0px}
.arrow:hover b.disable{top:0px}
.arrow:hover b{top:-108px}
.apps .workarea{width:395px;margin:0px;height:75px;overflow:hidden;float:left}
.apps .workarea ol{display:block;padding:0;margin:0;list-style:none;overflow:hidden;position:relative;width:400px;height:75px}
.apps .workarea ol li{display:block;padding:0;margin:0 2px;overflow:hidden;position:relative;width:75px;height:75px;float:left}
.apps .workarea ol li a.app{display:block;width:72px;height:72px;background:url(../img/appbg.png);overflow:hidden;float:left;position:relative;top:2px}
.apps .workarea ol li a.app img{margin:6px}
.apps .workarea ol li a.app b{display:none}
.apps .workarea ol li a.app:hover {top:0}

/* Down Buttons */
#bgcontent{width:960px;margin:0 auto 0 auto;text-align:center;top:110px;position:relative}
.dbut{height:79px;position:relative;width:500px;margin:0 auto 0 auto;overflow:hidden;text-align:center}
.dbut a{text-decoration:none;display:block;width:200px;height:79px;overflow:hidden;position:relative;margin:0 auto 0 auto}
.dbut a i{background:url(../img/downbut.png);display:block;width:200px;height:158px;position:relative;top:-79px;padding-top:160px}
.dbut a:hover i{top:-2px;cursor:pointer}

/* Contacts*/
#contacts{width:100%;text-align:center}
#contacts a{background:url(../img/contacts.png);width:249px;height:37px;display:block;float:right}
#contacts a b{display:none}