/*****************************************
    CSS file for 
    Copyright (c) web.burza.hr
*****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body         {font: 62.5%/1.5 Verdana, Geneva, Kalimati, sans-serif; color: #959595; background: #fff;}
.structural  {position: absolute; top: -9999px; left: -9999px;}
.clear:after, #featured_project_large:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear, #featured_project_large             {display: inline-block;}
.clearfix                                   {clear: both;}
a       {text-decoration: none; color: #fa5a00;}
a:hover {}
#header a,
#sidebar a,
#footer a {text-decoration: none;}
#footer a:hover {color: #fa5a00;}
p, dl, blockquote  {font-size: 1.1em;}
h1, h2, h3         {font-size: 1.3em; font-weight: normal; color: #fa5a00;}
#facts p {visibility: hidden !important;}
#container    {width: 990px; margin: 20px auto; background: transparent url(/css/cssimg/border_horizontal.png) repeat-x left top; position: relative;}
#header       {background: transparent url(/css/cssimg/border_horizontal.png) repeat-x left bottom; padding: 8px 6px 6px; width: 978px;}
#content      {background: transparent url(/css/cssimg/bkg_content.png) repeat-y left top; margin: 6px 9px 8px;}
#main_content {float: right; width: 792px; padding: 0 7px;}
#sidebar      {float: left; width: 142px; padding: 7px 7px 80px 17px;}
#footer       {clear: both; background: transparent url(/css/cssimg/border_horizontal.png) repeat-x left top;}
#logo, #header ul, #claim       {float: left; display: inline;}
#logo                           {margin: 19px 65px 21px 0;}
#header ul, #claim              {background: transparent url(/css/cssimg/border_vertical.png) repeat-y left top; min-height: 110px;}
#claim                          {min-height: 109px;}
#header ul                      {font-size: 1.1em; padding: 3px 0 0; line-height: 1.72em; margin-right: 17px;}
#header li                      {position: relative; left: -4px;}
#header li a                    {color: #959595; padding: 0 18px 0 24px;}
#header li a:hover              {color: #fa5a00;}
#header li.active a,
.homepage_body #nav_home a,
.projects_body #nav_work a,
#body_info_about #nav_firm a,
.people_body #nav_firm a,
.clients_body #nav_firm a,
.awards_body #nav_firm a,
.press_body #nav_firm a,
#body_info_contact #nav_contact a {color: #fa5a00; cursor: default; text-decoration: none; background: transparent url(/css/cssimg/bullet_orange.png) no-repeat left 6px; display: block;}
#claim {font-size: 1.8em; color: #959595; width: 500px; padding: 4px 0 0 22px; line-height: 1.23em;}
.more_link {padding-bottom: 0 !important;}
#main_content_inner    {padding: 60px 290px 5px 13px; position: relative;}
#main_content_inner p  {line-height: 1.7em; padding-bottom: .58em;}
#main_content_inner h1 {padding-bottom: .7em;}
#main_content_inner ul {font-size: 1.1em;}
#featured_news           {background: transparent url(/css/cssimg/border_horizontal.png) repeat-x left bottom; padding: 2px 7px 11px 4px; width: 781px;}
#featured_news h3        {padding: 15px 0 10px 9px; line-height: 1.7em; }
#featured_news h3 span   {display: block; padding-left: 1em;}
#featured_news #media_container   {float: right; margin-left: 18px; width: 527px; height: 290px; text-align: center;}
#featured_news #media_container p {padding-top: 76px;}
#featured_news p         {padding: 0 0 12px 9px; line-height: 1.7em; }
#featured_projects                 {background: transparent url(/css/cssimg/border_horizontal.png) repeat-x left bottom; padding: 6px 0 7px; width: 100%;}
#featured_projects h3 a            {color: #000;}
#featured_projects .inner          {background: transparent url(/css/cssimg/border_vertical.png) repeat-y 258px top; min-height: 144px;}
#featured_projects .inner p        {padding-bottom: .5em;}
#featured_project_small            {float: left; width: 229px; padding: 5px 18px 1px 13px; position: relative;}
#featured_project_small h3         {padding-bottom: .6em;}
#featured_project_small p          {line-height: 1.7em;}
#featured_project_large            {float: right; width: 347px; padding: 2px 10px 0 165px; position: relative;}
#featured_project_large_img        {position: absolute; left: 0; top: 2px;}
#featured_project_large h3         {padding: .3em 0 .7em 0;}
#featured_project_large p          {line-height: 1.7em;}
#body_info_about #main_content_inner     {padding: 0 0 5px 0;}
#body_info_about #story                  {padding: 60px 0 0 13px; float: left; width: 460px;}
#body_info_about #story h2               {padding-bottom: .2em;}
#body_info_about #story p                {}
#body_info_about #main_content_inner img {float: right; margin: 2px 7px 18px 0;}
#body_info_about blockquote {clear: both; margin: 0 7px 15px 13px; line-height: 1.7em;}
#body_info_about #facts {background: transparent url(/css/cssimg/border_horizontal.png) repeat-x left top; padding: 18px 0 6px 10px;}
#body_info_about #facts img {float: left; margin: 0 15px 0 0;}
#body_info_about #facts ul {float: left; margin-right: 20px;}
#body_info_about #facts ul li {background: #fffccc; margin-bottom: 2px; padding: .9em .9em .6em .9em;}
#body_info_about #facts p {color: #000; width: 220px; float: right;}
.highlight {background: #fffccc; padding: 0.4em 0.7em 1em;}
.people_body #main_content_inner    {min-height: 482px; height: auto; -height: 482px;}
.people_body #main_content_inner h1 {padding-bottom: .19em;}
.people_body #main_content_inner p  {padding-bottom: 1.7em;}
#person_photo                       {float: left; margin: 5px 7px 0 0;}
#collective_photo                   {float: left; margin: 5px 15px 0 0;}
.form_container       {width: 500px; padding: 1.5em 0;}
.contact_copy         {width: 200px; }
input, textarea       {border: 1px dotted #808285; font-family: Verdana, Geneva, Kalimati, sans-serif; color: #000; background: #fff; font-size: 1em; padding: .32em .1em; width: 364px;}
textarea              {height: 150px;}
button                {border: none; padding: 0; background: none; margin: 0; cursor: pointer; margin-left: 125px;}
label                 {width: 130px; vertical-align: top; float: left; padding-top: .2em;}
#contact_form         { clear: both;}
#contact_form form    {padding-top: .2em;}
#contact_form form p  {padding-bottom: .9em;}
#contact_form form ul {font-size: 1.1em; list-style-type: disc; list-style-position: inside; padding-left: 1.6em;}
#contact_frm_errors   {background: #fffccc;  margin-bottom: 1.5em; padding: .58em 0;}
#contact_frm_errors p {color: #ff0000; padding-left: .5em;}
#send_success, 
#send_failiure        {background: #fffccc; padding: .58em; margin-bottom: 2.4em; clear: both;}
#send_failiure        {color: #ff0000; font-weight: bold;}
.projects_body #main_content_inner {padding: 2px 7px 3px 13px; margin-bottom: 77px;  min-height: 402px;}
.projects_body dl                  {padding: 0 0 2em 12px; line-height: 1.71em;}
.projects_body dt                  {float: left; padding-right: .35em;}
.projects_body dd                  {padding-bottom: .58em;}
.projects_body #main_content_data  {float: left; padding-top: 58px; width: 220px;}
#project_gallery                   {width: 527px; float: right;}
.projects_body #media_container    {}
#gallery_picker                    {float: left; font-size: 1.13em;}
#gallery_tools                     {padding-top: 7px;}
#gallery_picker li                 {float: left; padding-right: .4em;}
#gallery_picker li a               {color: #000;}
#gallery_picker li a:hover         {color: #fa5a00;}
#gallery_picker li a.active        {color: #fa5a00; text-decoration: none; cursor: default;}
#gallery_downloads                 {float: right; text-transform: uppercase; padding-bottom: 0 !important;}
#gallery_downloads a               {}
#video                             {z-index: 1000;}
.clients_body #main_content_inner       {padding-bottom: 50px; min-height: 437px;}
.column                                 {float: left; line-height: 2.2em;}
.clients_body #main_content_inner .first-child {padding-right: 51px;}
.clients_body a {color: #959595;}
.clients_body a:hover {color: #fa5a00;}
.awards_body #main_content_inner {min-height: 482px;}
.award                           {padding-bottom: 2em;}
.award h2                        {padding-bottom: .17em;}
.award ul                        {padding-left: 1em; line-height: 1.7em;}
.award a                         {color: #959595;}
.award a:hover {color: #fa5a00;}
.press_body #main_content_inner {padding-bottom: 60px; padding-right: 250px; min-height: 427px;}
.press_body #main_content_inner h1 {padding-bottom: 0.2em;}
.presskit {padding-bottom: 2em;}
.presskit p {padding-left: 1em;}
#body_info_contact #main_content_inner {min-height: 481px; padding: 60px 13px 5px;}
.error_body #main_content_inner    {min-height: 437px;}
.error_body #main_content_inner ul {list-style-type: disc; list-style-position: outside; padding-left: 2em;}
#sidebar h2             {font-size: 1.3em; color: #959595; padding-bottom: 1.3em;}
#sidebar h2 span        {display: block; padding-left: .7em;}
#tertiary_nav           {font-size: 1.1em; position: relative; left: -21px;}
#tertiary_nav li        {padding: 0 0 10px 21px; line-height: 1.3em;}
#tertiary_nav a         {color: #959595;}
#tertiary_nav a:hover   {color: #fa5a00;}
#tertiary_nav li.active {color: #fa5a00; cursor: default; text-decoration: none; background: transparent url(/css/cssimg/bullet_orange.png) no-repeat left 4px; display: block;}
#tertiary_nav ul             {padding-bottom: .3em; position: relative; top: -.15em;}
#tertiary_nav ul li          {padding: 2px 0 0 7px;}
#tertiary_nav ul li.active   {background: none;}
#tertiary_nav ul li.active a {color: #fa5a00; cursor: default; text-decoration: none;}
#footer     {padding-top: 3px; position: relative; top: -3px;}
#footer p   {font-size: 1em; text-align: center; padding-bottom: 6px; background: transparent url(/css/cssimg/border_horizontal.png) repeat-x left bottom;}
#footer p a {color: #959595;}
#logo_alt   {position: absolute; top: -44px; left: 31px;}
#carousel_container         {position: absolute; bottom: 30px; right: 18px; background: transparent url(/css/cssimg/border_horizontal.png) repeat-x left top;}
div.jMyCarousel .prev,
div.jMyCarousel .next       {cursor: default;}
div.jMyCarousel .prev       {background: #fff url(/css/cssimg/nav_prev.gif) no-repeat right top; width: 9px; height: 76px; border: 0px; top: 5px !important;}
div.jMyCarousel .prev:hover {background-position: right bottom;}
div.jMyCarousel .next       {background: #fff url(/css/cssimg/nav_next.gif) no-repeat left top; width: 9px; height: 76px; border: 0px; top: 5px !important;}
div.jMyCarousel .next:hover {background-position: left bottom;}
div.jMyCarousel             {padding: 5px 9px 0; clear: both;}
div.jMyCarousel ul          {}
div.jMyCarousel ul li       {margin-right: 11px; line-height: 0px; padding: 0px; float: left; margin-bottom: 11px; }
div.jMyCarousel ul li a     {display: block; }
div.jMyCarousel ul li img   {display: block; border: 0px;}
#dev_nav                     { position: fixed; top: 20px; left: 20px; line-height: 2em; }
.edit-link                   { background: #fff; color: #f00; padding: 1px; margin: 1px; position: absolute; top: 0; right: 0; z-index: 9999 !important; }
#profiling                   { position: absolute; right: 5px; top: 5px; width: 480px; z-index: 9999; font-size: 1.1em; }
#profiling_overview          { text-align: right; color: #000; }
#profiling_overview a        { color: #888; text-decoration: underline; }
#profiling_details           { position: relative; top: -1px; background: #333; border: 1px solid #111; height: 570px; overflow: auto; padding: 10px; }
#profiling_details thead *   { font-weight: bold; color: #999; border-bottom: 1px solid #ccc; text-align: left; }
#profiling_details tbody th,
#profiling_details tbody td  { border-bottom: 1px solid #ccc; padding: 5px 10px; font-weight: normal !important; font-size: 1em !important; }
#profiling_details tbody th  { padding: 5px 10px 5px 2px; text-align: left; }
.diff_col,
.total_col,
#profiling_details tbody td  { text-align: right !important; padding-right: 2px; padding-left: 20px; }
#profiling_details tbody th  { color: #666; }
#profiling_details td span   { display: block; padding-bottom: 2px; margin-bottom: 1px; border-bottom: 1px solid #eee; }
#profiling_details .cool     { color: #70BA0B !important; }
#profiling_details .risky    { color: #FF9000 !important; }
#profiling_details .critical { color: #FF0000 !important; }