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

/* 
red #fd1515 
orange #ff9000
*/


/** BOOTSTRAP RESET **/
h1, h2, h3, h4, h5, h6{ margin: 0;	padding: 0;	font-size:100%; font-weight:400; line-height:1.6; text-spacing:0; font-family:'Raleway', Arial, Helvetica, sans-serif; 
}
ul, ol { margin:0; padding:0;
}
a{ text-decoration:none; color:inherit; cursor:pointer;
}
a:hover { text-decoration:none; 
}


/** CUSTOM CODE **/

html{ overflow-y:scroll; font-size:100%; 
}
body{ width:100%; background-color:#383838; 
font-size:110%; font-weight:400; line-height:1.5; letter-spacing:0.05em; color:#ccc; font-family: linux_libertine_display_oRg, Georgia, "Times New Roman", Times, serif; 
}
#wrapper{ width:980px; margin:0 auto 50px auto; position:relative; 
}

/** MAIN FRAMES **/
/*** HEADER ***/
#header{ height:110px; position:relative;
}
	/** LOGO **/
	#logo{ background-image:url(../pic/logo.png); width:340px; height:64px; position:absolute; top:32px; left:-2px;  
	}
	#logo h1{ display:block; overflow:hidden; text-indent:-999em; direction:ltr; 
	}
	/** MAIN NAV + LANG NAV **/
	ul.navHori{ list-style:none; position:absolute; 
	text-transform:uppercase; color:#FFF; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:500;
	}
	ul.navHori li{ float:left; 
	}	
	ul#mainNav{ top:10px; right:0px; 
	font-size:75%; 
	}
	ul#mainNav li{ margin-left:2px; padding:3px 0 2px 0; background-color:#ff9000; 
	}
	ul#mainNav a{ padding:5px 7px;
	}
	ul#mainNav a:hover, ul#mainNav li.active{ background-color:#fd1515; color:inherit;
	}	
	ul#mainNav li ul{ display:none; position:absolute; top:23px; left:40px; z-index:1000; 
	} 
	ul#mainNav li:hover ul{ display:block;   
	}
	ul#mainNav li ul li{ float:none; text-align:center;
	}
	ul#mainNav li ul li a{ display:block; padding:5px 9px; 
	}
	ul#langNav{ top:85px; right:0px; 
	font-size:70%; 
	}
	
/*** FOOTER ***/
#footer{ padding:30px 0 30px 0; margin-bottom:10px; border-top:1px solid #fd1515; position:relative; overflow:hidden;
font-size:64%; color:#fff; font-family:'Raleway', Arial, Helvetica, sans-serif; 
}
	#footerLeft, #footerMid{ float:left; width:300px; margin-right:40px;
	}
	#footerRight{ float:right; width:300px; 
	}
	#footerLeft #footerLogo{ width:200px; height:38px; margin:0 0 10px 0; 
	}
	#footerLeft li{ margin:0 3px; float:left;
	}
	#footerRight h3{ color:#ff9000; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:110%;
	}
	#footer .iconPin{ width:15px; height:18px; margin-right:8px;
	}
	#footer .locationLine2{ margin-left:23px;
	}
	#footer .iconPhone{ width:15px; height:17px; margin-right:8px;
	}
	#footer .iconEmail{ width:15px; height:12px; margin-right:8px;
	}	
	#footer h5{ position:absolute; left:0; bottom:4px;
	font-size:80%; color:#ccc; 
	}
	
/*** CONTENT ***/
#content{ overflow: hidden; margin-bottom:40px;
}				
	/** FONT **/
	h2{ text-transform:uppercase; font-size:80%; font-weight:700; 
	} /* white section head */
	h3{ font-size:110%; font-weight:700; color:#555; font-family: linux_libertine_display_oRg, Georgia, "Times New Roman", Times, serif; 
	} /* icon header */ 
	h4{ font-size:144%; font-weight:200; font-style:italic; line-height:1.3; margin-bottom:10px; color:#aaa; 
	} /* testimonial */
	h5{ font-size:65%; line-height:1.3; color:#555; font-weight:500;
	} /* icon text */
	h6{ font-size:85%; text-transform:uppercase; line-height:1.3; color:#888; font-weight:700; 
	} /* testimonial byline */
	a:hover { color:#ff9000; 
	}		

	/** LANDING SLIDES **/
	#landImg{ margin-bottom:60px; 
	}
	#landImg img{ width:980px; height:450px;
	}
	.carousel-indicators{ top:12px; left:942px;
	}
	/** LANDING CATEGORY MENU **/
	#landIcon{ width:1000px; position:absolute; top:440px; left:-10px; z-index:1000;
	}
	#cornerL{ background-image:url(../pic/cornerL.png); position:absolute; top:426px; left:-9px; width:20px; height:14px;
	}
	#cornerR{ background-image:url(../pic/cornerR.png); position:absolute; top:426px; left:970px; width:20px; height:14px;
	}
	#landIcon li{ width:248px; height:105px; margin-left:2px; padding:15px 15px 15px 15px; float:left; background-color:#FFF;  
	}
	#landIcon .iconImg{ height:55px; margin:3px 10px 42px 0; float:left; 
	}
	#landIcon #icon1{ width:32px; height:27px;
	}
	#landIcon #icon2{ width:31px; height:29px;
	}
	#landIcon #icon3{ width:32px; height:31px;
	}
	#landIcon #icon4{ width:37px; height:29px;
	}
	#landIcon li:hover h3{ color:#fd1515;
	}
	#landIcon li:hover h5{ color:#000;
	}
	#landIcon li:hover .iconImg{  
	/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	/* IE 5.5-7 */ filter: alpha(opacity=90);
	/* Netscape */ -moz-opacity: 0.9;
	/* Safari 1.x */ -khtml-opacity: 0.9;
	/* Modern browsers */ opacity: 0.9;
	}
	/** LANDING - TESTIMONIAL **/
	#landTesti{ padding:0 40px; margin-bottom:60px; 
	text-align:center; color:#FFF; 
	}
	#landTesti h6{ display:inline-block; margin-top:10px;
	}
	#landTesti a:hover h6{ color:#ff9000;
	}
	/** LANDING - PROJECT **/
	#landProj{ padding:0 40px; margin-bottom:60px;
	}
	
	/** PROJECT **/
	#pageProject{ margin-top:30px; 
	}
	#pageProject #breadcrumbs h5{ color:#ccc; margin-bottom:20px;
	}
	#pageProject #breadcrumbs h5 a{ color:#ff9000;
	}
	#pageProject #breadcrumbs h5 a:hover{ 
	}
	#projHeader{ border-bottom:1px #fd1515 solid; margin-bottom:30px;
	}
	#projHeader h2{ width:200px; padding:1px 5px; margin:0 350px; display:inline-block; background-color:#fd1515; 
	text-align:center; color:#FFF; 
	}	
	#projContent{ float:left; width:1020px; margin-bottom:20px;
	}
	.projThumbs{ width:273px; margin-right:40px; margin-bottom:40px; float:left; position:relative;
	}
	.projThumbs:last-child{ margin-right:0; 
	}
	.projThumbs h3{ background-color:#565656; padding:20px 0; 
	text-align:center; font-weight:100; color:#ffffff; font-size:115%;
	}
	.projThumbs a:hover h3 { background-color:#fd1515; 
	}
	#thumbImg{ position:relative;
	}
	.arrow-down { position:absolute;
		width: 0; 
		height: 0; 
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #565656;
		z-index:1000; top:0px; left:116px;
	}
	.projThumbs a:hover .arrow-down{	border-top: 20px solid #fd1515;
	}	
	.projLocation{ background-color:#b8b7b7; padding:10px;
	}
	.projLocation img.iconLocationDark{ float:left; width:12px; height:16px; margin-right:5px;
	}
	.projLocation h5{ margin-left:5px; 
	text-transform:uppercase; font-size:80%; 
	}
	/** POPUP MODAL **/
	.modal-footer{ margin-top: 0; padding-top:12px; padding-bottom:14px;
	font-size:70%; color:#555; font-family:'Raleway', Arial, Helvetica, sans-serif; 
	}
	.modal-content { border-radius: 0;
	}
	
	/** GENERAL PAGE **/
	#pageClients, #pageAbout, #pageContact{ 
	}
	.margin40{ margin:0 40px;
	}
	.pageImg{ width:980px; height:300px; margin-bottom:30px; 
	}
	.pageImgPortrait{ width:400px; height:520px; float:left; margin-right:50px; margin-bottom:30px; margin-top:-15px;
	}
	.pageRight{ overflow:hidden; margin:0 40px 0 0;
	}
	#about{ margin-top:15px;
	}
	
	/** ABOUT **/
	/*#pageAbout h3{ margin-top:15px;
	text-transform:uppercase; color:#ff9000; font-size:80%; font-family:'Raleway', Arial, Helvetica, sans-serif;
	}*/
	#pageAbout{ line-height:1.4;
	}
	
	/** CLIENTS **/
	.clientListing{ width:225px; float:left; 
	text-align:center;
	}
	.clientListing li{ font-size:85%;
	}
	.clientListing h3{ text-transform:uppercase; color:#ff9000; font-size:110%; font-family:'Raleway', Arial, Helvetica, sans-serif;
	}
	.clientListing a:hover{ color:#fd1515;
	}
	
	/** CONTACT **/
	#pageContact{ font-size:85%;
	}
	.locationL{ margin-right:40px; margin-bottom:80px;
	}
	iframe{ float:left; margin:0 40px 0 0; 
	}
	.address{ height:140px;
	}
	.address h3{ text-transform:uppercase; color:#ff9000; font-size:110%; font-family: 'Raleway', Arial, Helvetica, sans-serif;
	}
	.address li{ margin-bottom:-2px;
	}
	/*#contactForm{ width:300px; margin-top:20px; margin-right:40px; float:left;
	}*/



/* FORM VALIDATION */
.error { color: #B94A48; position:absolute; top: 0px;
right: 0px;
}

/* CLEAR FIX */
.clearfix:before, .clearfix:after { 
	content:"\0020"; display: block; height: 0; visibility: hidden;
}
.clearfix:after { 
	clear: both; 
}
.clearfix { 
	zoom: 1; 
}
.alpha90 {
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5.5-7 */ filter: alpha(opacity=90);
  /* Netscape */ -moz-opacity: 0.9;
  /* Safari 1.x */ -khtml-opacity: 0.9;
  /* Modern browsers */ opacity: 0.9;
}
.alpha90:hover{
   /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5.5-7 */ filter: alpha(opacity=100);
  /* Netscape */ -moz-opacity: 1.0;
  /* Safari 1.x */ -khtml-opacity: 1.0;	
}
.alpha70 {
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  /* IE 5.5-7 */ filter: alpha(opacity=70);
  /* Netscape */ -moz-opacity: 0.7;
  /* Safari 1.x */ -khtml-opacity: 0.7;
  /* Modern browsers */ opacity: 0.7;
}
.alpha70:hover{
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5.5-7 */ filter: alpha(opacity=100);
  /* Netscape */ -moz-opacity: 1.0;
  /* Safari 1.x */ -khtml-opacity: 1.0;
  /* Modern browsers */ opacity: 1.0;
}
.alpha60 {
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  /* IE 5.5-7 */ filter: alpha(opacity=60);
  /* Netscape */ -moz-opacity: 0.6;
  /* Safari 1.x */ -khtml-opacity: 0.6;
  /* Modern browsers */ opacity: 0.6;
}
.alpha60:hover{
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5.5-7 */ filter: alpha(opacity=90);
  /* Netscape */ -moz-opacity: 0.9;
  /* Safari 1.x */ -khtml-opacity: 0.9;
  /* Modern browsers */ opacity: 0.9;
}