* { padding: 0; margin: 0; }
.clear { clear: both }
.right { float: right }

html { min-height: 100%; height: auto; }
body { margin: 0; padding: 0; background: #144b7d url(../img/background.jpg) no-repeat; background-attachment:fixed; background-position:50% 100%;  }

#site { margin:auto; padding: 0; width: 981px;}
#main-top { margin-left:auto; margin-right:auto; margin-top: 10px; padding: 0; width: 981px; height: 15px; background: url(../img/background-main-top.png) no-repeat;}	
#main-top-intro { margin-left:auto; margin-right:auto; margin-top: 10px; padding: 0; width: 981px; height: 15px; background: url(../img/background-intro-top.png) no-repeat;}	
#main { margin-left:auto; margin-right:auto; padding: 0; width: 981px; min-height: 550px; background: url(../img/background-main-top.jpg) no-repeat; float:left;}	
#main-intro { margin-left:auto; margin-right:auto; padding: 0; width: 981px; min-height: 550px; float:left;}	
#main-content {	width: 600px; margin:0 0 0 215px; float:left;} 
#main-intro-swf {	width: 845px; margin:0 0 0 15px; float:left;} 
#base { padding: 0; width: 981px;  margin-left:auto; margin-right:auto; float:left; background: url(../img/background-main.png) repeat-y ;}
#base-intro { padding: 0; width: 981px;  margin-left:auto; margin-right:auto; float:left; background: url(../img/background-intro.png) repeat-y ;}
#intro { border:#FFFFFF solid 2px; width: 948px; margin-top: -10px; }
#picture { margin: 0; padding: 0; width: 700px; }
#picture img { border:#FFFFFF solid 3px; }

#portolet { margin: 0; float:left; position:relative; left:440px; top:85px;}
#portolet img { width:270px; }
#intro_overlay {width:981px; height:712px; margin: 0; background: url(../img/background-intro-basis.png); float:left; position:relative; left:-215px; top:-34px; }
#gallery { position:relative; }
#gallery a { float:left; position:absolute; right:70px; top:0px; } 

#menu {width:100px; margin: 0 0 40px 0; padding:0; float:right; position: relative; top: 50px; right: 8px;}
.menu { float:left; }
.menu li { display: block; float: left; margin: 0; padding:2px 0; height:70px; }
.menu li a { float: left; padding:0; margin: 0; }
.menu img{ border: none;}

#footer { width:981px; height:66px; margin:auto; padding:inherit; background-image:url(../img/background-main-bottom.png); float:left;}
#footer-intro { width:981px; height:20px; margin:auto; padding:inherit; background-image:url(../img/background-bottom-intro.png); background-position:bottom; float:left;}
#footer-menu { width:981px; height:25px; margin:auto; padding: 35px 0 0 0; float:left; text-align:center; color:#000; }
#footer-menu a:link, #footer-menu a:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; text-decoration:underline; color:#676767; font-weight:normal; padding-right: 15px}
#footer-menu a:hover {font-size:12px; color:#000; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; font-weight:normal;}
#footer-address { width:981px; height:25px; margin:auto; padding: 25px 0 0 0; float:left; text-align:center; color:#fff; }
#footer-address a:link, #footer-address a:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; text-decoration:underline; color:#fff; font-weight:normal; padding-right: 15px}
#footer-address a:hover {font-size:12px; color:#fff; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; font-weight:normal;}

#content-body { width: 600px; float:left; margin:0px; padding:32px 0 0 0; min-height: 496px; }
#content-body-intro { width: 600px; float:left; margin:0px; padding:12px 0 0 0; min-height: 496px; }
#content_header { width: 560px; float:left; margin:0; padding:20px 10px 5px 0; color:#000; font-size:18px; font-weight:bold; }
#content H1 { padding:0 10px 5px 0; color:#000; font-size:18px; font-weight:bold; margin:0; text-transform:none; }
#content-date { width: 400px; float:left; font-size:12px; color:#a9a9a9; padding: 0 0 10px 0; }
#content { width: 600px; float:left; margin-top:2px; padding: 0 10px 0 0;}
#content a { color:#000000; font-size:12px; font-weight:normal; text-decoration: underline; }
#content a:hover { color:#ff0000
; text-decoration: underline; }
#content img { float:left; margin:0px 10px 3px 0; padding: 0; border:0px;}
#content .contact{ padding: 10px 0 10px 0;}
#content_catpage { width: 400px; float:left; padding: 0; background-color:#fffffe; padding-top:10px;}
#content .veld { padding: 2px; width: 150px;}
#content select { margin: 2px;}
#content textarea { margin: 2px; width: 200px; height: 80px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666;}
#content input { margin: 2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666; width: 200px;}
#content address {	font-style:normal; }

.content { width: 400px; float:left; margin-top:2px; padding: 10px 10px 20px 0;}
.content a { color:#000000; font-size:12px; font-weight:normal; text-decoration: underline; }
.content img { float:left; margin:0px 10px 3px 0; padding: 0; border:0px;}
#read-more { width: 560px; float:left; margin-top:5px; margin-bottom: 15px; padding: 0; text-align:right; }
#read-more a:link, #read-more a:visited{ font-size:11px; font-weight:bold; text-decoration:underline; color:#000000; }

td,tr,p,div { font-size: 12px; color: #3d3d3d; text-decoration: none; font-family:  Arial, Verdana, Helvetica, sans-serif; }
h1 {color: #47c2c0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 32px; font-weight: bold; padding: 0 0 5px 0; }
h2, h2 a:hover, h2 a:visited {color: #47c2c0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
h3 {color: #47c2c0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
h4 {color: #484848; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
h5 {color: #484848; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
h6 {color: #484848; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }

ul { list-style-position: outside; margin-left: 0px; padding-left: 20px; list-style: square; vertical-align: middle; }
li { margin: 0px; padding: 0px; }

.buttons a, button{ width:100px; height:24px; display:block; float:left; margin:10px 7px 0 0; background-color:#0ebac1; font-weight:bold; color:#fff; cursor:pointer; padding:0; border: none; }
a:link, a:visited { color: #000; font-family:  Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; font-weight:normal; }
a:hover { color:#ff0000; font-family: Arial, Verdana, Helvetica, sans-serif;  text-decoration:underline; font-weight:normal;}

fieldset  { border-style: none; padding: 10px 0;  }
fieldset label { width: 140px; border-style: none; float: left; }
.label { width: 240px; border-style: none; float: left; padding-top: 10px; }

#projectImage {	float: left;	position: relative;	width: 590px;	height: 393px;	background: #fff;	border: 3px solid #fff; }
#projectImage .full { 	position: absolute; }
#projectImage img{	display: block;}
#projectImage div{	position: absolute;	left: 550px;	padding: 1px 5px 6px 1px;	background: url(img/thumbShadow.png);	cursor: pointer;	_cursor: hand;	_background: url();	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/thumbShadow.png', sizingMethod='scale');}
#projectImage .thumb1{	left: 8px; top: 340px;}
#projectImage .thumb2{	left: 90px; top: 340px;}
#projectImage .thumb3{	left: 172px; top: 340px;}
#projectImage .thumb4{	left: 254px; top: 340px;}
#projectImage .thumb5{	left: 337px; top: 340px;}
#projectImage .thumb6{	left: 420px; top: 340px;}
#projectImage .thumb7{	left: 503px; top: 340px;}