@charset "utf-8";
/* CSS document (Portfolio)*/
/* Author: Pavel Maček */

/* Basic HTML ----------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Helvetica, Arial, sans-serif;
	background: #2c2c2c url("../img/bg.jpg") top left no-repeat;
	color: #ffffff;
	padding: 45px 0 40px 0;
	text-align: center; 
}
a:focus {
	outline: 1px dotted invert;
}

a {
	text-decoration: underline;
	color: #ffffff;
}
a:hover {
	text-decoration: underline;
	color: #ffef68;
}
a:visited {
	text-decoration: underline;
	color: #ffffff;
}

div#footerleft a, div#footerleft a:visited, div#footerright a, div#footerright a:visited {
	color: #afafaf;
}

hr {
color: #dfdfdf;
border-style: solid;
border-width: 1px 0 0 ;
clear: both;
height: 0;
}
p {
	/*border: 1px solid #666; */
	overflow: hidden;
	padding: 15px 0 15px 0;
	text-align: left;
}

p.intro{
font-size: 16px;
line-height: 1.4;
}

hr{
margin: 10px 10px 0 10px;
}

ul li{
list-style: none;
}

ul li span{
color: #ffef68;
}


/* Headings ----------------------------------------------------------------------------------------------*/

h1 {
	font-size: 35px;
	color: #06a0cf;
}
h2 {
	font-size: 24px;
	color: #ffef68;
	font-weight:bold;
}
h1 {
    margin-top:40px;
	display:block;
	width: 437px;
	height: 38px;
	text-indent:-99999em;
	background:url("../img/h1.png") top left no-repeat;
}

h3 {
	font-size: 18px;
}
h4 {
	font-size: 19px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 15px;
}

/* Layout ----------------------------------------------------------------------------------------------*/

div#main {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left; 
}

div#content {
	width: 960px;
	margin-bottom: 10px;
	/* background: #1E1E1E; */
	border-bottom: 1px solid #4b4b4b;
}

div#status p {
	font-size: 16px;
	font-weight: bold;
	float: left;
	text-align: left;
	color: #fff;
	padding: 5px 10px 0 0;
}
div#leftbox {
	/* background: #404040; */
	display: inline;
	float: left;
	margin: 10px;
	width: 380px;	
}

div#leftbox img {
	margin: 0 0 30px 45px; 
}


div#rightbox {
	/* background: #3B3B3B; */
	display: inline;
	float: left;
	margin: 10px;
	width: 540px;
}

div#rightbox div.butt {
  padding: 10px 10px 0 0;
  float:left;
}


div#rightbox div.downloadbutt { float:left; margin: 0px 15px 0px 0px; width:179px; height:53px; }
div#rightbox div.downloadbutt a { position:relative; display:block; width: 179px; height:53px; overflow:hidden;}
div#rightbox div.downloadbutt span { position:absolute; left: 0; top:0; z-index:1; width: 179px; margin:0px; padding:0px; height: 53px; background-image: url("../img/downloadbutt.png");}
div#rightbox div.downloadbutt a:hover span{ background-image: url("../img/downloadbutt.png"); background-position: 0px -53px;}

div#rightbox div.previewbutt { float:left; margin: 0px 0px 0px 0px; width:179px; height:53px; }
div#rightbox div.previewbutt a { position:relative; display:block; width: 179px; height:53px; overflow:hidden;}
div#rightbox div.previewbutt span { position:absolute; left: 0; top:0; z-index:1; width: 179px; margin:0px; padding:0px; height: 53px; background-image: url("../img/previewbutt.png");}
div#rightbox div.previewbutt a:hover span{ background-image: url("../img/previewbutt.png"); background-position: 0px -53px;}

div#footerleft {
	display: inline;
	float: left;
	text-align:left;
	margin: 0px 10px 20px 10px;
	width: 300px;
	font-size: 12px;
	color: #afafaf;
}

div#footerright {
    display: inline;
	float: right;
	text-align:right;
	width: 620px;
	margin: 0px 10px 20px 10px;
	font-size: 12px;
		color: #afafaf;
	
	
}


/* Clear Floated Elements ----------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear, html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* PNG fix by http://www.komodomedia.com */

* html .png,
* html img{
	behavior: expression(	
		(
		this.origBg = this.origBg? 
			this.origBg 
			: 
			this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','')
		),	
		this.behaviorSet == undefined?
		(
				this.origBg.match(/.png$/) == null?
				(this.nodeName == "IMG" && this.src.match(/.png$/))?
				(
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
					this.src = "img/spaceball.gif"
				)
				:
				null
			:
				this.origBg.match(/.png$/)?
				(this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + ((this.currentStyle.backgroundRepeat == "no-repeat")? "crop" : "scale") + "')",
				this.style.background = 'img/spaceball.gif'):null
		)
		:
		null
		,
		this.style.behavior='none', 
		this.runtimeStyle.behavior='none',
		this.behaviorSet = true
	);
}

* html h1{
	background:url("../img/h1_ie6.png") top left no-repeat;
}