html, body {
background: url('../images/bg-grad.gif') repeat-x; 
background-color: #d2dfed;
margin: 0;
padding: 0;
color: #172747;
height: 100%;
}
img {
border: 0;
}
a {color: #172747; cursor:pointer;}
a:hover {color: #375fb0;}
a:visited {color: #172747;}
body > #bgfill {
min-height: 100%; 
background-image:url('../images/bg-fill.png');
}
/*	--------------------------------------------------
Header
-------------------------------------------------- */
#header {
height: 160px;
display:block;
}

#logo {
display:inline;
padding: 40px 0 0 10px;
margin: 0;
float: left;
}
/*	--------------------------------------------------
Menu
-------------------------------------------------- */
#menu {
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansItalic', sans-serif;
font-size:18px;
letter-spacing:1px;
padding: 60px 0 0 0;
height: 70px;
}
#menu ul {
list-style: none;
padding: 0;
margin: 0;
}
#menu li {
float: right;
margin: 0 2em;
}
#menu li a{
text-decoration: none;
}
/*	--------------------------------------------------
Language
-------------------------------------------------- */
#lang {
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansBold', sans-serif;
font-size:9px;
padding-top: 15px;
}
#lang ul {
list-style: none;
display:inline;
padding: 0;
margin:0;
}
#lang li {
display:inline;
}
/*	--------------------------------------------------
Tabs
-------------------------------------------------- */
#tabs {
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansNarrowRegular', sans-serif;
font-size:20px;
text-transform: uppercase;
letter-spacing:1px;
padding: 0;
border-bottom: 2px solid #c3d6e5;
text-align: center;
height: 33px;
}
#tabs p {
text-align: center;
float: left;
width: 33.3%;
height: 35px;
margin: 0;
padding: 0;
}
.tab-selected{
background-color: #c3d6e5;
}
#tabs a {text-decoration: none;}
/*	--------------------------------------------------
Main page
-------------------------------------------------- */
#slideshow {
position:relative;
height:360px;
width: 861px;
padding: 0 0 30px 0;
margin: 0 0 0 8px;
}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active {
z-index:9;
}
/*	--------------------------------------------------
Container
-------------------------------------------------- */
div#container, div.container {
padding-bottom: 150px; 
position: relative; 
width: 880px; 
margin: 0 auto; 
padding: 0;
}
/*	--------------------------------------------------
Content
-------------------------------------------------- */
#content {
display: block;
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansNarrowRegular', sans-serif;
}
/*	--------------------------------------------------
Sidebar
-------------------------------------------------- */
#sidebar {
float: left;
display: block;
}
#projects li a{
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansRegular', sans-serif;
font-size:23px;
text-transform: uppercase;
}
/*	--------------------------------------------------
Info
-------------------------------------------------- */
#info {
display: block;
padding: 13px 0 0 0px;
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansNarrowRegular', sans-serif;
font-size:18px;
text-transform: none;
}
#info h3 {
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansItalic', sans-serif;
font-size:22px;
padding: 0 0 5px 0;
margin: 0;
}
h2 {
font-weight: bold; font-style: normal; line-height:normal; font-family: 'PTSansItalic', sans-serif;
font-size:25px;
padding: 0 0 10px 0;
margin: 0;
}
#info p {
padding: 0 0 20px 0;
margin: 0;
}
#text a {text-decoration: underline;}
 /*	--------------------------------------------------
footer
-------------------------------------------------- */
#footer {
position: relative;
text-align: center;
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansNarrowRegular', sans-serif;
font-size:13px;
margin-top: 0px; /* negative value of footer height */
height: 150px;
clear:both;
letter-spacing:0.5px;
margin-top: 35px;
padding-top: 15px;
border-top: 2px solid #aabece;
}
 /*	--------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row { margin: 0 0 18px -20px; }
.column, .columns { float: left; display: inline; margin: 0 0 0 20px; }
 
.one { width: 280px; }
.two { width: 580px; }
.three { width: 880px; }
 
.offset-by-one-half { margin-left: 150px; }
.offset-by-one { margin-left: 300px; }
 
/* Clear the columns automagically, thanks @kneath */
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .clearfix { height: 1%; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }
 
/*	IE6 Problems ---------- */
body.ie .column-row { width: 900px; }
body.ie .two-thirds .column-row { width: 2420px; }
/*	--------------------------------------------------
gallery
-------------------------------------------------- */
.stepcarousel{
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansNarrowRegular', sans-serif;
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 570px; /*Width of Carousel Viewer itself*/
height: 285px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 570px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel_t{
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansNarrowRegular', sans-serif;
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 570px; /*Width of Carousel Viewer itself*/
height: 60px; /*Height should enough to fit largest content's height*/
}
.stepcarousel_t .belt_t{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel_t .panel_t{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 5px; /*margin around each panel*/
width: 96px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel_fs{
font-weight: normal; font-style: normal; line-height:normal; font-family: 'PTSansNarrowRegular', sans-serif;
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 570px; /*Width of Carousel Viewer itself*/
height: 358px; /*Height should enough to fit largest content's height*/
}
.stepcarousel_fs .belt_fs{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel_fs .panel_fs{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 570px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


fieldset { border:0;margin:0;padding:0; }
label { display:block; }

input.text,textarea { 
font-size:15px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
margin:2px 0 10px 0; 
}
input.submit { 
font-size:15px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
margin:2px 0 0 0; 
background: #aacfe4;}