body {
background: #262523;
/*background: #262523 url(images/bg_body.gif) no-repeat 0 120px;*/
margin: 0;
padding: 0;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #262523;
}

/* content layers */

#bg_top {
background: url(images/bg_top.gif) repeat-x top;
}

#center {
width: 960px;
margin: 0 auto;
}

#container {
/*float: left;
width: 960px;*/
}

#header {
height: 42px;
padding-top: 80px;
float: left;
width: 960px;
background: url(images/header.png) no-repeat 0 8px;
}

* html #header {
background: none;
}


#logo {
float: left;
/*background: url(images/logo.gif) no-repeat 30px 0;*/
width: 270px;
height: 42px;
padding-left: 30px;
color: #cac7c4;
font: 38px "Myriad Pro", Arial, Helvetica, sans-serif;
}

#logo strong {
color: #FFFFFF;
font-weight: normal;
}

#logo em {
font-size: 0.75em;
font-style: normal;
}


/* navigation links */

#nav {
float: right;
width: 600px;
padding: 10px 40px 0 0;
line-height: normal;
font: 1.25em Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

#nav ul {
margin :0;
padding: 0 0 0 20px;
list-style: none;
}

#nav li {
display: inline;
margin: 0;
padding: 0;
}

#nav a {
float: right;
background: url(images/nav_left.gif) no-repeat 0 68px;
margin: 0 8px;
padding: 0 0 0 9px;
text-decoration: none;
}

#nav a span {
float: left;
display: block;
background: url(images/nav_right.gif) no-repeat 0 68px;
padding: 9px 15px 9px 6px;
font-weight: bold;
color: #FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover span {
color: #FFFFFF;
}
#nav .current a {
background-position: 0 0;
}
#nav .current a span {
background-position: 100% 0;
color: #FFFFFF;
}
#nav a:hover {
background-position: 0% -34px;
}
#nav a:hover span {
background-position: 100% -34px;
}

#nav .current a:hover {
background-position: 0 0;
}

#nav .current a:hover span {
background-position: 100% 0;
}


/* content */

#content_top, #content, #content_footer {
width: 960px;
float: left;
}

#content_top {
background: url(images/content_top.png) no-repeat center top;
height: 79px;
}

#content {
background: url(images/content_bg.png) repeat-y center top;
line-height: 19px;
}

* html #content {
background: url(images/content_bg.gif) repeat-y center top;
}

* html #content_top {
background: url(images/content_top.gif) no-repeat center 23px;
height: 69px;
}

#content_footer {
background: url(images/footer.png) no-repeat bottom;
/* odkomentirati kad proradi site
padding-bottom: 20px;*/

padding-bottom: 55px;
}

* html #content_footer {
background: url(images/footer.gif) no-repeat bottom;
}

#content_right {
float: right;
width: 250px;
position: relative;
top: -29px;
padding-right: 31px;
}

* html #content_right {
top: -24px;
}

#content_left {
float: left;
width: 608px;
position: relative;
top: -30px;
padding: 0 20px 0 51px;
}

* html #content_left {
top: -25px;
}


/* enter page */

#welcome {
padding: 0 55px;
float: left;
width: 850px;
position: relative;
top: -25px;
}

* html #welcome {
top: -20px;
}

#projekti {
padding: 15px 20px;
margin: 0 55px;
display: inline;
float: left;
width: 810px;
background: #BFBBB3;
}

.projekt {
float: left;
width: 385px;
background: url(images/sep.gif) repeat-x bottom;
padding: 15px 15px 15px 0;
}

.projekt img {
float: left;
margin-right: 10px;
}

/* emph div */

.emph, .emph_top, .emph_bottom {
float: left;
width: 608px;
}

.emph {
background: url(images/emph.gif) repeat-y;
margin-top: 15px;
}

.emph_top {
background: url(images/emph_top.gif) no-repeat top;
}

.emph_bottom {
background: url(images/emph_bot.gif) no-repeat bottom;
padding: 7px 15px 12px;
width: 578px;
}


/* right boxes */

.rightbox {
background: #a69c98 url(images/rightbox_bg.jpg) no-repeat bottom;
width: 230px;
float: left;
margin-bottom: 20px;
padding-bottom: 4px;
}


#footer {
clear: both;
height: 35px;
padding: 0 46px;
color: #636260;
font-size: 0.9em;
position: relative;
top: -15px;
}

#footer_left {
float: left;
}

#footer_right {
float: right;
text-align: right;
}


/* headings */

h1 {
color: #404959;
background: url(images/sep.gif) repeat-x bottom;
font: bold 1.9em Arial, Helvetica, sans-serif;
margin: 0;
padding-bottom: 7px;
}

h2 {
color: #645c58;
font: bold 1.5em Arial, Helvetica, sans-serif;
margin: 0;
padding-top: 15px;
}

.projekt h2 {
font-size: 1.3em;
padding-top: 0;
}

h3 {
font: bold 1.4em Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin: 0;
padding: 12px 5px 0 15px;
height: 27px;
background: url(images/rightbox_top.jpg);
}

#rightbox_first h3 {
background: url(images/rightbox_top_first.jpg);
}

h4 {
text-align: right;
font-size: 1em;
background: url(images/rightbox_bot.jpg) no-repeat 4px 0;
height: 23px;
margin: 0;
padding: 3px 15px 0 0
}


/* misc */

#content p {
margin: 0;
padding: 7px 0;
}

#content_right p {
padding: 7px 15px;
}

#content strong {
color: #404959;
}

.img_left {
float: left;
margin: 0 15px 5px 0;
padding: 3px;
border: 1px solid #afaaa8;
}

.rightbox img {
max-width: 230px;
width: expression(this.width > 230 ? 230: true);
}

.content_left img {
max-width: 608px;
width: expression(this.width > 608 ? 608: true);
}

.sep {
background: url(images/sep.gif) repeat-x center;
height: 1px;
padding: 15px 0 5px;
}


/* lists */

.rightbox ul {
margin: 0;
padding: 7px 0 7px 20px;
list-style: none;
}

.rightbox li {
padding: 2px 0 2px 10px;
background: url(images/list.gif) no-repeat 0 10px;
}

.rightbox li a {
font-weight: bold;
}

#content_left ul {
margin: 0;
padding: 7px 0 7px 40px;
}

#content_left li {
padding: 3px 0;
}


/* links */

a {
outline: none;
}

#content a {
text-decoration: none;
}

#content a:hover {
color: #485162;
text-decoration: underline;
}

#content_left a {
color: #9F1313;
}

#content_right a {
color: #780b0b;
}


#footer a {
color: #8a8987;
text-decoration: none;
}

#footer a:hover {
color: #b7b6b5;
text-decoration: underline;
}