* {
margin:0; padding:0;
}
body{
	background-color: #ECECEC;
	text-align: center; 
}
#menuleft {
	position: absolute; top: 0; left: 0; width: 132px; display: block; height: 323px;
}
.navlist{
	margin: 0;
	padding: 0;
	border: 0;
}
.navlist li{
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
}
a span { display:none }
img { border:0 }

#main {
	position: relative;
	width:505px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align: left; 
	margin-top: 0px;
	
	top: 0;
	left: 0px;
	display: block;
	height: 633px;
	background-color:#FFFFFF;
	
	border: 1px solid #cccccc; padding: 1px;
}

#divmain {
	position: absolute; top: 258px; left: 3px; width: 493px; display: block; height: 300px;
	background-image:url(images/index_07.jpg);
	background-repeat:no-repeat;
	padding-top:30px;
}
.linie {
	background-image:url(images/bg_linie.gif);
	width: 480px;
	height:133px;
	padding-top:10px;
	text-align:center;
}

.linie img{
	margin-left:7px;
}

#divpoza {
	position: absolute; 
	top: 0px; left: 134px; width: 362px; display: block; height: 259px;
}
#divsubmeniu {
	position: absolute; 
	top: 104px; left: 217px; width: 145px; display: block; height: 155px;
}
.indexpoza {
	background-image:url(images/bg_index.jpg);
	background-repeat:no-repeat;
}
.photography {
	background-image:url(images/bg_photography.jpg);
	background-repeat:no-repeat;
}
.photocolor {
	background-image:url(images/bg_photo_color.jpg);
	background-repeat:no-repeat;
}
.processed {
	background-image:url(images/bg_process.jpg);
	background-repeat:no-repeat;
}
.contact {
	background-image:url(images/bg_contact.jpg);
	background-repeat:no-repeat;
}
.guests {
	background-image:url(images/bg_guests.jpg);
	background-repeat:no-repeat;
}
.semnatura {
	background-image:url(images/semnatura.jpg);
	background-repeat:no-repeat;
}
.meniuright {
	background-image:url(images/bg_meniu_right.jpg);
	background-repeat:no-repeat;
}


/*===================navigations===================*/
#home a {
	display:block;
	width:131px; height:89px;
	margin:0; padding:0;	
	background: url("images/index_01.jpg") top left no-repeat;
	text-decoration: none;
	}
	
#photography a {
	display:block;
	width:131px; height:43px;
	margin:0; padding:0;
	background: url("images/photography.jpg") top left no-repeat;
	text-decoration: none;
}
#photography a:hover {background-position: 100% 0;}
#photography .active {background-position: 100% 0;}

#painting a {
	display:block;
	width:131px; height:43px;
	margin:0; padding:0;
	background: url("images/painting.jpg") top left no-repeat;
	text-decoration: none;
}
#painting a:hover {background-position: 100% 0;}
#painting .active {background-position: 100% 0;}

#guests a {
	display:block;
	width:131px; height:43px;
	margin:0; padding:0;
	background: url("images/guests.jpg") top left no-repeat;
	text-decoration: none;
}
#guests a:hover {background-position: 100% 0;}
#guests .active {background-position: 100% 0;}

#contact a {
	display:block;
	width:131px; height:40px;
	margin:0; padding:0;
	background: url("images/contact.jpg") top left no-repeat;
	text-decoration: none;
}
#contact a:hover {background-position: 100% 0;}
#contact .active {background-position: 100% 0;}
/*===================end navigations===================*/

/*===================navigations sub-meniu=============*/
#blackwhite a {
	display:block;
	width:137px; height:50px;
	margin:0; padding:0;
	background: url("images/sub_bw.jpg") top left no-repeat;
	text-decoration: none;
}
#blackwhite a:hover {background-position: 100% 0;}
#blackwhite .active {background-position: 100% 0;}

#color a {
	display:block;
	width:137px; height:50px;
	margin:0; padding:0;
	background: url("images/sub_color.jpg") top left no-repeat;
	text-decoration: none;
}
#color a:hover {background-position: 100% 0;}
#color .active {background-position: 100% 0;}

#processed a {
	display:block;
	width:137px; height:50px;
	margin:0; padding:0;
	background: url("images/sub_processed.jpg") top left no-repeat;
	text-decoration: none;
}
#processed a:hover {background-position: 100% 0;}
#processed .active {background-position: 100% 0;}

#becomeguest a {
	display:block;
	width:137px; height:50px;
	margin:0; padding:0;
	background: url("images/sub_becomeguest.jpg") top left no-repeat;
	text-decoration: none;
}
#becomeguest a:hover {background-position: 100% 0;}
#becomeguest .active {background-position: 100% 0;}

/*===================navigations sub-meniu=============*/
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 1em;
	font-size: 0.8em;
	line-height: 1em;
	color: #666666;
}

#divmain a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1em;
	color: #666666;
}

input, textarea, submit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #666666;
}
