/* css reset  http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}

html { overflow-y: scroll; }

body { color: #6d5757; background-color: #FFFFFF; font-family: Arial; font-size: 0.6em; }

h1 { background-image: url("images/logo-trans.png"); background-repeat: no-repeat; width: 181px; float: left; }
h1 a { display: block; height: 25px; width: 181px; }
h1 span { display: none; }

a { text-decoration: none; color: #6d5757; }
a:hover { text-decoration: underline; }
p { text-align: left; }
table { margin: 0em; }
th { padding: 0px 0.5em 0.5em 0px; font-weight: bold; }
td { padding: 0px 0.5em 0.5em 0px; }
strong { font-weight: bold; }
img { border: none; }
li { list-style-type: none; }
h2 { font-weight: bold; font-size: 135%; }
h3 { font-weight: bold; font-size: 125%; }
h4 { font-weight: bold; font-size: 115%; }
h5 { font-weight: bold; font-size: 105%; }
h6 { font-weight: bold; }

.cleaner { clear: both; height: 1px; width: 100%; overflow: hidden;}
.inline { margin-right: 5px; display: inline; }
.float_right { float: right; }
/*.arrow { margin-top: 10px; padding: 4px; display: block; background-image: URL('images/arrow.png'); background-repeat: no-repeat; }*/
img.arrow { margin-top: 10px; }
div.padding_left { padding-left: 193px; background: URL('images/dot_proper-trans.png') 182px 5px no-repeat; }

#container { margin: 30px auto 30px auto; width: 925px; border: 1px solid #6d5757; background: URL('images/pozadi.png') top left repeat-y; color: #593D3D; }

#subcontainer { margin: 23px auto 0px auto; width: 875px; }

#header #logo { padding-bottom: 4px; overflow: hidden; background: URL('images/dot-trans.png') bottom right no-repeat; } 
#header #logo #labels { margin: 12px 0px 0px 19px; float: left; width: 650px; border-bottom: 1px solid #beb3b2; color: #909090;}
#header #logo #labels span.outside { margin-right: 90px; float: left; }
#header #logo #labels .outside span { margin-left: 18px; }
#header #logo #labels div.languages { text-align: right; }
#header #menu { margin-top: 26px; padding-left: 24px; font-size: 125%; 
                background: URL('images/dot-trans.png') bottom left no-repeat; }
#header #menu ul { padding: 0px 0px 6px 184px; font-size: 1.3em; background: URL('images/line.png') bottom left repeat-x; }
#header #menu li { margin-right: 30px; display: inline; }
#header #menu ul li a { padding-left: 10px; }
#header #menu ul li a:hover { background: URL('images/dot_proper-trans.png') center left no-repeat; text-decoration: none; }
#header #menu ul li a.active { background: URL('images/dot_proper-trans.png') center left no-repeat; text-decoration: none; }
/*#header #menu ul li a:hover { padding-bottom: 4px; border-bottom: 1px solid #6d5757; text-decoration: none; }
#header #menu ul li a.active { padding-bottom: 4px; border-bottom: 1px solid #6d5757; text-decoration: none; }*/
#header #projects_gallery { padding: 5px 24px; margin-top: 21px; border: 1px solid #beb3b2; background-color: #f4f4f4; }

#header #projects_gallery { padding: 1px 15px 0px 20px; margin-top: 21px; height: 64px; border: 1px solid #beb3b2; background-color: #f4f4f4; position: relative; }
#header #projects_gallery .group { position: absolute; }
#header #projects_gallery a { display: block; float: left; width: 73px; height: 51px; margin: 6px 4px 4px 5px; }
#header #projects_gallery a img { display: block; margin: 0px auto; }
#header #projects_gallery a.inactive { color: #beb3b2; cursor: default; }
#header #projects_gallery a:hover.inactive { text-decoration: none;}

#header #projects_gallery .float_right { padding-top: 18px; text-align: right; overflow: hidden; position: absolute; bottom: 2px; right: 5px; background: URL('images/arrow-trans.png') top right no-repeat; }
#header #projects_gallery .float_right a { margin: 0px; display: block; float: none; height: auto; width: auto; }

#content { padding: 22px 10px 18px 24px; background-color: #f4f4f4; border: 1px solid #beb3b2; min-height: 278px; /*278px*/; }
.corner_bottom_right { background: #f4f4f4 url('images/corner_bottom_right.png') bottom right no-repeat; }
#content p { margin: 3px 0px; }
#content img { margin: 0px 20px; }
#content strong { font-weight: bold; }
#content em { font-style: italic; }

#content .box_profiles { overflow: hidden; }
#content .box_profiles div.profile_photos { float:left; width: 115px; }
#content .box_profiles .profile_photos a { padding: 0px; margin: 0px 3px 3px 0px; border: 1px solid #F4F4F4; display: block; float: left; }
/*
#content .box_profiles .profile_photos a:hover { border: 1px solid #89C748; }
#content .box_profiles .profile_photos a.active { border: 1px solid #89C748; }
*/
#content .box_profiles .profile_photos img { display: block; margin: 0px; }
#content .box_profiles div.profile_names { padding-left: 70px; float: left; width: 158px; line-height: 160%; font-weight: bold; }
#content .box_profiles .profile_names a { padding-left: 8px; }
#content .box_profiles .profile_names a:hover,
#content .box_profiles .profile_names a.active,
#content .box_profiles .profile_names a.temporary_active { background: URL('images/dot_proper-trans.png') center left no-repeat; }
#content .box_profiles .profile_names a:hover { text-decoration: none; }
#content .box_profiles .profile_text { float: left; width: 482px; }
 
#content #box_project { margin-top: 5px; }
#content #box_project .image_thumbs { margin: 0px 7px 3px 0px; float: left;  border-color: #beb3b2; border-style: solid; border-width: 1px 0px 0px 1px; }
#content #box_project .image_thumbs .inside { margin: 8px 0px 0px 8px; }
#content #box_project .image_thumbs a { display: block; margin: 4px 0px 0px 0px; padding: 0px; }
#content #box_project .image_thumbs a img { display: block; margin: 0px; padding: 0px; }
#content #box_project .image_main { float: left; margin: 0px 30px; padding: 0px; width: 386px; height: 268px; overflow: hidden; }
#content #box_project .image_main img { margin: 0px auto; display: block; }
#content #box_project .description { margin-left: 517px; padding-bottom: 15px; }

#footer { margin-bottom: 0.5em; text-align: right;  }
#footer span { margin-left: 15px; }