/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, re, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline
}
/* Left & Right alignment */
.mp_clear {
	margin: 0;
	padding: 0;
}
.m_left1 {
	margin-left: 106px;
}
.pad_top1 {
	padding-top: 95px;
}
.pad_top2 {
	padding-top: 7px;
}
.pad_top3 {
	padding-top: 35px;
}
.pad_top0 {
	padding-top: 0px;
}
.m_right1 {
	margin-right: 10px;
}
.m_right2 {
	margin-right: 20px;
}
.m_right3 {
	margin-right: 5px;
}
.m_bot1 {
	margin-bottom: 33px;
}
.m_bot2 {
	margin-bottom: 45px;
}
.m_bot3 {
	margin-bottom: 50px;
}
.m_bot4 {
	margin-bottom: 28px;
}
.m_right_bot1 {
	margin: 0 34px 40px 0;
}
.fleft {
	float: left;
}
/* Global properties ======================================================== */
body {
	font:12px Century Gothic, sans-serif;
	background: url(../images/bg.jpg) 50% 50% repeat-x;
	background-color: #000;
	border:0;
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 940px;
	min-height: 800px;
    display: block;
}
body, html {
	width:100%;
	height:100%
}
.wrapper {
	width:100%;
	min-height: 800px;
}
#content {
	overflow: hidden;
	height: 637px;
	position: relative;
	background:url(../images/patt2.png);
}
#content > ul > li {
        display: block;
	position: absolute;
	bottom:0;
}
#splash_bg{
    position: absolute;
    background: url(../images/bg2.jpg) 50% 50% repeat-x;
	position: absolute;
	width: 100%;
	height: 100%;  
}
#main_wrapper {
    display: block;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 940px;
	padding: 0;
}
.spinner {
	position:absolute;
        display: block;
	z-index:99;
	background: url(../images/loading.gif) 50% 50% no-repeat #000;
	width:100%;
	height:100%;
	top:0;
}
p {
	color: #726a64;
	font:14px/19px Century Gothic, sans-serif;
	margin-bottom: 9px;
	display: block;
}
/* ============================= main layout ====================== */
a {
	display: inline-block;
	color:#fff;
	text-decoration: none;
	outline:none
}
a.more {
	text-transform: uppercase;
	font:11px/19px Century Gothic, sans-serif;
	display: inline-block;
	color:#e0bc2c;
	text-decoration: none;
	outline:none
}
a.more:hover {
	text-decoration: underline;
	color: #fff;
}
a.comments {
	background:url(../images/imgcomment.png) no-repeat;
	background-position: 0 2px;
	padding-left: 25px;
	margin-left:10px;
	text-transform: uppercase;
	font:11px/19px Century Gothic, sans-serif;
	display: inline-block;
	color:#e0bc2c;
	text-decoration: none;
	outline:none
}
a.comments:hover {
	background:url(../images/imgcomment.png) no-repeat;
	background-position: 0 2px;
	padding-left: 25px;
	margin-left:10px;
	text-decoration: underline;
	color: #fff;
}
a h4 {
	color: #fff;
}
a h4:hover {
	color: #e0bc2c;
}
h1 {
	padding: 29px 0 0 30px;
	float: left;
}
h2 {
	font-family: Century Gothic, sans-serif;
	font-size: 20px;
	display: block;
	color:#FFF;
	text-transform:uppercase;
	font-weight: normal;
	margin-bottom: 34px;
	line-height: 30px;
	z-index: 1;
}
h3 {
	display: block;
	font-size:11px;
	line-height: 14px;
	color:#2b2b2b;
	text-transform:uppercase;
	word-spacing:2px;
	padding-bottom: 8px;
}
h4 {
	color: #FFF;
	font:14px/20px Century Gothic, sans-serif;
	margin-bottom: 9px;
	display: block;
}
/*----------------------header-----------------------------*/
header {
	height: 108px;
	position: relative;
	width: inherit;
}
#logo {
	position: relative;
	display:block;
	text-indent:-9999px;
	background:url(../images/logo.png) 0 0 no-repeat;
	width:357px;
	height:50px;
	z-index: 50;
}
.bgmenus1 {
	background:url(../images/patt1.png);
	position: absolute;
	height: 100%;
	width: 493px;
	float: left;
}
.bgmenus2 {
	background:url(../images/patt1.png);
	display: inline-block;
	height: 100%;
	width: 19px;
	float: right;
}
/*------------------------------menu-----------------------------------*/
.menu {
	background:url(../images/patt2.png);
	display: block;
	height:108px;
	width: 428px;
	float: left;
}
#menu {
	text-align: center;
	display: block;
	font:14px Century Gothic, sans-serif;
	width: 428px;
	text-transform: uppercase;
}
#menu > li > a {
	position: relative;
	padding-top:44px;
	color: #FFF;
	letter-spacing: -1px;
	z-index: 10;
	height: 68px;
	width: 100%;
}
#menu > li > a > strong {
	display: inline-block;
	text-align: center;
	position: relative;
	z-index: 10;
}
#menu > li > a > span {
	display: inline-block;
	text-align: center;
	top:80px;
	position: relative;
	z-index: 10;
}
.btn1 {
	overflow: hidden;
	float: left;
	height: 108px;
	width:61px;
}
.btn2 {
	overflow: hidden;
	height: 108px;
	float: left;
	width:87px;
}
.btn3 {
	overflow: hidden;
	height: 108px;
	float: left;
	width:93px;
}
.btn4 {
	overflow: hidden;
	height: 108px;
	float: left;
	width:93px;
}
.btn5 {
	overflow: hidden;
	height: 108px;
	float: right;
	width:94px;
}
.bgb1 {
	position: relative;
	top: -112px;
	height: 108px;
	width: 100%;
	background:url(../images/patt3.png);
}
/*-----submenu1-----*/
.submenu_1 {
	position:absolute;
	z-index:9100;
	width: 90px;
	height: 105px;
	top: 0;
	display: none;
	padding: 25px 0 0 20px;
	background-color: #000;
}
.submenu_1 li {
	position:relative;
	text-align: left;
	display: block;
}
.submenu_1 a {
	display: block;
	position:relative;
	font: 10px/20px Century Gothic, sans-serif;
	text-transform:uppercase;
	color:#fff;
}
.submenu_1 li>a:hover, .submenu_1 li.sfHover>a {
	color:#302f2e;
}
/*-----submenu2-----*/
.submenu_2 {
	margin-top: 40px;
	position:absolute;
	z-index:9100;
	width: 90px;
	height: 105px;
	left: 60px;
	top: 0px;
	display: none;
	padding: 25px 0 0 20px;
	background-color: #000;
}
.submenu_2 li {
	position:relative;
	text-align: left;
	display: block;
}
.submenu_2 a {
	display: block;
	position:relative;
	font: 10px/20px Century Gothic, sans-serif;
	text-transform:uppercase;
	color:#fff;
}
.submenu_2 li>a:hover, .submenu_2 li.sfHover>a {
	color:#302f2e;
}
/*------------pages------------*/
.bgpage {
	z-index: 0;
	position: absolute;
	height: 597px;
	width: 900px;
	margin: 20px;
	background:url(../images/patt3.png);
}
.line1 {
	left: 489px;
	top:138px;
	z-index: 0;
	position: absolute;
	height: 423px;
	width: 4px;
	background-color:#2d2b29;
}
.line2 {
	left: 549px;
	top:138px;
	z-index: 0;
	position: absolute;
	height: 423px;
	width: 4px;
	background-color:#2d2b29;
}
.line3 {
	left: 609px;
	top:138px;
	z-index: 1;
	position: absolute;
	height: 423px;
	width: 4px;
	background-color:#2d2b29;
}
.line4 {
	left: 429px;
	top:138px;
	z-index: 1;
	position: absolute;
	height: 423px;
	width: 4px;
	background-color:#2d2b29;
}
figure {
	display: block;
	margin-bottom: 31px;
}
.page1_img1 {
	width: 368px;
	height: 178px;
	background-image:  url(../images/page1_img1.jpg);
	border: 5px solid #363534;
}
.page1_img2 {
	margin: 0 20px 20px 0;
	float: left;
	width: 93px;
	height: 93px;
	background-image:  url(../images/page1_img2.jpg);
	border: 5px solid #363534;
}
.page1_img3 {
	margin: 0 20px 20px 0;
	float: left;
	width: 93px;
	height: 93px;
	background-image:  url(../images/page1_img3.jpg);
	border: 5px solid #363534;
}
.page1_img4 {
	margin: 0 20px 20px 0;
	float: left;
	width: 93px;
	height: 93px;
	background-image:  url(../images/page1_img4.jpg);
	border: 5px solid #363534;
}
.page1_img5 {
	margin: 0 20px 20px 0;
	float: left;
	width: 93px;
	height: 93px;
	background-image:  url(../images/page1_img5.jpg);
	border: 5px solid #363534;
}
.team {
	width:282px;
	height: 103px;
	float: left;
	margin-bottom: 16px;
}
.teamlast {
	width:282px;
	height: 103px;
	float: left;
}
.txt1 {
	width: 200px;
	float: left;
}
.page2_img1 {
	margin-right: 20px;
	float: left;
	display: inline-block;
	width: 212px;
	height: 194px;
	background-image:  url(../images/page2_img1.jpg);
	border: 5px solid #363534;
}
.page2_img2 {
	margin: 0 20px 20px 0;
	float: left;
	width: 93px;
	height: 93px;
	background-image:  url(../images/page2_img2.jpg);
	border: 5px solid #363534;
}
.page2_img3 {
	margin: 0 20px 20px 0;
	float: left;
	width: 93px;
	height: 93px;
	background-image:  url(../images/page2_img3.jpg);
	border: 5px solid #363534;
}
.page2_img4 {
	display: block;
	margin: 0 20px 20px 0;
	float: left;
	width: 93px;
	height: 93px;
	background-image:  url(../images/page2_img4.jpg);
	border: 5px solid #363534;
}
.list1 li {
	display: block;
	font:11px Century Gothic, sans-serif;
	color: #e0bc2c;
	text-transform:uppercase;
	line-height: 18px;
}
.list1 li a {
	background:url(../images/listdot.gif) no-repeat;
	background-position: 0 6px;
	padding:0 0 15px 11px;
	color: #e0bc2c;
	line-height: 18px;
}
.list1 li a:hover {
	background:url(../images/listdot2.gif) no-repeat;
	background-position: 0 6px;
	font:11px Century Gothic, sans-serif;
	color: #FFF;
	padding:0 0 15px 11px;
	line-height: 18px;
}
.list2 li {
	display: block;
	font:11px Century Gothic, sans-serif;
	color: #e0bc2c;
	text-transform:uppercase;
	line-height: 15px;
}
.list2 li a {
	background:url(../images/listdot.gif) no-repeat;
	background-position: 0 4px;
	padding:0 0 15px 11px;
	color: #e0bc2c;
}
.list2 li a:hover {
	background:url(../images/listdot2.gif) no-repeat;
	background-position: 0 4px;
	font:11px Century Gothic, sans-serif;
	color: #FFF;
	padding:0 0 15px 11px;
	line-height: 15px;
}
.services {
	float: left;
	display: block;
	width:250px;
	height: 100px;
}
.imgs3 {
	margin-right: 15px;
	display: block;
	float: left;
}
.imgs5 {
	display: block;
	float: left;
	border: 5px solid #363534;
}
.p5 {
	float: left;
	display: block;
	height: 185px;
	width: 500px;
	position: relative;
}
.txt2 {
	text-transform: uppercase;
	font:11px Century Gothic, sans-serif;
	color: #776b63;
}
.phone1 {
	display:inline-block;
	width:82px;
}
a.mail {
	font:11px/25px Century Gothic, sans-serif;
	color: #e0bc2c;
	text-decoration: none;
	text-transform: uppercase;
}
a.mail:hover {
	text-decoration: underline;
	color: #FFF;
}
/* ------------Forms------------------------ */
#form1 {
	font:14px Century Gothic, sans-serif;
	color: #726a64;
	position: relative;
}
#form1 input {
	margin-bottom: 17px;
	position: relative;
	font:14px Century Gothic, sans-serif;
	color: #726a64;
	background:#000000;
	border: 1px solid #333231;
	line-height:1em;
	padding:9px 0 10px 10px;
	width:315px;
	outline:none;
	box-shadow:none;
}
#form1 textarea {
	top:2px;
	margin-bottom: 17px;
	position: relative;
	color: #726a64;
	background:#000000;
	border: 1px solid #333231;
	line-height:1.2em;
	padding:8px 0 0 10px;
	width:392px;
	height:196px;
	overflow:auto;
	outline:none;
	resize: none;
}
#form1 label {
	margin-bottom: 17px;
	position: relative;
	color: #a63d39;
	display:inline-block;
	min-height:30px;
	padding-bottom: 4px;
}
#form1 .error, #form1 .empty {
	top: -20px;
	position: relative;
	font:10px/20px Century Gothic, sans-serif;
	color: #e0bc2c;
	display:none;
}
.btns a {
	text-transform: uppercase;
	font:11px Century Gothic, sans-serif;
	top: 155px;
	left: 270px;
	color: #e0bc2c;
	position: relative;
	display:inline-block;
	margin:12px 15px 0 0;
	text-decoration:none;
}
.btns a:hover {
	text-decoration:underline;
	color: #FFF;
}
/* Form defaults */
input, select, textarea {
	font:14px Century Gothic, sans-serif;
	color: #726a64;
	vertical-align:middle;
	font-weight:normal;
}
/*---end forms-----*/
/*---------GoogleMao-------*/
.google_map {
	border: 5px solid #363534;
	width: 313px;
	height: 230px;
	background: #FFF;
}
/*------------scrollbar------------*/
.cproj > img {
	border: 5px solid #363534;
}
.cplast > img {
	border: 5px solid #363534;
}
.cproj {
	margin: 0 20px 30px 0;
}
.cplast {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 15px 0;
}
.overview>li {
	display: inline-block;
	float: left;
}
.overviewProj1>li {
	display: inline-block;
	float: left;
}
.overviewProj2>li {
	display: inline-block;
	float: left;
}
.overviewProj3>li {
	display: inline-block;
	float: left;
}
.overviewProj4>li {
	display: inline-block;
	float: left;
}
.overviewProj5>li {
	display: inline-block;
	float: left;
}
.overviewProj6>li {
	display: inline-block;
	float: left;
}
.overviewProj7>li {
	display: inline-block;
	float: left;
}
.overviewImagery>li {
	display: inline-block;
	float: left;
}
.overviewModel1>li {
	display: inline-block;
	float: left;
}
.overviewModel2>li {
	display: inline-block;
	float: left;
}
.gdescr {
	height: 70px;
	width: 200px;
	display: block;
	margin: 0;
	padding: 0;
}
.zoomImg {
	display:block;
	top:0px;
	position:absolute;
	width:260px;
	height:249px;
	z-index:50;
	background: #000 url(../images/zoom.png) 50% 50% no-repeat;
}
.moreImg1 {
	position:absolute;
	top: 160px;
	left: 60px;
	width:378px;
	height:188px;
	z-index:2;
	background: url(../images/imgmore1.png) 50% 50% no-repeat;
}
.moreImg2 {
	position:absolute;
	top: 160px;
	left: 60px;
	width:222px;
	height:204px;
	z-index:2;
	background: url(../images/imgmore2.png) 50% 50% no-repeat;
}
.moreImg3 {
	position:absolute;
	top: 0px;
	left: 0px;
	width:222px;
	height: 185px;
	z-index:2;
	background: url(../images/imgmore3.png) 50% 50% no-repeat;
}
.moreImg4 {
	position:absolute;
	top: 0px;
	left: 0px;
	width:222px;
	height: 185px;
	z-index:2;
	background: url(../images/imgmore3.png) 50% 50% no-repeat;
}
.viewport {
	width: 822px;
	height: 300px;
	overflow: hidden;
	position: relative;
}
.textViewport {
	width: 822px;
}
.viewportSpace
{
	height: 60px;
}
.overview {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 2240px;
}
.overviewProj1 {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 4240px;
}
.overviewProj2 {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 5440px;
}
.overviewProj3 {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 3940px;
}
.overviewProj4 {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 1640px;
}
.overviewProj5 {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 1740px;
}
.overviewProj6 {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 940px;
}
.overviewProj7 {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 740px;
}
.overviewModel1 {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 2300px;
}
.overviewModel2 {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 940px;
}
.overviewImagery {
	list-style: none;
	position: relative;
	left: 0;
	top: 0;
	width: 740px;
}

.thumb .end, .thumb {
	background-color: #e0bc2c;
}
.scrollbar {
	position: relative;
	float: left;
	width: 100%;
	top:25px
}
.track {
	background-color: #292929;
	height: 9px;
	width:55px;
	position: relative;
	border-radius: 8px;
}
.thumb {
	height: 9px;
	width: 13px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	border-radius: 8px;
}
.disable {
	display: none;
}
/* ============================= footer ====================== */

footer {
	font-family: Century Gothic, sans-serif;
	font-size:10px;
	color: #625d5a;
	height:35px;
	padding-top:16px;
	font-size:10px;
	text-transform:uppercase;
	line-height:24px
}
footer a {
	padding-left:8px;
	color: #625d5a;
	background:url(../images/privdot.png) 0 10px no-repeat
}
footer a:hover {
	color: #e0bc2c;
}
footer img {
	display:inline-block;
	padding-top:9px
}
#social {
	float:right
}
#social li {
	float:left;
}
#social .first a {
	background:none
}