* { margin: 0 auto; padding: 0; }
body { background-color: #000; background-repeat: repeat-y; background-position: top center; color: #eeeeee; font: 62.5% Verdana, Tahoma, sans-serif; }
html { overflow: scroll; }

.credits { background-image: url(pozadine/credits.jpg); }
.design_brief { background-image: url(pozadine/design_brief.jpg); }
.gallery { background-image: url(pozadine/gallery.jpg); }
.group1 { background-image: url(pozadine/group1.jpg); }
.group2 { background-image: url(pozadine/group2.jpg); }
.group3 { background-image: url(pozadine/group3.jpg); }
.group4 { background-image: url(pozadine/group4.jpg); }
.home { background-image: url(pozadine/home.jpg); }
.interaction_design { background-image: url(pozadine/interaction_design.jpg); }
.links { background-image: url(pozadine/links.jpg); }
.contact { background-image: url(pozadine/contact.jpg); }
.summary { background-image: url(pozadine/summary.jpg); }
.press { background-image: url(pozadine/press.jpg); }

#footer { clear: both; margin: 0 auto; width: 660px; height: 50px; padding-top: 15px; }
#bottomfooter { display: block; float: left; width: 210px; border-bottom: 10px solid #fff; }
#bottomfooter2 { display: block; float: right; width: 420px; border-bottom: 10px solid #fff; }

#kontejner { margin: 0 auto; padding: 0; width: 660px; }

#sidebar { float: left; margin: 85px 0 0 0; padding: 0; width: 210px; }
#logotype { display: block; margin-bottom: 27px; padding-bottom: 15px; border-bottom: 10px solid #fff; }
#sidebar p { font-size: 1.1em; }
#navigacija { list-style: none; list-style-type: none; margin: 0 auto; font-weight: bold; font-size: 1.1em; line-height: 1.9em; }
#navigacija ul { list-style: none; list-style-type: none; }
#navigacija ul { margin: 0 0 10px 10px; font-size: 0.9em;}
#navigacija ul li { padding: 0; margin: 0 auto; }
#navigacija ul li a { padding: 0; margin: 0 auto; color: #eee; }
#navigacija li { padding: 0; margin: 0; list-style-type: none; list-style: none; }
#navigacija a { padding: 0.1em 0.3em 0.1em 0.3em; margin-bottom: 1px; color: #fff; }
#navigacija ul li a { padding: 0.1em 0.3em 0.1em 0.3em; margin-bottom: 1px; color: #fff; }
#navigacija a:hover{ color: #fff; background-color: #00ccff; }	
#navigacija .active { color: #fff; background-color: #00ccff; }	

#content { float: right; margin: 90px 0 0 0; padding: 0; width: 420px;}
#description { display: block; margin-bottom: 27px; padding-bottom: 16px; border-bottom: 10px solid #fff; }

#monoSlideshow { padding: 10px 0px 15px 30px; }

#section { background-color: #fff; color: #333; padding: 32px; }

h1 { font-size: 1.3em; font-family: Arial, Tahoma, sans-serif; padding: 0 0 5px 30px; background: url(bullet.gif) no-repeat 0 5px; }
h2 { font-size: 1.3em; font-family: Arial, Tahoma, sans-serif; padding: 0 0 5px 30px; }


a { color: #00ccff; text-decoration: none; }

#content a { font-style: italic; color: #333; text-decoration: none; }
#content a:hover, #content dd a:hover { color: #00ccff; text-decoration: underline; }

#content strong { color: #00ccff; }

a img { border: none; }

small { font-size: 0.8em; }

#content p { line-height: 1.5em; margin-bottom: 1.0em; font-size: 1.1em; margin-left: 30px; }

#content ol, ul { margin: 0.5em 0 1.2em 70px; font-size: 1.1em; line-height: 1.5em; list-style-type: '-';}	
#content ul { list-style-position: outside; list-style-image: url(bullet_small.gif);}
#content ol li { margin-bottom: 0.2em; }

#gallery { width: 330px; padding: 10px 0px 20px 30px; clear:both; }

.first { border-top: none; padding-top: 0; }
.thumbnail{ margin: 0 15px 15px 0; float: left;  padding: 3px 3px 9px 3px; border: #ccc solid 1px; background-color: #fff;}
.caption { font-size: 0.9em; padding-top: 0.2em; }

.clear  { clear: both; }