/*
	Theme Name: Venti media
	Author: Tomáš Patřičný - patricny.t@email.cz
*/

@charset "utf-8";
body {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #2a6b88;
	margin: 0px auto;
	border-style: none;
	text-align: center;
	background: #9aa7b6 url(images/bg-body-main.jpg) no-repeat center top;
	padding: 511px 0px 0px;
}
div {
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-style: none;
	position: static;
}
img {
	border-style: none;
}
ul, ol {
	margin: 0px;
	padding: 15px 0px 0px;
}
li {
	line-height: 150%;
	list-style: url(none) none;
	background: url(images/list.png) no-repeat 15px 5px;
	padding: 0px 0px 0px 30px;
	display: block;
}
p {
	line-height: 150%;
	margin: 0px;
	padding: 15px 0px 0px;
	text-align: left;
}
form {
	margin: 0px;
	padding: 0px;
}
input {
	font: 0.9em Arial, Helvetica, sans-serif;
	padding: 1px;
	color: #333;
}
h1, h2, h3 {
	margin: 0px;
	padding: 15px 0px 0px;
	color: #00344b;
	font-weight: bold;
}
h1 {
	width: 100%;
	text-shadow: 1px 1px #edfaff;
	position: absolute;
	left: auto;
	top: 659px;
	right: auto;
	display: block;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	font-size: 1.6em;
}
#sub h1 {
	top: 429px;
}
h1 span {
	display: block;
	margin: 0px auto;
	width: 959px;
	text-align: left;
	text-indent: 17px;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
hr {
	display: none;
}
a, a:Hover {
	font-weight: normal;
	color: #2a6b88;
	text-decoration: underline;
}
a:Hover {
	color: #000;
}
#sub {
	background: #9aa7b6 url(images/bg-body.jpg) no-repeat center top;
	padding: 392px 0px 0px;
}
#mother {
	background: url(images/bg-mother.jpg) repeat-y center top;
}
#content {
	background: url(images/bg-content.jpg) no-repeat center top;
	min-height: 642px;
	height: auto !important;
	height: 642px;
	text-align: center;
	margin: 0px auto;
}
#service {
	height: 121px;
	width: 959px;
	background: url(images/bg-service.jpg) no-repeat left bottom;
	margin: 0px auto;
	padding: 20px 0px 0px;
}
#service ul {
	padding: 0px;
}
#service ul li, #service ul li:Hover {
	line-height: normal;
	background: url(images/blank.png);
	padding: 0px;
	float: left;
	height: 121px;
}
#service ul li:Hover {
	background: url(images/bg-service-item.png);
}
#service ul li a, #service ul li:Hover a, #service ul li a:Hover, #service ul li:Hover a:Hover {
	text-transform: uppercase;
	color: #2a6b88;
	text-decoration: none;
	display: block;
	padding: 21px 20px 0px;
	height: 59px;
	border-right: 1px solid #99b0be;
	font-size: 1.05em;
	line-height: 150%;
}
#service ul li:Hover a, #service ul li:Hover a:Hover {
	color: #fff;
	border-right: 1px solid #2a6b88;
}
#service #engage {
	width: 188px;
}
#service #engage a:Hover {
	background: url(images/icon-engage.png) no-repeat right top;
}
#service #track {
	width: 174px;
}
#service #track a:Hover {
	background: url(images/icon-track.png) no-repeat right top;
}
#service #attack {
	width: 230px;
}
#service #attack a:Hover {
	background: url(images/icon-attack.png) no-repeat right top;
}
#service #support {
	width: 199px;
}
#service #support a:Hover {
	background: url(images/icon-support.png) no-repeat right top;
}
#service #drive {
	width: 168px;
}
#service #drive a {
	border-style: none;
}
#service #drive a:Hover {
	background: url(images/icon-drive.png) no-repeat right top;
}
#content .in {
	margin: 0px auto;
	width: 959px;
}
#left {
	padding: 45px 56px 20px 17px;
	float: left;
	width: 561px;
}
#sub #left {
	padding-top: 81px;
}
#right {
	float: left;
	width: 325px;
	padding: 0px 0px 10px;
	position: relative;
	z-index: 1;
	margin: -10px 0px 0px;
}
#sub #right {
	padding-top: 25px;
	margin: 0px;
}
#right h3 {
	font-size: 1.6em;
	text-shadow: 1px 1px #edfaff;
}
#right .box-top {
	margin: 15px 0px 0px;
	height: 30px;
	background: url(images/bg-right-box-top.png);
	position: relative;
	z-index: 3;
}
#right .box-top .pin-icon {
	background: url(images/icon-pin.png);
	display: block;
	height: 57px;
	width: 71px;
	position: absolute;
	margin: -10px 0px 0px 266px;
	z-index: 4;
}
#right .box-top .client-icon {
	background: url(images/icon-notes.png);
	display: block;
	height: 93px;
	width: 119px;
	position: absolute;
	margin: -14px 0px 0px 228px;
	z-index: 4;
}
#right .box {
	background: url(images/bg-right-box.png);
	margin: -15px 0px 0px;
	padding: 0px 20px;
	width: 285px;
	position: relative;
	z-index: 2;
}
#right .box-bottom {
	height: 90px;
	background: url(images/bg-right-box-bottom.png) no-repeat;
	margin: -10px 0px 0px;
	position: relative;
	z-index: 1;
}
#right #analyze ul {
	padding: 3px 0px 0px
}
#right #analyze ul li {
	line-height: normal;
	background: url(none);
	font-size: 1.1em;
	margin: 10px 0px 0px;
	clear: both;
	width: 285px;
	padding: 0px;
}
#right #analyze ul li strong, #right #analyze ul li span {
	display: block;
}
#right #analyze ul li span {
	padding: 3px 0px 0px;
}
#right #analyze ul li span input {
	padding: 3px;
	border: 1px solid #a2c5d4;
	height: 30px;
	width: 277px;
	background: url(none);
}
#right #clients ul {
	padding: 4px 0px 0px;
}
#right #clients ul li {
	padding: 7px 0px 0px 18px;
	background: url(images/list.png) no-repeat 0px 14px;
	font-size: 1.1em;
	width: 267px;
}
#right #clients .more {
	padding-left: 18px;
}
#header {
	height: 392px;
	width: 959px;
	position: absolute;
	left: auto;
	top: 0px;
	right: auto;
}
#logo {
	margin: 39px 0px 0px;
	float: left;
	height: 84px;
	width: 204px;
}
#logo a, #logo a:Hover {
	display: block;
	height: 84px;
	width: 204px;
	position: absolute;
	z-index: 1;
}
#logo h2 {
	padding: 0px;
	position: absolute;
}
#logo h3 {
	margin: 20px 0px 0px;
	padding: 0px;
	position: absolute;
}
#header .header {
	clear: both;
	height: 390px;
	width: 959px;
}
#sub #header .header {
	height: 269px;
}
#visual {
	background: url(images/bg-visual.png) no-repeat 236px 215px;
	height: 390px;
	width: 959px;
	clear: both;
}
#visual ul {
	padding: 53px 0px 0px;
}
#visual ul li {
	line-height: normal;
	padding: 0px;
	float: left;
	height: 337px;
	margin: 0px 110px 0px 0px;
}
#visual ul li a, #visual ul li a:Hover {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #2a6b88;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 18px 0px 0px;
	height: 45px;
}
#visual ul li a:Hover {
	text-decoration: underline;
}
#visual ul #step-1 {
	width: 210px;
	background: url(images/bg-step-1.jpg) no-repeat 0px 92px;
}
#visual ul #step-1 a, #visual ul #step-1 a:Hover {
	background: url(images/bg-button-step-1.png);
	width: 187px;
	margin: 0px 0px 0px 18px;
}
#visual ul #step-2 {
	width: 235px;
	background: url(images/bg-step-2.jpg) no-repeat 0px 114px;
}
#visual ul #step-2 a, #visual ul #step-2 a:Hover {
	background: url(images/bg-button-step-2.png);
	width: 213px;
	margin: 0px 0px 0px 20px;
}
#visual ul #step-3 {
	width: 294px;
	background: url(images/bg-step-3.jpg) no-repeat 0px 70px;
	margin: 0px;
}
#visual ul #step-3 a, #visual ul #step-3 a:Hover {
	background: url(images/bg-button-step-3.png);
	width: 186px;
	margin: 0px 0px 0px 40px;
}
#refs {
	background: url(images/tmp/header-a.jpg) no-repeat 0px 0px;
}
#refs .cite {
	background: url(images/icon-quote-up.png) no-repeat 0px 125px;
	padding: 120px 0px 0px 30px;
	font-size: 1.4em;
	font-weight: bold;
	color: #2a6b88;
	margin: 0px 0px 0px 520px;
	width: 370px;
}
#refs .cite strong {
	background: url(images/icon-quote-down.png) no-repeat right bottom;
	padding: 0px 30px 0px 0px;
}
#refs .author {
	padding: 10px 0px 0px;
}
#refs .author cite {
	font-weight: bold;
	color: #148ac4;
	font-size: 1.1em;
	font-style: normal;
	margin: 0px 0px 0px 550px;
	padding: 5px 0px 0px;
}
#home {
	background: url(images/tmp/header-b.jpg) no-repeat 195px 44px;
}
#home .button {
	padding: 94px 0px 0px 506px;
}
#home .button a, #home .button a:Hover {
	text-transform: uppercase;
	color: #2a6b88;
	text-decoration: none;
	background: #fff url(images/bg-home-button.png);
	text-align: center;
	display: block;
	padding: 18px 0px 0px;
	height: 38px;
	width: 255px;
	font-size: 1.4em;
	text-shadow: 1px 1px #fff;
}
#home .button a:Hover {
	text-decoration: underline;
}
#menu {
	margin: 60px 0px 0px;
	float: right;
}
#menu ul {
	padding: 0px;
}
#menu ul li {
	line-height: normal;
	background: url(none);
	display: block;
	padding: 0px;
	min-width: 1px;
	width: auto !important;
	width: 1px;
	float: left;
}
#menu ul li a, #menu ul li a:Hover {
	text-transform: uppercase;
	color: #2a6b88;
	text-decoration: none;
	background: url(images/blank.png);
	display: block;
	margin: 0px 24px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: left;
}
#menu ul li a:Hover {
	background: url(images/bg-menu-item.png) no-repeat right top;
	color: #fff;
}
#menu ul li .current_page_item, #menu ul li .current_page_item:Hover {
	background: url(images/bg-menu-item.png) no-repeat right -40px;
	color: #2a6b88;
}
#menu ul li a span, #menu ul li a:Hover span {
	display: block;
	padding: 13px 5px 0px 15px;
	height: 27px;
	background: url(images/blank.png);
	white-space: nowrap;
}
#menu ul li a:Hover span {
	background: url(images/bg-menu-item-in.png) no-repeat left top;
}
#menu ul li .current_page_item span, #menu ul li .current_page_item:Hover span {
	background: url(images/bg-menu-item-in.png) no-repeat left -40px;
}
#menu ul li .last, #menu ul li .last:Hover {
	margin: 0px;
}
#footer {
	background: url(images/bg-footer.png) no-repeat center top;
	display: block;
	margin: 0px auto;
	height: 130px;
}
#footer .in {
	background: url(images/bg-footer-in.png);
	height: 104px;
	width: 959px;
	margin: 0px auto;
}
#footer .in ul {
	padding: 20px 0px 0px;
}
#footer .in ul li {
	background: url(none);
	display: block;
	border-right: 1px solid #abbec9;
	padding: 0px 0px 0px 35px;
	float: left;
}
#footer .in ul .last {
	border-right: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer .in ul li a, #footer .in ul li a:Hover {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #2a6b88;
	text-decoration: none;
	display: block;
	padding: 12px 0px 0px 70px;
	height: 72px;
}
#footer .in ul li a:Hover {
	text-decoration: underline;
}
#footer .in ul li span {
	text-transform: uppercase;
	color: #5ca5c2;
	display: block;
	margin: -52px 0px 0px 70px;
	position: absolute;
}
#footer .in ul li #newsletter, #footer .in ul li #newsletter:Hover {
	background: url(images/icon-newsletter.png) no-repeat 0px 0px;
	width: 310px;
}
#footer .in ul li #blog, #footer .in ul li #blog:Hover {
	background: url(images/icon-blog.png) no-repeat 0px 0px;
	width: 200px;
}
#footer .in ul li #contact, #footer .in ul li #contact:Hover {
	background: url(images/icon-contact.png) no-repeat 0px 0px;
}
.cleaner {
	font-size: 1px;
	clear: both;
	height: 1px;
}
.center {
	text-align: center;
}
.bold, .bold:Hover {
	font-weight: bold;
}
.buttons a, .buttons a:Hover {
	font-weight: normal;
	text-transform: uppercase;
	color: #2a6b88;
	text-decoration: none;
	background: #fff url(images/bg-buttons.png);
	display: block;
	padding: 14px 15px 0px;
	height: 31px;
	float: left;
	margin: 0px 15px 0px 0px;
	text-shadow: 1px 1px #fff;
	font-size: 1.1em;
}
.buttons a:Hover {
	text-decoration: underline;
}
.photo, .photo-right {
	background: url(images/bg-photo.png) no-repeat center bottom;
	margin: 20px 25px 0px 0px;
	float: left;
	padding: 0px 0px 5px;
	width: 268px;
}
.photo-right {
	margin: 20px 0px 0px 0px;
}
.photo .image, .photo-right .image, .photo .image:Hover, .photo-right .image:Hover {
	text-align: center;
	display: block;
	height: 192px;
	width: 268px;
}
.photo .more, .photo .more:Hover, .photo-right .more, .photo-right .more:Hover {
	background: url(images/bg-more.png);
	display: block;
	height: 44px;
	width: 45px;
	position: absolute;
	margin: -182px 0px 0px 222px;
}
.photo .more:Hover, .photo-right .more:Hover {
	background: url(images/bg-more-active.png);
}
.photo .more span, .photo .more:Hover span, .photo-right .more span, .photo-right .more:Hover span {
	display: none;
}
.ref-main {
	padding: 0px 30px;
	width: 501px;
}
.ref, .ref-right, .ref-main .ref, .ref-main .ref-right {
	background: url(images/bg-ref.png);
	margin: 20px 9px 0px 0px;
	float: left;
	height: 154px;
	width: 181px;
	padding: 10px 0px 0px;
}
.ref-main .ref, .ref-main .ref-right {
	background: url(images/bg-ref-main.png);
	margin: 20px 59px 0px 0px;
	height: 194px;
	width: 221px;
}
.ref-right, .ref-main .ref-right {
	margin: 20px 0px 0px 0px;
}
.ref .image, .ref .image:Hover, .ref-right .image, .ref-right .image:Hover, .ref-main .ref .image, .ref-main .ref .image:Hover, .ref-main .ref-right .image, .ref-main .ref-right .image:Hover {
	text-align: center;
	display: block;
	height: 140px;
}
.ref-main .ref .image, .ref-main .ref .image:Hover, .ref-main .ref-right .image, .ref-main .ref-right .image:Hover {
	height: 180px;
}
.ref .more, .ref .more:Hover, .ref-right .more, .ref-right .more:Hover, .ref-main .ref .more, .ref-main .ref .more:Hover, .ref-main .ref-right .more, .ref-main .ref-right .more:Hover {
	background: url(images/bg-more.png);
	display: block;
	height: 44px;
	width: 45px;
	position: absolute;
	margin: -130px 0px 0px 131px;
}
.ref .more:Hover, .ref-right .more:Hover, .ref-main .ref .more:Hover, .ref-main .ref-right .more:Hover {
	background: url(images/bg-more-active.png);
}
.ref-main .ref .more, .ref-main .ref .more:Hover, .ref-main .ref-right .more, .ref-main .ref-right .more:Hover {
	margin: -170px 0px 0px 171px;
}
.ref .more span, .ref .more:Hover span, .ref-right .more span, .ref-right .more:Hover span, .ref-main .ref .more span, .ref-main .ref .more:Hover span, .ref-main .ref-right .more span, .ref-main .ref-right .more:Hover span {
	display: none;
}
.ref .title, .ref-right .title, .ref-main .ref .title, .ref-main .ref-right .title {
	background: url(images/bg-ref-title.png);
	padding: 7px 0px 0px 8px;
	height: 28px;
	width: 153px;
	display: none;
	position: absolute;
	margin: -25px 0px 0px 10px;
	color: #fff;
	font-size: 1.1em;
}
.ref-main .ref .title, .ref-main .ref-right .title {
	background: url(images/bg-ref-title-main.png);
	padding: 14px 0px 0px 8px;
	height: 31px;
	width: 193px;
	margin: -35px 0px 0px 10px;
}