* {margin: 0;
}
html, body {height: 100%;
}
body {
	text-align:center;
	margin: 0;
	padding: 0;
	background: #fff url(../images/stripes.jpg) repeat-x;
	font: 62.5% Verdana, Helvetica, Arial, sans-serif;
	color: #444;
}
div, form, ul, h1, h2, h3, h4, h5 { margin: 0; padding: 0;} img, a img { border: none;
}
li{ list-style-type: none;
}
p{
	margin: 0.2em 0 0.8em;
	font-size: 1.4em;
	line-height: 1.3;
}
a, a:active { text-decoration: none; outline: none;}
a:link, a:visited { color: #444;}
p a:link, p a:visited{ color: #666;}
a:hover, a:focus{ color: #666;}
acronym, abbr { cursor: help; border-bottom: 1px dotted #555; }
a.external{ padding-right: 12px; background: url(../images/sprite16.gif) right -105px no-repeat;}
a.external:hover, ul.sitemap li a:hover{ color: #74722C;
}
div#content strong.em, div#content h2, h5, ul.sub-menu{ font-family: 'Century Gothic', "Helvetica Neu", Helvetica, Arial, sans-serif;
}
div#content strong.em{ 
	font-size: 1.8em;
	line-height: 1.1;
	font-weight: bold;
	font-style: normal;
	color: #aaa;
	margin-bottom: 10px;
}
div#content h2, h5{
	font-size:25px;
	font-weight: normal;
	line-height: 1.2;
	color: #9E9D5C;
	height: 32px;
}
div#wrapper{
	margin: 0 auto;
	text-align:left;
	width: 778px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 775px;
}
div#header{ 
	height: 208px; 
	padding-top: 26px; 
	position: relative;
}
div#content{ 
	width: 472px;
	float:right; 
	margin-bottom: 40px;
}
div#header h1{
	font-size: 2.7em;
	width: 290px;
	padding: 56px 0 116px; 
	background: #0D2771 url(../images/sprite-tile.jpg) repeat-x;
	float: left;
}
div#header h1 a{
	width: 246px;
	height: 36px;
	display: block;
	color: #fff;
	background: url(../images/ditdot_dizajn.png) no-repeat;
	text-indent: -909px;
}
#navigation-wrap{ 
	width: 485px;
	height: 174px;
	float:left;
	background-color: #444;
	position: relative;
}
ul#navigation, #flash-menu {
	position:absolute;
	font-size: 1.6em;
	top: 52px;
	left: 16px;
	height:25px;
}
#flash-menu {
	visibility:visible!important;
	background:url(../images/spacer.gif) no-repeat fixed;
	z-index: 1000;
	width: 350px;
	height: 25px;
}
ul#navigation li{ display:inline; color: #fff; letter-spacing:-1px; cursor: default;} 
ul#navigation li a { color: #fff; font-weight:normal; letter-spacing:0; }
ul#navigation li a:hover{ color:#eee;}
ul#navigation li a.current { font-weight: bold;
}
#header ul.languages{ height: 16px; float:right;}
#header ul.languages li{ float:left; font-size: 9px; color: #999;}
#header ul.languages li a{ color: #999;}
#header ul.languages li a:hover{ color: #444;}
#header ul.languages li span{ padding: 0 2px;}
#header ul.languages li a.current{ color: #666;
}
/*..sidebar*/
div#sidebar{ 
	width:290px;
	padding-bottom: 22px; 
	text-align: right;
}
div#teaser{
	height: 230px; 
	display:block; 
	margin-top:3px;
	background: url(../images/teaser1.jpg) no-repeat;
}
div#sidebar h3{
	font-size: 1.6em;
	line-height: 1.0;
	padding: 9px 20px 0 22px;
}
div#sidebar p{
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 0 20px 6px 22px;
	margin: 0;
}
#sidebar div.teaser-text { display:block; cursor: pointer; }
#sidebar div.teaser-text.opaque{ margin: -19px 0 0 10px; position: relative; }
#sidebar div.teaser-text.opaque h3 a{ color: #fff; }
#sidebar div.teaser-text.opaque { 
	color: #fff; 
	background-color: #0B1C49;
	display:block;
	padding-bottom: 6px;
}
div#sidebar div.teaser-text p {	padding-left: 26px; }
/*..submenu*/
ul.sub-menu, h3.sub-title{
	font-size: 18px;
	margin: 4px 0 0;
	border-top: 1px dashed #ccc;
	padding: 2px 0 32px;
	font-style: normal;
}
ul.sitemap li.sub-list{
	margin: 4px 0 0;
	border-top: 1px dashed #ccc!important;
	padding: 10px 0 0;
}
h3.sub-title{ font-weight: normal; color: #444; padding-bottom: 9px;
}
#content ul.sub-menu a{ color: #999; text-decoration: none;}
#content ul.sub-menu a:hover{ color: #444;}
ul.sub-menu li{ color:#999; float:left; font-size: 19px;}
ul.sub-menu li span{ padding: 0 2px; cursor:default;}
#content ul.sub-menu a.current{ color: #444;
}
/*..gallery-wrap*/
div.description h3, div.description h4{
	color: #666;
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: normal;
}
#content #gallery-wrap div.description p{ margin: 0;}
#content.portfolio #gallery-wrap div.description p{ padding-top: 5px;}
#content.portfolio #gallery-wrap div.description h4 a{color: #666; font-weight: bold;}
#content.portfolio #gallery-wrap div.description h4 a:hover,
#content #gallery-wrap div.description p a:hover{ color:#74722C;}
#content.portfolio #gallery-wrap div.description h4 { font-size: 1.5em;}
#content.portfolio #gallery-wrap div.description span{ padding-left: 2px; font-weight: bold;}
#content #gallery-wrap div.description p a{ color: #666; font-weight: bold;}
#content #gallery-wrap div.description p a.external{ font-weight: normal;}
#content div.description { padding: 0 0 32px 0; clear:both; }
#content #gallery-wrap div.description h3{ padding-top:14px; }
#content.portfolio #gallery-wrap div.description h3 {
	font-size: 1.5em;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;
	color: #999;
}
/*..clearfix*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/*..sitemap*/
#content ul.sitemap{ 
	margin-bottom: 10px; 
	list-style-type: none;
	font-size: 1.4em;
}
#content ul.sitemap{
	color: #999;
	font-size: 1.7em;
	line-height: 1.3;
	font-weight: normal;
}
#content ul.sitemap ul{ margin-bottom: 12px;
}
#content ul.sitemap ul li{
	list-style-type:circle;
	margin-left: 17px;
	font-size: 0.8em;
	color: #444;
	margin-bottom: 0px;
}
img.article{ padding-bottom: 9px;}
.float { float: left;}
/*..footah*/
div#footer{
	text-align: center;
	clear: both;
	display: block;
	margin: 0 auto;
	width:770px;
	padding: 5px 0 0;
}
#footer ul{ margin-left: 4px; padding-top:2px}
#footer li{ display: inline; margin-left: -4px; font-size: 1.4em; cursor: default;}
div#footer a{color: #999;}
div#footer a:hover{color: #444;}
div#footer p, div#footer h3{ font-size: 1.4em;}
div#footer h3 span{	font-weight:normal; cursor:default; text-transform:lowercase;
}
/*..sticky footah*/
div#wrapper {
	min-height: 100%;
	height: auto!important;
	height: 100%;
	margin-bottom: -91px;
}
div#push {
	clear: both;
	height: 80px;
}
div#footerwrap {
	height: 80px;
	border-top: 1px dashed #ccc; 
	padding: 10px 0 0; 
	color: #999; 
	padding-bottom: 0;
}
img.message-loader{ margin-top: 5px;
}