/* ----------------------------------------------------------------------
 *  Base
 * ---------------------------------------------------------------------- */

html {
	overflow-y: scroll;
}

html, body {
	height: 100%;
	background: #f3f4f5;
}

body {
	font: 13px/1.231 "Trebuchet MS", arial, sans-serif; 
	*font-size:small;
	line-height: 1.4;  
}

.clear {
	clear: both;
}

h2 {
	
	border-left: 8px solid #737474;
	padding-left: 10px;
	
	color: #414042;
	font-size: 135%;
	font-weight: bold;
	
	padding-left: 16px;
	
	position: relative;
}

h2 .box {
	display: none;
	/*
	position: absolute;
	display: block;
	
	width: 8px;
	height: 13px;
	background: #747474;
	
	top: 6px;
	left: 0;
	*/	
}

#container {
	padding-top: 70px;
}

#container>.inner {
	/* width: 1054px; */
	width: 1003px;
	/*height: 705px;*/
	margin: 0 auto;
	background: url('../images/background_slice.png') repeat-y;
	padding: 0 0 0 51px;
}

#container>.under {
	width: 1003px;
	height: 30px;
	
	padding: 0 0 0 51px;

	background: url('../images/background_bottom.png') no-repeat;
	margin: 0 auto 25px auto;	
}

.header {
	width: 951px;
	position: relative;
}

.header img {
	padding: 40px 0 20px 85px;
}

.header .index {
	position: absolute;
	top: 50px;
	right: 216px;
	width: 206px;
}
	       
.header .rates {
	position: absolute;
	top: 50px;
	right: 0;
	width: 206px;
}

.header .index h5,
.header .rates h5 {
	font-weight: bold;
	font-size: 105%;
	border-bottom: 2px dotted black;
}

.header .index .today {
	float: right;
}

.header .rates .eur {
	float: right;
}

.header div.shaded {
	font-weight: bold;
	font-size: 90%;
	color: black;
	width: 102px;
	height: 19px;
	background: #dcdddf;
	overflow: hidden;
}

.header div.title {
	font-size: 90%;
	color: #888;
	
	height: 17px;
	padding: 1px 0 0 0;	
}

.header .red {
	color: red !important;
}

.header .green {
	color: green !important;
}

.header .index p.numbers,
.header .rates p.numbers {
	padding: 1px 0 0 5px;
	color: #000;
}

.header div.shaded span {
	font-size: 85%;
	padding-left: 5px;
}

.menu {
	height: 22px;
	background: black;
	width: 951px;
}

.menu ul {
	margin-left: 257px;
}

.menu ul li {
	padding-right: 25px;
	padding-top: 3px;
	float: left;
	font-size: 90%;
}

.menu ul li a {
	text-decoration: none;
	color: white;
}

.menu ul li.selected a {
	text-decoration: none;
	color: #89cce2;
}

.content {
	position: relative;
	width: 951px;
	margin-bottom: 20px;
}

.content img {
	display: block;
}

.footer {
	padding-bottom: 15px;
	border-top: 6px solid #89cce2;
	width: 951px;
}
	
.footer a {
	float: right;
}

.footer a.selected {
	color: #000;
}

#container .footer p {
	font-size: 85%;
	padding: 7px 0 7px 0;
	color: #6d6e71;
}

.footer p a {
	padding-left: 18px;
	text-decoration: none;
	color: #6d6e71;
}

.footer p span {
	padding-left: 85px;
}

/* ----------------------------------------------------------------------
 *  Project Menu
 * ---------------------------------------------------------------------- */
ul.n_project_menu {
	position: absolute;
	top: 89px;
	left: 0;
	width: 150px;
}

ul.n_project_menu li {
	padding-bottom: 8px;	
}

ul.n_project_menu li a {
	text-decoration: none;
	color: #6d6e71;
	display: block;
	padding-top: 1px;
	padding-left: 20px;
	font-size: 90%;
}

ul.n_project_menu li img {
	float: left;
	padding-right: 10px;
}

ul.n_project_menu li.selected a {
	background: none repeat scroll 0 0 #D0EBF3;
	font-weight: bold;
	color: black;
	padding-left: 20px;
	font-size: 90%;
}

/* ----------------------------------------------------------------------
 *  Sub-menu
 * ---------------------------------------------------------------------- */

.left ul.submenu {
	margin-top: 80px;
}

.left ul.submenu>li {
	font-size: 90%;
	padding: 2px 0;

}

.left ul.submenu li a {
	text-decoration: none;
	color: #6d6e71;
	display: block;
	padding: 2px 0 0 0;
	padding-left: 19px;
} 

.left ul.submenu>li.selected {
	font-weight: bold;
}

.left ul.submenu>li.selected>a {
	text-decoration: none;
	color: black;
	background: #8acce2;
}

.left ul.submenu ul li {
	padding-top: 4px;
}

.left ul.submenu ul li a {
	text-decoration: none;
	color: #6d6e71;
	padding-left: 38px;
}

.left ul.submenu ul li {
	font-weight: normal;
}

.left ul.submenu ul li.selected {
	font-weight: bold;

}

.left ul.submenu ul li.selected a {
	text-decoration: none;
	background: #d0ebf3;
	color: black;

}

/* ----------------------------------------------------------------------
 *  3col / 3col_with_bottom
 * ---------------------------------------------------------------------- */

.col3 .left {
	position: relative;
	float: left;
	width: 150px;
	margin-left: 85px;
	margin-top: 35px;
}

.col3 .middle {
	margin-left: 256px;
	width: 245px;
}

.col3 p {
	color: #6d6e71;
	font-size: 95%;
	line-height: 1.3;
}


.col3 .right {
	float: right;
	width: 421px;
}

.bottom {
	margin: 20px 0 0 85px;
	border-left: 8px solid #737474;
	padding: 12px 20px 33px 12px;
	background: #e6e7e7;
	color: #414042;
	font-size: 118%;
	font-weight: bold;
}

.middle .copy {
	padding-top: 35px;
}

.right .copy {
	padding-top: 35px;
}

.right .copy img {
	padding-bottom: 22px;
}

.copy p+p {
	margin-top: 22px;
}

.copy ul {
	margin-top: 10px;
	margin-bottom: 22px;
}

.copy ul li {
	font-size: 90%;
	color: #6d6e71;
	margin: 5px 0;
	margin-left: 25px;
	list-style: outside disc;	
}

/* ----------------------------------------------------------------------
 *  2col
 * ---------------------------------------------------------------------- */
.col2 .left {
	float: left;
	width: 150px;
	margin-left: 85px;
	padding-top: 35px;
}

.col2 .middle {
	margin-left: 256px;
	width: 695px;
}	

.col2 .middle p {
	color: #6d6e71;
	font-size: 95%;
	line-height: 1.3;
}

.col2 .middle .copy {
	width: 265px;
}

/* ----------------------------------------------------------------------
 *  Home
 * ---------------------------------------------------------------------- */
 
#carousel {
	position: relative;
}

#carousel div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

#carousel div.loading {
	z-index: 10;
}

.c_home .content {
	margin-bottom: 0;
}

.c_home .right {
	float: right;
	position: relative;
	top: 0;
	right: -4px;
	width: 350px;
	padding-top: 30px;
	paddig-left: 72px;
	
	min-height: 426px;
}

.c_home h1 {
	font-size: 220%;
	font-weight: bold;
	line-height: 1;
}

.c_home p {
	padding-bottom: 18px;
	color: #6d6e71;
	font-size: 103%;
	padding-right: 15px;
}

.c_home .newsbox {
	width: 349px;
}

.c_home .newsbox .newstop {
	background: url('../images/home/news_top.png') no-repeat;
	height: 29px;
	width: 349px;	
}	
	
.c_home .newsbox .newsmiddle {
	background: url('../images/home/news_middle.png') repeat-y;
}

.c_home .newsbox .newsbottom {
	background: url('../images/home/news_bottom.png') no-repeat;
	height: 10px;
}

.c_home .newsbox h1 {
	font-size: 125%;
	color: white;
	padding: 5px 0 0 14px;
}

.c_home .newsbox ul {
	padding: 10px 6px 10px 14px;
}	

.c_home .newsbox ul li {
	font-size: 85%;
	color: #6d6e71;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-right: 12px;
	border-bottom: 2px dotted white;
}

.c_home .newsbox ul li span,
.c_home .services p span {
	color: black;
	font-weight: bold;
}

.c_home .newsbox ul li a,
.c_home .services p a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.c_home .boxes {
	position: relative;
	padding-top: 4px;
	margin-bottom: 20px;
}

.c_home .projects a {
	display: block;
	height: 100%;
	text-decoration: none;
}

.c_home .services {
	background: url('../images/home/black_top_box.jpg') no-repeat;
	width: 173px;
	height: 101px;
}

.c_home .services h1, 
.c_home .projects h1  {
	font-size: 110%;
	color: white;
	padding: 3px 0 0 14px;
}

.c_home .services p {
	font-size: 85%;
	color: #6d6e71;
	padding: 7px 14px 3px 14px;
}
	
.c_home .projects {
	background: url('../images/home/projects_box.jpg') no-repeat;
	position: absolute;
	top: 4px;
	right: 0;
	width: 173px;
	height: 101px;
}

/* ----------------------------------------------------------------------
 *  Company
 * ---------------------------------------------------------------------- */

.c_company .middle p {
	color: #6d6e71;
}

.middle img {
	float: right;
	padding: 0 0 15px 15px;
}

/* ----------------------------------------------------------------------
 *  Team
 * ---------------------------------------------------------------------- */

.c_team .middle .people {
	padding-top: 20px;
	font-size: 90%;
}

.c_team .middle .people a {
	text-decoration: none;
	color: #8acce2;
}

.c_team .middle .people li.selected a {
	color: black;
	font-weight: bold;
}

.c_team .middle .people p {
	padding-top: 0;
	padding-bottom: 20px;
}

.c_team .middle img.picture {
	padding-top: 31px;
}

.c_team .right .person h3 {
	padding-top: 30px;
	color: #8acce2;
	font-size: 190%;
	font-weight: bold;
	line-height: 1;
}

.person h5 {
	margin: 25px 0 10px 0;
	color: #8acce2;
	font-size: 140%;
	font-weight: bold;
	line-height: 1;
}

.c_team .right .person h4 {
	color: #6d6e71;
	font-size: 125%;
}

.c_team .right .person p {
	color: #6d6e71;
	padding-right: 50px;
	margin-top: 20px;
	font-size: 95%;
}

.c_team .right .person ul li {
	color: #6d6e71;
	padding-right: 50px;
	margin-left: 30px;
	list-style: disc outside;
	font-size: 95%;
}

.c_team .middle ul li {
	list-style: none;
	font-size: 100%;
}


/* ----------------------------------------------------------------------
 *  Projects
 * ---------------------------------------------------------------------- */

.c_projects .footer {
	margin-top: 0;
}

.c_projects .left {
	width: 150px;

	position: absolute;
	top: 35px;
	left: 85px;
}

.c_projects .right {
	width: 670px;
	margin-left: 302px;
}

.c_projects .content {
	margin-bottom: 0;
}

.c_projects .residential {
	position: absolute;
	top: 370px;
	left: 0;
	background: url('../images/residential_button.jpg') no-repeat;
	width: 167px;
	height: 27px;
	padding-top: 1px;
}

.c_projects .residential a {
	text-decoration: none;
	padding: 0 0 0 20px;
	color: #6d6e71;
	font-size: 90%;
}



/* ----------------------------------------------------------------------
 *  Projects- Residential
 * ---------------------------------------------------------------------- */

.c_projects_residential .right {
	padding-top: 20px;
}


.c_projects_residential .right img {
	float: left;
	padding: 13px 13px 0 0;
}

/* ----------------------------------------------------------------------
 *  Project
 * ---------------------------------------------------------------------- */

.c_project .middle {
}

.c_project .middle p+p {
	padding-top: 22px;
}

.c_project .middle h4 {
	color: #6d6e71;
	font-size: 90%;
	font-weight: bold;
	padding-top: 35px;
	padding-bottom: 22px;
}

.c_project .middle ul li {
	font-size: 90%;
	color: #6d6e71;
	margin: 5px 0;
	margin-left: 25px;
	list-style: outside disc;
}

#slideshow {
	padding-top: 35px;
}

#slideshow .scroller {
	height: 50px;
	width: 421px;
	overflow: hidden;
}

#slideshow .image {
	width: 421px;
	height: 348px;
	position: relative;
}

#slideshow .image div {
	background: white;
	width: 421px;
	height: 348px;
	position: absolute;
	top: 0;
	left: 0;
	
	z-index: 20;
}

#slideshow .image div.loading {
	z-index: 10;
}

#slideshow .image div img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 420px;
	height: 348px;
}

#slideshow .scroller .inner {
	width: 3000px;
	margin-top: 5px;
}

#slideshow .scroller .inner img {
	padding-right: 5px;
	float: left;
}	

#slideshow .arrows img {
}

#slideshow .under-slideshow {
  text-align: center;
  position: absolute;
  width: 318px;
  padding: 2px 0;
  margin-left: 52px;
}

#slideshow .under-slideshow a {
  color: #555;
  text-decoration: none;
}

#slideshow .arrows .arrow {
	float: right;
	margin: 5px 5px 0 4px;
	width: 12px;
	height: 12px;
}

/* ----------------------------------------------------------------------
 *  Media
 * ---------------------------------------------------------------------- */

.c_media .middle {
	margin-left: 256px;
	width: 385px;
	padding-top: 0;
}	

.c_media .col3 .right {
	float: right;
	width: 293px;
}

.c_media h4 {
	padding-top: 35px;
	color: #414042;
	font-weight: bold;
	font-size: 95%;
}

.c_media .col3 p {
	padding-top: 7px;
}

.c_media .col3 p span {
	color: #8acce2;
}

.c_media .col3 .news a {
	color: #8acce2;
	font-size: 100%;
}

.c_media .col3 a {
	text-decoration: none;
	color: #6d6e71;
	font-size: 90%;
}

.c_media .col3 .right .right_brochure {
	float: right;
}

.c_media .col3 .right .left_brochure {
	padding-bottom: 25px;
}

.c_media .col3 .right .right_brochure p,
.c_media .col3 .right .left_brochure p {
	color: #6d6e71;
	font-size: 90%;
}

.c_media .col3 .right .right_brochure p span,
.c_media .col3 .right .left_brochure p span {
	color: #414042;
	font-weight: bold;
}

.c_media .col3 .right img {
	padding-top: 7px;
}

/* ----------------------------------------------------------------------
 *  Contact
 * ---------------------------------------------------------------------- */

.c_contact .content p {
	line-height: 1.5;
}

.c_contact .right .copy img {
	padding-bottom: 0;
}

.c_contact .content p span {
	font-weight: bold;
	color: #414042;
	font-size: 95%;
}

.c_contact .content a {
	color: #6d6e71;
	text-decoration: none;
	padding-bottom: 2px;
}

/* ----------------------------------------------------------------------
 *  News
 * ---------------------------------------------------------------------- */
.c_news .col2 .left {
	width: 300px;
}

.c_news .col2 .middle {
	margin-left: 406px;
	width: 545px;
	padding-top: 35px;
}

.c_news .middle p+p {
	margin-top: 12px;
}

.c_news .middle ul {
	margin-bottom: 12px;
}

.c_news .middle ul li {
	font-size: 90%;
	color: #6d6e71;
	margin: 5px 0;
	margin-left: 25px;
	list-style: outside disc;	
}

.c_news a {
	color: #8acce2;
}

.c_news .back a {
	font-weight: bold;
	text-decoration: none;
}

.c_news .back {
	margin-top: 10px;
}

.c_news .middle ul li {
	list-style: outside;
	margin-left: 25px;
}

/* ----------------------------------------------------------------------
 *  Terms
 * ---------------------------------------------------------------------- */
.c_terms .col2 .left {
	width: 300px;
}

.c_terms .col2 .middle {
	margin-left: 406px;
	width: 545px;
	padding-top: 22px;
}

.c_terms .middle h2 {
	border: none;
	font-size: 110%;
	margin: 20px 0 0 0;
	padding: 0;
}

.c_terms .middle p {
	margin: 10px 0;
	padding: 0;
}

.c_terms .middle ul li {
	font-size: 90%;
	color: #6d6e71;
	margin: 5px 0;
	margin-left: 25px;
	list-style: outside disc;	
}

/* ----------------------------------------------------------------------
 *  Sitemap
 * ---------------------------------------------------------------------- */

#sitemap {
	padding-top: 30px;
}

#sitemap a {
	color: #5ec0e5;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
}

#sitemap a.noc {
	color: #888;
}

#sitemap ul {
	padding-left: 20px;
}

#sitemap li {
	list-style: none;
	font-size: inherit;
	color: #888;	
}

/* ----------------------------------------------------------------------
 *  GoNative logo
 * ---------------------------------------------------------------------- */
 
 .native {
 	position: absolute;
 	bottom: 5px;
 	left: 95px;
 }