html, body {height: 100%;}

body {
	margin: 0;
	padding:0;
	color: #999;
	min-width: 1000px;
	background: #111 url("../images/bg-body.jpg") repeat-x;
	font: 12px arial, helvetica, sans-serif;
}
/* General reset */
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
img {border-style: none;}

input, select, textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
}
a {
	color: #CCFD40;
	text-decoration: underline;
}
a:hover {text-decoration: none;}
h1, h2, h3 {
	color:#fff;
}
/* General settings */
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */
}
#wrapper {
	width: 960px;
	margin: 0 auto;
}
#header {
	height:1%;
	overflow:hidden;
}
#content {
	width:100%;
	padding:30px 0 35px;
}
#content .holder3 {
	height:1%;
	overflow:hidden;
	margin:0 0 17px;
}
#content .holder3 h1 {
	margin:0;
}
#content .holder3 div.subtitle {
	padding:4px 0px 8px 0px;
	height:18px;
}
#content .holder3 div.subtitle h2 {
	margin:0;
	padding:0px;
	color: #CCFD40;
	font-size:14px;
	text-transform: none;
}
#content .holder3 a.readmore {
	float:right;
	margin:4px 0 0;
}
#content:after {
	clear:both;
	content:"";
	display:block;
}
/*Other settings*/

/* logo */
.logo {
	float:left;
	display:inline;
	width:169px;
	height:71px;
	margin:29px 0 29px 2px;
	overflow:hidden;

}
.logo a {
	background:url(../images/logo.gif) no-repeat;
	height:71px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
/* Banner in header */
.banner {
	float:right;
	overflow:hidden;
	display:inline;
	margin:24px 0 24px;
	border:5px solid #393939;
}
/* Navigation start */
#nav {
	width:100%;
	clear:both;
	margin:0;
	padding:10px 0;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
}
#nav li {
	float:left;
	display:inline;
	margin:0 17px 0 3px;
	height:30px;
	overflow:hidden;
}
#nav li.active a,
#nav li a.hvr {
	color:#0e0e0e;
	background:#fff url(../images/bg-nav-element.gif) left no-repeat;
}
#nav li a {
	color:#fff;
	text-decoration:none;
	float:left;
	padding:8px 20px 0 25px;
	overflow:hidden;
	height:22px;
}
#nav li a span .cufon-canvas {
	overflow:hidden;
}
#sub-nav {
	height:40px;
	width:960px;
	float:right;
}
#sub-nav .holder4 {
	width:960px;
	background:#222;
	height:32px;
	padding:8px 0px 0px 0px;
	float:right;
	margin:1px 0px 0px 0px;
}
#sub-nav .holder4 ul.werk-ul {
	padding-right:12px;
}
/* Navigation end */

#content h1 {
	font-size:16px;
	font-weight:normal;
	margin:0 0 18px;
	text-transform:uppercase;
}
#content h2 {
	font-size:16px;
	font-weight:normal;
	margin:0 0 23px;
	text-transform:uppercase;
}
/* Gallery start */
#carusel {
	overflow:hidden;
	width:1000px;
	position:relative;
	margin:0 0 36px -20px;
	font-size:11px;
}
#carusel a.link-prev {
	background:url(../images/arrow-left.gif) no-repeat;
	width:14px;
	height:19px;
	float:left;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	margin:114px 6px 0 0;
}
#carusel a.link-next {
	background:url(../images/arrow-right.gif) no-repeat;
	width:14px;
	height:19px;
	float:left;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	margin:114px 0 0 6px;
}
#carusel a.link-next:hover,
#carusel a.link-prev:hover {
	background-position:0 -19px;
}
#carusel div.holder {
	width:960px;
	overflow:hidden;
	position:relative;
	float:left;
	background:#222;
	border-top:1px solid #333;
	padding:15px 0;
}
#carusel div.holder ul.list {
	position:relative;
	width:99999px;
	padding:0;
	margin:0;
	list-style:none;
}
#carusel div.holder ul.list li.item {
	float:left;
	width:444px;
	padding:0 18px 0 18px;
	margin:0;
}
#carusel div.holder .image-container {
	float:left;
	position:relative;
	border:5px solid #393939;
}
#carusel div.holder .image-container img {
	vertical-align:middle;
}
#carusel div.holder .image-container .stamp {
	background:url(../images/stamp.gif) no-repeat;
	width:35px;
	height:27px;
	position:absolute;
	right:0;
	bottom:0;
}
#carusel div.holder .text-holder {
	float:right;
	width:153px;
}
#carusel div.holder .text-holder a {
	color:#fff;
	text-decoration:none;
}
#carusel div.holder .text-holder a:hover {
	text-decoration:underline;
}
#carusel div.holder .text-holder h3 {
	margin:0 0 13px;
	font-size:14px;
}

#content #carusel div.holder .text-holder ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	line-height:18px;
}
#content #carusel div.holder ul.list li .text-holder ul li {
	margin:0;
	padding:0 0 0 11px;
	background:url(../images/bullet.gif) no-repeat left 8px;
}
#carusel div.holder .text-holder p {
	line-height:18px;
}
/* Gallery end */
.block {
	width:100%;
	clear:both;
	overflow:hidden;
	background:url(../images/bg-block.jpg) no-repeat 480px 43px;
}
.nobg {
	background:none !important;
	padding-top:0px !important;
	width:100% !important;
	padding-left:0 !important;
}
.column1 {
	float:left;
	width:480px;
	height:1%;
	overflow:hidden;
}
.column2 {
	width:210px;
	overflow:hidden;
	padding:0 15px;
	float:left;
}
.column2 .block-inner {
	height:294px;
	width:212px;
	overflow:hidden;
}
.column2 .def-text {
	color:#999;
}
.column2 img {
	border:5px solid #393939;
}
.some-changes {
	padding:0px 0 0;
	width:240px;
}
.column2 p {
	line-height:18px;
	margin:0 0 18px;
}
.column2 strong {
	color:#fff;
}
.column2 img {
	margin:0 0 10px;
}
#content .some-changes h2 {
	margin:0 0 9px !important;
}
.link-holder {
	height:1%;
	overflow:hidden;
	margin:-7px 0 45px;
}
.some-changes .readmore {
	float:left;
}
.block .column1-location {
	background:url(../images/location2.jpg) no-repeat 184px 50px;
	min-height:270px;
}
.block .column1-location address,
.block .column1-location dl {
	font-size:12px;
}
.column1 img {
	border:5px solid #393939;
	float:left;
}
.column1 .text-holder {
	width:470px;
	line-height:18px;
	padding:0 22px 0 0;
}
#content cite {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}
.column1 p {
	margin:6px 0 12px;
}
.readmore {
	background:url(../images/stamp2.gif) no-repeat left center;
	padding:0 0 0 20px;
	color:#ccfd40;
}
.left-line {
	border-left:1px solid #666;
	padding:0 0 0 22px;
}
.left-line2 {
	border-left:1px solid #666;
	padding:0 0 0 23px;
}

/* Calendar start */
.calendar {
	background:url(../images/calendar-bg.gif) no-repeat;
	width:32px;
	height:36px;
	float:left;
	margin:0 10px 0 0;
}
.calendar .month {
	display:block;
	color:#878787;
	text-align:center;
	font:10px/10px Tahoma, Verdana, sans-serif;
	
}
.calendar .date {
	display:block;
	text-align:center;
	color:#ccc;
	font-size:16px;
	font-weight:bold;
	margin:5px 0 0;
}
/* Calendar end */
.news {
	list-style:none;
	margin:-10px 4px 20px;
	padding:0;
}
.news li {
	margin:0;
	padding:0;
	border-bottom:1px solid #333;
	font-size:11px;
}
.news li a {
	text-decoration:none;
	display:block;
	height:37px;
	overflow:hidden;
	padding:10px 9px;
	color:#b0b0b0;
	line-height:13px;
}
.news li a:hover {
	background:#000;
	color:#fff;
}
.news li.active a {
	background:#000;
	color:#fff;
}
#content .column2 h2 {
	margin-left:-15px;
}
#content .column2 h2.left-line2 {
	margin-left:-22px;
	padding:0 0 0 20px;
}
.map {
	background:url(../images/location.jpg) no-repeat right 137px;
	line-height:18px;
	padding:0 0 0 22px;
	width:218px;
}
.map address {
	font-style:normal;
	margin:0 0 46px 1px;
}
.map dl {
	margin:0px;
}
.map dt {
	margin:0 5px 0 0;
	float:left;
	display:inline;
	clear:left;
	font-weight:bold;
	color:#fff;
}
.map dd {
	margin:0;
}

/* Footer start */
#footer, #push {
height:90px;
}
#footer {
	border-top:1px solid #333;
	background:#222;
	padding:19px 0px 0px 0px;
	width:100%;
}
#footer a {
	color:#999;
}
.footer-inner {
	width:960px;
	margin:0 auto;
}
.copy {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	color:#666;
}
.copy li {
	margin:0;
	padding:0 7px 18px 0px;
}
a.rss {
	background:url(../images/social-icons.gif) no-repeat 29px -2px;
	padding:0 14px 2px 0;
        width:35px;
        display:block;
}
a.linkedin {
	background:url(../images/social-icons.gif) no-repeat -1px -28px;
	padding:0 14px 2px 5px;
        width:40px;
        display:inline;
}
a.twitter{
	background:url(../images/social-icons.gif) no-repeat -1px -55px;
	padding:0 14px 2px 5px;
        width:40px;
        display:inline;
}
#nav-footer {
	list-style:none;
	float:right;
	margin:0 -7px 0 0;
	padding:0;
}
#nav-footer li {
	margin:0;
	padding:0 7px 0 8px;
	float:left;
	background:url(../images/nav-bottom-divider.gif) no-repeat left 2px;
}
#nav-footer li:first-child {
	background:none;
}
/* Footer end */

.column-main {
	width:660px;
	float:left;
	height:1%;
	overflow:hidden;
	padding:0 60px 0 0;
}
.column-main ul {
	margin:0px 0px 18px 0px;
	padding:0;
	list-style:none;
	line-height:18px;
}
.column-main ul li {
	margin:0;
	padding:0 0 0 11px;
	background:url(../images/bullet.gif) no-repeat left 8px;
}
.column-main .holder2 {
	height:1%;
	overflow:hidden;
	padding:3px 0 0;
}
.column-main p {
	margin:0 0 18px;
	line-height:18px;
}
#content .column-main h2 {
	text-transform:none;
	margin:0 0 15px;
	padding:14px 0 0;
}
.banner2-holder {
	position:relative;
	float:left;
	height:1%;
	overflow:hidden;
}
.banner2-holder img {
	float:left;
}
.stamp3 {
	position:absolute;
	right:0;
	bottom:0;
	background:url(../images/stamp3.gif) no-repeat;
	width:80px;
	height:60px;
}
.banner2-main-holder {
	height:1%;
	overflow:hidden;
	margin:0 0 28px;
}
.column-main strong {
	color:#fff;
}
.column3 {
	float:left;
	width:326px;
	height:1%;
	overflow:hidden;
	padding:0 40px 0 0;
}
.column4 {
	float:left;
	width:294px;
	height:1%;
	overflow:hidden;
}
/* Contact form start */
.form {
	width:100%;
	overflow:hidden;
}
.form * {
	color:#999;
}
.form div {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.form label {
	float: left;
	width: 85px;
	text-align: left;
	position: relative;
	top: 2px;
	font-size:12px;
	font-weight:bold;
}
.form .input-text {
	width: 224px;
	line-height:16px;
	padding:7px 2px;
	border:none;
	border-right:1px solid #444;
	border-bottom:1px solid #444;
	background:#393939 url(../images/star.gif) no-repeat right top;
}
.form .textarea {
	width:387px;
	height:120px;
	background:#393939 url(../images/star.gif) no-repeat right top;
	border:none;
	border-right:1px solid #444;
	border-bottom:1px solid #444;
	padding-left:2px;
}
.form .btn-submit {
	background:url(../images/btn-submit.jpg) no-repeat;
	width:160px;
	height:30px;
	border:none;
	cursor:pointer;
	margin:0 0 0 85px;
}
* html .form .btn-submit {
	margin:0 0 0 88px;
}
.form .notice {
	float:right;	
	font-style:normal;
	color:#666;
	margin:-5px 5px 0 0;
	display:inline;
}
* html .form .notice {
	margin:-5px 0 0;
}
.form .submit-holder {
	padding:4px 0 0;
}
/* Contact form end */

/* werk page - menu */
.werk-ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	margin:4px -17px 0 0;
	font-size:10px;
	font-family:Tahoma, Verdana, sans-serif;
}
.werk-ul li {
	float:left;
	margin:0;
	padding:0 17px 0 15px;
	background:url(../images/werk-ul-divider.gif) no-repeat right 3px;
}
.werk-ul li a {
	color:#888;
	text-decoration:none;
	font-size:12px;
}
.werk-ul li.active a,
.werk-ul li a:hover {
	color:#fff;
}
/* werk page - menu end */

/* default page - menu */
.right-menu .werk-ul {
	border-top:1px solid #333;
	list-style:none;
	margin:0px 0 21px;
	padding:0;
	float:none;
}
.right-menu .werk-ul li {
	margin:0;
	padding:0;
	border-bottom:1px solid #333;
	font-size:11px;
	float:none;
	background:none;
}
.right-menu .werk-ul li a {
	text-decoration:none;
	display:block;
	height:1%;
	overflow:hidden;
	padding:10px 9px;
	color:#b0b0b0;
}
.right-menu .werk-ul li.active a,
.right-menu .werk-ul li a:hover {
	background:#000;
	color:#fff;
}
/* default page - menu end */

/* gallery on wekr page */
#gallery-werk {
	margin:0 -20px 0 0;
	padding:4px 0 12px;
	list-style:none;
	position:relative;
	float:left;
} 
#gallery-werk li {
	margin:0 20px 20px 0;
	width:225px;
	height:200px;
	float:left;
}
#gallery-werk li a {
	height:190px;
	padding:5px;	
	display:block;
	overflow:hidden;
	color:#fff;
	cursor:pointer;
	background:#393939;
}
#gallery-werk li.add-project a {
	padding:0;
	height:200px;
} 
/*
#gallery-werk li a:hover {
	background:#fff;
}
#gallery-werk li a:hover .grey-square {
	background:#fff;
}
#gallery-werk li a:hover span.text {
	color:#000;
}
*/

#gallery-werk li a,
#gallery-werk li a:hover {
	text-decoration:none;
}
#gallery-werk li img {
	vertical-align:middle;
}
#gallery-werk li span.text {
	display:block;
	text-align:center;
	color:#999;
	font-size:12px;
	font-weight:bold;
}
#gallery-werk .img-holder {
	position:relative;
	display:block;
	margin:0 0 8px;
	float:left;
}
#gallery-werk .img-holder .grey-square {
	position:absolute;
	right:0;
	bottom:0;
	background:#393939;
	width:27px;
	height:27px;
}
#gallery-werk .img-holder .green-square {
	position:absolute;
	right:19px;
	bottom:0;
	background:#cdfd41;
	width:16px;
	height:16px;
}
* html #gallery-werk .img-holder .grey-square {
	right:-1px;
}
/* gallery on wekr page end */
/* Tabs start */
.tabs {
	height:1%;
	overflow:hidden;
	width:210px;
}
.tabs .news {
	margin:0;
}
.tabset {
	float:right;
	padding:6px 1px 0 0;
}
a.tab {
	float: left;
	margin: 0 0 -1px 7px;
	padding:3px 7px;
	position: relative;
	text-decoration:none;
	background:#333;
	color:#000;
}
a.tab:hover {
	background:#000;
	color:#979797;
}
a.active{
	background:none;
	color:#fff;
}
a.active:hover {
	color:#fff;
}
div.tab {
	padding:5px;
	width:210px;
	clear: both;
}
/* Tabs end */

/* forms */
.form-errors ul li {
	color:red;
}
/* forms end */

/* news */
.news-details {
	font-weight:bold;
	color:#fff;
	padding:0px 0px 12px 0px;
	display:block;
}
.news-nav ul li {
	float:left;
	background:none;
	padding:0px 12px 0px 0px;
}

