@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0;}

body {
	background: #d39c5c url(imgs/bg.jpg);
}
#wrapper {
	background: url(imgs/top.jpg) no-repeat center top;
	width: 100%;
	display: table;
}

#wrapper_projects_1 {
	background: url(imgs/top_projects_texture.jpg) no-repeat center top;
	width: 100%;
	display: table;
}

#wrapper_gallery {
	background: url(imgs/top_gallery.jpg) no-repeat center top;
	width: 100%;
	display: table;
}

#footer {
	background: #ff2c00;
	width: 100%;
	height: 35px;
	display: table;
}

#content {
	width: 850px;
	margin: 0px auto 0;

}
.top {
	width: 850px;
}
.top_img {
	margin-top: 30px;
}
h1 {}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #ffd800;
	background-color:#000;
	padding: 2px 2px 2px 2px;

}

.recognize {
		display: block;
	width: 130px;
	
}

.title_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #ffd800;
	background-color:#d53200;
	padding: 2px 2px 2px 2px;
}

#menu {
	width: 850px;
	margin-top: 27px;
	}


#navlist li
{
display: inline;
list-style-type: none;
padding-right: 8px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight: normal;
}

#selected
{
display: inline;
list-style-type: none;
padding-right: 8px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight: normal;
	color:#fff;
}

#navlist li a:link, #navlist li a:visited, #navlist li a:active {
	text-decoration: none;
	color: #000;
}
#navlist li a:hover {
	text-decoration: underline;
	color: #fff;
}



#txtholder {
	width: 850px;
	margin-top: 50px;
	background-image: url(imgs/vertical_line.gif);
    background-repeat: repeat-y;
    background-position: 488px 0px;
	overflow:hidden;
}

#projects {
	width: 850px;
	margin-top: 50px;
	background-image: url(imgs/vertical_line.gif);
    background-repeat: repeat-y;
    background-position: 618px 0px;
	overflow:hidden;

}

#projects222 {
	width: 850px;
	margin-top: 50px;

	overflow:hidden;

}

#gallery_main {
	width: 850px;
	margin-top: 50px;
	overflow:hidden;

}

#projects_left_col{
	width:640px;
	float:left;
	overflow:hidden;
}

#projects_right_col{
	width:206px;
	float:left;
	overflow:hidden;
}

#projects_right_title{
    margin-bottom:61px;	

}

#projects_menu li
{
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;


}
.ddd {
	background-image: url(imgs/browse_bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#projects_menu_open {
	color: #e80000;
	background-image: url(imgs/browse_bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#projects_menu li a:link, #projects_menu li a:visited, #projects_menu li a:active {
	text-decoration: none;
	color: #000;
}
#projects_menu li a:hover {
	text-decoration: none;
	color: #e80000;
}

#projects_left_title{
    width: 400; 	

}

#projects_flash{
	width: 353px;
	height: 245px;
	float:left;
	margin-right:10px;
	background-image: url(imgs/projects_video_bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#flasch {
	margin-top:3px;
	margin-left:3px;
}


#projects_text{
	width: 343px;
	float:left;
	margin-right:20px;
}

#projects_text_image{
	margin-top:25px;
	margin-bottom:20px;
}


#projects_participants{
	width: 222px;
	float:left;
	margin-right:20px;
}


#projects_gallery {
	float:left;
	width:242px;
	
}

#gallery {
	float:left;
	width:850px;
	
}

.gallery_img {
	margin-right:2px;
	margin-bottom:2px;
	float:left;
}

.gallery_img2 {
	margin-bottom:2px;
	float:left;
}



.projects_img {
	float: left;
	width:121px;
	height:85px;
	background-image: url(imgs/projects_img_bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.projects_img2 {
	float: left;
	width:122px;
	height:85px;
	background-image: url(imgs/projects_img_bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.projects_img3 {
	float: left;
	width:115px;
	height:85px;
	background-image: url(imgs/projects_img_bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.projects_img_thumb {
	margin-top: 3px;
	margin-left:3px;
	
	
}

.cols{
	width: 498px;
	float:left;
	
}
.col_title{
    width: 360; 	
	padding-bottom: 25px;

}
.col2{
	float: left;
	width: 232px;
	padding-right: 12px;

}

.col3{
	float: left;
	padding-bottom: 20px;
	width: 352px;

}

#briefs {
	width: 850px;
	margin-top: 50px;
	background-image: url(imgs/vertical_line.gif);
    background-repeat: repeat-y;
    background-position: 425px 0px;
	overflow:hidden;

}

.briefs_column{
	width: 400px;
	float:left;
}

.briefs_column2{
	margin-left:50px;
	width: 400px;
	float:left;
}

.briefs_title{
    width: 385; 	
	padding-bottom: 25px;

}
.briefs_list li{
	list-style-type: none;
	padding-left:15px;
	margin-top:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-image: url(imgs/b_list.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
}



#participants {
	margin-top: 50px;
	width: 850px;
	overflow:hidden;
}

.participants_column{
	width: 283px;
	float: left;
}

.participants_title{
    width: 400; 	
	padding-bottom: 23px;
}

.participants_list li{
	list-style-type: none;
	padding-left:15px;
	padding-bottom:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-image: url(imgs/b_list.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	padding-bottom: 10px;
	}
	
.p_alt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	padding-bottom: 10px;
	margin-top:15px;
	}
	

a:link {
	color: #e80000;
}
a:visited {
	color: #e80000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #e80000;
}


.separator {
	width: 850px;
	height: 60px;
	background-image: url(imgs/separator.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
}

.grid {
	width: 850px;
	height: 240px;
	background-image: url(imgs/projects_bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
	overflow:hidden;
}

.projects_1 {
	width: 175px;
	height: 135px;
	float: left;
}

.projects_2 {
	width: 178px;
	height: 135px;
	float: left;
	margin-left: 49px;
}

.projects_3 {
	width: 175px;
	height: 135px;
	float: left;
	margin-left: 45px;
}


.pr_txt {
	color:#000;
	margin-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

}

.pr_txt a:link, .pr_txt a:visited, .pr_txt a:active {
	color:#000;
	margin-top: 7px;
	padding-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(imgs/projects_arrow.jpg);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.pr_txt a:hover {
	text-decoration: underline;
	color: #e80000;
	background-image: url(imgs/projects_arrow2.jpg);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}



.linkin1 {
	float:left;
	width: 212px;
}
.linkin li {
	list-style-type: none;
    padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: underline;
	background-image: url(imgs/links.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
}

.linkin_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color:#d53200;
}


.linkin li a:link, .linkin li a:visited, .linkin li a:active {
	text-decoration: underline;
	color: #000;
}
.linkin li a:hover {
	text-decoration: underline;
	color: #e80000;
}





.links_list{
    width: 400; 	
	padding-bottom: 13px;

}

.leaders {
	float: left;
	margin-left:20px;
	width: 210px;
}

.leaders_text {
	float: left;
	display: block;
	width: 60px;
}

.leaders_img {
	float: left;
}

.p_leaders {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	padding-bottom: 10px;
}

#donji {
	margin: 0px auto 0;
	width: 850px;
}

#left_img {
	float:left;
}

#right_img {
	float:right;
}



.projects_txt{
    width: 180; 	
	margin-bottom: 25px;
margin-top: 20px;
}



.project_name{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color:#ff2c00;
	margin-bottom:33px;
}













#lightbox{
	
	}
#lightboxDetails{
	font-size: 12px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}