/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.3
 * Browser:        0
 * Browser group: 
 */
body { margin: 0; padding: 0; background: #bdbdbd url('../layout/mainBg.png') no-repeat top center; }
a { color: #ffffff; text-decoration:none; }
#wrapper { width: 1024px; margin: 0 auto; padding: 0 0 0 0; }
img, a img { border: none; }
.clear { clear: both; }
div.switchContent {display: none;}
div.contactoverlay, div.projectDetail { background: white url('../layout/bg03.jpg'); width: 1024px; height: 690px; margin: 0 auto; position: absolute; z-index: 200; top: 0; }
a.contactLink:link, a.contactLink:visited { background: transparent; text-decoration: none; display: block; width: 88px; height: 40px; margin: 18px 0 0 0; }
div.contactoverlay { background: none; z-index: 300; text-align: right; }
div.contactoverlay a:link, div.contactoverlay a:visited { margin: 0 0 7px 0; }
div.contactoverlay a.top img { margin-top: 414px; }
@font-face { font-family: DINRegular; }
@font-face { font-family: 'DINLight'; src: url('../fonts/din_light-webfont.eot'); src: local('☺'), url('../fonts/din_light-webfont.woff') format('woff'), url('../fonts/din_light-webfont.ttf') format('truetype'), url('../fonts/din_light-webfont.svg#webfontbwk20rbO') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DINLight'; src: url('../fonts/din_regular-webfont.eot'); src: local('☺'), url('../fonts/din_regular-webfont.woff') format('woff'), url('../fonts/din_regular-webfont.ttf') format('truetype'), url('../fonts/din_regular-webfont.svg#webfontqKitey5b') format('svg'); font-weight: bold; }
div.scrollable { width: 1024px; height: 690px; overflow: hidden; position: relative; }
div.scrollable div.items { width:20000em; position:absolute; clear: both; }
div.scrollable div.items div.item { width: 1024px; height: 690px; float:left; }
#i0 { }
#i1 { background: white url('../layout/bg01.jpg'); }
#i2 { background: white url('../layout/bg02.jpg'); }
#i3 { background: white url('../layout/bg03.jpg'); }
div.headFunctions { }
div.headFunctions a:link, div.headFunctions a:visited { display: block; float: right; }
div.headFunctions a.mail { }
div.headFunctions a.social { padding: 0; }
div.headFunctions span.tel { color: white !important; text-decoration:none; font-family: DINLight; font-size: 13px; display: block; float: right; margin: 5px 0 0 0; }
div.headFunctions span.tel a { color: white !important; text-decoration:none; }
div.nav { color: #4d9aba; font-family: DINLight; font-size: 25px; padding: 2px 0 0 190px; margin: 0; }
div.nav a:link, div.nav a:visited { color: #4d9aba; text-decoration: none; font-family: DINLight; font-size: 25px; }
div.nav a:hover, div.nav a:active { color: white; }
img.headline { margin: 19px 0 0 212px; }
img.headline.proj2 { margin: 48px 0 0 214px }
a.browse { cursor: pointer; }
a.right { float: right; margin: 0 15px; }
a.left { float: left; }
div.subline { margin: 20px 0 0 212px; padding: 4px 0 0 37px; font-family: DINLight; color: #A5C5C3; font-size: 18px; line-height: 22px; background: transparent url('../layout/star.png') no-repeat 4px top; }
a.arrowLink:link, a.arrowLink:visited { display: inline-block; background:white; text-decoration: none; width: 70px; background: transparent url('../layout/arrowLink.png') no-repeat 0 5px; }
div.newsTeaser { margin: 14px 0 0 212px; font-family: DINLight; font-size: 18px; }
div.newsTeaser div.label { color: white; background: transparent; width: 83px; text-align: right; float: left; }
div.newsTeaser div.content { background: transparent; width: 397px; height: 66px; float: left; overflow-y: visible; padding: 0 0 0 3px; }
div.newsTeaser div.content p { margin: 0 0 16px 0; color: #66B4D3; }
div.newsTeaser div.content p a { text-decoration:none; color: #66B4D3; }
div#projects { width: 816px; margin: -15px 0 0 211px; background: transparent url('../layout/projBg.png') no-repeat 0px 16px; }
div#projects2 { margin: -1px 100px 0 0; background: transparent; }
div#projects2 div.inner { padding: 0 0 0 0; }
div#projects div.inner { margin: 33px 0 0 83px; }
div.project { background: transparent; width: 263px; height: 144px; float: left; margin: 0 5px 5px 0; background: transparent url('../img/project01.jpg') no-repeat 2px 2px; background-color: rgba(255,255,255, 0.3); cursor: pointer; overflow: hidden; }
div.project div.overlay { background: transparent url('../layout/50black.png') no-repeat 2px 2px; display: block; padding: 87px 0 14px 0 ; }
div.project.end { width: 194px; margin: 0 0 0 0; overflow: hidden; }
div.project.start { width: 80px; border-left: none; overflow: hidden; background-position: -181px 2px; }
div.project.start div.overlay { background-position: -181px 2px; }
div.project a:link, div.project a:visited { font-family: DINLight; background: transparent url('../layout/projectLink.png') top left; display: block; font-weight:bold; margin: 0 37px 0 0px; text-decoration: none; line-height: 14px; text-transform: uppercase; padding: 8px; color: #333333; }
div.project.end a { margin: 0 0 0 0; }
div.project.start a { background-position: -10px 0; }
div.project a span.desc { color: #777777; font-size: 11px; font-weight: bold; }
#about { background: white url('../layout/bg00.jpg'); width: 1024px; height: 690px; }
div.reference div.left, #about div.left { float: left; margin: 0 0 0 0; width: 622px; }
div.reference div.left { width: 550px; }
div.reference div.left div.inner, #about div.left div.inner { padding: 2px 70px 0 63px; }
div.reference div.left div.inner { padding: 10px 0 0 81px; }
div.reference div.right, #about div.right { float: left; }
div.reference div.right { float: left; }
#about h1 { color: #39362a; font-family: DINLight; font-weight: bold; font-size: 18px; padding: 0 24px; margin: 0 0 0px 0; background: transparent url('../layout/arrow.png') no-repeat 0px 10px; }
#about p { margin: 0 0 23px 0; padding: 0 0 0 24px; color: #e8e8e3; font-family: DINLight; font-size: 14px; line-height: 14px; }
#news { background: white url('../layout/bg001.jpg'); width: 1024px; height: 690px; }
#news div.inner { padding: 3px 0 32px 71px; }
#news #bigNews { background: transparent url('../layout/star.png') no-repeat 46px 10px; margin: 36px 0 0 0; }
#news #breakingNews { background: transparent url('../layout/star.png') no-repeat 46px 10px; margin: 25px 0 0 0; }
#news #breakingNews .label, #news #bigNews .label { width: 111px; float: left; text-align: right; font-family: DINLight; color: #dddeed; font-size: 18px; }
#news #breakingNews .label { width: 153px; padding: 12px; }
#news #bigNews .label { padding: 12px; }
#news #breakingNews .content, #news #bigNews .content { background: transparent url('../layout/newsArticleBg.png'); width: 709px; height: 95px; float: left; margin: 0 0 0 12px; float: left; overflow-y: visible; padding: 12px 16px; }
#news #breakingNews .content { width: 735px; background: none; overflow: visible; padding: 0; margin: 0 0 0 12px; height: auto; }
#news #breakingNews .content p, #news #bigNews .content p { margin: 0; color: #dddeed; font-family: DINLight; font-size: 18px; }
#news #breakingNews .content p { background: transparent url('../layout/newsArticleBg.png'); margin: 0 0 2px 0; padding: 12px 12px; }
div.reference h1 { color: #003b52; font-family: DINLight; font-weight: bold; font-size: 18px; padding: 0 0 0 0; margin: 0 0 0px 0; text-transform: uppercase; }
div.reference p { font-family: DINLight; font-size: 14px; line-height: 14px; color: #ccebf7; margin: 0 0 20px 2px; padding: 0; line-height: auto; }
div.reference p.big { }
div.reference a.ref:link, div.reference a.ref:visited { font-family: DINLight; font-weight: bold; font-size: 18px; color: white; background: transparent url('../layout/arrow2.png') no-repeat 0px 0px; margin: 0 0 16px 70px; padding: 2px 0 2px 30px; text-decoration: none; }
div.reference ul.reflinks { margin: 32px 0 0 0; }
div.reference ul.reflinks li{ list-style-type: none; padding: 0 0 5px 0; }
div.imgoverlay { display: none; z-index: 10000; background-color: rgba(255,255,255,0.5); background-image:url('../layout/80white.png'); width:600px; min-height:200px; -moz-box-shadow:0 0 45px 5px #000; -webkit-box-shadow: 0 0 45px #000; padding: 10px; }
div.imgoverlay img { margin: 0; padding: 0; }
div.imgoverlay .close { background-image: url('../layout/close.png'); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
div.newsTeaser { margin: 18px 0 0 212px;}
div.headFunctions span.tel { margin: 7px 0 0 0; }