html {
	background: url(images/back_01.gif);
	margin: 0;
	padding: 0;
	height: 100%;
	font: normal 0.8em/ 1.2em Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
}

p {
	margin-bottom: 0px;
}

#okvir {
	position: absolute;
	top: 0px;
	width: 100%;
}

div #glava {
	margin: 0 auto 30px auto;
	height: 100px;
	width: 841px;
}

.linki {
	margin: 0 auto 0 auto;
	width: 841px;
	height: 92px;
	background: url(images/Portfolio-08.jpg) no-repeat right;
}

.linki li {
	margin: 0;
	padding: 7px 20px 0px 20px;
	float: left;
}

.linki li {
	border-left: 2px solid RGB(69, 47, 39);
	float: left;
}

.linki li a {
	font-size: 18px;
	color: RGB(69, 47, 39);
	font-family: Arial;
	text-decoration: none;
}

.linki ul {
	padding: 10px 30px 10px 30px;
	margin: 0;
	float: right;
	list-style-type: none;
}

.linki li.prvi {
	border: none;
}

.project {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 780px;
	height: 320px;
}


.picture {
	text-align: center;
	border: 5px solid #fff;
	width: 548px;
	height: 312px;
	float: left;
}

.description {
	background: url(images/back_tekst-02.gif) no-repeat;
	background-position: center;
	padding: 12px;
	text-align: left;
	width: 185px;
	height: 300px;
	float: right;
}

.foot_img {
	background: url(images/link-05.gif) no-repeat;
	background-position: right;
	padding-top: 20px;
	text-indent: 20px;
	width: 138px;
	height: 36px;
	float: right;
}

.foot_img a {
	font-size: 13px;
	color: RGB(69, 47, 39);
	font-family: Arial;
	text-decoration: none;
}

.text_div {
	bottom: 10px;
	width: 173px;
	height: 255px;
	float: right;
}

.text {
	font-family: Arial;
	font-size: 12px;
	color: RGB(0, 0, 0);
}

.title {
	font-family: Arial;
	font-size: 20px;
	color: RGB(0, 0, 0);
}

.declare {
	left: 12px;
	font-family: Arial;
	font-size: 12px;
	color: RGB(145, 111, 93);
	font-weight: bold;
}

#se {
	margin-top: 20px;
	left: 20px;
	float: left;
}

.proj_type {
	z-index: 1000;
	padding-left: 10px;
	float: left;
	border: none;
}

#tightbox {
	display: none;
	position: absolute;
	top: 30px;
	left: 50%;
	z-index: 9999;
	width: 840px;
	margin: 0 0 0 -420px;
	text-align: left;
	overflow: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#tightbox #slika {
	top: 30px;
	left:50%;
	z-index: 9999;
	margin: 0 0 0 15px;
	text-align: left;
	width: 400px;
}

#tightbox .naprej {
	
}

#tightbox div.naprej {
	
}

#tightbox a.zapri {
	position: relative;
	width: 32px;
	height: 32px;
	margin:0;
	padding:0;
	z-index: 99999;
	left: -13px;
	top: 16px;
}

#tightbox a.naprej {
	position: relative;
	width: 32px;
	height: 32px;
	z-index: 99999;
	left: 748px;
	top: 250px;
	margin:0;
	padding:0;
}

#tightbox a.naprej img{
	border: none;
}

#tightbox a.zapri img{
	border: none;
}
#tightbox_overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: #000000;
	-moz-opacity: 0.8;
	opacity: .86;
	filter: alpha(opacity = 80);
}

#tightbox_overlay[id] {
	position: fixed;
}

#tightbox #noga {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: RGB(69, 47, 39);
	font-family: Arial;
	background: url(images/text_box-07.png);
	left: 50%;
	margin:  5px 0 0 270px;
	z-index: 9999;
	width: 260px;
	height: 25px;
	padding-top: 15px;
}
#lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
width:100%;
z-index:100;
}
#about_me {
	left: 50%;
	z-index: 9999;
	padding: 10px 40px 70px 40px;
	width: 492px;
	background:RGB(96, 75, 59);
	margin: 80px 0 0 129px;
}

#about_me .title{
	margin: 0 0 30px 0;
	padding:0;
	font-family: Arial;
	font-size: 24px;
	color: RGB(205, 184, 164);
	font-weight: bold;
}

#about_me .podnaslov{
	margin: 20px 0 0 0;
	padding:0;
	font-family: Arial;
	font-size: 16px;
	color: RGB(185, 151, 111);
}

#about_me .text{
	margin: 0;
	padding:0;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
}

#about_me ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#tightbox #about_me a.zapri {
	position: relative;
	z-index: 99999;
	left: -58px;
	top: -28px;
	width: 32px;
	height: 32px;
	margin:0;
	padding:0;
}

#tightbox #about_me div.zapri {
	position: relative;
	background-image: url(images/Gumbi-05.gif);
	margin:0;
	padding:0;
	width: 32px;
	height: 32px;
}


div #contact {
	position: absolute;
	float:left;
	margin: 0 auto 0 auto;
	margin-right: auto;
	padding: 0 0 0 0;
	width: 780px;
	height: 340px;
}

div #errors{
	position: absolute;
	float:left;
	left:40%;
	font-size: 20px;
	color: RGB(131, 26, 7);
	z-index: 5000;
}

div #mail {
	position: absolute;
	margin: 60px auto 0 auto;
	padding: 0 0 0 0;
	margin-right: auto;
	background: url(images/Portfolio_noga.gif) no-repeat;
	width: 780px;
	height: 260px;
}

#mail a{
	text-decoration: none;
	border: none;
}

.imeP{
	background: url(images/bg_01.gif) 0 0 repeat-x;
	float:left;
	height: 30px;
	width: 254px;
	border: none;
	padding: 7px 0 0 7px;
	margin: 0;
	font-size: 16px;
}
.mailP{
	background: url(images/bg_02.gif) 0 0 repeat-x;
	height: 30px;
	width: 255px;
	border: none;
	padding: 7px 0 0 7px;
	margin: 0 0 0 0;
	font-size: 16px;
}

.textP{
	background: url(images/bg_3.gif) 0 0 repeat-x;
	border: none;
	height: 70px;
	width: 451px;
	padding: 7px 0 0 7px;
	margin: 0 0 0 0;
}

div #imePdiv{
	float:left;
	margin: 20px 0 0 18px;
	_margin: 20px 0 0 6px;
	padding: 0 0 0 0;
	height: 36px;
}
div #mailPdiv{
	float:left;
	margin: 20px 0 0 10px;
	_margin: 18px 0 0 5px;
	padding: 0 0 0 0;
	height: 36px;
}
div #textPdiv{
	float:left;
	margin: 9px 0 0 18px;
	_margin: 7px 0 0 6px;
	padding: 0 0 0 0;
	height: 77px;
	width: 460px;

}
div #posljiPdiv{
	float:left;
	margin: 9px 0 0 0;
	_margin: 7px 0 0 0;
	padding: 0 0 0 0;
	height: 77px;
	width: 300px;
}

.posljiG{
	background: url(images/poslji.png) 0 0 repeat-x;
	border: none;
	height: 31px;
	width: 64px;
	padding: 0 0 0 0;
	margin: 40px 0 0 2px;
	
}

#contactForm{
	float:left;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	float:left;
}

#kibuba{
	padding: 0 0 0 0;
	margin: 13px 22px 0 7px;
	_margin: 7px 0px 0 -80px;
	_position: absolute;
	_left:85px;
	_top:148px;
	float:left;
	width: 78px;
	height: 85px;
}

#dardaj{
	padding: 0 0 0 0;
	margin: 13px 19px 0 15px;
	_margin: 7px 0px 0 -80px;
	_position: absolute;
	_left:200px;
	_top:148px;
	float:left;
	width: 78px;
	height: 85px;
}

#hlackezamacke{
	padding: 0 0 0 0;
	margin: 13px 15px 0 22px;
	_margin: 7px 0px 0 -80px;
	_position: absolute;
	_left:315px;
	_top:148px;
	float:left;
	width: 78px;
	height: 85px;
}

#gatezate{
	padding: 0 0 0 0;
	margin: 13px 15px 0 25px;
	_margin: 7px 0px 0 -80px;
	_position: absolute;
	_left:430px;
	_top:148px;
	float:left;
	width: 78px;
	height: 85px;
}

#ven-slo{
	padding: 0 0 0 0;
	margin: 13px 15px 0 15px;
	_margin: 7px 0px 0 -80px;
	_position: absolute;
	_left:545px;
	_top:148px;
	float:left;
	width: 78px;
	height: 85px;
}