@charset "utf-8";
/* CSS Document */
*{
box-sizing: border-box
}

html {
height: 100%;
margin: 0;
padding: 0;
border: 0;
background: url('images/stripe.png');
background-color: #fff;
font-size: 62.5%;
font-family: 'Roboto', Arial, sans-serif;
}

body {
min-height: 100%;
width: 1004px;
padding: 0;
margin: 0 auto;
border: 0; 
overflow-y: scroll;
} 

div#wrapper {
position: absolute;
min-height: 100%;
width: 1004px;
padding: 0;
border: 1px solid #696969;
outline: 1px solid #F5F5F5;
background: #fff;
overflow: visible;
box-shadow: 0 0 100px #696969;
}

div#socwrap {
position: absolute;
width: 75px;
height: 40px;
margin: 129px 0 0 910px;
z-index: 2;
}

div#socials {
position: relative;
float: right;
margin: 5px 0 0 0;
}

		div#socials a {
		color: #000036;
		padding: 0 5px 0 0;
		}

		div#socials a:hover {
		color: #696969;
		}

div#header {
position: relative;
margin-left: auto;
margin-right: auto;
width: 1002px;
height: 225px;
padding: 0 0 20px 0;
background-image:url('images/header.png');
background-repeat:repeat-x;
background-attachment:scroll;
Z-index: 1;
}

		#header p {
		color: #fff;
		}

div#logo {
width: 234px;
height: 123px;
float: left;
background: url("images/logo.png") no-repeat;
padding: 0;
margin: 0 0 0 3px;
}

div#info {
float: right;
width: 305px;
margin-right: 40px;
}

	ul#headerinfo {
	padding: 13px 0 0 35px;
	margin: 0 0 0 0;
	list-style: none;
	}

		#headerinfo li {
		font-size: 17.5px;
		text-align: left;
		color: #fff;
		font-weight: normal;
		padding: 0 0 7px 0;
		}

		#headerinfo li.address:before {
		content: "\f1ad";
		font-family: FontAwesome;
		display: inline-block;
		vertical-align: middle;
		margin-left: -35px;
		width: 35px;
		}

		#headerinfo li.phone:before {
		content: "\f095";
		font-family: FontAwesome;
		display: inline-block;
		vertical-align: middle;
		margin-left: -35px;
		width: 35px;
		}

		#headerinfo li.email:before {
		content: "\f0e0";
		font-family: FontAwesome;
		display: inline-block;
		vertical-align: middle;
		margin-left: -35px;
		width: 35px;
		}

		#headerinfo a {
		font-size: 14px;
		text-align: left;
		color: #fff;
		display: inline-block;
		vertical-align: middle;
		}

		#headerinfo li:hover {
		color: #000192;
		}

		#headerinfo li a:hover {
		color: #000192;
		font-weight: bold;
		}

div#navbar {
Position: absolute;
width: 1000px;
height: 48px;
padding: 0;
}

	div#navbar ul {
	width: auto;
	padding: 0 0 0 10px;
	margin: 0;
	}

		div#navbar ul  li{
		list-style-type: none;
		padding-top: 0;
		margin-top: 1px;
		display: block;
		background: url("images/button.png") repeat-x;
		font-size: 14px;
		text-align: center;
		line-height: 48px;
		float: left;
		}

		div#navbar a {
		padding-top: 0;
		text-decoration: none;
		display: block;
		width: 101px;
		color: #000036;
		font-weight: bold;
		}

		div#navbar li#active {
		background: url("images/buttonpress.png") repeat-x;
		}

		div#navbar li#active a {
		color: #fff;
		font-weight: normal;
		}

		div#navbar a:hover {
		background: url("images/buttonactive.png") repeat-x;
		color: #fff;
		}

div#content {
height: 100%;
position: relative;
bottom:50px;
width: 980px;
padding: 0;
margin: 0 auto;
z-index: 2;
color: black;
line-height: 200%;
}

div#conleft {
height: 100%;
float: left;
width: 612px;
margin: 0;
padding: 0 0 0 10px;
}

	#conleft h1{
	line-height: 1.2;
	}

div#conright {
height: 100%;
float: right;
width: 335px;
margin: 0;
padding: 0 10px 0 0;
}

div#imageContainer {
position: relative;
float: left;
margin: 5px 0 0 0;
width: 602px;
height: 402px;
border:1px solid #DCDCDC;
padding: 0 0 0 0;
}

	ul#servicelist {
	margin: -2px 0 3px 0;
	padding: 0 0 0 0;
	list-style: none;
	}

		#servicelist li {
		padding: 0 0 10px 0;
		font-size: 17.5px;
		}

		#servicelist li:before {
		content: '\27A4';
		color: #606060;
		padding: 0 10px 0 0;
		display: inline-block;
		vertical-align: middle;
		}

		#servicelist li:hover:before {
		content: '\27A4';
		color: #000192;
		}

		#servicelist li a {
		font-size: 14px;
		color: #696969;
		}

div#facebook {
position: absolute;
float: right;
width: 300px;
padding: 0 10px 0 0;
}

div#srvconleft {
height: 100%;
float: left;
width: 760px;
margin: 0;
padding: 0 0 0 10px;
list-style: none;
}

		.accordion {
		background-color: #eee;
		font-size: 17.5px;
		color: #444;
		cursor: pointer;
		padding: 19px 18px 13px 18px;
		margin: 0 0 11px 0;
		width: 100%;
		text-align: left;
		border: 1px solid #DCDCDC;
		outline: none;
		transition: 0.4s;

		}

		.active, .accordion:hover {
		background-color: #ccc;
		border: 1px solid #A9A9A9;
		}

		.panel {
		padding: 0 18px;
		margin: -12px 0 10px 0;
		background-color: #F5F5F5;
		display: none;
		overflow: hidden;
		border: 1px solid #DCDCDC;
		}

		.accordion:after {
		content: '\27A4';
		color: #606060;
		float: left;
		padding: 0 15px 0 0;
		margin: -2px 0 3px 0;
		}

		.accordion.active:after {
		content: '\27A4';
		color: #000192;
		}

div#srvconright {
height: 100%;
float: right;
width: 185px;
margin: 20px 0 0 0;
padding: 2px 10px 0 0;
}

		.tab {
		float: left;
		width: 355px;
		height: auto;
		}

		.tab button {
		display: block;
		background-color: #eee;
		font-size: 17.5px;
		color: #444;
		padding: 19px 18px 13px 18px;
		Margin: 0 0 10px 0;
		width: 100%;
		border: 1px solid #DCDCDC;
		outline: none;
		text-align: left;
		cursor: pointer;
		transition: 0.4s;
		}

		.tab button:before {
		content: '\27A4';
		color: #606060;
		float: left;
		padding: 0 15px 0 0;
		margin: -2px 0 3px 0;
		}
		
		.tab button:hover {
		background-color: #ccc;
		border: 1px solid #A9A9A9;
		}

		.tab button.active {
		background-color: #ccc;
		border: 1px solid #A9A9A9;
		}

		.tabcontent {
		float: right;
		margin: -15px 0 0 0;
		padding: 0 10px 0 0;
		border: none;
		width: 610px;
		border-left: none;
		display: block;
		}

.prjimageContainer {
position: relative;
float: left;
margin: 0;
width: 602px;
height: 402px;
border:1px solid #DCDCDC;
padding: 0 0 0 0;
}

div#gallery {
position: relative;
padding: 0 0 0 15px;
margin: 20px 0 0 0;
}

div#footer {
position: absolute;
background: url(images/footer.png) repeat-x bottom;
width: 1002px;
bottom: 0px;
padding: 30px 0 3px 0;
text-transform: uppercase;
text-align: center;
z-index: 3;
}

		#footer p {
		font-size: 10px;
		text-align: center;
		margin: 0 0 2px 0;
		padding: 0;
		font-weight: normal;
		color: white;
		z-index:1;
		}

		#footer a {
		color: white;
		}

.push {
height: 20px;
clear:both;
}

.clear {
clear:both;
}

.break {
height: 30px;
}

h1 {
font-size: 30px;
text-align: left;
color: #000036;
}

h2 {
font-size: 17.5px;
text-align: left;
color: #000036;
font-weight: normal;
line-height: 0.5;
}

h3 {
font-size: 17.5px;
text-align: left;
color: #000036;
font-weight: normal;
line-height: 0.5;
}

p {
font-size: 14px;
text-align: justify;
color: #696969;
}