body {
	background-color: #FFFFFF;
	color: #595959;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 18px;
	margin: 0;
	padding: 0;
	}

a:link, a:visited {
	color:  #ff6600;
	text-decoration: none;
	}
a:hover, a:focus {
	color:  #ff6600;
	text-decoration: underline;
	outline: 0;
	}

h1 {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 35px;
	font-weight: 300;
	line-height: 40px;
	border-bottom: 5px solid #f2f2f2;
	padding: 5px 35px 0 0;
	margin: 40px auto 30px auto;
	}

h2 {
	color: #ff6600;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	margin: 12px 0 12px 0;
	}

h3 {
	color: #66ccff;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 12px 0 12px 0;
	}

p {
	margin: 12px 0 12px 0;
	}

ul {
	text-align: left;
	padding: 0 30px 0 30px;
	}

#wrapper {
		width: 100%;
		}

#header {
		width: 100%;
		min-width: 980px;
		height: 100px;
		background: url("img/bg.png") repeat-x;
		}

#header-inner {
		position: relative;
		width: 980px;
		height: 60px;
		padding-top: 40px;
		margin: 0 auto 0 auto;
		}

#logo {
		display: block;
		width: 300px;
		height: 41px;
		background: url("img/ella-digital-logo.png") no-repeat;
		margin-left: 30px;
		}

.menu {
		position: absolute;
		top: 10px;
		right: 30px;
		overflow: hidden;
		transform:skewX(-30deg);
		-moz-transform:skewX(-30deg);
		-webkit-transform:skewX(-30deg);
		-o-transform:skewX(-30deg);
		-ms-transform:skewX(-30deg);
		border-radius: 30px;
		}
.menu ul {
		list-style: none;
		text-align: right;
		padding: 0;
		margin: 0;
		}
.menu li {
		display: inline-block;
		}
.menu li:nth-child(2n) {
		color: #ff6600;
		font-style: italic;
		margin: 0 -8px 0 -8px;
		}
.menu a {
		display: block;
		text-decoration: none;
		color: #595959;
		padding: 3px 10px;
		font-size: 11px;
		}
.menu a:hover, .menu ul li .current {
		outline: 0;
		color: #FFFFFF;
		background: #ff6600;
		}
.not-skew  {
		display: block;
		transform:skewX(30deg);
		-moz-transform:skewX(30deg);
		-webkit-transform:skewX(30deg);
		-o-transform:skewX(30deg);
		-ms-transform:skewX(30deg);
		}

#main {
		position: relative;
		width: 920px;
		background: #FFFFFF;
		margin: 0 auto 0 auto;
		padding: 30px;
		z-index: 20;
		}

#footer-wrapper {
		width: 100%;
		min-width: 980px;
		height: 100px;
		background: #66ccff;
		}
#footer {
		width: 920px;
		height: 40px;
		color: #FFFFFF;
		padding: 30px;
		margin: 0 auto 0 auto;
		}
#footer a{
		color: #FFFFFF;
		}

#main-background {
		position: absolute;
		width: 100%;
		min-width: 980px;
		height: 420px;
		background: #4169E1;
		top: 135px;
		left: 0px;
		z-index: 1;
}
#slideshow-wrapper {
		width: 100%;
		height: 340px;
		margin-top: 30px;
		}
#slideshow {
		width: 980px;
		height: 340px;
		margin: 0 auto 0 auto;
		}
.slideshow-image-description {
		position: absolute;
		top: 280px;
		left: 0px;
		width: 920px;
		color: #000000;
		height: 44px;
		font: 26px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		background: url("img/slideshow-bg.png");
		text-align: right;
		padding: 6px 30px 0 30px;
		}
.slideshow-image {
		position: absolute;
		width: 980px;
		height: 340px;
		}

#welcome-box {
		width: 100%;
		min-width: 980px;
		height: 45px;
		background: url("img/bg.png") 0 -107px;
		color: #ff6600;
		padding: 20px 0 0 0;
		margin: 30px 0 30px 0;
		}
.welcome-text {
		width: 920px;
		width: 945px;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 25px;
		font-weight: bold;
		text-align: right;
		padding: 5px 35px 0 0;
		margin: 0 auto 0 auto;
		text-align: right;
		margin: 0 auto 0 auto;
		}

#index-wrapper{
		width: 980px;
		}

#index-box1 {
		position: relative;
		float: left;
		width: 160px;
		height: 420px;
		font-size: 12px;
		margin: 0 25px 30px 0;
		}
#index-box2 {
		position: relative;
		float: left;
		width: 165px;
		height: 420px;
		font-size: 12px;
		margin: 0 0 30px 0;
		}
#index-box3 {
		position: relative;
		float: left;
		width: 165px;
		height: 420px;
		font-size: 12px;
		margin: 0 25px 30px 25px;
		}
#index-box4 {
		position: relative;
		float: left;
		width: 165px;
		height: 420px;
		font-size: 12px;
		margin: 0 0 30px 0;
		}
#index-box5 {
		position: relative;
		float: left;
		width: 165px;
		height: 420px;
		font-size: 12px;
		margin: 0 0 30px 25px;
		}

.vise {
		position: absolute;
		right: 0;
		bottom: 0;
		}

#index-img1 {
		width: 160px;
		height: 100px;
		background: url("img/index-img.jpg") 0 0 no-repeat;
		margin: 0 0 20px 0;
		}
#index-img2 {
		width: 165px;
		height: 100px;
		background: url("img/index-img.jpg") -166px 0 no-repeat;
		margin: 0 0 20px 0;
		}
#index-img3 {
		width: 165px;
		height: 100px;
		background: url("img/index-img.jpg") 0 -101px no-repeat;
		margin: 0 0 20px 0;
		}
#index-img4 {
		width: 165px;
		height: 100px;
		background: url("img/index-img.jpg") -166px -101px no-repeat;
		margin: 0 0 20px 0;
		}
#index-img5 {
		width: 165px;
		height: 100px;
		background: url("img/index-img.jpg") 0 -202px no-repeat;
		margin: 0 0 20px 0;
		}

#klima-box1 {
		float: left;
		width: 300px;
		height: 440px;
		margin: 0 30px 30px 0;
		}
#klima-box2 {
		float: left;
		width: 590px;
		height: 130px;
		}
#klima-box3 {
		float: left;
		width: 140px;
		height: 180px;
		margin: 0 0 30px 0;
		}
#klima-box4 {
		float: left;
		width: 140px;
		height: 180px;
		margin: 0 0 30px 0;
		}
#klima-box5 {
		float: left;
		width: 300px;
		height: 320px;
		margin: 0 30px 30px 0;
		}
#klima-box6 {
		float: left;
		width: 250px;
		height: 320px;
		margin: 0 30px 30px 0;
		}
#klima-box7 {
		float: left;
		width: 580px;
		height: 260px;
		margin: 0 30px 0 0;
		}
#klima-box8 {
		float: left;
		width: 580px;
		height: 40px;
		color: #66ccff;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		}

#klima-img1 {
		float: right;
		width: 590px;
		height: 440px;
		margin: 0 0 30px 0;
		background: url("img/klima-img.jpg") 0 0;
		}
#klima-img2 {
		float: left;
		width: 300px;
		height: 310px;
		margin: 0 30px 30px 0;
		background: url("img/klima-img.jpg") -595px 0;
		}
#klima-img3 {
		float: right;
		width: 310px;
		height: 180px;
		margin: 0 0 30px 0;
		background: url("img/klima-img.jpg") 0 -441px;
		}
#klima-img4 {
		float: right;
		width: 310px;
		height: 320px;
		margin: 0 0 30px 0;
		background: url("img/klima-img.jpg") -311px -441px;
		}
#klima-img5 {
		float: right;
		width: 310px;
		height: 300px;
		background: url("img/klima-img.jpg") 0 -623px;
		}

#jaka-box1 {
		float: left;
		width: 300px;
		height: 410px;
		margin: 0 30px 30px 0;
		}
#jaka-box2 {
		float: left;
		width: 300px;
		height: 450px;
		margin: 0 30px 10px 0;
		}
#jaka-box3 {
		float: left;
		width: 250px;
		height: 450px;
		margin: 0 30px 10px 0;
		}
#jaka-box4 {
		float: left;
		width: 580px;
		height: 60px;
		color: #66ccff;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		}

#jaka-img1 {
		float: right;
		width: 590px;
		height: 410px;
		margin: 0 0 30px 0;
		background: url("img/jaka-img.jpg") 0 0;
		}
#jaka-img2 {
		float: right;
		width: 310px;
		height: 245px;
		margin: 0 0 30px 0;
		background: url("img/jaka-img.jpg") 0 -411px;
		}
#jaka-img3 {
		float: right;
		width: 310px;
		height: 245px;
		background: url("img/jaka-img.jpg") -311px -411px;
		}

#slaba-box1 {
		float: left;
		width: 300px;
		height: 1550px;
		margin: 0 30px 30px 0;
		}
#slaba-box2 {
		float: left;
		width: 300px;
		height: 1550px;
		margin: 0 30px 30px 0;
		}
#slaba-img1 {
		float: right;
		width: 260px;
		height: 286px;
		background: url("img/slaba-img.jpg") 0 0;
		}
#slaba-img2 {
		float: right;
		width: 260px;
		height: 286px;
		margin: 30px 0 30px 0;
		background: url("img/slaba-img.jpg") -261px 0;
		}
#slaba-img3 {
		float: right;
		width: 260px;
		height: 286px;
		background: url("img/slaba-img.jpg") 0 -287px;
		}
#slaba-img4 {
		float: right;
		width: 260px;
		height: 286px;
		margin: 30px 0 30px 0;
		background: url("img/slaba-img.jpg") -261px -287px;
		}
#slaba-img5 {
		float: right;
		width: 260px;
		height: 286px;
		background: url("img/slaba-img.jpg") 0 -574px;
		}
#slaba-img6 {
		float: left;
		width: 300px;
		height: 190px;
		background: url("img/slaba-img.jpg") 0 -860px;
		}
#slaba-img7 {
		float: left;
		width: 300px;
		height: 190px;
		background: url("img/slaba-img.jpg") -301px -860px;
		margin: 0 30px 0 30px;
		}
#slaba-img8 {
		float: left;
		width: 260px;
		height: 190px;
		background: url("img/slaba-img.jpg") -261px -574px;
		}

#kontakt-box1 {
		float: left;
		width: 263px;
		height: 220px;
		background: #F2F2F2;
		border: 1px solid #D8D8D8;
		padding: 5px 15px 15px 15px;
		margin: 0 30px 30px 0;
		}
.contact-left {
		float: left;
		width: 50px;
		margin-right: 20px;
		}
.contact-right {
		float: left;
		width: 193px;
		}
#kontakt-box2 {
		float: right;
		width: 563px;
		height: 702px;
		border: 1px solid #D8D8D8;
		text-align: center;
		padding: 15px;
		margin: 0;
		}
#kontakt-box3 {
		float: left;
		width: 263px;
		height: 440px;
		border: 1px solid #D8D8D8;
		font: 13px Calibri, Arial, Helvetica, sans-serif;
		padding: 5px 15px 15px 15px;
		margin: 0 30px 0 0;
		}

.emailform ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
.emailform li{
		list-style: none;
		margin: 0 0 5px 0;
		}
.emailform label {
		float: left;
		display: block;
		width: 70px;
		}

.frame {
		clear: both;
		width: 263px;
		height: 46px;
		}

iframe {
		width: 563px;
		height: 702px;
		border: 0;
		overflow: visible;
		margin: 0 0 10px 0;
		padding: 0;
		}

#noscript {
		width: 251px;
		height: 34px;
		background: #E6C0C0;
		color: #FF0000;
		border: 1px solid #DE7A7B;
		text-align: center;
		padding: 5px;
		}
#yesscript {
		width: 251px;
		height: 34px;
		background: #A9D49E;
		color: #006400;
		border: 1px solid #00AA00;
		text-align: center;
		padding: 5px;
		}

.clear {
		clear: both;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}

.blue {
		color: #66ccff;
		text-align: center;
		font-size: 16px;
		margin: 40px 0 40px 0;
		}

.bold {
		font-weight: bold;
		font-size: 15px;
		}

.center {
		display: block;
		text-align: center;
		}

.underline {
		text-decoration: underline;
		}
.left {
		text-align: left;
		}