/* CSS Reset */
* { margin:0; padding:0; }
#main {
background: #cee1f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxZTQ5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2I1ZDJlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2I1ZDJlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWUxZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c1e49b 0%, #b5d2ec 74%, #b5d2ec 83%, #cee1f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1e49b), color-stop(74%,#b5d2ec), color-stop(83%,#b5d2ec), color-stop(100%,#cee1f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c1e49b 0%,#b5d2ec 74%,#b5d2ec 83%,#cee1f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c1e49b 0%,#b5d2ec 74%,#b5d2ec 83%,#cee1f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c1e49b 0%,#b5d2ec 74%,#b5d2ec 83%,#cee1f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c1e49b 0%,#b5d2ec 74%,#b5d2ec 83%,#cee1f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1e49b', endColorstr='#cee1f2',GradientType=0 ); /* IE6-8 */
	margin:0px auto; 
}

body {background: #cee1f2;}

#container {
 width:1024px;
  margin:0px auto;
}
	
#header {
  height:70px;
  width:960px;
  margin:0px auto;
	display:block;
}
#header h1 {
  
  float:left;
  width:330px;
  height:149px;
  background:url(/media/1015/webovky-logo.png) no-repeat 0 0;
  text-indent:-10000px;
}
#header h1 a {
  display:block;
  width:100%;
  height:100%;
}

span.logoHover {
  display: block;
  width: 100%;
  height:100%;
  background:#ccc url(/media/1015/webovky-logo.png) no-repeat 0 -125px;
}
span.logoHover a {
  display: block;
  width: 100%;
  height:100%;
}
#header ul {
  display:block;
  float:right;
  width:490px;
  height:52px;
  background:url(/media/1013/menu.png) no-repeat 0 0;
  list-style:none;
	margin-top:85px;
	margin-bottom:20px;

}
#header ul li {
  display:block;
  float:left;
  height:125px;
 text-indent:-10000px;
}
#home {
  width:92px;
}
#about {
  width:128px;
}
#work {
  width:139px;
}
#contact {
  width:110px;
}
#header ul li a {
  display:block;
  width:100%;
  height:100%;
}
#home a:hover {
  background:url(/media/1014/menu-hover.png) no-repeat 0px 0px;width:93px
}
#about a:hover {
  background:url(/media/1014/menu-hover.png) no-repeat -91px 0;
}
#work a:hover {
  background:url(/media/1014/menu-hover.png) no-repeat -218px 0;width:139px;margin-left:-2px;
}
#contact a:hover {
  background:url(/media/1014/menu-hover.png) no-repeat -358px 0;
}

#monitor {
  position:absolute;
  top:0;
  right:0;
}
.box {
  width:320px;
  height:186px;
  float:left;
	padding:5px;
}
.box h2, .box h2 a {
  font: 22px Arial;
  color:black;
  margin:5px 10px 0px 135px;
}
	
.box h2 a {margin:0;text-decoration:none;}
.box h2 a:hover {text-decoration:underline;}

.box h3, .box h3 a {
  font: 18px Arial;
  color:black;
  margin:0px 10px 0px 135px;
}
	
.box h3 a {margin:0;text-decoration:none;}
.box h3 a:hover {text-decoration:underline;}

.box p {
  font:normal 12px/18px Verdana, Geneva, sans-serif;
  color:#0c3b4a;
  margin:10px 10px 0 135px;
}

.box p.right {margin-left:150px;}

.client {
	background:url(/media/1003/webove-stranky.png) no-repeat 0 0;
}
.work {
	background:url(/media/1002/nase-prace.png) no-repeat 0 0;
}
.book {
	background:url(/media/1001/kontakt.png) no-repeat 0 0;
}
#leftCol {
  width:630px;
  float:left;
  margin:20px 0 0 10px;
}
#leftCol h2 {
  font:bold 20px/24px Verdana, Geneva, sans-serif;
  color:#094e64;
}
#leftCol p {
  font:normal 14px/20px Arial, Helvetica, sans-serif;
  color:#094e64;
  margin-top:10px;
}

#footer {
  clear:both;
  width:980px;
  border-top:1px dashed #094e64;
}
#footer p {
  margin:15px 0;
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#094e64;
}
.featuredText {
  display:block;
  position:relative;
  float:left;
  width:45%;
  height:330px;
  color:white;
  font: 24px Arial;	
	margin-top:20px;margin-left:5px;
}
.clear-box {clear:both;}

.right-column{
	display:block;
  position:relative;
  float:right;
  width:50%;
  color:white;
  font: 24px Arial;
			text-align:center;
}
		
.refs {  
	height:340px;margin-left:20px;
}

.carousel2d
{
height:120px;
}

.jCarouselLite
{
 
 height:330px;
 background: url(/media/1004/Capture.png) no-repeat;	
}

.jCarouselLite ul {}

.jCarouselLite li {height:100% !important; width:330px !important;}

.jCarouselLite img 
{
 margin-top : 14px;
	margin-right:2px;
border: 0px;
padding: 0px;
}

.ppleft
{
    float: left;
	height:150px;
    width:55px;
	background: url(/media/1012/prev.png)  no-repeat left 0px;	
}

.ppright
{
    float: right;
	height:150px;
    width:52px;
	background: url(/media/1011/next.png)  no-repeat left 0px;	
}

.clear {clear:both;}










































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */