/*
-----------------------------------------------------------------------------
Null Browser Defaults
-----------------------------------------------------------------------------*/
* {
	margin:0px;
	padding:0px;
}
/*clearfix*/
.group:after {clear: both;content: ".";display: block;height: 0;overflow: visible;visibility: hidden;}
/*
-----------------------------------------------------------------------------
Global Default Elements
-----------------------------------------------------------------------------*/
  .whatssappmobile { display: none;}

  /* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 0px)
    and (max-device-width : 690px){ 
      .whatssappmobile {display: inline;}
  }


body {
	text-align:center;
	background-image:url(../images/backgrounds/body.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#F9F9F9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a {
	color:#626262;
	text-decoration:none;
}
a:hover {
	color:#09A;
}
p {
	padding:8px;
}
h1 {
	padding:8px;
	font-size:18px;
	color:#09A;
	letter-spacing:-1.5px;
}
h2 {
	padding:8px;
	font-size:14px;
	color:#09A;
	letter-spacing:-1.5px;
}
ol, ul {
	margin-left:25px;
}
li {
	padding:3px;
}
.label {
	color:#666;
	font-weight:bold;
}
.error {
	color:#F00;
}

.ninput { display: none; }
/*
-----------------------------------------------------------------------------
Container
-----------------------------------------------------------------------------*/
#container {
	position:relative;
	margin:0px auto;
	text-align:left;
	width:601px;
}
/*
-----------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------*/
#header {
	position:relative;
	width:601px;
	height:313px;
}
#topbar {
	position:relative;
	width:601px;
	height:84px;
}
#logobox {
	position:absolute;
	left:12px;
	top:12px;
	width:106px;
	height:59px;
}
#logobox img{
    width: 80%!important;
    height: auto;
}

#banner {
	position:relative;
	width:601px;
	height:229px;
	background-image:url(../images/backgrounds/banner.png);
	background-repeat:no-repeat;
}
/*
-----------------------------------------------------------------------------
Menu
-----------------------------------------------------------------------------*/
#menu {
	position:absolute;
	right:12px;
	top:0px;
}
#menu ul {
	height:84px;
}
#menu ul li {
	list-style:none;
	display:inline;
}
#menu ul li a {
	display:inline-block;
	font-weight:bold;
	font-size:14px;
	padding:35px 10px;
	letter-spacing:-1px;
}
#menu ul li a:hover {
	background-color:#FFF;
}
/*
-----------------------------------------------------------------------------
Page
-----------------------------------------------------------------------------*/
#page {
	position:relative;
	width:601px;
}
#leftcolumn {
	position:relative;
	width:370px;
	height:auto !important;
	height:330px;
	min-height:350px;
	padding:10px;
}
#rightcolumn {
	position:absolute;
	right:0px;
	top:0px;
	width:191px;
	padding:10px;
}
#contact-heading-home {
	padding-left:20px;
}
#rightcolumn form {
	padding-left:20px;
	border-left:1px solid #E1E1E1;
}
.input {
	margin:3px 0px;
	padding:3px;
	border:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#626262;
	background-color:#E3E3E3;
}
#rightcolumn .input {
	width:150px;
}
#rightcolumn form .button {
	border:none;
	background-image:url(../images/buttons/send.png);
	background-position:top;
	text-indent:-9999px;
	width:58px;
	height:21px;
}
#rightcolumn form .button:hover {
	background-position:bottom;
	cursor:pointer;
}
.projectimg {
	margin:10px;
	border:1px solid #777;
}
#address-table tr td {
	padding:1px;
}
/*new projects page*/
.project #header, .projects #header{ height:inherit;}
.project #page,  .projects #page{ padding: 0 1em;}

.title{ color:#383838;}
.vidRow{ width:100%; margin:0; padding:0; float:left;}
.vid{ display:block; width:176px; margin:35px 35px 0 0; float:left;}
.lastVid{width:176px; margin:35px 0 0 0; float:left;}
.lastVid a, .vid a {color:#09A;	text-decoration:none;}
.lastVid a:hover, .vid a:hover {color:#626262;}
video, .lastVid img, .vid img{ width:100%; background:#FFF; padding:5px; border:1px solid #e3e3e3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.lastVid a:hover img, .vid a:hover img{ background:#09A;}
.lastVid h2, .vid h2{ color:#383838;}
.lastVid p, .vid p{ border-bottom: 1px solid #09A}
.spacer { height: 50px; width: 100%; clear:both; }

.social {
	padding: 10px 12px 15px 0;
	text-align: right;
}
/*
-----------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/
#footer {
	position:relative;
	margin-top:15px;
}
#brightsite {
	position:absolute;
	right:12px;
	top:0px;
	font-weight:bold;
	color:#626262;
}
#brightsite a {
	font-weight:normal;
}
/*
-----------------------------------------------------------------------------
Footermenu
-----------------------------------------------------------------------------*/
#footermenu {
	position:absolute;
	left:12px;
	top:0px;
}
#footermenu ul {
	margin-left:0px;
}
#footermenu ul li {
	list-style:none;
	display:inline;
	border-right:1px solid #888;
	padding-right:7px;
}
#footermenu ul .end {
	border:none;
}