@charset "utf-8";
/* CSS Document */

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

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

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

}

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

}

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

}

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

}







html,body{
	font-family:Verdana, Geneva, sans-serif;
	width:100%;
	height:100%;
	background:url(../images/bg1.jpg) no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
}
#header{
	width:100%;
	z-index:50;
	position:fixed;
	top:0;
	background:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
	-webkit-box-shadow:0px 0px 20px #000;
	-moz-box-shadow:0px 0px 20px #000;
	box-shadow:0px 0px 20px #000;
}
.headerinside{
	margin:0 auto;
	width:960px;
	float:none;
}
.logobox{
	float:left;
	width:400px;
}.navbox{
	float:right;
	width:420px;
}
.navbox ul{
	float:right;
	margin-top:10px;
	width:420px;
}
.navbox li{
	float:right;
	width:100px;
}

.navbox li a{
	color:#333333;
	text-decoration:none;
	padding:5px;
	width:100px;
	font-size:12px;
}
.navbox li a:hover{
	color:#009;
	font-weight:bold;
}
	
.navigation{
	position:fixed;
	z-index:1;
	top:0px;
	padding-top:20px;
	padding-left:10px;
	padding-right:5px;/*
 border-radius: 20px;
 -moz-border-radius: 20px;
-webkit-border-radius: 20px;*//*
 -moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-top-right-radius: 20px;*/
 -moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
	-webkit-box-shadow:0px 0px 20px #000;
	-moz-box-shadow:0px 0px 20px #000;
	box-shadow:0px 0px 20px #000;
}
.navigation li{
	color:#333333;
	display:block;
	line-height:30px;
	font-weight:bold;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	width:35px;
	height:35px;
	text-align:center;
	vertical-align:middle;
}
.navigation li img{
	width:15px;
	height:15px;
	
}
.navigation li:hover,.active{
	font-size:25px;
	cursor:pointer;/*
	width:100px!important;*/
	padding:0px;
	margin:0px;
}
.navigation li:hover img,.active img{
	width:25px !important;
	height:25px !important;
	padding:0px;
	margin:0px;
}
.envatologo{
position:fixed;
top:50%;
left:50%;
width:446px;
margin-top:-41px;
margin-left:-223px;
z-index:1;
}
.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;/*
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);*/
}
.wrapper{
	width:960px;
	height:200px;
	margin:0 auto;
	position:relative;
}
.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	display:block;
	width:122px;
	height:30px;
	position:absolute;
}
.button:hover{
	cursor:pointer;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
	/*background:url(../images/page1/slide1/logomain.png) no-repeat fixed;*/
	background-color:rgba(255,255,255,0.3);
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
	
	
}
.slide1-wrapper{
	width:100%;
	float:left;
}
/*#slide1-holder{
	 position:absolute;
  top: 50%;
  left: 50%;
  margin-top: -195px;
  margin-left: -375px;
}*/
.slide1-holder h1{
	
    font-family: 'OswaldBold';
	font-size:45px;
}
.slide1-holder h2{	
    font-family: 'OswaldBold';
	font-size:30px;
}
.slide1-linet{
	width:750px;
}
.slide1-lineb{
	width:750px;
		height:52px;
		float:left;
	background:url(../images/page1/slide1/linebottom2.png) no-repeat;
}
	.slide1-button{
		background:url(../images/page1/slide1/button-under2.png) no-repeat;
		margin-left:288px;
		margin-top:5px;
		float:left;
		width:169px;
		height:52px;
	}
	.slide1-button:hover{
		background:url(../images/page1/slide1/button-over2.png) no-repeat;
	}
/******************************
 SLIDE 2 
*******************************/
#slide2{
	background:url(../images/page1/slide2/blackbg.png) repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
	height:810px;
	
}
.wrapper2{
	width:100%;

}
.slide2infobox{
	width:100%;	
	background-color:#FFFFFF;
	padding-top:40px;
	margin-top:60px;
	padding-bottom:35px;
	box-shadow:0px 10px 10px rgba(0,0,0,0.3);
	float:left;
}
.s2infosubboxholder{
	width:100%;
	float:left;

}
.s2infosubboxes{
	width:50%;
	height:100%;
	float:left;
}
.s2infosubboxes p{
	color:#333;
	font-size:12px;
	margin-bottom:10px;
}

	
.s2infosubboxes h2{
	color:#333;
	font-size:26px;
	margin-bottom:10px;
    font-family: 'OswaldBold';
}
	
.slide2infoboxinside{
	width:960px;
	
	padding:20px 10px 20px 10px;
	margin:0 auto;
	float:clear;
}
.slide2servicebox{
	width:450px;
	margin-left:30px;
	margin-bottom:40px;
				 float:left;
}
.slide2serviceimgbox{
				 width:100px;
				 float:left;
			 }
			 .slide2servicepbox{
				 width:270px;
				 float:left;
				 margin-left:20px;
				 margin-top:10px;
				 font-size:10px;
			 }
			 .slide2servicepbox a{
				 color:#F90;
				 line-height:25px;
				 text-decoration:none;
			 }
			 .slide2servicepbox a:hover{
				 color:#F90;
				 text-decoration:underline;
			 }
			 .slide2servicepbox p{
				 font-size:11px;
				 
			 } .slide2servicepbox h3{
				 font-size:14px;
				 margin-bottom:10px;
				 
			 }
			 .slide2serviceibox{
				 float:left;
				 width:50%;
				 margin-bottom:5px;
				 font-size:10px;
			 }
             .homepagebuttoms{
				 width:30px;
				 color:#fff;
				 float:left;
				 padding:3px;
				 margin-top:5px;
				 margin-left:20px;
				 font-size:10px;
			 }



.slide2-portfolioholder{
	width:960px;
		padding:20px 10px 20px 10px;
	margin:0 auto;
	float:clear;
}
.slide2-portfoliowrapper{
	width:100%;
	float:left;
}
.slide2-portfolio
{
	padding-top:40px;
	margin-bottom:30px;
	float:left;
	width:100%;
}
.slide2-portfolio h2
{
	color:#ccc;
	font-size:26px;
    font-family: 'OswaldBold';
}
	
.slide2-portfolioblock{
	float:left;
	width:310px;}
.m-r-15{ margin-right:15px; }
.slide2-portfolioinfo{
	width:310px;
	min-height:390px;
	margin-bottom:0px;
	background:url(../images/page1/slide2/blackbg.png) repeat;
}
.slide2-portfolioinfo h3{
	
	color:#ccc;
	font-size:14px;
	margin-bottom:15px;
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
    font-family:Arial, Helvetica, sans-serif;
}
.slide2-portfolioinfo p{
	
	color:#ccc;
	font-size:12px;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
    font-family:Arial, Helvetica, sans-serif;
}



/******************************
 SLIDE 3 
*******************************/
#slide3{
	background:url(../images/page1/slide2/blackbg.png) repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
	height:1000px;
}
.wrapper3{
	width:100%;
	height:100%;
	float:left;

}
.smallport-holder{
	width:926px;
	padding:18px;
	background:url(../images/page1/slide2/blackbg.png) repeat;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
.smallport{
	float:left;
	width:145px;
}

.smallport img{
	width:145px;
}
.m-r-10{
	margin-right:10px;
}




.testimonialholder{
	float:left;
	width:960px;
}

.test-left{
	width:460px;
	background:url(../images/page1/slide2/blackbg.png) repeat;
	float:left;
	height:230px;
}
.test-lside{
	width:0px;
	float:left;
	padding-left:15px;
	height:100px;
	background:url(../images/page1/slide3/ribbonl.png) no-repeat;
}
.test-lbar{
	float:left;
	width:380px;
	margin-top:30px;
	background:url(../images/page1/slide3/barbg.png) repeat;
	padding-left:20px;
	padding-top:8px;
	padding-bottom:8px;
	box-shadow:5px 5px 5px #000000;
	height:18px;
}
.test-lbar h4{
	padding:0px;
	margin:0px;
	font-size:13px;
	font-weight:bold;
}
.test-content{
	float:left;
	width:335px;
	padding-left:65px;
	padding-right:70px;
	padding-top:30px;
	padding-bottom:20px;
	background:url(../images/page1/slide3/quote.png) no-repeat;
	
}

.test-content p{
	font-size:12px;
	color:#CCC;
}
.test-right{
	width:460px;
	background:url(../images/page1/slide2/blackbg.png) repeat;
	float:left;
	height:230px;
}
.test-rside{
	width:0px;
	float:left;
	padding-left:15px;
	height:100px;
	background:url(../images/page1/slide3/ribbonr.png) no-repeat;
}
.test-rbar{
	float:right;
	width:380px;
	margin-top:30px;
	background:url(../images/page1/slide3/barbg.png) repeat;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:right;
	box-shadow:-5px 5px 5px #000000;
	height:18px;
}
.test-rbar h4{
	padding:0px;
	margin:0px;
	font-size:13px;
	font-weight:bold;
}

/******************************
 SLIDE 4 
*******************************/

#slide4{
	height:400px;
	background:url(../images/page1/slide4/gradbg.png) repeat;
	box-shadow:inset 0 0 20px #000000;
}

.slide4-holder{
	width:960px;
		padding:40px 10px 20px 10px;
	margin:0 auto;
	float:clear;
}

.slide4-holder h3{
	color:#ccc;
	font-size:26px;
    font-family: 'OswaldBold';
}
.slide4-holder p{
	color:#ccc;
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
}



.p-m-l-20 p{
	margin-left:20px;
}
.p-m-r-10 p{
	margin-right:10px;
}
.p-m-l-10 p{
	margin-left:10px;
}
.p-m-r-20 p{
	margin-right:20px;
}
.h-m-l-20 h2{
		margin-left:20px;
}
.h-m-l-30 h2{padding-left:30px;
}
.p-m-r-30 p{
	margin-right:30px;
}
.h-m-l-76 h2{padding-left:76px;
}
.h-m-l-106 h2{padding-left:106px;
}
.h-m-l-inline h2{padding-left:146px;
}
.m-t-10{
	margin-top:10px;
}
.m-t-15{
	margin-top:15px;
}
.m-t-20{
	margin-top:20px;
}.m-b-10{
	margin-bottom:10px;
}
.m-b-15{
	margin-bottom:15px;
}
.m-b-20{
	margin-bottom:20px;
}
.service-wrapper{
	width:960px;
	margin:0px auto;
	float:clear;
}

.service-holder{
	width:960px;
	float:left;
	background:#FFFFFF;
	margin-top:120px;
	margin-bottom:10px;
}
.service-image{
	width:295px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-right:5px;
	background:url(../images/page1/slide2/blackbg.png) repeat;
}
.service-header{
	width:305px;
	float:right;
	margin-left:5px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.service-header h2{
	font-size:36px;
    font-family: 'OswaldBold';
	float:left;
}.service-header img{
	width:50px;
	margin-right:10px;
	float:left;
}
.service-text{
	width:585px;
	float:left;
	height:200px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:25px;
	margin-left:5px;
	margin-bottom:10px;
	background:url(../images/page1/slide2/blackbg.png) repeat;
}
.service-text p{
	font-size:12px;
	color:#CCCCCC;
}

.service-subbox{
	float:left;
	background:url(../images/page1/slide2/blackbg.png) repeat;
}
.wedoitem{
	height:13px;
	float:left;
	width:265px;
	padding-left:23px;
	padding-right:23px;
	padding-top:23px;
	padding-bottom:23px;
	
}
div .wedoitem:hover {
	background-color:rgba(13,3,202,0.6);
}
.wedoitem p{
	padding:0px;
	margin:0px;
	font-size:17px;
	color:#ccc;
}
.service-subbox1{
	width:310px;
	margin-left:5px;
	height:252px;
}
.service-subbox2{
	width:295px;
	height:232px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}	
.service-subbox p{
	font-size:12px;
	color:#CCCCCC;
}
#slidemainten, #sliderefurb, #slidebuilding, #slidedesign{
 height:800px;
}
.m-l-5{
	margin-left:5px;
}
.slidebreak-holder{
	width:100%;
	float:left;
	background-color:rgba(0,0,0,0.3);
}
.slidebreak-inner{
	width:100%;
	float:left;
	height:200px;
	box-shadow:0px 0px 10px #000;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:rgba(255,255,255,0.8);
}
.slidebreak-content{
	width:960px;
	margin:0 auto;
}
#slidebreak,#slidebreak2,#slidebreak3{
	height:250px;
}
.slidebreak-img1{
	width:200px;
	float:left;
	padding-left:56px;
	padding-right:56px;
}

.slidebreak-img2{
	width:313px;
	float:left;
}
#slideport{
	background:url(../images/page1/slide2/blackbg.png) repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
	min-height:1800px;
}

.wrapperport{
	width:100%;
	height:100%;
	float:left;

}
.slideport-portfolioblock{
	float:left;
	width:310px;
	margin-bottom:15px;}
	
	.slideport-portfolio
{
	padding-top:40px;
	margin-bottom:30px;
	margin-top:60px;
	float:left;
	width:100%;
}
.slideport-portfolio h2,
.slideport-portfolio h1
{
	color:#ccc;
	font-size:26px;
    font-family: 'OswaldBold';
}
.slideport-portfolio p{
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
	color:#ccc;
}
.slideport-portfolioinfo{
	width:310px;
	height:420px;
	margin-bottom:0px;
	background:url(../images/page1/slide2/blackbg.png) repeat;
}
.slideport-portfolioinfo h3{
	
	color:#ccc;
	font-size:14px;
	margin-bottom:15px;
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
    font-family:Arial, Helvetica, sans-serif;
}
.slideport-portfolioinfo p{
	
	color:#ccc;
	font-size:12px;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
    font-family:Arial, Helvetica, sans-serif;
}
.viewgallery{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	width:310px;
	background:url(../images/page1/slide2/blackbg.png) repeat;
}
.viewgallery a{
	text-indent:10px;
	font-size:12px;
	color:#FF9900;
	padding-left:210px;
	text-decoration:none;
}


	.viewgallery:hover a{
	width:100%;
	background:#FF9900;
	color:#FFFFFF;
	text-decoration:none;
}

	.viewgallery:hover{
	width:100%;
	background:#FF9900;
	color:#FFFFFF;
	text-decoration:none;
}
#slidegallery{
	background:url(../images/page1/slide2/blackbg.png) repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
	min-height:1000px;
}
.gallery-wrapper{
	background:url(../images/page1/slide2/blackbg.png) repeat;
	float:left;
	width:935px;
	min-height:300px;
	padding-left:25px;
	padding-top:25px;
	padding-bottom:25px;
	
}.slidegallery-galleryholder{
	width:960px;
		padding:20px 10px 20px 10px;
	margin:0 auto;
	float:clear;
}.slideport-gallery
{
	padding-top:40px;
	margin-bottom:30px;
	margin-top:60px;
	float:left;
	width:100%;
}
.slideport-gallery h2,
.slideport-gallery h1
{
	color:#ccc;
	font-size:26px;
    font-family: 'OswaldBold';
}
.slideport-gallery p{
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
	color:#ccc;
}

.contact-split{
	width:450px;
	float:left;
}
	
.contact-split h2{
	font-size:12px;
	margin-bottom:15px;
	color:#666;
	padding-top:10px;
	padding-left:40px;
	padding-bottom:10px;
	background:url(../images/mail.png) no-repeat;}
.contact-split p{
	font-size:12px;
	margin-bottom:15px;
	color:#CCCCCC;
}
.contact-split h3{
	font-size:16px;
    font-family: 'OswaldBold';
	color:#CCCCCC;
}
#form-container td{
	padding:5px;}
#form-container {
		box-shadow:0 0 20px #000000;
}
#form-container input {
	width:300px !important;
}

.boldandorange{
	color:#FF9900 !important;
	width:100px;
	float:left;
}
.standardpara{
	width:300px;
	float:left;
	font-size:12px;
	color:#CCCCCC;
}
.addressesd{
	height:40px;
}
	
	
#servicenav{
	width:100%;
	z-index:49;
	position:fixed;
	top:88px;
	background-color:rgba(0,0,0,0.8);
	padding-top:5px;
	padding-bottom:5px;
	-webkit-box-shadow:0px 0px 20px #000;
	-moz-box-shadow:0px 0px 20px #000;
	box-shadow:0px 0px 20px #000;
}
#servicenav ul{
	width:960px;
	margin:0 auto;
}
#servicenav ul li{
	float:left;
	width:240px;
	font-size:12px;
	text-align:center;
	color:#CCC;
}

#servicenav ul li a{
	color:#CCCCCC;
	text-decoration:none;
}
	
#servicenav ul li:hover{
	background-color:rgba(13,2,202,0.8);
}

.button3{
	display:block;
	width:240px;
}
.button3:hover{
	cursor:pointer;
}