/* Reset CSS for HTML5 */
html, body, div, a, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, li, ul, samp, small, strong, var, i, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, content, summary, time, mark, audio, video
{
	margin: 0px;
	padding: 0px;
	border: solid 0px #000;
	outline: 0;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { display: block; height: 1px; border:0; border-top: 1px solid #CCC; margin: 1em 0; padding:0; }
input, select { vertical-align: middle; }
div{ position:relative; }

/* Fonts */
@font-face
{
    font-family: 'segoeui';
    src: url('../fonts/segoeui.eot');
    src: url('../fonts/segoeui.eot?#iefix') format('embedded-opentype'),
         url('../fonts/segoeui.woff') format('woff'),
         url('../fonts/segoeui.ttf') format('truetype'),
         url('../fonts/segoeui.svg#segoeui') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'segoeuil';
    src: url('../fonts/segoeuil.eot');
    src: url('../fonts/segoeuil.eot?#iefix') format('embedded-opentype'),
         url('../fonts/segoeuil.woff') format('woff'),
         url('../fonts/segoeuil.ttf') format('truetype'),
         url('../fonts/segoeuil.svg#segoeuil') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'ThreeSixty';
    src: url('../fonts/ThreeSixty.eot');
    src: url('../fonts/ThreeSixty.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ThreeSixty.woff') format('woff'),
         url('../fonts/ThreeSixty.ttf') format('truetype'),
         url('../fonts/ThreeSixty.svg#segoeui') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'ThreeSixtyCd';
    src: url('../fonts/ThreeSixtyCd.eot');
    src: url('../fonts/ThreeSixtyCd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ThreeSixtyCd.woff') format('woff'),
         url('../fonts/ThreeSixtyCd.ttf') format('truetype'),
         url('../fonts/ThreeSixtyCd.svg#segoeui') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
	font-family: 'segoeui';
	color:#000000;
}

.clr {clear:both; padding:0; margin:0; height:0;}
.b {border: solid 1px #CCC;}
.u {text-decoration:underline;}
.centerH { margin-left:auto; margin-right:auto;}
.blue, .blue:hover {color:#0076b7; display:inline-block;}
.bold {font-weight:bold;}
.flt { float:left;}
.pb10 { padding-bottom:10px;}


a
{
	color:#a88c38;
	text-decoration:none;
}

a:hover
{
	color:#5b4600;
	text-decoration:none;
}

#container { width:1147px; margin: 0 auto; border: solid 1px #a78b37;}

#home #container { width:1147px; margin: 0 auto; border: solid 0px #000;
/*
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%); overflow:hidden;
*/
}

header {width:1145px; height:123px; background: url(../images/top_leftBG.gif) right top no-repeat, url(../images/topBG.gif) repeat-x;}
#logo { margin: 27px 0 19px 75px; float:left;}
#topData { color: #FFFFFF; text-align:right; margin:38px 34px 0 0; float:right; font-size:14px;}
#topData a { text-decoration:none; color:#FFFFFF;}
#topData a:hover {color:#ffe18a;text-decoration:underline;}

/* Top Menu Starts*/
nav {background: #a88c38; width:1145px; height:56px; float:left; padding:0 0px 0 37px;; border-top:solid 1px #FFF; box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.25);}
.top_menu_sep { width:0px; height:56px;background: url(../images/top_menu_sep.gif) no-repeat;}
.menuSpace { width:109px;}
#TopMenu, #TopMenu ul, TopMenu li {list-style: none; margin: 0; padding: 0; border: 0; outline: 0; display: block;}
#TopMenu > li { float: left; text-align:center;}
#TopMenu li a {
	width:160px; height: 55px; padding: auto; text-decoration: none;display: flex; align-items: center; justify-content:left;
	transition: all .5s linear; -o-transition: all .5s linear; -moz-transition :all .5s linear; -webkit-transition: all .5s linear;
	text-shadow: 1px 1px 1px #666;
	}
#TopMenu li a span.xx { width:100%; height:100%;display: flex; align-items: center; justify-content:center;}
#TopMenu ul {position: absolute; display: none; z-index: 999;}
#TopMenu li:hover ul {display: block;}
#TopMenu { font-size: 16px; font-weight:normal;}
#TopMenu > li > a {color: #FFF;transition: all .5s linear; -o-transition: all .5s linear; -moz-transition :all .5s linear; -webkit-transition: all .5s linear;} /*ffd600*/
#TopMenu > li:hover > a
{background: url(../images/top_menu_hoverX.gif) repeat-x; color:#ffe18a;}
#home #TopMenu .home,
#company #TopMenu .company,
#product #TopMenu .product,
/*#civil_products #TopMenu .civil_products,*/
#projects #TopMenu .projects,
#contact #TopMenu .contact
{background: url(../images/top_menu_hoverX.gif) repeat-x; color: #000; font-size:22px; font-family: Arial;}
#civil_products #TopMenu .civil_products
{background: url(../images/top_menu_hoverX.gif) repeat-x; color: #000; font-size:20px; font-family: Arial;}
	/* Submenu ------------------------------------------*/
	#TopMenu ul {background: #a88c38; width:160px; margin:0 0 0 0px; opacity:0.99;  }
	#TopMenu ul.sub li a span { display:inline-block; float:right; font-size:15px; margin-top:0px; color:#FFFFFF;}
	#TopMenu ul li a {color: #FFF; height:35px; font-size:13px; font-weight:normal; text-transform:none; padding-left:15px; width:160px;
	border-bottom: 1px solid rgba(0,0,0,0.3); border-top: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content:left!important;
	text-align:left; transition: all .5s linear; -o-transition: all .5s linear; -moz-transition :all .5s linear; -webkit-transition: all .5s linear;
	text-shadow:none; }
	#TopMenu ul li:hover a {background: url(../images/menuSubBG.gif) repeat-x; color:#ffe18a; }
	/* Sub-Sub Menu ------------------------------------------*/
		#TopMenu ul.subsub { width:160px; margin:-35px 0px 0px 160px; visibility:hidden;}
		#TopMenu ul.subsub li a {
			color: #FFF; font-size:px; text-align:left; height:35px; margin:0; background:#a88c38; width:160px;
			 display: flex; align-items: center; justify-content:left!important;text-shadow:none;
			}
		#TopMenu ul.sub li:hover .subsub { visibility:visible;}
		#TopMenu ul.subsub li a:hover { background: url(../images/menuSubBG.gif) repeat-x; color:#ffe18a;}
/* Top Menu Ends*/
#TopMenu span.x { font-family:ThreeSixty;}
#home nav { padding-left:28px;}
#home .menuSpace { width:157px;}
#company nav { padding-left:20px;}
#company .menuSpace { width:165px;}
#product nav { padding-left:20px;}
#product .menuSpace { width:165px;}
#civil_products nav { padding-left:20px;}
#civil_products .menuSpace { width:165px;}
#projects nav { padding-left:20px;}
#projects .menuSpace { width:165px;}
#contact nav { padding-left:20px;}
#contact .menuSpace { width:165px;}

content {background: url(../images/innerBG.jpg); border:solid 0px #000; display:table; width:100%;}

#home content {background: url(../images/homeBG.jpg); border:solid 0px #000; display:table; width:1145px;}

.leftContent
{
	float:left; width:463px; margin:35px 0px 35px 50px; margin-right:0; font-size:15px; border:solid 0px #000;
	text-align:justify!important;
	background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.7); padding:20px 30px 30px 30px;
	border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;
	box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.25);
	-webkit-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.25);
}

#home .leftContent
{
	float:left; width:590px; margin:25px 0px 25px 50px; margin-right:0; font-size:14px; border:solid 0px #000;
	background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.3); padding:20px 30px 20px 30px;
	border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;
	box-shadow:none;-moz-box-shadow:none; -webkit-box-shadow:none;
}

.leftContentText span {font-family: ThreeSixty;}

.leftContentText { text-align:justify!important;}

.button
{
	border:solid 0px #FFF;
	background:#a88c38;
	width:108px;
	padding:15px;
	font-size:13px;
	color:#FFF;
	border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
	margin-top:20px;
	transition: all .5s linear; -o-transition: all .5s linear; -moz-transition :all .5s linear; -webkit-transition: all .5s linear;
}

.button:hover
{
	background:#695300;
}

h1
{
	font-size: 36px;
	color:#886f1b;
	font-family:segoeui;
	font-weight:normal;
	margin-bottom:20px;
	clear:both;
}

#home h1
{
	font-size: 30px;
	color:#000000;
	font-family:segoeui;
	font-weight:normal;
	margin-bottom:20px;
	clear:both;
}

h1 span {color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:36px;}

#product h1 span { font-family:ThreeSixty; color:#886f1b; font-weight:normal;}

h2
{
	font: 24px/normal segoeui;
	background:#0076b7;
	color:#FFF;
	padding: 11px 20px 11px 20px;
	margin: 0px 40px 15px 0px;
	width:799px;
	float:left;
	display:inline-block;
}

.bborder
{
	float:left; margin-right:25px;
}

.right_image {float:right; display:table-cell; margin: 35px;}
.right_image img, #mapouter
{
	border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; width:552px;
	box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
}

#x1.right_image img
{
	border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; width:324px; margin-right:50px;
	box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
}

#x2.right_image img
{
	border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; width:393px;
	box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
}

#x3.right_image img
{
	border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; height:230px; margin-bottom:65px; margin-top:60px;
	box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.75);
}

#home .right_image img {width:339px; margin-right:50px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

.h2print {float:right; vertical-align:top; top:0; display:inline-block;}

h3
{
	background:#ffb124;
	color:#FFF;
	padding: 16px 0px 16px 16px;
}

h3 a, h3 a:hover{ color:#FFF;}

footer
{
	width:1145px;
	background: url(../images/footerBG.gif) repeat-x;
	font-size: 13px;
	font-family: segoeuil;
	color: #FFF;
	height: 63px;
	text-align: left;
	padding: 15px 30px;
}
footer div { font-family: Arial; display:inline-block;}


/* ----------------------------------------- */