/* RESET */

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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background-repeat: no-repeat;}

:focus { outline: 0;}
body { line-height: 1; color: #000; background: #fff;}
ol, ul { list-style: none;}

table { border-collapse: collapse; border-spacing: 0;}

caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

/* GENERAL */
body { bacxkground-image: url(../img/bg/body.jpg); background-repeat: repeat; font-family: Arial, Verdana; font-size: 11px; color: #707070;}
a { color: #006f53; text-decoration: underline;}
a:hover { color: #fe921c;}
.hidden { display: none;}
img.floater { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #666;}
img.right_floater { float: right; margin-right: 0; margin-left: 10px; border: 1px solid #666;}
.borderfree { border-style: none !important;}

/** DEFAULT TEMPLATE **/
body.default #page { width: 830px; margin-left: auto; margin-right: auto; background-color: #fff; overflow: hidden;}
body.default #page #header { width: 100%; height: 310px; overflow: hidden; margin-top: 46px; position: relative;}
body.default #page #header #visual { width: 100%; height: 310px; position: absolute; left: 0; top: 0; z-index: 1;}
body.default #page #header #logo { width: 165px; height: 98px; position: absolute; z-index: 2; left: 0; top: 104px;}
body.default #page #header #language_holder { position:absolute; right: 0; top:5px;}

body.default #page #main { width: 100%; overflow: hidden; margin-left: auto; margin-top: 5px; margin-right: auto;}

body.default ul.primary_navigation { width: 100%; overflow: hidden; }
body.default ul.primary_navigation li { float: left; width: 165px; height: 20px; margin-right: 1px;}
body.default ul.primary_navigation li.last { margin-right: 0;}
body.default ul.primary_navigation li a { background-image: url(../img/navigations/default_background.jpg); background-position:0 -40px; color:white; display:block; font-weight:bold; height:20px; text-decoration:none; width:165px; text-align:left; padding-top:4px; padding-left:6px;}
body.default ul.primary_navigation li a:hover {background-position:0 -20px;}
body.default ul.primary_navigation li.selected a { background-position: 0 0 ;}

/*
body.default ul.primary_navigation li#pn_currentProjects a, body.default ul.primary_navigation li#pn_currentProjects.selected { background-image: url(../img/navigations/default_background.jpg);}
body.default ul.primary_navigation li#pn_futureProjects a, body.default ul.primary_navigation li#pn_futureProjects.selected { background-image: url(../img/navigations/default_background.jpg);}
body.default ul.primary_navigation li#pn_news a, body.default ul.primary_navigation li#pn_news.selected { background-image: url(../img/navigations/default_background.jpg);}
body.default ul.primary_navigation li#pn_downloads a, body.default ul.primary_navigation li#pn_downloads.selected { background-image: url(../img/navigations/default_background.jpg);}
*/

body.default #page #main #wrapper { float: left; width :665px; overflow: hidden; margin-top: 24px;}
body.default #page #main #wrapper #primary { float: left; width: 330px;}
body.default #page #main #wrapper #secondary { float: right; width: 330px;}
body.default #page #main #sidebar { float: right; width: 160px; margin-top: 24px;}

body.default div.article {}
body.default div.article .title { font-size: 22px; color: #006f53; font-weight: bold;}
* html body.default div.article .title { font-size: 18px;}
*:first-child+html body.default div.article .title { font-size: 18px;}
body.default div.article .graphic { font-size: 25px;}
body.default div.article div.head {}
body.default div.article div.head p { margin-top: 15px; line-height: 15px;}
body.default div.article div.head p strong { font-weight: bold;}
body.default div.article p.more { margin-top: 10px; font-weight: bold;}
body.default div.article ul.contacts { margin-top: 10px;}
body.default div.article ul.contacts li { margin-top: 5px;}
body.default div.article ul.contacts li p { margin-top: 2px; line-height: 14px;}
body.default div.article ul.contacts li p.value { color: #000;}

#footer { width: 100%;  margin-left: auto; margin-top: 60px; margin-right: auto; clear: both; border-top: 1px solid #c3c3c3; padding-bottom: 30px; position: relative; height:30px;}
#footer .title { width: 70px; float: left; margin-top: 20px; text-transform: uppercase; font-weight: normal;}
#footer ul.partners { width: 400px; overflow: hidden; margin-top: 12px; float: left;}
#footer ul.partners li { float: left; width: 138px;}
#footer ul.partners li a { display: block; width: 100%; height: 30px; text-indent: -9000px; background-position: 0 -30px;}
#footer ul.partners li a:hover { background-position: 0 -1px;}
#footer ul.partners li#gvag a { background-image: url(../img/icons/gvag.gif); background-position: 0 -27px; height: 27px;}
#footer ul.partners li#gvag a:hover { background-position: 0 0;}
#footer ul.partners li#lw a { background-image: url(../img/icons/lw.gif);}
#footer p.developer { width: 112px; position: absolute; right: 0; top: 10px;}
#footer p.copyright { width: 400px; position: absolute; right: 0; top: 10px;font-size:10px; color:#999; line-height:12px; text-align: right;}

/** SECONDARY TEMPLATE **/
body.secondary #page { width: 845px;}
body.secondary #page #header { margin-top: 0px;}
body.secondary #page #primary { margin-left: 170px; width: 505px !important;}
* html body.secondary #page #primary { margin-left: 85px;}

body.secondary div.article { margin-right: 10px;}
body.secondary div.article h1.title { font-size: 30px; font-weight: bold !important;}
* html body.secondary div.article h1.title { font-size: 26px;}
*:first-child+html body.secondary div.article h1.title { font-size: 26px;}
body.secondary div.article .subtitle { margin-top: 5px; font-size: 22px; line-height: 24px; color: #ccc; font-weight: bold;}

body.secondary div.article div.info { width: 154px; float: right; margin-left: 10px; margin-bottom: 60px; overflow: hidden; margin-top: 0px;}
* html body.secondary div.article div.info { margin-top: 18px !important;}
body.secondary div.article div.info p { float: right; width: 100px; margin-top: 0 !important; line-height: 13px;}
body.secondary div.article div.info p.visual { float: left; width: 45px; margin-top: 2px !important;}

body.secondary div.article ul.gallery { width: 100%; overflow: hidden;}
body.secondary div.article ul.gallery li { float: left; margin-right: 8px;}
body.secondary div.article ul.gallery li.last { margin-right: 0;}
body.secondary div.article ul.gallery li p.component { margin-top: 0px;}

body.secondary div.article ul.downloads { margin-top: 30px;}
body.secondary div.article ul.downloads li {font-size:20px; color:#006f53; margin-top: 10px; padding-left: 22px; padding-bottom: 4px;}
body.secondary div.article ul.downloads li h2 { font-size:20px !important; color:#006f53; font-weight:bold; }
body.secondary div.article ul.downloads li div.icons a { font-size:12px; color:#006f53; padding: 5px 5px 5px 20px; line-height:17px; font-weight:bold; text-decoration: underline;}
body.secondary div.article ul.downloads li div.icons a.pdf {background: url(../img/icons/download-icon.jpg) no-repeat scroll left center;}
body.secondary div.article ul.downloads li div.icons a.gallery {background: url(../img/icons/gallery-icon.jpg) no-repeat scroll left center; }


     body.secondary div.article ul.news-list { margin-top: 30px;}
body.secondary div.article ul.news-list li { margin-top: 10px;}
body.secondary div.article ul.news-list li h2 a { font-size:18px; font-weight:bold; text-decoration: none;}
body.secondary div.article ul.news-list li div.head p { margin-top: 5px;}

/*FUTURE PROJECTS*/
body.secondary div.article ul.future-projects-list {}
body.secondary div.article ul.future-projects-list li { margin-top: 10px;}
body.secondary div.article ul.future-projects-list li h2 a { font-size:18px; font-weight:bold; text-decoration: none;}
body.secondary div.article ul.future-projects-list li h2 { font-size:18px; font-weight:bold; text-decoration: none;color:#006F53; margin-top: 30px;}
body.secondary div.article ul.future-projects-list li div.head p { margin-top: 5px;}
body.secondary div.article ul.future-projects-list li div.head p a { display:block;}
body.secondary div.article ul.future-projects-list li div.head p.sub-subtitle { font-weight:bold; padding-bottom: 3px; border-bottom: 1px solid #ccc;}
.strong {font-weight:bold;}

body.secondary div.article ul.future-projects-list li div.body { margin: 5px 0;}
body.secondary div.article ul.future-projects-list li div.body a { text-decoration:none;}
body.secondary div.article ul.future-projects-list li div.body a img { margin: 0 4px 0 0}
body.secondary div.article ul.future-projects-list li div.body-pics a { margin-right: 10px;}

body.secondary ul.primary_navigation li { margin-right: 5px;}
body.secondary ul.primary_navigation li.selected { background-position: 0 0;}

body.secondary #page #header { height: 145px;}
body.secondary #page #header #logo { top: 45px;}
body.secondary #page #header #logo a { display: block; width: 165px; height: 98px; text-indent: -9000px; background-image: url(../img/brand/logo.jpg);}
body.secondary #page #header #visual { left: 170px; top: 44px;}

/** FULL TEMPLATE **/
body.full #main #primary {}
body.full #main #primary div.article { width: 675px !important;}

/*** HOMEPAGE ***/
body#homepage #page #header h1#logo { text-indent: -9000px; background-image: url(../img/brand/logo.jpg);}
body#homepage #page #main div.article div.head { margin-top: -10px !important;}
body#homepage #page #main #secondary div.article div.head { width: 98%; padding-right: 10px;}

/*** CONTACT ***/
body#contact #page #main #wrapper { width: 100% !important;}
body#contact #page #main #wrapper #primary { width: 675px !important;}
body#contact ul.items { width: 100%; margin-top: 20px; overflow: hidden;}
body#contact ul.items li { width: 285px; overflow: hidden; margin-bottom: 20px;}
body#contact ul.items li p.visual { width: 62px; height: 62px; overflow: hidden; floaxt: left;}
body#contact ul.items li div.data { width: 210px; margin-top: 0; floxat: right; backgrouxnd-color: red;}
body#contact ul.items li div.data p { margin-top: 3px;}
body#contact ul.items li.mod2_1 { float: left; clear: both;}
body#contact ul.items li.mod2_2 { float: right; margin-right: 50px;}

.go-back {font-size:12px; font-weight:bold; padding:5px; color:#999999; margin:5px 0 5px 0;}
.go-back a {font-size:12px; text-decoration:none; color: #999999;}

.news-download {margin-top:10px;}
.news-download a {font-size:12px; color:#006f53; padding: 5px 5px 5px 20px; line-height:17px; font-weight:bold; text-decoration: underline; background: url("../img/icons/download-icon.jpg") no-repeat scroll left center transparent;}

.top_15 {margin-top:15px;}
.bold_one {font-weight: bold;}