/* 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,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;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;}
/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% Verdana, Arial, Helvetica, sans-serif;color:#000000;padding:0 0 2em;background-color:#414952;}
a {color:#000;}
a:hover {text-decoration:none;}
p {margin:0 0 1em;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6, h7, p, blockquote {padding:0;}
#contentInside h1 {color:#414952; margin-bottom:0.8em; font-size:1.7em; line-height:1.3em; border-bottom:1px dotted #414952; padding-bottom:7px; font-weight:bold;}
#contentInside h2 {color:#414952; margin:1em 0 0.6em 0; font-size:1.6em; line-height:1.3em; font-weight:normal;}
address { font-style:normal;}
#contentInside a {color:#840c2c;}
a.expandPicture { display:block;}
#content .expandPicture img { border:1px solid #134C95; padding:2px; margin-bottom:0;}
.pictureWithSubtitle span { display:block; width:150px; font-size:0.9em; text-align:center;}
/* basic layout */
#site {width:900px; padding:0 10px; margin:0 auto; font-size:1.1em; background:url(../images/bgsite.png) repeat-y 0 0;}
#header {background:url(../images/header.png) no-repeat 0 0; width:900px; float:left;}
#header img { display:none;}
ul#navigation {}
#body {}
#w {background:url(../images/sidebar.png) repeat-y 100% 0; width:900px; float:left; line-height:1.4em; min-height: 400px;
height: auto !important; height: 400px;}
#content {width:655px; float:left; padding:20px 0 20px 15px;}
#sidebar {}
#leftBar {width:203px; float:left; background:url(../images/leftbar.png) no-repeat 0 100%; padding:20px 0; margin-right:20px;}
#contentInside {width:427px; float:left; padding-right:20px; padding-bottom:20px;}
.wide #contentInside { width:657px; }
.wide #w { background:none;}
a#logo {width:190px; height:35px; display:block; text-indent:-9999px; margin:30px 0 0 30px;}
/*breadcrumbs*/
#contentInside ul.breadcrumbs {width:427px; margin:15px 0 15px 0; float:left;}
.wide #contentInside ul.breadcrumbs {width:657px;}
#contentInside ul.breadcrumbs li {float:left; width:auto; display:inline-block;color:#757b81; background:none; padding-left:0; margin:0 5px 0 0;}
#contentInside ul.breadcrumbs li a {color:#414952;}
#contentInside ul { margin-bottom:10px;}
/*above header*/
#aboveHeader {background:url(../images/aboveheader.png) no-repeat 0 100%; height:45px; width:920px; margin:0 auto; color:#fff; font-size:1.2em;}
#aboveHeader ul {float:right; margin-top:10px;}
#aboveHeader ul li {width:70px; text-align:left; display:inline-block; padding:0 0 0 20px; float:left;}
#aboveHeader ul li.home {background:url(../images/home.png) no-repeat 0 1px;}
#aboveHeader ul li.contact {background:url(../images/contact.png) no-repeat 0 2px;}
#aboveHeader ul li.search {width:205px;}
#aboveHeader ul li.search input {border:none; width:160px; height:17px; padding:3px 0 0 10px; background:url(../images/searchinput.png) no-repeat 0 0; font-size:0.9em;}
#aboveHeader ul li.search button {border:none; width:18px; height:20px; background:url(../images/searchbutton.png) no-repeat 0 2px; text-indent:-9999px;}
#aboveHeader a {text-decoration:none; color:#fff;}
#aboveHeader a:hover { text-decoration:underline;}
/*navigation*/
ul#navigation {width:900px; float:left; padding-top:20px;}
ul#navigation li {height:40px; float:left;}
ul#navigation li a {float:left; display:inline-block; height:28px; background:url(../images/navigation.png) repeat-x 0 0; text-transform:uppercase; text-align:center; color:#fff; font-size:1.2em; padding:12px 30px 0; text-decoration:none;}
ul#navigation li a:hover, ul#navigation li a.selected {text-decoration:none; background:url(../images/navigation.png) repeat-x 0 -40px;}
ul#navigation li.last a {padding:12px 22px 0 23px;}
/*second navigation*/
ul.secNavigation li {margin:0 0 5px 0; float:left; width:190px;}
ul.secNavigation li a {background:url(../images/secnava.png) no-repeat 0 10px; text-transform:none; color:#007983; font-weight:bold; font-size:1em; margin:0; height:auto; width:150px; margin-left:20px !important; margin-left:10px; padding:5px 0 5px 10px; border-bottom:1px dotted #414952; display:block; text-decoration:none;}
/*ul.secNavigation li a {background:url(../images/secnavigationli.png) repeat-x 0 0; display:block; width:160px; height:20px; padding:4px 0 0 20px; text-decoration:none; font-size:1em; text-transform:uppercase; color:#fff; font-weight:bold;}*/
ul.secNavigation li a:hover {text-decoration:underline;}
ul.secNavigation li.selected a {text-decoration:underline;}
ul.secNavigation li.selected ul li a {text-decoration:none;}
ul.secNavigation li ul {margin-top:5px;}
ul.secNavigation li ul li {margin-bottom:0;}
ul.secNavigation li ul li a {background:url(../images/secnavullia.png) no-repeat 3px 10px; text-transform:none; color:#840c2c; font-weight:normal; font-size:1em; margin:0; height:auto; width:140px; margin-left:30px !important; margin-left:15px; padding:5px 0 5px 10px; border-bottom:1px dotted #414952;}
ul.secNavigation li ul li a:hover {text-decoration:underline;}
ul.secNavigation li ul li.selected a {text-decoration:underline;}
/*gallery home*/
#galleryHome {position:relative; width:900px; height:331px; float:left;}
#mainImages {width:900px; height:331px; float:left; overflow:hidden;}
#mainImagesNav {float:left; position:absolute; z-index:10; left:0; bottom:0; padding-top:10px; width:900px; height:73px; display:none;}
#mainImagesNav ul {width:900px; height:73px; padding:00px 0 0 600px; background:url(../images/imagehover.png) no-repeat 0 0;}
#mainImagesNav ul li {float:left; margin:17px 10px 0px 10px !important; margin:17px 10px 0px 5px;}
#mainImagesNav ul li img {border:2px solid #656a77;}
#mainImagesNav ul li a.selected img {border:2px solid #c4c8cd;}
/*content*/
#content ul li, #contentInside ul li {background:url(../images/bullet.png) no-repeat 0 7px; padding-left:15px; margin:5px 0;}
/*news*/
#content ul.news { border-right:1px solid #e0e0e0; width:200px; float:left; padding:0; margin:0;}
#content ul.news li {background:none; padding:0; margin:0 20px 0 0; padding:0 0px 10px 5px; margin-bottom:10px; background:url(../images/dotted.png) no-repeat 50% 100%;}
#content ul.news li.title {font-weight:bold; color:#414952; font-size:1.5em; padding:15px 20px 15px 5px; background:none; margin-bottom:0;}
#content ul.news li.last {background:none; margin-bottom:0;}
#content ul.news li a {color:#414952; text-decoration:none; font-weight:bold; margin-bottom:10px; display:block;}
#content ul.news li a:hover {text-decoration:underline;}
#content ul.news li p {margin-bottom:3px;}
#content ul.news li a.more { color:#840d2d; font-size:0.9em; text-decoration:underline; font-weight:normal;}
#content ul.news li a.more:hover {text-decoration:none;}
/*exposed div*/
div.exposed {background:#f6f6f6; padding:15px 20px; border:1px solid #e1e0e0; margin-bottom:1em;}
div.exposed h3 {font-size:1.2em; margin-bottom:0.5em;}
/*projects*/
#content ul.projects {float:left; margin:0 0 0 22px; width:410px;}
#content ul.projects li {background-color: #f6f6f6; background-image:none; border:1px solid #e0e0e0; float:left; margin:0; padding:15px 20px; margin-bottom:15px; width:368px; }
#content ul.projects li.title {background:none; border:none; font-weight:bold; color:#414952; font-size:1.6em; padding:15px 20px 15px 0; margin:0; }
#content ul.projects li.last {background:none; margin-bottom:0;}
#content ul.projects li a {color:#892034; text-decoration:none; font-weight:bold; margin-bottom:10px; display:block;}
#content ul.projects li a:hover {text-decoration:underline;}
#content ul.projects li p {margin-bottom:5px; display:block; float:left; width:230px;}
#content ul.projects li a.more { clear:both; font-size:0.9em; font-weight:normal; text-decoration:underline; margin:0 0 0 138px;}
#content ul.projects li a.more:hover {text-decoration:none;}
#content ul.projects li img {float:left; border:2px solid #666; margin-right:15px;}
/*sidebar*/
#sidebar {width:230px; float:left; padding:20px 0 0;}
#sidebar .box {width:190px; padding:0 20px 0 20px !important; padding:0 0 0 20px; background:url(../images/sidebartitle.png) no-repeat 0 0; margin:0 0 15px 0; float:left;}
#sidebar h2 {width:200px; line-height:32px; display:block; font-size:1.2em; text-transform:uppercase; color:#414952; margin-bottom:10px;}
#sidebar span.devider {display:block; border-bottom:1px solid #fff; text-align:right; font-size:0.9em; line-height:1em;}
#sidebar p.job {color:#840c2c; margin-top:4px; margin-bottom:0px;}
#sidebar .box a.more {display:inline-block;background:url(../images/buttonleft.png) no-repeat 0 0; text-decoration:none; float:right; margin-top:5px; color:#007983;}
#sidebar .box a.more span {background:url(../images/buttonright.png) no-repeat 100% 0; padding:4px 10px 0; display:inline-block; height:19px;}
#sidebar .box a.more:hover {color:#892034;}
#sidebar span.date {color:#5a5b5d; font-size:0.9em;}
#sidebar address {margin:7px 0;}
/* forme */
#partnersForm, #contactsForm { background-color:#f6f6f6; border:1px solid #e1e0e0; padding:30px;}
#partnersForm ol li, #contactsForm ol li { margin-top:8px;}
#partnersForm ol li#partnersForm_w8 { margin-top:2px;}
#partnersForm ol li label, #contactsForm ol li label { display: inline-block; width:125px; text-align:right; vertical-align:top;}
#partnersForm ol li textarea, #contactsForm ol li textarea { border:1px solid #b9b9b9; width:215px;}
#partnersForm ol li input, #contactsForm ol li input { border:1px solid #b9b9b9; width:215px;}
#partnersForm_w8, #contactsForm_w6, #partnersForm_w9 {margin-left:130px;}
#partnersForm ol li input#submitButton, #contactsForm ol li input#submitButton { background: transparent url(../images/submit.gif) no-repeat left 2px; border:none; color:#414952; cursor:pointer; height:25px; padding:0 0 3px 0; margin-left:130px; width:83px;}
#errorMessage { font-size:0.9em; padding:10px;}
.required { color:#CC0000;}
.smallNote { font-size:0.9em;}
#content ul.projects li a.imgLink { margin:0;}
div.pictureWithSubtitle { display:block; float:left; margin:0 25px 10px 0;}
/*footer*/
#footer {width:900px; padding:10px; margin:0 auto; background:url(../images/footer.png) no-repeat 0 0; color:#fff;}
#footer a.authors {float:right; color:#fff;}
#footer img {float:left; margin-right:10px;}
#footer p {padding-top:7px; width:400px; float:left;}
#footer p a {color:#fff;}
/* HACKS
------------------------------ */
.clear {display:block; clear:both;}
.clear:after, #site:after, #body:after, ul.bredscrumbs:after, #aboveHeader:after, #content ul.projects:after, #sidebar .box:after, #footer:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.hidden { display: none; }