body {
margin: 0px;
padding: 0px;
font: 12px/normal Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #003176;
}
#wrapper {
width: 911px;
height: 600px;
margin: 50px auto;
text-align: left;
}
#leftcol {
position: relative;
width: 440px;
height: 600px;
float:left;
}
#rightcol {
position: relative;
width: 440px;
height: 600px;
float: right;
}
#title {
position: absolute;
top: -4px;
left: 0;
width: 440px;
height: 46px;
background: url(../images/layout/title.png) no-repeat;
}
#content {
position: absolute;
left: 0;
top: 203px;
width: 440px;
height: 250px;
z-index: 10;
}
#content-text {
position: absolute;
left: 0;
top: 150px;
width: 420px;
height: 300px;
z-index: 10;
}

#overlay {
position: absolute;
left: 0;
bottom: 143px;
width: 445px;
height: 260px;
color: #fff;
font-size: 12px;
text-align: justify;
letter-spacing: 0.5em;
line-height: 2em;
background-color: #003176;
z-index: 20;
}
#navmain {
position: absolute;
width: 440px;
left: 0;
bottom: 0;
font-size: 12px;
letter-spacing: normal;
}
#prevnext {
position: absolute;
width: 440px;
left: 0;
top: 525px;
letter-spacing: normal;
font-size: 11px;
}
a.prevlink {
display: block;
padding-left: 27px;
background: url(../images/layout/prevlink.png) no-repeat left center;
}
a.nextlink {
display: block;
padding-right: 27px;
background: url(../images/layout/nextlink.png) no-repeat right center;
}
a.desclink {
display: inline-block;
padding-left: 27px;
background: url(../images/layout/nextlink.png) no-repeat left center;
}

/**sliders**/
.slider {
position: relative;
overflow: hidden;
}
#images {
height: 600px;
}
#projects {
width: 420px;
height: 300px;
}
#text-static {
width: 440px;
height: 300px;
}
#text-scroll {
width: 420px;
height: 300px;
}
.slidercontent {
position: absolute;
}
#textstrip-static {
width: 440px;
} 
#textstrip {
width: 420px;
} 
#imagestrip {
text-align: right;
} 
#imagestrip img {
display: block;
margin: 0 0 0 auto;
}
#imageslider-large {
width: 440px;
height: 600px;
position: absolute;
right: 0;
top: 0;
}
#imageslider-large img {
display: block;
float: left;
}
#imageslider {
width: 110px;
height: 600px;
position: absolute;
right: 0;
top: 0;
}
#imageslide_top,
#imageslide_bottom,
#textslide_top,
#textslide_bottom {
display: block;
width: 13px;
height: 20px;
position: absolute;
}
#imageslide_top,
#imageslide_bottom {
left: -23px;
}
#imageslide_outer_top,
#imageslide_outer_bottom {
display: block;
width: 13px;
height: 20px;
position: absolute;
right: -23px;
}

#textslide_top,
#textslide_bottom {
right: -22px;
}
#textslide_top,
#imageslide_top,
#imageslide_outer_top {
top: 0;
background: url(../images/layout/slideup.png) no-repeat;
}
#imageslide_bottom,
#textslide_bottom,
#imageslide_outer_bottom {
bottom: 0;
background: url(../images/layout/slidedown.png) no-repeat;
}
/***/

#contentarea img {
display: block;
cursor: pointer;
}
#contentarea.show img {
display: block;
cursor: default;
}
#contentarea {
position: absolute;
left: 0;
top: 150px;
z-index: 50;
background: url(../images/layout/loader_bluebg.gif) no-repeat 130px center;
}
.landscape {
display: block;
width: 440px;
height: 300px;
}
.landscape1 {
display: block;
width: 440px;
height: 188px;
}
.landscape1 {
display: block;
width: 300px;
height: 300px;
}
.portrait {
display: block;
width: 300px;
height: 440px;
}
img {
border: none;
}
h2 {
position: absolute;
left: 0;
bottom: 460px;
margin: 0;
font-weight: normal;
font-size: 13px;
}
p {
margin: 10px 0;
}
#navtable td {
text-align: center;
vertical-align: top;
}
#navmain a:link,
#navmain a:visited {
color: #fff;
text-decoration: none;
outline: none;
}
#navmain a:hover,
#navmain a:active {
color: #B9D7FF;
}
#navmain a.current {
color: #B9D7FF;
}
a:link,
a:visited {
color: #fff;
text-decoration: none;
outline: none;
}
a:hover,
a:active {
color: #B9D7FF;
}
.projdata {
width: 440px;
height: 260px;
}
.projdata td {
vertical-align: top;
}
.projdata td.top {
vertical-align: top;
}
.projdata td.bottom {
vertical-align: top;
}
.projdata td.label {
letter-spacing: 0.4em;
width: 140px;
}
#langnav {
position: absolute;
left: 0;
bottom: 74px;
font-size: 11px;
letter-spacing: normal;
z-index: 10;
}
.projlist {
margin-top: -4px;
font-size: 11px;
letter-spacing: normal;
}
.projlist td {
padding: 4px 0;
vertical-align: top;
}
.textlist {
height: 320px;
margin-top: -4px;
font-size: 11px;
}
.textlist td {
padding: 4px 0;
vertical-align: top;
}
.textlist.bigger {
font-size: 12px;
}
.projlist td.label,
.textlist td.label {
letter-spacing: 0.4em;
}
.overlay-like {
width: 440px;
height: 307px;
font-size: 12px;
text-align: justify;
letter-spacing: 0.5em;
line-height: 2em;
}
.hide {
display: none;
}
.block {
display: block;
}
#projtitle {
position: absolute;
left: 0;
top: 60px;
height: 70px;
font-size: 17px;
letter-spacing: normal;
z-index: 0;
}
#projhead {
position: absolute;
left: 0;
top: 170px;
z-index: 0;
}
#overlay_toggle {
position: absolute;
left: 0;
top: 150px;
width: 440px;
font-size: 11px;
letter-spacing: normal;
}

.third {
width: 33.33%;
}
.regular_txt {
text-transform: none;
}
.clearfix {
display: block;
height: 0;
clear: both;
}

/*qTip*/
div#qTip {
display: none;
padding: 5px 8px;
color: #fff;
text-align: left;
font-size: 10px;
position: absolute;
z-index: 1000;
background-color: #003176;
letter-spacing: normal;
}