body {
    background: #FFF;
	color: #000;
	font-size: 12px;
	font-family: verdana, arial;
	margin: 0;
	padding: 0;
    background: url(../images/top-line-bg.jpg) repeat-x top;
}

a {
	color: #000;
}

table {
    border: 1px solid #999;
    margin: 0;
    padding: 0;
}

table td{
    border: 1px solid #999;
    margin: 0;
    padding: 3px;
}

#site_container{
    width: 990px;
    text-align: center;
    margin: 0 auto;
}

#header-bg{
    width: 100%;
    height: 80px;
    text-align: center;
    margin: 0;
}

#header_container {
    width: 990px;
    height: 80px;
    display:block;
    text-align: center;
    margin: 0 auto;
}           
           
#slogan{
    width: 210px;
    height: 80px;
    background: url(../images/slogan.jpg) repeat-x bottom;
    height: 80px;
    margin: 0 22px 0 18px;
    display:block;
    float:left;
}

.top-title {
    font-weight:bold;
    font-size: 14px;
    margin: 8px 0 0 10px;
    COLOR: #FFF;
}

.paragraph {
    width: 647px;
    float:left;
    text-align: left;
    margin: 8px 0 0 10px;
}

.paragraph p{
    margin: 0;
    padding: 0;
}

.paragraph img {
    border: 1px solid #555;  
    float:left;
    margin: 0 5px 0 0;
}

#header_logo {
    background: url(../images/logo.jpg) no-repeat center right;
    width: 230px;
    height: 80px;
    margin: 0 20px 0 40px;
    display:block;
    float:left;
}

#header_login_container {
    background: url(../images/login.jpg) no-repeat bottom left;
    width: 425px;
    margin: 0 0 0 10px;
    height: 70px;
    display:block;
    float:left;
}

#header_login_position {
    display:block;
    float:left;
}

#header_login_position input {
    height: 18px;
    width: 140px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    padding: 1px 0 0 0;
    margin: 46px 10px 0 15px;
    display:block;
    float:left;
    border: 0;
}

#header_login_position input#login_button {
    height: 28px;
    width: 84px;
    background: url(../images/login-button.jpg) no-repeat;
    margin: 42px 0 0 -10px;
    display:block;
    float:left;
}

#bar_bg {
    width: 920px;
    height: 211px;
    display:block;
    margin: 0 0 0 30px;
    float:left;
    background: url(../images/header-bg.jpg) repeat-x top;
}

#bar_bg_left {
    width: 8px;
    height: 211px;
    display:block;
    text-align: center;
    float:left;
    background: url(../images/header-bg-left.jpg) no-repeat top;
}

#bar_bg_right {
    width: 8px;
    height: 211px;
    display:block;
    text-align: center;
    float:left;
    background: url(../images/header-bg-right.jpg) no-repeat top;
}
    
#bar_container {
    width: 900px;
    margin: 0 0 0 0;
    display:block;
    height: 50px;
    text-align: center;
    margin: 0 auto;
}

#menu_bg_left {
    width: 14px;
    height: 50px;
    display:block;
    float:left;
    background: url(../images/menu-bg-left.jpg) no-repeat bottom;
}

#menu_bg_right {
    width: 14px;
    height: 50px;
    display:block;
    float:left;
    background: url(../images/menu-bg-right.jpg) no-repeat bottom;
}

#menu {
    width: 930px;
    height: 50px;
    float: left;
    display:block;
    padding: 0;
    list-style: none;
}          

#menu-bg {
    height: 50px;
    float:left;
    text-decoration: none;
    display:block;      
    background: url(../images/menu-bg.jpg) repeat-x bottom;    
}

#menu a {
    font-size: 16px;
    padding: 15px 5px 17px 5px;
    margin: 0px;
    float:left;
    text-decoration: none;
    display:block;      
}

#menu a:hover {
    color: #333;
    background: url(../images/menu-bg-hover.gif) repeat-x bottom;
}

#news-container {
    width: 368px;    
    float: left;
    margin: 0;
    display:block;
    list-style: none;
}  

#news-top {
    width: 368px;
    height: 30px;
    background: url(../images/news-top.gif) no-repeat top;
    float: left;
    display:block;
    list-style: none;
}

#news-left {
    width: 14px;
    height: 110px;
    background: url(../images/news-left.jpg) no-repeat top;
    float: left;
    display:block;
    list-style: none;
}

#news-center {
    width: 340px;
    height: 110px;
    background: url(../images/news-bg.gif) repeat-x top;
    float: left;
    display:block;
    list-style: none;
    text-align: left;
    color: #CCC;
    font-weight: bold;
}

#news-right {
    width: 14px;
    height: 110px;
    background: url(../images/news-right.jpg) no-repeat top;
    float: left;
    display:block;
    list-style: none;
}

#news-bottom {
    width: 368px;
    height: 14px;
    background: url(../images/news-bottom.gif) no-repeat top;
    float: left;
    display:block;
    list-style: none;
}

#featured-container {
    width: 500px;
    float: left;
    display:block;
    list-style: none;
    margin: 0 0 0 10px;
}

#featured-image {
    width: 150px;
    height: 150px;
    background: url(http://www.it-zvijezda.hr/getimage.php?id=29) no-repeat top;
    float: left;
    display:block;
    list-style: none;
}

#featured-image-border {
    width: 150px;
    height: 150px;
    background: url(../images/bar-image-border.gif) no-repeat top;
    float: left;
    display:block;
    list-style: none;
}

#featured-content {
    width: 350px;
    height: 150px;
    background: url(../images/featured-bg.jpg) no-repeat top;
    float: left;
    font-size: 11px;
    text-align: left;
    display:block;
    list-style: none;
}

#featured-content a{
    width: 340px;
    text-decoration: none;
    padding: 5px;
    float: left;
    font-size: 12px;
    color: #FFF;
}

#main_container {
    width: 930px;
    background: #FFF;
    display:block;
    text-align: center;
    margin: 0 auto; 
}

#content_container {
    width: 930px;
    float: left; 
    display: block;   
    
    text-align: left;
}

#content_container_top {
    width: 930px;
    float: left; 
    display: block;   
    padding: 10px 0px 10px 0px;
    text-align: left;
}

.small_box_container {
    width: 226px;
    float: left; 
    display: block;   
    margin: 0 0 0 14px;
    text-align: left;
    background: url(../1images/small-box-bg.gif) repeat-y bottom;
}

.small_box_top {
    width: 226px;
    height: 35px;
    float: left; 
    display: block;   
    background: url(../images/small-box-top2.gif) no-repeat top;
    text-align: left;
}

.small_box_middle {
    width: 226px;
    float: left; 
    display: block;   
    background: url(../1images/small-box-middle.gif) no-repeat bottom;
    text-align: left;
}

.small_box_middle a{
     padding: 6px 10px 6px 10px;
     margin: 0 0 0 3px;
     font-size: 12px;
     font-weight:bold;
     float:left;
     text-decoration:none;
     border-bottom: 1px solid #DDD;
     width: 200px;
     display:block;
}

.small_box_middle a:hover{
     border-bottom: 1px solid #f4b67c;
}

.small_box_bottom {
    width: 226px;
    height: 14px;
    float: left; 
    display: block;   
    background: url(../images/1small-box-bottom.gif) no-repeat bottom;
    text-align: left;
}

#big_box_container {
    width: 626px;
    float: left; 
    display: block;   
    margin: 0 0 0 12px;
    text-align: left;
    background: url(../1images/big-box-bg.gif) repeat bottom;
}

#big_box_top {
    width: 666px;
    height: 35px;
    float: left; 
    display: block;   
    background: url(../images/big-box-top2.gif) repeat top;
    text-align: left;
}

#big_box_middle {
    width: 666px;
    float: left; 
    display: block;   
    background: url(../1images/big-box-middle.gif) no-repeat bottom;
    text-align: left;
}

#big_box_bottom {
    width: 426px;
    height: 14px;
    float: left; 
    display: block;   
    background: url(../1images/big-box-bottom.gif) no-repeat bottom;
    text-align: left;
}

#footer_container {
    width: 100%;
    float: left; 
    display: block;   
    background: #373737 url(../images/footer-bg.gif) repeat-x top;
    text-align: center;
    padding: 0 0 10px 0;
}

#footer_content {
    width: 927px;
    display: block;   
    text-align: center;
    margin: 0 auto;
    color: #777;
}

#footer_content a{
    width: 220px;
    display: block;   
    text-align: left;
    font-weight: bold;
    padding: 3px;
    color: #777;
}

#footer_content h5{
    float:center;
    width: 230px;
    display: block;   
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    margin: 10px 0 5px 0;
    padding: 0;
    color: #AAA;
}

.news_title {
    font-weight:bold;
    padding: 0;
    width: 666px;
    height: 35px;
    float: left; 
    display: block; 
    color: #FFF;  
    background: url(../images/big-box-top2.gif) repeat top;
    text-align: left;
}

.news_title_text {
    font-size: 12px;
    padding: 9px 0 0 9px;
    margin: 0;
}