html {width: 100%; height: 100%;}
* {margin: 0px; padding: 0px;}
img {border: none}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #888888;
}
a {text-decoration: none; color: #888888;}

.web {color: #f19114;} /*orange*/
.logo {color: #89b588;} /*green*/
.photo {color: #5ab0c6;} /*blue*/
.various {color: #c27192;} /*pink*/

/* STIL ZA GLAVNI KONTEJNER (sadrzi sve osim footer-a) */
#container {
	position: relative;
	margin: 0px auto 0px auto;
	width: 960px;
	height: 548px;
	text-align: left;
}
#senka {
	position: absolute;
	bottom: 0px; right: 0px;
	width: 916px; height: 545px;
	background-color: #000000;
	filter: alpha(opacity=40); -moz-opacity: .4; opacity: .4; -khtml-opacity: 0.4;
}

/*sadrzi sve osim senke*/
#content {
	position: absolute;
	top: 0px; left: 0px;
	width: 956px; height: 545px;
}

/* prostor za prikazivanje radova */
#work_space {
	position: absolute;
	top: 0px; left: 156px;
	width: 800px; height: 545px;
	background-color: #eeeeee;
	background-image: url(../common_images/work_bg.jpg);
}
#loading_work {
	position: absolute; top: 270px; left: 365px;
}

/* prostor za prikaz opisa rada */
#description_box {
	position: absolute;
	bottom: 10px; right: 10px;
	text-align: right;
	color: #333333;
}
#description_box h2 {font-size: 12px; font-weight: bold; padding: 1px 3px 0px 3px; color: #222222;}
#description_box p {display: block; padding: 1px 4px 0px 4px;}

span.napomena {
	font-size: 10px;
}

/* box sa naslovima sekcija */
#section_title_box {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 39px;
	overflow: hidden;
	/*height of the box is applied via JS;
	web:167px; logo:168px; photo:189px; various:113px;*/
}
#section_title_box h1 img {position: relative; top: 0px; /*left is applied via JS; values: 0, -39, -78, -117px*/}

/*MENU ZA NAVIGACIJU KROZ GALERIJU*/
#works_menu_box {
	position: absolute;
	top: 0px; left: 39px;
	height: 545px; width: 113px;
	border-left: solid 4px #333333;
	background-color: #333333;
	text-align: right; font-size: 11px; font-weight: bold; letter-spacing: 0.01em;
}
.single_menu {position: absolute; bottom: 6px;}
.single_menu ul {list-style-type: none;}
.single_menu ul li {margin-top: 4px;}
.single_menu ul li a {padding: 0px 2px 0px 3px; color: #ffffff;}

#web_menu.single_menu ul li a {background-color: #f19114;}
	#web_menu.single_menu ul li a:hover {border: solid 1px #f19114;}
#logo_menu.single_menu ul li a {background-color: #89b588;}
	#logo_menu.single_menu ul li a:hover {border: solid 1px #89b588;}
#photo_menu.single_menu ul li a {background-color: #5ab0c6;}
	#photo_menu.single_menu ul li a:hover {border: solid 1px #5ab0c6;}
#various_menu.single_menu ul li a {background-color: #c27192;}
	#various_menu.single_menu ul li a:hover {border: solid 1px #c27192;}
/*
#web_menu.single_menu ul li a:hover, #logo_menu.single_menu ul li a:hover, #photo_menu.single_menu ul li a:hover, #various_menu.single_menu ul li a:hover {border-right: solid 1px #333333; border-bottom: solid 1px #333333;}
*/

/* STIL ZA FOOTER (GLAVNA NAVIGACIJA) */
#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 31px;
	overflow: visible;
	width: 100%;
	background-image: url(../common_images/dodatak_meniju.gif);
	background-repeat: repeat-y;
	background-position: 25px top;
}
#footer a {	display: block;	position: absolute;	top: 0px; height: 27px;}
#footer a:hover {height: 37px; top: -10px;}

#footer a#web_link {
	left: 25px;
	width: 112px;
	background-color: #f19114; background-image: url(../common_images/menu_sprite.jpg);
	background-repeat: no-repeat; background-position: 0px top;	
}
#footer a#logo_link {
	left: 141px;
	width: 113px;
	background-color: #89b588; background-image: url(../common_images/menu_sprite.jpg);
	background-repeat: no-repeat; background-position: -112px top;	
}
#footer a#photo_link {
	left: 258px;
	width: 126px;
	background-color: #5ab0c6; background-image: url(../common_images/menu_sprite.jpg);
	background-repeat: no-repeat; background-position: -225px top;	
}
#footer a#various_link {
	left: 388px;
	width: 78px;
	background-color: #c27192; background-image: url(../common_images/menu_sprite.jpg);
	background-repeat: no-repeat; background-position: -351px top;	
}

#black_links {
	position: absolute; bottom: 0px; right: 25px;
	width: 152px; ;height: 31px;
	background-image: url(../common_images/dodatak_meniju_2.gif);
	background-repeat: repeat-y;
	background-position: 0px top;
}
#footer a#home_link {
	right: 0px;
	width: 66px;
	background-color: #000000; background-image: url(../common_images/menu_sprite.jpg);
	background-repeat: no-repeat; background-position: -429px top;	
}
#footer a#contact_link {
	right: 70px;
	width: 82px;
	background-color: #000000; background-image: url(../common_images/menu_sprite.jpg);
	background-repeat: no-repeat; background-position: -495px top;	
}

/* BACKGROUND CHOOSER */
#background_box {
	position: absolute;
	top: 2px;
	right: 2px;
	
	background-color: transparent;
	
	width: 116px;
	padding: 1px 2px 0px 2px;
	
	display: block;
	overflow: hidden;
	
	color: #222222;
	font-size: 10px;
	text-align: center;
	
	filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6; -khtml-opacity: 0.6;
}
#background_box:hover {filter: alpha(opacity=99.999); -moz-opacity: .999; opacity: .999; -khtml-opacity: .999;}
#bg_menu_title {background-color: #eeeeee; display: block; width: 100%;}

#bg_list {
	list-style-type: none;
	margin-top: 3px;
}
#bg_list li a {
	display: block;
	background-color: #333333;
	border: solid 1px #000000;
	margin-bottom: 2px;
	color: #eeeeee;
}
#bg_list li a:hover {
	background-color: #eeeeee;
	border: solid 1px #000000;
	color: #111111;
}