@charset "utf-8";
body {
	background-color: #666666;
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color:#B5B5B5;
}
a {
	text-decoration: none;
}
#logo {
	height: 120px;
	width: 280px;
	position: absolute;
	bottom:0px;
	margin-bottom:10px;
	background: url(images/logo01.png) no-repeat;
	z-index: 300;
	left: 50%;
	margin-left: -140px;
}
#logo a {
	display:block;
	height:120px;
}
#logo a span {
	visibility:hidden;
}
#logo a:hover {
	background: url(images/logo02.png) no-repeat;
}
/* styling for navigation */
#navi {
	position:relative;
	width:1008px;
	margin:0px auto;
	list-style-type: none;
	padding: 0px;
	letter-spacing: 0.3em;
}
#navi li {
	float:left;
	margin:30px 0px 4px;
}
#navi a {
	display: block;
	padding: 2px 0px 2px 20px;
	width: 296px;
	background-color: #99CC00;
	border-left:20px solid #99FF00;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#navi a:link, #navi a:visited {
	color:#666666;
}
#navi a:hover {
	background-color: #99FF00;
	color: #000;
}
/* end of styling for navigation */

#container {
	position:relative;
	width:1008px;
	height:582px;
	margin:4px auto 0;
	clear:left;
}
#bans #container {
	background-image:url(images/bans_i.jpg);
	background-repeat:no-repeat;
}
#baum #container {
	background-image:url(images/baum_i.jpg);
	background-repeat:no-repeat;
}
#d005 #container {
	background-image:url(images/d005_i.jpg);
	background-repeat:no-repeat;
}
#d008 #container {
	background-image:url(images/d008_i.jpg);
	background-repeat:no-repeat;
}
#d010 #container {
	background-image:url(images/d010_i.jpg);
	background-repeat:no-repeat;
}
#d011 #container {
	background-image:url(images/d011_i.jpg);
	background-repeat:no-repeat;
	}
#penzion #container {
	background-image:url(images/penz_i.jpg);
	background-repeat:no-repeat;
}
#fima #container {
	background-image:url(images/fima_i.jpg);
	background-repeat:no-repeat;
}
#fito #container {
	background-image:url(images/fito_i.jpg);
	background-repeat:no-repeat;
}
#gebe #container {
	background-image:url(images/gebe_i.jpg);
	background-repeat:no-repeat;
}
#hous #container {
	background-image:url(images/hous_i.jpg);
	background-repeat:no-repeat;
}
#ital #container {
	background-image:url(images/ital_i.jpg);
	background-repeat:no-repeat;
}
#podu #container {
	background-image:url(images/podu_i.jpg);
	background-repeat:no-repeat;
}
#proc #container {
	background-image:url(images/proc_i.jpg);
	background-repeat:no-repeat;
}
#velu #container {
	background-image:url(images/velu_i.jpg);
	background-repeat:no-repeat;
}
#wip001 #container {
	background-image:url(images/wip001_i.jpg);
	background-repeat:no-repeat;
}
#wip002 #container {
	background-image:url(images/wip002_i.jpg);
	background-repeat:no-repeat;
}
#d013 #container {
 background-image:url(images/d013_i.jpg);
 background-repeat:no-repeat;
}
#d014 #container {
 background-image:url(images/d014_i.jpg);
 background-repeat:no-repeat;
}
#jablonove #container {
 background-image:url(images/jablonove_i.jpg);
 background-repeat:no-repeat;
}
#wip003 #container {
 background-image:url(images/wip003_i.jpg);
 background-repeat:no-repeat;
}
#d015 #container {
 background-image:url(images/d015_i.jpg);
 background-repeat:no-repeat;
}
#d016 #container {
 background-image:url(images/d016_i.jpg);
 background-repeat:no-repeat;
}
#d017_NED02 #container {
 background-image:url(images/d017_NED02_i.jpg);
 background-repeat:no-repeat;
}
#vinarstvo #container {
 background-image:url(images/vinarstvo_i.jpg);
 background-repeat:no-repeat;
}
/* ********************************************** styling for gallery */
/* Removing the list bullets and indentation */
#container ul.gal {
	padding:0;
	margin:0;
	list-style-type:none;
	width:992px;
	height: 74px;
	background-color: #000000;
	position:absolute;
	top: 508px;
	border-right-width: 16px;
	border-right-style: solid;
	border-right-color: #698C00;
}
#container ul.gal li {
	float:left;
}
/* Remove the images and text from sight */
#container a.gallery span {
	position:absolute;
	width:0px;
	height:0px;
	top:5px;
	left:5px;
	overflow:hidden;
	background:#fff;
}
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
	display:block;
	color:#000;
	border:1px solid #333333;
	margin:6px 0px 6px 6px;
	text-align:left;
	cursor:default;
}
/* change the thumbnail border color */
#container a.gallery:hover {
	border:1px solid #99FF00;
}
/* styling the :hover span */
#container a.gallery:hover span {
	position:absolute;
	width:1008px;
	height:516px;
	top:-508px;
	left:0px;
	color:#99CC00;
	background: transparent;
	font-weight: bold;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	text-transform:uppercase;
}
/* removing frames in FF */
#container a.gallery:hover img {
	border:0px;
	margin-right:30px;
}
/* ************************************************** end of gallery */

#content01 {
	height:582px;
	width: 504px;
	position: absolute;
	background-color: #333333;
	right:0px;
}
#content01 ul {
	padding:0px;
	list-style-type:none;
	margin: 28px 30px 0px;
}
#content01 ul a {
	display: block;
	width:424px;
	background-color: #686868;
	margin: 2px 0;
	color: #CCCCCC;
	padding: 3px 10px;
}
#archive #content01, #credits #content01 {
	overflow:auto;
}
#content02 {
	width:504px;
	background-color: #000000;
	position: absolute;
	top:508px;
	left:0px;
	height: 74px;
	border-right: 16px solid #698C00;
}
#front #content02, #contact #content02, #worksmap #content02 {
	width: 992px;
}
/* contacts */
#content02 ul {
	padding:0px;
	margin:0 30px;
	list-style-type:none;
}
#content02 li {
	float:left;
	margin:14px 1.2em 0 0;
}
#contact #container {
	background-image:url(images/map02.jpg);
	background-repeat:no-repeat;
	background-position:100% 0%;
}
/* contacts_end */
#archive #container {
	background-image:url(images/archive_i.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#credits #container {
	background-image:url(images/credits_i.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#studio #container {
	background-image:url(images/studio_i.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#works #container {
	background-image:url(images/works_i.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#sublink {
	margin-top: 35px;
}
#content03 {
	height:504px;
	width: 504px;
	position: absolute;
	background-color: #333333;
	right:0px;
}
#sublink a, #content02 a, .idlist a {
	color: #99CC00;
	font-weight: bold;
}
#sublink a:hover, #content02 a:hover, .idlist a:hover, #archive #content01 a:hover, #content01 ul a:hover {
	color: #66FF33;
}
#content01 ul a:hover {
	background-color:#939393;
}
ul.idlist {
	margin:30px;
	padding:0px;
	list-style-type: none;
}
h4 {
	color: #CCFF66;
	font-size: 1.1em;
}
#content03 h4, #content01 h4 {
	position:absolute;
	left:-504px;
	letter-spacing: 0.3em;
	margin-top:30px;
	width: 474px;
	padding-left: 30px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #99FF00;
}
#front #content03 h4 {
	position: static;
}
#front #content03 img {
	vertical-align:top;
	margin:0 10px 15px 0;
	float: left;
}
#front #content03 li {
	clear:left;
}
h4:first-letter {
	font-size: 150%;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}
#contact h4 {
	display:none;
}
h5 {
	margin:20px 30px 0;
	font-size: 1em;
}
.style1 {
	color: #CCFF66;
	font-weight: bold;
	margin-right:6px;
}
.credits {
	font-size:0.9em;
	margin-top:25px;
	line-height:1.4;
	letter-spacing:0.1em;
	color:#999999;
}
p {
	line-height:1.2;
	margin:10px 30px;
}
#archive p {
	line-height:1;
}
#archive a {
	color:#CCCCCC;
}
#flash {
	width:504px;
	height:504px;
	position: absolute;
	top:0px;
	left:0px;
}
/*scrollbar for IE*/
#content01, #content02, #content03 {
	scrollbar-arrow-color: #333333;
	scrollbar-3dlight-color: #99CC00;
	scrollbar-highlight-color: #698C00;
	scrollbar-face-color: #698C00;
	scrollbar-shadow-color: #698C00;
	scrollbar-darkshadow-color: #99CC00;
	scrollbar-track-color: #333333;
}
/*for map*/
#map {
	height: 502px;
	width: 1006px;
	position: absolute;
	background-color: #333333;
	border: 1px solid #66FF33;
}
.markerTooltip, .markerDetail {
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: white;
	white-space: nowrap;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid black;
	font-size:10px;
}
.markerDetail a {
	color:#33CC00;
	text-decoration:none;
}
.markerDetail img {
	border:none;
}