* { padding:0; margin:0; outline:0; }
body {
	background:#004f83;
	font-family: "Trebuchet MS", sans-serif;
	font-size:14px;
	line-height:19px;
	color:rgb(32,32,32);
}

a img { border:0; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

a { color:#000000; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

h2 { font-size:67px; line-height:80px; text-transform: uppercase; margin-left:35px;   padding-bottom:10px; color:rgb(255,255,255);}
h3 { color:rgb(0,0,0);}


#bg { background:rgb(255,255,204);}


#shell { width:960px; margin:0 auto; min-height:1500px; padding-bottom:30px; position:relative; background:rgb(255,204,102); }

#header { height:170px; position:relative;   background-image:url(images/island.jpg); }


h1#logo { font-size:0; line-height:0; padding-left:10px; width:290px; height:26px; padding:40px 0 20px 0;}
h1#logo a{ margin-left:10px; display:block; height:36px; background:url(images/logo.png); text-indent: -4000px;}
.site-info { width:460px; color:#ffffff; padding-left:10px;font-size:16px; text-transform: uppercase; font-weight: bold;}

#container p { padding-bottom:15px;}
#container { position:relative; width:100%; }
.menu {  width:960px; height:30px; padding-top:3px; font-size:20px; font-weight:bold; background:#000000; }
.menu a {  color:#ffffff; padding-left:50px; }
#container .left { width:400px; margin-left:35px;}
#container .right { width:400px;}
#container .center { text-align:center; width:960px;}


#howdy .jazyk { float:right; position: absolute; top:40px; left:750px;color:#000000;}
#howdy .jazyk a {color:#000000;}

#google_translate_element {color:#000000;}

#howdy { padding-bottom:100px;}
#stela { padding-bottom:35px;}
#arkada { padding-bottom:35px;}
#kongres { padding-bottom:35px;}
#radnica { padding-bottom:35px;}
#contact { padding-bottom:0px;}


.projects { height:400px; margin-left:25px; position:relative; }
.projects ul{ list-style-type: none; height:330px; overflow:hidden; position:relative; text-decoration:none; }
.projects ul li{ float:left; display:inline; width:960px; height:350px; text-decoration:none;}
.projects ul li .project{ float:left; display:inline; width:203px; height:150px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0; text-decoration:none;}
.projects ul li .project-bg{ background:url(images/project.png) no-repeat 0 0; width:197px; height:150px; padding:6px 0 0 6px;}
.projects ul li .project a{ position:relative; }
.projects ul li .project a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url(images/plus.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:115px; left:166px; z-index:5;}

#contact .left { width:470px;}
#contact .right { width:400px;}
input, textarea, select { font-size:14px; font-family: "Trebuchet MS", sans-serif; padding:5px; color:#fff; border:0; }

 
a.submit { font-weight: bold; text-transform: uppercase;}

.abs-span { position:absolute; font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; z-index:1; top:0; left:0;}

.island { background-image:url(images/island.jpg); width:1200px; height:223px; top:0px; left:0px;}
.ships { background-image:url(images/ships.jpg); width:330px; height:250px; top:224px; left:790px; }
.animals { background-image:none; width:833px; height:801px; left:0px; top:0px; }
.animal2 { background-image:url(images/animal2.jpg); width:201px; height:119px; left:789px; top:-49px; }
.bottle { background-image:url(images/bottle.jpg); width:84px; height:214px; top:-202px; left:83px;}
.dir { background-image:url(images/dir.png); width:100px; height:115px; top:20px; left:540px;}

.rel-content { position:relative; z-index:2;}

.buttons { font-size:0; line-height:0; }
.buttons a{ position:absolute; color:#333; text-decoration: none; z-index:20;}
.buttons a em{ position:absolute; width:32px; height:32px; background:url(images/plus.png); top:7px; left:6px; z-index:2;}
.buttons a span{ display:block; width:135px; height:45px; background:url(images/button.png) no-repeat 0 0; font-size:14px; line-height:46px; font-weight: bold; text-transform: uppercase; padding:0 0 0 45px; display:none; float:left; z-index:1 !important; position:relative; }
.buttons a.about-link{ top:270px; left:583px; }
.buttons a.portfolio-link{ top:390px; left:340px; }
.buttons a.contact-link{ top:270px; left:540px; }
.buttons a.contact-link2{ top:340px; left:450px; }
.buttons a.contact-link3{ top:330px; left:360px; }
.buttons a.top-link{ top:-120px; left:550px; }

.top-holder { position:absolute; bottom:0; left:0;}

#top { font-size:0; line-height:0; position:absolute; top:0; left:0;}


.jcarousel-clip { width:960px; height:350px; overflow:hidden; position:relative; }
.jcarousel-prev,
.jcarousel-next { font-size:0; line-height:0; cursor:pointer; width:49px; height:49px; text-indent: -4000px; position:absolute; top:350px; }
.jcarousel-next { background:url(images/next.png); left:459px; }
.jcarousel-prev { background:url(images/prev.png); left:395px; }

.copy { text-align: center; position:absolute; bottom:30px; width:100%; left:0; color:#062e44; }
.copy a{ color:#062e44; }