html, body , *{ margin: 0; padding: 0; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clearfloat { clear:both; }
.red { clear:both; }

/* Begin Typography & Colors */
body {
	margin: 0; padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, Times, "Times new roman", Serif;
	background: #EEE6F0 url("images/body-background-color.png") repeat left top;
	color: #333;
	text-align: center;
	}

a { color:#4D115D; text-decoration:none; }
a:hover { text-decoration:underline; }

#header { margin: 0; padding: 23px 0 0; background: #4D115D url("images/background-pattern.png") repeat center top; font-size: 1.2em; line-height: 1.6em; }
#header h1#logo a { display: block; margin-left:10px; width: 467px; height: 34px; background: transparent url("images/logo.png") no-repeat left top; overflow: hidden; text-indent: -999px; }
#headwidth { position:relative; width: 760px; margin: 0 auto; text-align: left; } 

#lang_link { position:absolute; right: 10px; top: 7px; color:#A17DAF; font-size:.95em; }
#lang_link:hover { color:#D3A7DF; }

#navigation-hr,
#navigation-en { margin-top: 18px; background: transparent url("images/menu-background-pattern.png") repeat-x left top; }
#main-nav { display:block; position:relative; width: 760px; height: 67px; margin: 0 auto; text-align: left; font-size: .9em; font-weight: bold; }

.menu1 { background: transparent url("images/menu_hr_1.png") no-repeat left top; }
.menu2 { background: transparent url("images/menu_hr_2.png") no-repeat left top; }
.menu3 { background: transparent url("images/menu_hr_3.png") no-repeat left top; }
.menu4 { background: transparent url("images/menu_hr_4.png") no-repeat left top; }
.menu5 { background: transparent url("images/menu_hr_5.png") no-repeat left top; }
.menu6 { background: transparent url("images/menu_hr_6.png") no-repeat left top; }

#navigation-en .menu1 { background: transparent url("images/menu_en_1.png") no-repeat left top; }
#navigation-en .menu2 { background: transparent url("images/menu_en_2.png") no-repeat left top; }
#navigation-en .menu3 { background: transparent url("images/menu_en_3.png") no-repeat left top; }
#navigation-en .menu4 { background: transparent url("images/menu_en_4.png") no-repeat left top; }
#navigation-en .menu5 { background: transparent url("images/menu_en_5.png") no-repeat left top; }
#navigation-en .menu6 { background: transparent url("images/menu_en_6.png") no-repeat left top; }

#main-nav li { display: block; float: left; }
.menu a {
	position: absolute;
	display: block; width: 110px; height: 24px; 
	color: #4D115D; text-indent:-2000px; overflow:hidden;
}

#main-nav .active a,
#main-nav a:hover {
}

/* hr menu */

.menu .item1 a { left: 11px; }
.menu .item2 a { left: 127px; }
.menu .item3 a { left: 244px; }
.menu .item4 a { left: 360px; }
.menu .item5 a { left: 473px; width:117px; }
.menu .item6 a { left: 594px; }

.menu1 .item1 a { width:140px; }
.menu1 .item2 a { top: 4px; }
.menu1 .item3 a { top: 14px; }
.menu1 .item4 a { top: 24px; }
.menu1 .item5 a { top: 32px; }
.menu1 .item6 a { top: 40px; width: 140px; }

.menu2 .item1 a { top: 4px; width:144px;  }
.menu2 .item2 a { top: 47px; width:140px; }
.menu2 .item3 a { top: 14px; }
.menu2 .item4 a { top: 24px; }
.menu2 .item5 a { top: 32px; }
.menu2 .item6 a { top: 40px; width: 142px; }

.menu3 .item1 a { top: 4px; }
.menu3 .item2 a { top: 14px; width:140px; }
.menu3 .item3 a { top: 47px; width:140px;  }
.menu3 .item4 a { top: 24px; }
.menu3 .item5 a { top: 32px; }
.menu3 .item6 a { top: 40px; width: 142px; }

.menu4 .item1 a { top: 4px; }
.menu4 .item2 a { top: 14px;  }
.menu4 .item3 a { top: 24px; width:140px; }
.menu4 .item4 a { top: 47px; width:140px; }
.menu4 .item5 a { top: 32px; }
.menu4 .item6 a { top: 40px; width: 142px; }

.menu5 .item1 a { top: 4px; }
.menu5 .item2 a { top: 14px;  }
.menu5 .item3 a { top: 24px; }
.menu5 .item4 a { top: 32px; }
.menu5 .item5 a { top: 47px; width:140px; }
.menu5 .item6 a { left: 627px; top: 40px; }

.menu6 .item1 a { top: 4px; }
.menu6 .item2 a { top: 14px;  }
.menu6 .item3 a { top: 24px; }
.menu6 .item4 a { top: 32px; }
.menu6 .item5 a { top: 40px; width: 120px; }
.menu6 .item6 a { top: 47px; width:140px;  }

/* en menu */
html {
  overflow: scroll;
  overflow: -moz-scrollbars-vertical;
}


#container {
	width: 760px;
	margin: 0 auto;
	color: #666;
	font-size: 1.3em; line-height: 1.6; text-align: left;
}

#content {
	margin: 30px 0 30px 20px;
}

#primaryContent { width: 480px; float: left; }
#sidebar { width: 240px; float: left; margin-left: 20px; }



/*	sidebar	*/

.blog_info strong { font-variant:small-caps; }

#searchform { margin: 20px 0; background-color: white; padding:0; }
#searchsubmit { float: right; width:60px; padding: 2px 0; border: 0;  background-color: white; color:#4D115D; font-size: .8em; font-family: Georgia, Times, "Times new roman", Serif; text-transform:uppercase; text-align:center;  }
#s { float: left; width:177px; height:18px; border: 0; border-right:1px solid #EEE6F0; color:#777; font-family: Georgia, Times, "Times new roman", Serif; }


#blog_categories,
#recent_posts { margin-bottom: 20px;  }
#blog_categories h2,
#recent_posts h2 { font-size:1em; font-weight:normal; font-variant:small-caps; }
#blog_categories ul,
#recent_posts ul { list-style:none; }
#blog_categories li { color: #EEE6F0; }
#blog_categories li a { color: #777; }
#recent_posts ul li span { display:block; font-size:.9em; }


/*	posts	*/	
.post { margin-bottom: 30px; }
.post h2 { font-weight:normal; }
.postmetadata { margin-bottom: 20px; font-size:.9em; }
.postmetadata em { font-style:normal; }
.postmetadata span { display:block; }

/*	comments	*/
h3#comments,
h3#respond { margin-bottom: 10px; text-transform:uppercase; font-size:.9em; font-weight:normal; }
h3#respond { margin-top:20px; }

.commentlist { list-style: none; }
.commentlist li { margin-bottom: 30px; padding-left: 170px; }
.commentlist .metadata { float:left; margin-left: -170px; }

#commentform p { margin-bottom:10px; }
#commentform input,
#commentform textarea { border:0; padding:2px; color:#777; font-family: Georgia, Times, "Times new roman", Serif; font-size:.9em; }
#commentform #submit { border:1px outset #EEE; background-color:#EEE; }

/*	pages	*/	

.entry p { margin-bottom: 10px; }

.about-us-page { padding-left: 250px; position: relative; }
.about-us-page #results-quote,
.about-us-page #results-quote-hr { display:block; position:absolute; left: -4px; top:0px; width: 220px; height:120px; background: transparent url("images/about-us-quote.png") no-repeat left top; text-indent:-2000px; overflow:hidden; }
.about-us-page #results-quote-hr { background: transparent url("images/o-nama-citat.png") no-repeat left top; }
.about-us-page #contact-madison { display: block; position: absolute; left: 0; bottom: 0; width: 230px; font-size: 0.85em; line-height: 1.3; }
.about-us-page #contact-madison em { color: #4D115D; }
.about-us-page .moto { color: #4D115D; font-size: 1em; font-weight:normal; }
.about-us-page .moto strong { font-variant: small-caps }

.the-power-of-pr-page { padding-left: 250px; padding-top: 20px; position: relative; }
.the-power-of-pr-page h2 { position: absolute; left: 0px; top: -7px; display:block; width: 200px; height:145px; background: transparent url("images/power-of-pr.png") no-repeat left top; color: #4D115D; text-indent:-2000px; overflow:hidden; }
.the-power-of-pr-page h2 em { display: block; font-weight: normal; }
.the-power-of-pr-page h2 strong { display: block; font-weight: normal; font-size: 7em; line-height: 0.77; }
.the-power-of-pr-page h2.hr { height:115px; top:23px; background: transparent url("images/power-of-pr.png") no-repeat left -30px; }

.services-page { padding-left: 250px; position: relative; }
.services-page #services_menu { position: absolute; left: 0; top: 0; width: 230px; }
.services-page #services_menu strong { color: #4D115D; text-transform: uppercase; }
.services-page #services_menu .facts { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; font-style:italic; }
.services-page #services_menu .facts strong { font-variant:small-caps; font-style:normal; font-size:0.9em; }
.services-page ul { margin-left: 10px; list-style:circle; }
.services-page ul li { margin-bottom:0.3em; line-height: 1.4; }
.services-page .section { margin-bottom: 1.6em; }
.services-page strong { color: #4D115D; }
#quick_jump { margin-top: 0.147em; margin-left: 0; list-style:none; }
#quick_jump li { margin-bottom: 0.147em; }
#quick_jump a { color: #4D115D; font-weight:bold; font-variant:small-caps; }

#podrucja { position: relative; }
#podrucja ul { margin-left: 280px; list-style:circle; }
#podrucja ul li { margin-bottom:0.3em; line-height: 1.4; color: #4D115D; }
#podrucja p { position: absolute; left: 0; top: 0; width: 230px; font-style:italic; }

.key-projects-page { padding-left:230px; position:relative; }
.key-projects-page .intro { position:absolute; left:0; top:5px; width:200px; font-size:1.1em; font-style:italic; }
.key-projects-page dl { padding-left:50px; }
.key-projects-page dt { float:left; margin-left:-50px; color: #4D115D; font-weight:bold; }
.key-projects-page dd { margin-bottom: 10px; }
.key-projects-page .present-clients { padding-left:50px; }
.key-projects-page .present-clients strong { margin-left:-50px; color: #4D115D; }

.key-people-page h3 { font-size:.9em; font-weight:normal; font-style:italic; line-height:1.3; }
.key-people-page h3 strong { display:block; color: #4D115D; font-size:1.4em; line-height:1.5; font-weight:normal; font-style:normal; }
.key-people-page .person { float:left; width:185px; height:217px; margin-top: 40px; position:relative; }
.key-people-page .person img { position:absolute; bottom:0; }

/*
.narrowcolumn #contentwidth {
	width: 960px;
	margin: 0 auto;
	}
	
.widecolumn #contentwidth {
	width: 560px;
	margin: 0 auto;
	float: left;
	}
	
*/

body#frontpage { background: #4D115D url("images/background-pattern.png") repeat center top; }
#frontpage #header { background: white none }
#frontpage #navigation-en,
#frontpage #navigation-hr { background: transparent url("images/frontpage-menu-background.png") repeat-x left top; }
#frontpage #navigation-en #main-nav { background: transparent url("images/frontpage-menu-en.png") no-repeat left top; height: 83px; }
#frontpage #navigation-hr #main-nav { background: transparent url("images/frontpage-menu-hr.png") no-repeat left top; height: 83px; }
#frontpage #logo { position:absolute; left:0; top:250px; }
#frontpage #lang_link { top: -7px; }


#frontpage .item1 a { top: 16px; }
#frontpage .item2 a { top: 24px; }
#frontpage .item3 a { top: 34px; }
#frontpage .item4 a { top: 42px; }
#frontpage .item5 a { top: 50px; }
#frontpage .item6 a { top: 57px; }