body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;

}

.container { width:900px; margin:auto; background-color:#e2e2e2;}

.top { width:100%; background-image:url(slike/topback.png); height:46px;}

.sdesc { float:left; color:#999999; font-size:10px; padding:5px;margin-top:10px; margin-left:20px}

.header { width:900px; background-image:url(slike/headback.png); height:150px; text-align:left;}

.main, .build { background-color:#e2e2e2; width:900px; min-height:200px; text-align:left;}
.build { margin:auto; padding-top:20px; padding-bottom:20px; width:850px;border-bottom:1px solid #999999;}
.buildimg {text-align:center; width:900px;}

.headimg { margin-left:20px; float:left; }
#center { float:none; margin:auto; text-align:left; width:500px; }
#rad { text-align:center; }

#nolook { text-decoration:none; color:#000000; border-bottom:2px dotted #999999 }
#nolook a:hover {color:fff; }

.smallnav {
    color:#999999;
	font-size:10px;
    float:right;
    padding:5px;
	margin-top:10px;
	margin-right:15px;
}

.nav {
    color:#999999;
	font-size:14px;
	font-weight:bold;
    float:right;
	margin-top:85px;
	margin-right:30px;
}

ul#nav{
	padding: 0;
	margin:0;
	width: 100%;
}
ul#nav li { display: inline; }
ul#nav li a {
  padding: .25em 1em;
  color:#999999;
  text-decoration: none;
}

ul#nav li a:hover {
  color:#000000;
  background-image:url(slike/btnback.png);
}

ul#smallnav{
	padding: 0;
	margin:0;
	width: 100%;
}
ul#smallnav li { display: inline; }
ul#smallnav li a {
  padding: .25em 1em;
  color:#999999;
  text-decoration: none;
  border-right:1px solid #999999;
}

ul#smallnav li a:hover {
  color:#000000;
}

.content { margin-top: 40px; font-size:14px;}

.left { width: 200px; float:left; padding-left:25px;}
#leftproj { border-right:1px solid #999999; }


.center {width: 250px;margin-left:300px;}

.right {float:right; width: 200px; margin-right:50px;}

.leftmain {float:left; width:300px; padding-left:25px;}
.rightmain {float:right; width:500px; margin-right:50px; font-size:12px;}

#kontaktleft {width:130px;}
#kontaktright {width:660px;}

.rightmain strong { font-size:14px; }

.leftmain img { border:5px solid #CCCCCC;}

.left ul {
  color:#999999;
  list-style:square;
  padding-left:15px;
}

.left li {
  margin-top:5px;
  padding:5px;
  background-color:#CCCCCC;
}

.left li:hover {
  background-color:#eeeeee;
}

.left li a {
  color:#666666;
  text-decoration:none;
}


.clear {clear:both; }
.footer { margin-top:40px; background-image:url(slike/footback.png); color:#000000; font-size:10px; padding:5px; padding-top:18px; height:25px; text-align:center}