

/* base styles */

body {
margin:0;
padding:0;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#333;
}

a {
color:#006bb7;
text-decoration:none;
}

a:hover {
color:#333;
text-decoration:underline;
}

a img {
border:none;
}

p {
margin:0 0 1.4em 0;
padding:0;
}

h1 {
margin:0;
padding:0 0 15px 0;
font-size:17px;
font-weight:normal;
}

h2 {
margin:0 0 5px 0;
padding:0;
font-size:13px;
}

h3 {
margin:0 0 5px 0;
padding:0;
font-size:13px;
font-weight:normal;
}

form {
margin:0;
padding:0;
}

input.text,
textarea,
select {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

input.text,
textarea {
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
padding:3px 4px 3px 4px;
background:#fff url("../img/bg_input_text.gif") no-repeat top left;
}

textarea {
overflow:auto;
}

td input {
float:left;
}

td label {
float:left;
padding:5px 18px 2px 0;
}

label.required {
background:url("../img/icon_required.gif") no-repeat top right;
}

label.required.error {
background:url("../img/icon_required_error.gif") no-repeat top right;
}

.note {
font-size:11px;
color:#666;
}

td .note {
float:left;
padding:3px 0 0 10px;
}

div.error {
margin:-10px 0 10px 0;
border-top:1px solid #ccc;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
padding:6px 8px 6px 8px;
font-size:11px;
background:#f8f8f8 url("../img/bg_td.gif") repeat-x top;
}

div.error p {
margin:0;
}

.clearer {
overflow:hidden;
margin:-1px 0 0 0;
height:1px;
clear:both;
}


/* table styles */

.contactForm td {
padding:6px 0 5px 0;
background:url("../img/border_hor_2.gif") repeat-x top left;
vertical-align:top;
}

.contactForm td.submit {
background:none;
}

table.style1 {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

.style1 td {
padding:2px 4px 2px 4px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#f8f8f8 url("../img/bg_td.gif") repeat-x top;
color:#006bb7;
font-size:11px;
}

.block {
padding:10px 25px 0 25px;
}



/* container */

#container {
position:relative;
width:900px;
line-height:1.3em;
}


/* header styles */

#header {
height:123px;
}

#logo {
position:absolute;
top:42px;
left:95px;
}

#languages {
position:absolute;
top:0;
left:605px;
width:270px;
text-align:right;
}


/* content */

#content {
padding:0 0 0 35px;
width:865px;
}

#body {
float:left;
padding:0;
width:610px;
}
/* temporary added by Dmitri */
.a-bit-up {
margin-top:-50px;
}

.subpage #body {
height:auto !important;
height:390px;
min-height:390px;
background:#fff;
}

.objects #body,
.projects #body {
background:transparent;
width:625px;
}


/* nav */

#nav {
float:left;
margin:-2px 34px 0 0;
width:195px;
overflow:hidden;
}

.objects #nav {
margin-right:25px;
}

#mainMenu img {
display:block;
width:195px;
height:36px;
background:url("../img/border_hor.gif") no-repeat bottom left;
}

#link2News img {
background:none;
}

.home #link2Home img {
background:none;
}

.about #link2Home img,
.about #link2About img {
background:none;
}

.objects #link2About img,
.objects #link2Objects img {
background:none;
}

.projects #link2Objects img,
.projects #link2Projects img {
background:none;
}

.contact #link2Projects img,
.contact #link2Contact img {
background:none;
}

.news #link2Contact img,
.news #link2News img {
background:none;
}

#news {
margin:8px 0 0 0;
padding:12px 12px 0 12px;
background:url("../img/bg_news.gif") no-repeat top left;
font-size:11px;
}

#news a {
color:#333;
}

#news a:hover {
color:#006bb7;
}


/* intro block */

#intro {
float:left;
padding:15px 32px 0 32px;
width:546px;
height:183px;
}

#intro img.heading {
margin:0 0 10px 0;
}

#intro ul {
border-top:1px solid #6eafdc;
margin:0;
padding:8px 0 35px 0;
font-size:13px;
}

#intro ul.narrower {
padding-top:2px;
}

#subMenu ul {
margin:0;
padding:0 32px 0 32px;
font-size:13px;
}

#intro li,
#subMenu li {
float:left;
margin:0 16px 0 0;
padding:4px 4px 5px 16px;
background:url("../img/bullet_1.gif") no-repeat top left;
list-style:none;
}

#intro li.on,
#subMenu li.on {
background:url("../img/bg_submenu_link.gif") no-repeat top left;
}

#intro li a,
#subMenu li a {
color:#d9e9f4;
}

#intro li a:hover,
#subMenu li a:hover {
color:#fff;
}

#intro li.on a,
#subMenu li.on a {
color:#fff;
}


/* submenu */

#subMenu {
padding:15px 0 0 0;
width:610px;
}

#subMenu img.heading {
padding:0 32px 0 32px;
}

img.pngGradient {
display:block;
margin:6px 0 0 0;
}


/* bodytext */

#bodyText {
padding:15px 32px 15px 32px;
width:546px;
font-size:12px;
color:#333;
}

.textSpan {
column-count:2;
}


/* article leads */

.lead {
padding:9px 0 8px 0;
width:546px;
background:url("../img/border_hor_2.gif") repeat-x left top;
}

.lead .dateAuthor {
float:left;
width:166px;
}

.lead .dateAuthor p {
margin:0;
}

.lead .dateAuthor .date {
font-size:11px;
color:#666;
}

.lead .leadBody {
float:left;
width:380px;
}

.lead .leadBody h3 {
margin:0;
padding:0;
}


/* selection menu */

#selectionMenu {
float:left;
margin:0 14px 0 0;
padding:12px 10px 25px 10px;
width:195px;
height:auto !important;
height:390px;
min-height:390px;
background-color:#fff;
font-size:11px;
}

#selectionMenu ul {
margin:0;
padding:0;
}

#selectionMenu li {
margin:0;
padding:0;
width:195px;
list-style:none;
background:url("../img/border_hor_2.gif") no-repeat bottom left;
}

#selectionMenu li a {
display:block;
padding:2px 5px 3px 5px;
width:185px;
color:#333;
}

#selectionMenu li a:hover {
position:relative;
margin-top:-1px;
padding-top:3px;
background:#cfe4f2 url("../img/bg_selection_hover.gif") repeat-x top;
color:#333;
text-decoration:none;
}

#selectionMenu li.on a,
#selectionMenu li.on a:hover {
position:relative;
margin-top:-1px;
padding-top:3px;
background:#4392ca url("../img/bg_selection_on.gif") repeat-x top;
color:#fff;
}


/* selection body */

#selectionBody {
float:left;
padding:10px 10px 25px 10px;
width:372px;
height:auto !important;
height:390px;
min-height:390px;
background-color:#fff;
}

.description {
padding:15px 0 0 0;
}


/* project pages */

.project {
position:relative;
margin:0 0 0 0;

}

.project img {
display:block;
}

.project .description {
position:absolute;
left:420px;
top:20px;
width:170px;
font-size:11px;
}

.project .description a {
color:#333;
}

.project .description a:hover {
color:#006bb7;
}

.otherProjects {
width:610px;
}

.otherProjects .cornersTop img,
.otherProjects .cornersBottom img {
display:block;
}

.otherProjects .description {
padding:2px 60px 2px 10px;
width:540px;
background:#fff;
}

.otherProjects .description h2 {
padding-top:6px;
}

.otherProjects .description p {
margin:0;
}


/* footer */

#footer {
padding:12px 32px 0 32px;
width:546px;
height:70px;
background-color:#fff;
overflow:hidden;
font-size:11px;
}

.index #footer {
position:absolute;
top:416px;
left:265px;
}

.subpage #footer {
margin:-1px 0 0 259px;
padding:17px 42px 5px 42px;
background:url("../img/bg_subpage_footer.gif") no-repeat top left;
}

#footer p {
margin:0;
padding:2px 0 2px 0;
}

#footer p a {
border-bottom:1px solid #006bb7;
text-decoration:none;
color:#555;
}

#footer p a:hover {
border:none;
}


/**
*	@update Dmitri 13:40 6.05.2008
*/
.red-frame {
    display:block;
	position:absolute;
	height:16px;
	/* width:244px; */
	color: #fff;
	padding:8px 0px;
	margin-top:10px;
	margin-left:15px;
	font-weight:bold;
	text-align:center;
	background:transparent url("/img/red-frame.gif") no-repeat top left;
	text-decoration:none;

}
.red-frame a {
    text-align:center;
    color:#f00;
    outline:none;
    text-decoration:none;
}
.offset {
	background-image:none;
	background-color:#fff;
	color:#f00;
	margin-top:20px;
	/* width:100px; */
	height:auto;
	border:2px #f00 solid;
	padding:10px 6px;
}
div.spacer {
	height:48px;
}