* { margin:0; padding: 0; }

body { font-family: Arial, sans-serif; color: #000; font-size: 12px; }
a { color: #000; }

input[type=text],
textarea { border: 1px solid #7368db; padding: 5px; width: 300px; }
button { background: #7368db; color: #FFF; padding: 5px; border: 0 none; width: 150px; }
label * { vertical-align: middle; }

.clear { clear: both; }
.error { background: rgba(255,0,0,0.1); border: 1px solid #D00; color: #D00; font-weight: bold; padding: 20px; margin: 0 0 20px 0; }
.info { background: rgba(0,255,0,0.1); border: 1px solid #070; color: #070; font-weight: bold; padding: 20px; margin: 0 0 20px 0; }

#container { width: 980px; margin: 50px auto; }

header.main { position: relative; }
header.main h1 a { text-indent: -9999px; z-index: 9999; width: 209px; height: 55px; background: url('logo.png'); position: absolute; left: 0; top: 190px; }

body.page header.main { padding: 104px 0 30px 0; }
body.page header.main h1 a { float: left; position: static; display: block; }
body.page header.main h2 { text-transform: uppercase; color: #FFF; font-weight: normal; padding: 0 20px; float: right; font-size: 32px; line-height: 55px; background: rgba(0,0,0,0.5); }

#slider { position: relative; }
#sliderCorners { position: absolute; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; background: url('slider-corners.png') no-repeat; }
#slidePrev,
#slideNext { cursor: pointer; z-index: 9999; background: url('slider-left.png'); width: 66px; height: 66px; position: absolute; top: 10px; left: 10px; }
#slideNext { background: url('slider-right.png'); left: auto; right: 10px; }

nav { position: relative; z-index: 555; height: 154px; background: url('nav.png') no-repeat center; }
nav ul { list-style-type: none; padding: 0 9px; margin: 0; }
nav ul li { float: left; margin: 0 8px 0 0; }
nav ul li a { display: block; width: 154px; height: 154px; }
nav ul li.last { margin: 0; }
nav ul li.last a {  width: 152px; }
body.home nav { margin: -50px 0 0 0; }
body.page nav { position: absolute; top: -44px; }

#contact { margin: 15px 0; text-align: center; color: #5F5F5F; font-size: 14px; }


.teaser { display: block; background: #D1D1D1; width: 320px; float: left; margin: 0 10px 10px 0; position: relative; text-decoration: none !important }
.teaser img { float: left; }
.teaser .description { padding: 5px; line-height: 150%; height: 35px; text-decoration: none !important; }
.teaser.last { margin: 0; }
.teaser .new { width: 64px; height: 33px; background: url('new.png'); position: absolute; top: 55px; right: 0; }

.teaserExpandFirst .teaser.first,
.teaserExpandLast .teaser.last { width: 650px; }
.teaserExpandFirst .collect,
.teaserExpandLast .collect { width: 320px; float: left; }
.teaserExpandLast .collect { margin-right: 10px; }
.teaserExpandFirst .collect .teaser {  }