/*
 * Fonts
*/


@font-face {
	font-family:'Helvetica';
	src: url('http://de.pixelhome.es/PHR/Helvetica.oet')  ;
	src:local('Helvetica'), url('http://de.pixelhome.es/PHR/Helvetica.ttf') format('truetype');
}


/*
 * Body & Basics 
*/

body {
	background: #E2F1FF;
	color: #2E4254;
	font: normal 11px  Helvetica, sans-serif;
}

a:link,
a:hover,
a:active,
a:visited {
	text-decoration: none; /* opera sucks */
}

a, a:active {
	color: #344352;
}

/*
 * ID's
*/


#page {
	height: 100%;
	width: 100%;
	
}

	#header{
		background: url(imgs/header.png);
		height: 78px;
		width: 100%;
		
	}
	
	#headersub {
		background: url(imgs/sub-header.png);
		height: 322px;
		width: 100%;
	}
	
	#wrapper {
		margin: 0 auto;
		overflow: hidden;
		width: 841px;
	}
	
	
	#bottom {
		margin: 0 auto;
		width: 732px;
	}
	
	
	
	#footer {
		background: url(imgs/footer.png);
		bottom: 0;
		height: 76px;
		margin: 0 auto;
		width: 100%;
	}

	
/*
 * Home Class
*/

.contheader {
	margin: 0 auto;
	height: 78px;
	padding: 20px 0 15px 0;
	width: 841px;
}

.logo {
	background: url(imgs/logo.png) no-repeat;
	cursor: pointer;
	float: left;
	height: 37px;
	width: 123px;
}

.nav {
	font: normal 14px  Helvetica, sans-serif;
	float: right;
	padding-top: 10px;
}

	.nav ul {
		list-style: none;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: 0px 1px 1px #9FB8CD;
	}
	
	.nav li {
		cursor: pointer;
		display: inline;
		margin-left: 15px;
		
	}
	
	.nav a:link,
	.nav a:hover,
	.nav a:visited  {
		color: #2E4254;
		padding: 5px;
		text-decoration: none;
	}
	
	
	.nav a:active,
	 .item_active {
	 	background: #3F4D5C;
		background:-webkit-gradient(linear,left top,left bottom,from(#3F4D5C),to(#3F556E));
		background:-moz-linear-gradient(left top,left bottom,from(#3F4D5C),to(#3F556E));
		background: gradient(left top,left bottom,from(#3F4D5C),to(#3F556E));;
		border: 1px solid #273647;
		border-radius: 4px;
		box-shadow: 0px 1px 0px #A6BCD0;
		color:#D9E9F8;
		cursor: pointer;
		padding:4px;
		text-decoration: none;
		text-shadow: 0px 1px 1px #495F7A;
		-moz-border-radius: 4px;
		-moz-box-shadow: 0px 1px 0px #A6BCD0; 
		-webkit-border-radius: 4px;
		-webkit-box-shadow: 0px 1px 0px #A6BCD0;
		
	}
	
	
	.hscont {
		height: 322px;
		margin: 0 auto;
		overflow: hidden;
		width: 841px;
	}
	
	.description {
		color: #3C4F64;
		font: normal 18px  Helvetica, sans-serif;
		float: left;
		height: 315px;
		margin-top: 8px;
		text-shadow: 0px 1px 1px #9FB8CD;
		width: 300px;
	}
	
		.description p {
			margin-top: -10px;
		}
	
		.description h1 {
			background: url(imgs/slog.png) no-repeat;
			height: 33px;
			width: 173px;
		}
		
			.description h1 span {
				display: none;
			}
			
			
	.get {
		background: url(imgs/getjisko.png) no-repeat;
		cursor: pointer;
		height: 60px;
		width: 276px;
	}
	
		.get:hover {
			background: url(imgs/getjisko.png) 0 -63px no-repeat;
			cursor: pointer;
		}
	
		.get:active {
			background-position: 0 -127px;
		}
		
		.get .version {
			color: #BDE67C;
			font: bold 15px Helvetica, Arial, 'Liberation Sans', sans-serif;
			width: 60px;
			height: 20px;
			margin-top: 21px;
			margin-right: 28px;
			float: right;
			text-align: right;
			text-transform: uppercase;
			text-shadow: none;
		}
	
	.prev  {
		color: #3C4F64;
		cursor: pointer;
		font: bold 11px  "Helvetica", Arial, sans-serif;
		float: left;
		margin: 0px 8px 0 4px;
		padding-top: 20px;
		text-shadow: 0px 1px 1px #9FB8CD;
	}
	
	.changelog {
		color: #3C4F64;
		cursor: pointer;
		font: bold 11px  "Helvetica", Arial, sans-serif;
		float: left;
		padding-top: 20px;
		text-shadow: 0px 1px 1px #9FB8CD;
	}
			
	.preview {
		background: url(imgs/screenshot2.png) no-repeat;
		float: right;
		height: 295px;
		margin-top: 20px;
		width: 495px;
	} 
	
	
	.line {
		background: url(imgs/gradient.png);
		height: 29px;
		width: 100%; 
	}


	.content {
		float: left;
		width: 570px;
	}
	
		.boxed {
		color: #404E5D;
		text-shadow: 0 0 1px #ECF6FF;
		
	}
	
		.boxed h2 {
			font: bold 18px "Helvetica", Arial, sans-serif;
			margin: -30px 0 0 45px;
			height: 45px;
		}
		
		.boxed p {
			color: #404E5D;
			font: normal 14px "Helvetica", Arial, sans-serif ;
			margin: -10px 0 0 0 ;
			text-shadow: 0 1px 1px #ECF6FF;
		}
	
	.sidebar {
		color: #404E5D;
		float: left;
		margin-left: 50px;
		text-shadow: 0 0 1px #ECF6FF;
		width: 220px;
	}
	
	
	.sb1 {
		background: url(imgs/box.png);
		height: 180px;
		width: 222px;
	}
	
		.sb1 h1 {
			font: normal 18px "Helvetica", Arial, sans-serif;
			padding: 8px 0 0 12px;
			text-shadow: 0px 1px 1px #EBFFFC;
		}
		
		
		.sb1 p {
			font: normal 13px "Helvetica", Arial, sans-serif;
			margin-top: -2px;
			padding: 0px 4px 0 12px;
			text-shadow: 0 1px 1px #ECF6FF;
		}
		
	.try {
		background: url(imgs/tryjisko.png) no-repeat;
		cursor: pointer;
		height: 36px;
		margin-left: 8px;
		width: 206px;
	}
	
		.try:active {
			background: url(imgs/tryjisko.png) 0 -35px no-repeat;
			cursor: pointer;
			height: 36px;
			margin-left: 8px;
			width: 206px;
		}
		
		
	.tour {
		background: url(imgs/taketour.png) no-repeat;
		cursor: pointer;
		height: 36px;
		margin-left: 8px;
		width: 206px;
	}
	
		.tour:active {
			background: url(imgs/taketour.png) 0 -35px no-repeat;
			cursor: pointer;
			height: 36px;
			margin-left: 8px;
			width: 206px;
		}
	
	
	.contfooter {
		margin: 0 auto;
		padding-top: 18px;
		width: 841px;
	}
	
	
	.navfooter ul,
	.navfooter a:link,
	.navfooter a:hover,
	.navfooter a:visited,
	.navfooter a:active {
		color: #798DA2;
		font: bold 13px "Helvetica", Arial, sans-serif;
		list-style: none;
		margin-left: -4px;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: 0px 1px 1px #E1EEFA;
	}
	
		.navfooter li {
			cursor: pointer;
			display: inline;
			padding-left: 8px;
		}
		
		.navfooter span {
			padding-left:8px ;
		}
		
		
	.copy {
		color: #798DA2;
		font: normal 12px "Helvetica", Arial, sans-serif;
		margin-top: -8px;
		padding-left: 4px;
		text-transform: uppercase;
		text-shadow: 0px 1px 1px #E1EEFA;
	}
	
	
	.note {
		color: #798DA2;
		font: normal 9px "Helvetica", Arial, sans-serif;
		margin-top: -8px;
		padding-left: 4px;
		text-shadow: 0px 1px 1px #E1EEFA;
	}
	
	
	.pixelhome {
		cursor: pointer;
		font-weight: bold;
	}
	
	
/*layout Fixed*/

	.space {
		margin-top: 25px;
	}
	
	.bottom {
		margin-bottom: 35px;
	}
	
	
	
/*
 * Features Class
 */
 
 	.contentbox {
 		margin: 55px auto;
 		width: 100%;
 	}
 	
  	.box {
 		height: 288px;
 		margin: 0 auto;
 		width: 732px;
 	}
 	
 	
 		.box h1 {
 			font: bold 18px "Helvetica Neue", Helvetica, Arial, sans-serif ;
 			margin-left: 10px;
 			padding: 10px;
			text-shadow: 0 1px 0px #DCEEFF;
 		}
 		
 		.box h2 {
 			font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
 			margin-left: 5px;
 			padding: 5px 0px 6px 15px;
			text-shadow: 0 1px 0px #DCEEFF;
 		}
 		
 		.box p {
 			font: normal 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
 			margin-top: -1px;
 			padding: 0 0 0 20px;
 			text-shadow: 0 1px 0px #DCEEFF;
 		}
 	
 	
 	.spacebox {
 		margin-top: 25px;
 	}
	
	
		.box1 {
			background: url(imgs/bg-box-1.png) no-repeat;
		}
		
		.box2 {
			background: url(imgs/bg-box-2.png) no-repeat;
		}
	
	
	.ribbon {
		background: url(imgs/Ribbon.png) no-repeat;
		height: 42px;
		margin: -15px 0 0 -4px;
		width: 740px;
	}
	
	
	.left, .right { float: left; }
	
	.center {
		float: left;
		margin: 0 10px 0 10px;
	}
	

	
	.boxscreen {
		background: url(imgs/screenshot-top.png) no-repeat;
		cursor: pointer;
		height: 133px;
		width: 262px;
	}
	
	
	.box1right, .box1left {
		width: 220px;
	}
	
	.box1right {
		
	}
	
	.box1center {
		float: left;
		margin-left: 15px;
	}

	.boxleft, .boxcenter, .boxright{ width: 230px; }
	
		.boxright p {
			padding-right: 15px;
		}
	
/* Box Fix and hack Opera Suks*/
		
	.boxfix{
		margin-top: -15px;
	}
	
	.rightfix {
		float: right;
	}
	
	
	
	.gallerybottom {
		height: 130px;
		margin: 0px auto;
		width: 720px;
	}
	
	
	.gallery {
		background: url(imgs/frame-screenshots.png)no-repeat;
		height: 111px;
		margin: 0 6px 65px 5px;
		width: 169px;
	}
	
#warning {display: block;position: absolute;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background: url(imgs/warning.png); font: normal 24px  Helvetica, sans-serif; padding:20px 0 0 20px;}