* { margin: 0; padding: 0; }
a { text-decoration: none; }
a:link, a:visited, a:active { outline: none; color: #003366; }
a:hover,
a.on { color: #9ea5ac !important; }
ul { list-style: none; }
img { border: none; }
fieldset { border: none; }
body { background: #ccd6e0; }

/* TYPO & TYPO COLORS */
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
p { margin: 15px 0 22px 2px; }
span.sup { font-size: 9px; position: absolute; margin-top: -3px; }
/* header */
#header dd,
#header dd a { font-size: 10px; color: #003366; }
#header ul li a { color: #fff; }
#header ul li a.on,
#header ul li a:hover,
#header ul li a:hover { font-weight: bold; color: #fff !important; }
#header ul li.offer a:hover,
#header ul li.offer:hover a,
#header ul li.offer.over a { color: #003366 !important; font-weight: bold; }
#header ul ul a { color: #003366 !important; }
#header ul li.offer li a,
#header ul li.offer li a:hover { color: #003366 !important; font-weight: normal !important; }
#headgallery { font-size: 10px; font-weight: bold; color: #91adc2; font-family: Arial, Helvetica, sans-serif; }
/* content */
h2 { color: #003366; font-size: 14px; font-weight: bold; }
#innercontent h2 { line-height: 20px; }
h3 { color: #003366; font-size: 11px; font-weight: bold; line-height: 14px; }
#sidebar ul li a { color: #003366;}
#sidebar ul li a:hover,
#sidebar ul li.on a { color: #666 !important; font-weight: bold; }
#content { line-height: 16px; }
#recent img { float: left; }
#recent dl.big { height: 111px; padding: 0;  width: 170px; overflow: hidden; }
#recent dl.big dt,
#recent dl.big dd { padding-left: 15px;}
#recent dt { font-size: 16px; font-weight: bold; }
#recent dd.precentage { color: #003366; font-size: 30px; }
#recent dd.status { color: #003366; font-weight: bold; }
.home p { margin: 15px 0 11px 2px; }
#search { color: #333; }
#search label { font-size: 10px; }
#search select,
#search input,
#queryPopup .txt,
#queryPopup textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#innernav li a { color: #fff; font-size: 12px; font-weight: bold; line-height: 12px; }
#innernav li.on a,
#innernav li a:hover,
a.pdf { color: #003366 !important; }
#gallery .transp_caption { font-weight: bold; color: #033333; }
#gallery .caption { color: #42688e; line-height: 12px; }
#reference dt, #searchrez dt { font-weight: bold; }
#contactform input.text, #contactform textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#sidebar #searchbox span,
#searchrez dd .caption a { font-weight: bold; }
#searchrez dd .caption { color: #003366 !important; }
#searchrez dd .imgbox em { font-weight: bold; font-style: normal; font-size: 14px; color: #ff9900 !important; }
#sidebar dd { color: #333; }
#searchbottombar a { text-decoration: underline; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
/* footer */
#footer,
#footer a, #footer a:visited { color: #777; font-size: 10px; }
#footloc { word-spacing: 1px; }

/* HEADER */
#header { width: 720px; background: #fff; margin: 0px auto; padding-top: 25px; border-bottom: 1px solid #fff; }
h1 { padding: 0 0 25px 17px; display: block; }
#header dl { background: #e5eaef; display: block; text-align: right; padding: 3px 11px 4px 0; }
#header dd { display: inline; }
/* header nav */
#header ul { height: 28px; background: #003366; clear: both; }
#header ul li { display: block; float: left; padding-top: 6px; }
#header ul li a { padding: 1px 0px 4px 0; display: block; text-align: center; border: 1px solid #003366; border-bottom: none; }
#header ul li.home { width: 83px; }
#header ul li.offer { width: 64px; }
#header ul li.about { width: 61px; }
#header ul li.ref { width: 82px; }
#header ul li.contact { width: 64px; }
#header ul li.offer:hover a,
#header ul li.offer.over a { border: 1px solid #fff; border-bottom: none; background: #e5eaef; filter: alpha(opacity=94); -moz-opacity: 0.94; opacity: 0.94; }

/* header nav dropdown */
#header ul li span,
#header ul li ul { display: none; }
#header ul li:hover span,
#header ul li.over span { position: absolute; z-index: 6000; background: url(../images/BKGspantopnav.gif) top left no-repeat; filter: alpha(opacity=94); -moz-opacity: 0.94; opacity: 0.94; padding-top: 3px; display: block; width: 169px; overflow: visible; }
#header ul li:hover ul,
#header ul li.over ul { display: block; height: auto; border: 1px solid #fff; border-top: none; background: #e5eaef; /*filter: alpha(opacity=94); -moz-opacity: 0.94; opacity: 0.94;*/ width: 165px; padding-left: 2px; overflow: hidden; }
#header ul ul li { display: block; clear: left; width: 165px; padding: 0; }
#header ul ul li a,
#header ul li.offer:hover ul a,
#header ul li.offer.over ul a { border: none; border-bottom: 1px solid #fff; text-align: left; padding: 7px 0 5px 10px; }
#header ul ul li.last a,
#header ul li.offer:hover ul li.last a,
#header ul li.offer.over ul li.last a { border: none; }

/* HEAD GALLERY */
#headgallery_wrapper { background: #003366; }
#headgallery { width: 718px; margin: 0px auto; border: 1px solid #fff; border-top: none; background: url(../images/BKGheadgall.jpg) top right no-repeat; overflow: hidden; }
#headgallery img { float: left; }
#headgallery span { display: block; text-align: right; margin: 144px 9px 0 0; }
#headgallery span#photo_number { margin: 0; display: inline; }
#headgallery em { display: block; text-align: right; margin: 6px 9px 0 0; }
#headgallery em a { cursor: pointer; }
#headgallery em img { float: none; margin-left: 2px; }

/* CONTENT */
h2 { display: block; margin: 24px 0 16px 2px; }
#sidebar h3 { display: block; text-align: left; padding: 12px 0 5px 0; }
#sidebar div h3 { background: #fff; display: block; text-align: left; margin-right: 2px; padding: 12px 0 5px 10px; }
#content { width: 718px; padding: 0 1px; margin: 0px auto; background: url(../images/BORDERver1.gif) top left repeat-y; overflow: hidden; }
#sidebar { width: 169px; float: left; padding: 0 0 25px 10px; }
#sidebar .zoom { position: absolute; margin: 144px 0 0 158px; *margin: 145px 0 0 -20px; display: block; }
#sidebar div { overflow: hidden; background: url(../images/BKGtopsidebar.jpg) bottom left no-repeat; margin-left: -10px; padding-bottom: 1px; text-align: center; }
#sidebar div img { margin: 0; padding: 0; float: left; }
#sidebar ul li { display: block; width: 160px; padding: 5px 0 3px 0; background: url(../images/BORDERhor.gif) bottom left repeat-x; }
#sidebar ul li a { background: url(../images/BKGsidebarOFF.gif) left 2px no-repeat; padding-left: 7px;}
#sidebar ul li a:hover,
#sidebar ul li.on a { background: url(../images/BKGsidebarON.gif) left 2px no-repeat; }
/* home */
#content.home { background: url(../images/BORDERhome.gif) top left repeat-y; }
#recent { width: 337px; float: left; padding: 0 10px; background: #fff url(../images/BKGgradient1.gif) top left repeat-x; overflow: hidden; }
#recent img { border: 1px solid #fff; float: left;  }
#recent dl { display: block; padding-left: 180px; }
#recent dd { display: block; }
#recent dd.marg { margin-bottom: 15px; }
#recent dd img { float: none; border: none; margin-top: 13px; }
#recent dd.precentage { text-align: right; margin-bottom: 5px;}
#recent dd.status { text-align: right; }

#slidebox { clear: both; background: #cecdcd url(../images/BKGslidebox.gif) top left repeat-x; height: 64px; margin-left: -10px; width: 347px; padding-left: 10px; }
#slidebox a { padding: 20px 6px 0 0; display: block; float: left;  cursor: pointer; }
#slidebox a:hover,
#slidebox a.on { background: url(../images/BKGslideboximg.gif) 18px top no-repeat !important; }
#slidebox a:hover img,
#slidebox a.on img { filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
#slidebox a.button { padding: 0; }
#slidebox a.button img { border: none; margin: 23px 0 0 7px; }
#slidebox a.button:hover img,
#slidebox a.button:hover,
#slidebox a.button.on img,
#slidebox a.button.on { filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; background: none; }

#textbox { width: 167px; float: left; padding: 0 6px 0 10px; }
#textbox .more { display: block; margin: 0 0 11px 2px; }
#searchbox { width: 168px; float: left; padding: 0 0 0 10px; background: #fff url(../images/BKGgradient.gif) top left repeat-x !important; text-align: left !important; }
/* popup */
#popup, #inner_popup { background: #e8e8e7 url(../images/BKGpopout.gif) top left repeat-x; position: absolute; z-index: 1000; width: 526px; border: 1px solid #ccc; margin: 23px 0 0 174px; *margin: 23px 0 0 -543px; visibility: hidden; text-align: center; overflow: hidden; }
#inner_popup { margin: 23px 0 0 150px; *margin: 23px 0 0 -570px; }
#popup a, #inner_popup a { cursor: pointer; float: right; margin: -10px 6px 0 0; }
#popup img, #inner_popup img { padding: 10px 0 15px 0; }
#popup h2, #inner_popup h2 { margin: 0 0 5px 10px; float: none; display: block; text-align: left;  }

/* query popup */
#queryPopup           { position: absolute; z-index: 1000; width: 506px; padding: 10px; border: 1px solid #ccc; top: 0; left: 0; background: #fff; margin: 50px 0 0 -15px; }
#queryPopup h2        { margin: 0 0 10px 0; }
#queryPopup .box      { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden; zoom: 1; padding: 10px 0; margin-bottom: 15px; }
#queryPopup .box div  { overflow: hidden; zoom: 1; }
#queryPopup .box img  { float: left; margin: 0 10px 0 0; }
#queryPopup .box h3   { margin-bottom: 10px; }
#queryPopup form      { overflow: hidden; zoom: 1; }
#queryPopup fieldset  { float: left; width: 250px; }
#queryPopup label     { display: block; clear: left; margin-bottom: 3px; }
#queryPopup form div  { overflow: hidden; zoom: 1; margin-bottom: 5px; }
#queryPopup div label { float: left; clear: none; margin-right: 10px; }
#queryPopup .radio    { float: left; margin-right: 4px; }
#queryPopup .txt      { padding: 1px; border: 1px solid #cecdd1; width: 226px; margin-bottom: 5px; }
#queryPopup .error    { background: #ffc8c8; }
#queryPopup textarea  { padding: 1px; border: 1px solid #cecdd1; width: 246px; height: 179px; margin-bottom: 5px; }
#queryPopup .button   { float: right; margin: 10px 10px 0 10px; cursor: pointer; *display: inline; }
#popup_iframe         { display: none; }

/* inner pages */
#innercontent { width: 539px; float: left; }

#innernav { margin: 30px 0 0 10px; border-bottom: 1px solid #e8ebee; *overflow: hidden; height: 41px; width: 522px; }
#innernav li a { float: left; background: #006094 url(../images/BKGinnernavOFF.gif) top left repeat-x; display: block; width: 83px; height: 27px; margin-top: 4px; padding: 8px 5px 1px 12px; border: 1px solid #e8ebee; }
#innernav li.first a { position: relative; left: 0px; }
#innernav li.second a { position: relative; left: -1px; *top: -16px; }
#innernav li.third a { position: relative; left: -2px; *top: -32px; }
#innernav li.fourth a { position: relative; left: -3px; *top: -48px; }
#innernav li.fifth a { position: relative; left: -4px; *top: -64px; }
#innernav li.on a { border: 1px solid #e8ebee; border-bottom: none; padding: 9px 5px 0 12px; height: 32px; margin-top: 0; background: #fff url(../images/BKGinnernavON.gif) top left repeat-x; }
#innernav li a:hover { border: 1px solid #e8ebee; padding: 9px 5px 0 12px; height: 31px; margin-top: 0; background: url(../images/BKGinnernavON.gif) top left repeat-x; }
#innernav li.on a:hover { border-bottom: none; padding: 9px 5px 0 12px; height: 32px; background-color: #fff; }

#innerwrapper { border: 1px solid #e8ebee; border-top: none; margin: 0 0 20px 10px; width: 498px; overflow: hidden; padding: 1px 12px 30px 10px; }
#innerwrapper span.download { display: block; text-align: right; margin: 7px 8px 0 0; }
a.pdf { background: url(../images/ICONpdf.gif) left 1px no-repeat; padding: 1px 0 1px 20px; margin-left: 5px; }

#detail_page { display: block; text-align: right; padding: 10px 0 5px 0; }
#detail_page a { margin: 0 7px 0 5px; }

#innerwrapper.gallery { padding: 1px 0 3px 0; width: 520px; }
#gallery { overflow: hidden; margin: 11px 0 10px -7px; height: 1%; width: 516px; border-top: 1px dotted #CCCDCE; }
#gallery li { display: block; float: left; width: 171px; border-right: 1px dotted #CCCDCE; border-bottom: 1px dotted #CCCDCE; height: 141px; overflow: hidden; }
#gallery li a { display: block; height: 115px; text-align: center;  }
#gallery li.last { border-right: none; }
#gallery .transp_caption { position: absolute; text-align: left; display: block; height: 18px; width: 157px; margin-top: -25px; *margin: 120px 0 0 -175px; background: #fff; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; text-align: left; padding: 3px 0 0 15px; }
#gallery .transp_caption.sold { font-size: 14px; color: #ff9900 !important; position: absolute; text-align: left; display: block; height: 18px; width: 160px; margin: -20px 0 0 0; background: #fff; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; text-align: left; padding: 3px 0 0 10px; }
#gallery .caption { height: auto; text-align: left; display: block; clear: both; background: url(../images/BKGarrow.gif) left 2px no-repeat; padding-left: 15px; margin-left: 10px; }
#gallery .caption.nolink:hover { color: #003366;  }

#gallerydetailwrapper { background: url(../images/BORDERhor.gif) bottom left repeat-x; overflow: hidden; padding-bottom: 10px; height: 1%; }

#gallery.detail { width: 156px; margin-right: 7px; float: left; clear: none !important; overflow: hidden; }
#gallery.detail li { float: none; height: auto;  width: 155px; text-align: center; background-color: #fff; overflow: hidden;}
#gallery.detail li img { width: auto;  margin: 0px auto; }
#gallery.detail li span { display: block; width: 147px; text-align: left;  padding: 14px 0 15px 8px; }
#gallery.detail li a { padding: 1px 0 1px 20px; height: auto; text-align: left; }

#bigimgcontainer { float: left; clear: none !important; width: 343px; text-align: center; overflow: hidden; padding-bottom: 10px; margin-top: 11px; height: 1%; }
.zoom { cursor: pointer; }
#bigimgcontainer .zoom { position: absolute; display: block; margin: 280px 0 0 340px; *margin: 280px 0 0 336px; }

ul.type2 { margin: 11px 0 10px -9px;  width: 520px; border-top: none !important; }
#gallery.type2 li { border: none; padding: 0 1px 3px 0; }
#gallery.type2 li a .transp_caption {  margin-top: -21px; *margin: 120px 0 0 -175px; background: #fff; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; text-align: left; padding: 3px 0 0 15px; }

#innercontent h2 { margin-left: 9px; }

#chart { width: 270px; margin: 0 5px 16px 9px; }
#chart th, #chart td { vertical-align: top; text-align: left; border-bottom: 5px solid #fff; padding: 1px 3px 1px 3px; }
#chart td { background: #f5f7f9; width: 35px; }
#chart td.right, #chart th.right { text-align: right; padding-right: 7px; vertical-align: bottom; }
#chart td.right span, #chart th.right span { position: absolute; margin-top: -3px; font-size: 10px; }
#chart td.middle, #chart th.middle { width: 175px; }
#chart td.middle span, #chart th.middle span { display: block;  font-size: 10px; }
#chart th { background: #e5eaef; }
#chart tr.final th { color: #003366; }
#chart td.textcell { width: 210px; background: none; padding: 0 0 0 17px; }

.query { display: block; color: #003366; cursor: pointer; padding-left: 16px; background: url(../images/quary.gif) left 2px no-repeat; margin: 0 0 20px 12px; *position: relative; float: left; *height: 1%; }
p.rightext { float: right; width: 210px; display: block; margin: 0px 10px 20px 0px; }

.normaltxt { margin: 0 0 20px 10px; width: 325px; }
.imgright { float: right; clear: right; margin: 0 9px 10px 0; }

#reference { width: 515px; margin: 0 0 2px 10px; }
#reference dt { background: #f6f6f6; padding: 4px 0 2px 4px; }
#reference dt span { margin-left: 392px; }
#reference dd { background: #fff url(../images/BORDERhor.gif) top left repeat-x; padding: 10px 0 10px 4px; overflow: hidden; clear: left; height: 1%; }
#reference dd img { float: left; }
#reference dd p { float: left; width: 240px; padding: 0 12px 0 18px; display: block; margin: 0; }

#contactdata { padding-left: 10px; float: left; width: 200px; }
#contactdata .marg { margin-top: 10px; }

#sidebar #searchbox { padding: 5px 0 50px 10px; float: none; width: 167px; }
#sidebar dl { background: #cdcccd; margin: 0 0 2px -10px; padding: 0 0 15px 10px; width: 167px; }

#searchtopbar { display: block; margin: 0 0 13px 10px; }
#searchrez { width: 515px; margin: 0 0 2px 10px; }
#searchrez dt { background-color: #f6f6f6 !important; padding: 4px 0 2px 4px; }
#searchrez dt, #searchrez dd { background: url(../images/BORDERhordark.gif) bottom left repeat-x; }
#searchrez dd { padding: 0 0 1px 0; overflow: hidden; clear: left; height: 1%; }
#searchrez dd .imgbox { float: left; padding: 3px 1px 0 0; display: block; width: 152px; height: 138px; overflow: hidden; background: url(../images/BORDERver.gif) top right repeat-y; text-align: center; }
#searchrez dd .imgbox em { display: block; text-align: left; padding: 3px 0 0 10px; }
#searchrez dd .caption { display: block; float: left; width: 188px; padding: 22px 0 16px 20px; }
#searchrez dd .caption a { background: url(../images/BKGarrow.gif) left 3px no-repeat; padding-left: 15px; display: block; }
#searchrez dd .captionsmall { display: block; float: left; width: 188px; background: url(../images/BORDERhor.gif) top left repeat-x; padding: 10px 0 8px 16px; }
#searchbottombar { display: block; text-align: right; margin: 13px 12px 35px 0; }
#searchbottombar a { text-decoration: underline; margin: 0 10px 0 0; }
#searchbottombar a.button { margin: 0 0 0 6px; }
#searchbottombar a.button img { vertical-align: middle; }
#searchbottombar a.button.off img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

/* FORMS */
#search span { margin-bottom: 6px; display: block; }

#search select { width: 157px; padding: 1px; border: 1px solid #cecdd1; margin-bottom: 6px; }
#search fieldset.select { margin-bottom: 10px; *margin-bottom: 7px;  }
#search fieldset.input label { display: block; float: left; margin: 0 2px; *margin: 3px 2px 0 2px; }
#search fieldset.input label.sup { margin-top: -3px; }
#search fieldset.input input { display: block; float: left; margin: -3px 0 10px 0; *margin: 0px 0 10px 0; }
#search .first { width: 58px; display: block; float: left; margin: 0; }
#search input.text { padding: 1px; border: 1px solid #cecdd1; width: 27px; }
#search input.big { padding: 1px; border: 1px solid #cecdd1; width: 72px; }
#search fieldset.check { margin-top: 12px; }
#search fieldset.check input { display: block; float: left; clear: left; padding: 0px 5px 6px 0; *margin-top: -2px; }
#search fieldset.check label { display: block; float: left; margin: 0 0 1px 2px; *margin: 0 0 0 0; }
#search .button { padding: 13px 12px 0 0px; float: right;}

#contactform { display: block; float: right; width: 240px; padding: 0 40px 20px 0; *padding: 0 40px 0px 0;  }
#contactform label { display: block; }
#contactform label em { color: #FF9900;}
#contactform input.text,
#contactform textarea { width: 230px; padding: 1px; border: 1px solid #cecdd1; margin: 1px 0 7px 0; }
#contactform .button { float: right; margin: 14px 5px 0 0; }
#contactform button { float: right; margin: 13px 5px 0 0; *margin: 12px 5px 0 0; background: none; border: none; cursor: pointer; }

/* FOOTER */
#footer { width: 708px; margin: 0px auto; background: #fff url(../images/BORDERhor.gif) top left repeat-x; padding: 18px 0 8px 12px; }
#footer ul { margin: 0 0 10px 0px; }
#footer li { display: inline; }
#footer li a { padding: 0 1px 0 0; }
#footloc a { text-decoration: underline; }
/* DIMEDIA SIGN */
#sign { margin: 0px auto; margin-top: 1px; width: 695px; padding: 4px 0 4px 25px; background: url(../images/BKGpattern.gif) top left repeat; }
#sign a { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; color: black; }
#sign a:hover { color: red; }
#sign span { color: red; }

/******** EXTA JS DJIDE mIDJE ***********/
#projekt_num { display: none; }
.none{display:none;}

#overlay    { background: #000; position: absolute; display: none; top: 0; left: 0; cursor: pointer; }
#flashPopup { position: absolute; top: 100px; display: none; background: #fff; width: 640px; }
#flashPopup img { float: right; margin: 10px; cursor: pointer; }