body {
	padding: 0px;
	margin: 0px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial;
	color: #707070;
	line-height: 21px;
	background-color: #fff;
}

h1 { 
	font-size: 1.5em;
	font-weight: normal;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
}

h3 {
	font-size: 1.25em;
	font-weight: bold;
}

p {
	font-size: 1em;
}

a {
	color: #0076a3;
	text-decoration: none;
}

a.link-green{
	color: #5f9e03;
}

a.link-orange {
	color: #e98815;
}

a.link-red {
	color: #ed1c24;
}

a img { border: none; }

.clear { clear: both; }

.container {
	width: 90%;
	max-width: 1000px;
	margin: auto;
}

.cols1 	{ width: 6.5%;	} /*65px*/
.cols2 	{ width: 15%; 	} /*150px*/
.cols3 	{ width: 23.5%; } /*235px*/
.cols4 	{ width: 32%; 	} /*320px*/
.cols5 	{ width: 40.5%; } /*405px*/
.cols6 	{ width: 49%; 	} /*490px*/
.cols7 	{ width: 57.5%; } /*575px*/
.cols8 	{ width: 66%; 	} /*660px*/
.cols9 	{ width: 74.5%; } /*745px*/
.cols10 { width: 83%; 	} /*830px*/
.cols11 { width: 91.5%; } /*915px*/
.cols12 { width: 100%; 	} /*1000px*/

.cols1,
.cols2,
.cols3,
.cols4,
.cols5,
.cols6,
.cols7,
.cols8,
.cols9,
.cols10,
.cols11,
.cols12 {
	margin: 0 2% 1% 0;
	float: left;
	display: block;
}

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

#header {
	width: 100%;
	height: 83px;
	background-color: #3f3f3f;
	font-size: 0.85em;
	color: #e1e1e1;
	border-bottom: 1px #303030 solid;
}

#logo {
	display: inline-block;
	padding: 2% 0;
	float: left;
	width: 145px;
	height: 47px;
}

#nav {
	width: 455px;
	float: right;
	vertical-align: middle;
}

#nav a {
	display: inline-block;
	margin: 0 -0.5%;
	padding: 4.5% 3%;
	color: #e1e1e1;
	text-decoration: none;
	cursor: pointer;
	border-left: 1px #5c5c5c solid;
}

#nav span {
	font-size: 1.1em;
	font-weight: bold;
}

#nav .contact,
#nav .contact-on {
	border-right: 1px #5c5c5c solid;
}

#nav a:hover { color: #fff; }

#nav a.about:hover span,
#nav a.about-on span { 
	color: #6dcff6;
}

#nav a.about:hover,
#nav a.about-on {
	box-shadow: inset 0 5px 0 #6dcff6;
	-o-box-shadow: inset 0 5px 0 #6dcff6;
	-moz-box-shadow: inset 0 5px 0 #6dcff6;
	-webkit-box-shadow: inset 0 5px 0 #6dcff6;
}

#nav a.services:hover span,
#nav a.services-on span { 
	color: #acd373;
}

#nav a.services:hover,
#nav a.services-on {
	box-shadow: inset 0 5px 0 #acd373;
	-o-box-shadow: inset 0 5px 0 #acd373;
	-moz-box-shadow: inset 0 5px 0 #acd373;
	-webkit-box-shadow: inset 0 5px 0 #acd373;
}

#nav a.portfolio:hover span,
#nav a.portfolio-on span { 
	color: #fbaf5d;
}

#nav a.portfolio:hover,
#nav a.portfolio-on {
	box-shadow: inset 0 5px 0 #fbaf5d;
	-o-box-shadow: inset 0 5px 0 #fbaf5d;
	-moz-box-shadow: inset 0 5px 0 #fbaf5d;
	-webkit-box-shadow: inset 0 5px 0 #fbaf5d;
}

#nav a.contact:hover span,
#nav a.contact-on span { 
	color: #f69679;
}

#nav a.contact:hover,
#nav a.contact-on {
	box-shadow: inset 0 5px 0 #f69679;
	-o-box-shadow: inset 0 5px 0 #f69679;
	-moz-box-shadow: inset 0 5px 0 #f69679;
	-webkit-box-shadow: inset 0 5px 0 #f69679;
}

#nav a.about-on:hover span,
#nav a.services-on:hover span,
#nav a.portfolio-on:hover span,
#nav a.contact-on:hover span {
	color: #fff;
}

#footer {
	margin: 5% 0 0 0;
	border-top: 1px #b7b7b7 solid;
	text-align: right;
	font-size: 12px;
	color: #b7b7b7;
}

/*ABOUT US PAGE*/

.home-nav {
	display: inline-block;
	margin: 3% auto 0;
	width: 260px;
	height: 120px;
	background: url(/images/home-nav.jpg) no-repeat;
	background-color: #fff;
	border: 1px #b7b7b7 solid;
    box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow:    	0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
} 

.home-nav.services 	{ background-position: 	0px 	0px; }
.home-nav.portfolio { background-position: -263px 	0px; }
.home-nav.contact	{ background-position: -526px 	0px; }

/*SERVICES PAGE*/

.service-images {
	margin: 10% auto;
	height: 120px;
	width: 120px;
	background: url(/images/service-images.png) no-repeat;
}

.budget 		{ background-position:  0px 	 0px; 	}
.concept 		{ background-position: -123px 	 0px; 	}
.prototype 		{ background-position: -246px  	 0px; 	}
.manufacture 	{ background-position: -368px 	 0px; 	}
.deliver 		{ background-position:  0px 	-123px; }
.install 		{ background-position: -123px 	-123px; }
.maintenance 	{ background-position: -246px 	-123px; }
.ongoing	 	{ background-position: -368px 	-123px; }


/*CONTACT PAGE*/

.map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.map iframe,
.map object,
.map embed {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
}

ul { padding: 0; }

.contact-information li { list-style: none; }