@charset "UTF-8";
/* CSS Document */

html{
	height: 100%;
}

body {
	font-family: 'Fjalla One', sans-serif;
	margin: 0px;
	color:#232726;
	background-color:#232726;
}
	
div#container {
	border: 0;
    margin: 0 auto;
    height: 100%;
    min-height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
}	
	
	

div#A{
	background-color: #88A0AC;
	border: 0 none;
	height: 635px;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
	top: -1px;
}
	

div#B{
	background-color: #232726;
	border: 0 none;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1px;
	width: 100%;
}

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

div#C{
	min-height: 100%;
    margin:0 auto;
    padding: 0;
    position: relative;
    width: 817px;
    z-index: 1;
}

div#D{
	background-color: #FFFFFF;
	border: 0 none;
	margin: 0;
	min-height: 100%;
	padding: 0;
	position: absolute;
	width: 307px;
	left: -76px;
	top: -18px;
	padding-bottom: 3px;
}
	
	
div#sidebar_content{
	width:275px;
	margin-left:auto;
	margin-right:auto;
}
	
	

div#E{
	margin:0;
	padding: 0 0 15px;
	float:right;
	border:0;
	top:0;
	bottom:0;
	width:537px;
}

div#F {
	margin:0;
	padding:0;
	padding-top:44px;
	width:537px;
}


div#nav {
	margin:0;
	padding:0;
	width:537px;
}
	
div#nav ul{
	list-style-type:none;
	width:537px;
	margin:0;
	padding:0;
	font-size:0;
	
}		
div#nav li{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom: 10px solid #FFFFFF;
    border-top: 10px solid #FFFFFF;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    width: 80px;
	color:#fff;
}	
div#nav li:first-child, div#nav li:last-child{
	text-align:right;
}	
div#nav li.nav_current{
	border-top:10px solid #232726;
	border-bottom:10px solid #232726;
	color:#000;
}	
div#nav li.nav_current a{
	color:#000;
}	
div#nav li.seperator{
	width:3px;
}

div#nav a{
	display:inline-block;
	text-decoration:none;
	color:#FFFFFF;
	margin:0;
	padding:0;
}	

.nav_current {
	display:inline-block;
	text-decoration:none;
	color:#232726;
	margin:0;
	padding:0;
}
	
div#nav a:hover{
	display:inline-block;
	text-decoration:none;
	color:#232726;
	margin:0;
	padding:0;
}	

div#G {
	margin:0;
	padding:0;
	width:537px;
	background-color:#FFFFFF;
	border-bottom:20px solid #88A0AC;
	
}

div#home_gallery {
	margin:0;
	padding:0;
	width:537px;
	height:430px;
}

div#home_gallery ul{
	display:inline-block;
	list-style-type:none;
	margin:0;
	padding:0;
}


div#home_gallery li{
	display:inline-block;
	float:left;
	width:179px;
	height:215px;
	padding: 0 0 0 0;
	margin:0;
}

div#home_gallery a{
	display:inline-block;
	width:179px;
	height:215px;
	padding:0;
	margin:0;
	text-decoration:none;
}

div#products_gallery, div#projects_gallery {
	margin:0;
	padding:0;
	width:537px;
}

div#products_gallery .slider {
	width:269px;
	height:215px;
	background-color:#fff;
	overflow:hidden;
}

ul.products_gallery, ul.projects_gallery {
	list-style-type:none;
	width:537px;
	margin:0;
	padding:0;
}


li.products_gallery {
	border-bottom: 2px dotted #232726;
    display: block;
    float: left;
    height: 215px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 537px;
	background-color:#FFFFFF;
}

li.projects_gallery {
    display: block;
    float: left;
    height: 215px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 537px;
	border:none;
}


a.products_gallery, a.projects_gallery {
	display:inline;
	width:537px;
	height:215px;
	padding:0;
	margin:0;
	text-decoration:none;
}

div#social_media ul{
	list-style-type:none;
	width:275px;
	height:42px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	border-top:1px solid #88A0AC;
	border-bottom:1px solid #88A0AC;
}

div#social_media li{
	display:inline-block;
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
}

div#social_media a{
	display:inline-block;
	text-decoration:none;
	margin:0;
	padding:0;
}

div#social_media a:hover{
	display:inline-block;
	text-decoration:none;
	margin:0;
	padding:0;
}

div#H {
    margin: 0 auto;
    padding: 10px;
    width: 270px;
}


div#outside_right {
	width:120px;
	margin:0;
	margin-left:0;
	margin-right:0;
	padding:0;
	float:right;
}

div#outside_left {
    width: 120px;
    float: left;
    margin: 0;
    padding: 0 0 0 0;
}

div#inside_left {
	width:120px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
   float:left;
}

div#inside_right {
	width:120px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	padding-left:0px;
   float:right;
}

div#divider p{
	width:238px;
	height:12px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	border:0;
}

div#footer {
	margin: 0 auto;
	padding: 0;
	width: 817px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: right;
	position: absolute;
	bottom: -4px;
	right: -580px;
}


div#I {
	float:left;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
.projects_gallery > div#I {
	display: inline-block;
	float: none;
	position: absolute;
	width: auto;
	z-index: 1;
	height: 22px;
	left: 0px;
	top: 0px;
}

div#J {
	width:269px;
	float:right;
	background-color:#333333;
	margin:0;
	padding:0;
}
.projects_gallery > div#J {
    float: none;
    position: absolute;
    width: 100%;
    z-index: 0;
}

div#K {
	width:207px;
	float:left;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}

div#L {
	width:330px;
	float:right;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}

#maincontent {
	padding:0;
	margin:0;
	float:left;
}

h2.maincontent {
	font-size:18px;
	padding:0;
	padding-top:20px;
	padding-left:10px;
}


p.maincontent {
	width:248px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-top:20px;
	padding-left:10px;
	padding-bottom:20px;
	padding-right:10px;
	margin:0;

}

ul.maincontent {
	width:248px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
	text-align:justify;
	padding-top:20px;
	padding-left:10px;
	padding-bottom:20px;
	padding-right:10px;
	margin:0;

}

li.maincontent {
	width:248px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-top:20px;
	padding-left:10px;
	padding-bottom:20px;
	padding-right:10px;
	margin:0;
}

.mainheading h1{
	font-size:55px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	padding-top:20px;
	padding-bottom:20px;
}

.inside p{
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	padding:0;

}

.termsandconditions p{
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	padding:0;

}

.termsandconditions a{
	text-decoration:none;
	color:#232726;
}

	



#map {
	width:269px;
	float:right;
}


	title block, info, view more and specs
	


div#info_tab {
	width: 58px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: right;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #232726;
	left: 754px;
	top: 599px;
}

div#info_tab_projects {
	width: 58px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: right;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #232726;
	left: 754px;
	top: 608px;
}

div#view_more_projects, div.next, div.prev {
	background-color: #DBE2E6;
	color: #232726;
	float: right;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	margin: 0;
	text-align: center;
	width: 58px;
	left: 754px;
	top: 920px;
}

div#view_more_projects a{
	color: #232726;
	text-decoration:none;
}

div#view_more a{
	color: #232726;
	text-decoration:none;
}

div#view_more, div.next, div.prev {
	background-color: #DBE2E6;
	color: #232726;
	float: right;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	margin: 0;
	text-align: center;
	width: 58px;
	left: 754px;
	top: 911px;
}

div.next, div.prev {
    cursor: pointer;
    height: 15px;
    line-height: 12px;
    width: 29px;
}
 
div#specs_tab{
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    font-weight: lighter;
    height: 25px;
    width: 58px;
    margin:0;
    padding:0;
}
div#specs_tab > img{
	vertical-align:bottom;
}
div#specs_tab a {
	color: #FFFFFF;
	text-decoration:none;
}

div#projects_nav {
	bottom: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0px;
	width: 60px;
	top: 149px;
	height: 20px;
}

ul.projects_nav {
	list-style-type:none;
	margin:0;
	padding:0;
}


div#products_nav {
	bottom: 2px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0px;
	width: 60px;
	z-index: 999;
}

ul.products_nav {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#products_top {
	width:133px;
	height:61px;
	margin:0;
	padding:0;
	float:left;
	background-color:#88A0AC;
}


form {
	background-color:#FFFFFF; 
	margin:auto; 
	padding-left:10px; 
	position:relative; 
	width:187px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9px; 
	line-height:10px; 
	font-weight:lighter; 
	border:none; 
}


input[type=text] {
	width:177px;
	height:30px;
	display:block;
	background-color:#EDEDED;
	border:none;
	font:12px Arial, Helvetica, sans-serif;
}

textarea#feedback {
	width:177px;
	height:80px;
	background-color:#EDEDED;
	border:none;
	font:12px Arial, Helvetica, sans-serif;
}

textarea.Comment {
	display:block;
}

input.button  {
	width:54px;
	height:23px;
	position:absolute;
	right:20px;
	bottom:20px;
	background:#232726;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	border:none;
}

input.button:hover {
	background:#88A0AC;
	color:#232726;
}

input[type=submit] {
	background: none repeat scroll 0 0 #232726;
    border: medium none;
    color: #FFFFFF;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    height: 23px;
    margin: 5px 10px 10px 0;
    width: 54px;
}


div#info {
	border: medium none;
    margin: 20px auto 0;
    padding: 0;
    width: 617px;
	background-color:#fff
}

h4.info {
    font-size: 16px;
    margin: 0;
    padding: 20px;
}

p.info {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 20px;
    text-align: justify;
}

ul.info {
	list-style-type:none;
	margin:0;
	padding:0px 20px 20px 20px;
}

li.info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
}

#slider{
	width:100%;
	height:370px;
	overflow:hidden;

}

.slider_about{
	/*width:100%;*/
	height:380px;
	overflow:hidden;

}

#slider_projects{
	width:100%;
	height:215px;
	overflow:hidden;

}

.slider_projects{
	/*width:100%;*/
	height:215px;
	overflow:hidden;

}


div#about_nav {
	bottom: 2px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0px;
	width: 60px;
	z-index: 999;
}

ul.about_nav {
	list-style-type:none;
	margin:0;
	padding:0;
}

#slideshow_button_right, #slideshow_button_left{
	cursor:pointer;
}

#slideshow_indicator{
	background-image:url(images/banner_icon.png);
	width:8px;
	height:8px;
	display:inline-block;
	margin:20px 5px;
}

#slideshow_indicator.activeSlide{
	background-image:url(images/banner_icon_active.png);
}