/* Css Theme by CssTemplateHeaven - www.csstemplateheaven.com */
html {
  overflow-y: scroll;
}

body { background-color:#ccc; }
.firstletter {
	float: left;
	font-size: 3em;
	line-height: 1;
	font-weight: bold;
	margin-right: 0.2em;
}
.sidelineleft{
 border-left: solid 1px;
	
}

.preview img {
border: 4px solid #444;
padding: 1px;
height: 500px;
}
.underline{
	color:#09F;
}
.underline:hover{
	text-decoration:underline;
	color: #06F;
}
.row {width:1100px; background-color:#fff; min-width:650px;}
@media screen and (max-width:1125px){
	.row{width:100%; background-color:#fff}
	
}
.hidden{
	display:none;
}
.indentlist{
	margin-top:-15px;
	margin-left:15px;
	text-align:left;
	
}
.pbboxa{
	display:inline-block;
	margin: 0 30px 10px 0px;
	text-align:center;
}
.pbboxb{
	display:inline-block;
	margin: 0 10px 10px 10px;
	text-align:center;
}
.pbboxc{
	display:inline-block;
	margin: 0 30px 10px 0px;
	text-align:center;
}
.pbboxa:hover{
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier*/
	color:#000;
}
.pbboxb:hover{
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	color:#000;
}
.pbboxc:hover{
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	color:#000;
}
.pbboxa img{
   height:115px;	
}
.pbboxb img{
   height:125px;	
}
.pbboxc img{
   height:150px;	
}
.hoveropacity:hover{
		opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	background-color: rgba(255, 255, 255, 0.4);
	color:#000;
}
.rightsidebar{
width:100%;	
}
.rightsidebarlh{ line-height:25px;
}	
.rightsidebardiv{
line-height:normal; 
font-size:14px; 
padding:5px 0 5px 0;	
}
#sidebar{
		color:#336699;
	font-family: Arial, Helvetica, sans-serif;
padding-bottom: 20px;
padding-left:18px;
background-color:#fff;
border-right:solid;
border-right-color:#CCC;
border-right-style:inset;
}

.sidebarhr{
	margin-top:2px;
	background-color:#336699;
height:1px;	
}

#sidebar li{
	color:#000;
	font-size:14px;
	list-style:none;
}
#sidebar li ul a li{ /*Sub Links*/
color:#000;
	padding-left:4px;
}
#sidebar li ul a li:hover{
	color:#fff;/**/
	text-decoration:none;
}

/*#sidebar a:link,
#sidebar a:visited{
color:#9933cc;
side a:link */

#sidebar li a{   /*Titles*/
color:#336699;
font-family: 'Open Sans', sans-serif;
}
#sidebar li a:hover{
color:#336699;
text-decoration:none;
}


#sidebar li ul li{
    border-radius: 5px;
	margin-top:4px;
	background: -webkit-linear-gradient(top, #fff, #fff);
  background: -moz-linear-gradient(top, #fff, #fff);
  background: -ms-linear-gradient(top, #fff, #fff);
  background: -o-linear-gradient(top, #fff, #fff);
  background: linear-gradient(to bottom, #fff, #fff);
  
}
#sidebar li ul li:hover{
	color:#fff;
    border-radius: 5px;
	margin-top:4px;
	background: -webkit-linear-gradient(#3498db, #2980b9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3498db, #2980b9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3498db, #2980b9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3498db, #2980b9); /* Standard syntax (must be last) */
	-webkit-box-shadow: 0px 0px 8px #666666;
  -moz-box-shadow: 0px 0px 8px #666666;
  box-shadow: 0px 0px 8px #666666;
}
#blank{ z-index:0;
}

.imgcaption{
	font-size:13px; 
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
	color:#b6b6b6; 
	padding-top:5px
}
.logo {
	position:relative;
margin-top:0px; width:1130px;border-radius: 3px; background-color: #fff;
-webkit-box-shadow: -20px 0px 30px 13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 30px 13px rgba(0,0,0,0.75);
box-shadow: 0px -40px 30px 0px rgba(0,0,0,0.75); z-index:10}
#logo {width:225px; margin-left:40px; min-width:175px; z-index:12; margin-top:-130px;}
.page_wrap {margin: -15px auto 25px; border-radius: 0px; background: #FFF;
-webkit-box-shadow: 0px 0px 30px 13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 30px 13px rgba(0,0,0,0.75);
box-shadow: 0px -10px 30px 15px rgba(0,0,0,0.75);max-width:1230px; z-index:5;}

.header_nav {background: #fff; padding: 10px 0 2px; margin-bottom: 25px; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); z-index: 999}

.header_nav_fullwidth {background: #f8f8f8; padding: 10px 0 2px; margin-bottom: 25px; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4)}

.header_logo  {padding-left:140px; padding-top: 20px;}
.header_logo img {border:none; float:left;	}
.header_logo object {border:none; float:left;}
.header_text {float:right; font-size:28px; padding-top:50px; padding-right:140px; color:#fff;}

.blog_post {}
.post_meta {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: center; color: #000}
p {
	color: #000;
	font-size: 14px;
	font-family:  Arial, allerlt, sans-serif;
}/**/
p strong{color:#000; font-family: Arial, sans-serif;}
p b{color:#000; font-family:Arial, sans-serif;}
p.welcome_text {font-size: 180%; text-align:center; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding-bottom:40px;}
.industries {font-size:16px; line-height:30px; font-family: arial;}
.services li{font-size:120%; padding-left:15px; padding-top:10px; text-align:left; list-style-type:none; font-family: Arial, allerlt;}
.contactbutton{padding-left:140px;}

h1,h2,h3,h4 {font-family:'Open Sans Condensed',sans-serif; font-weight: normal}
.heading_dots {background: url(../images/heading_dots_grey.png) repeat-x center}
.heading_dots_grey {background: url(../images/heading_dots_grey.png) repeat-x center}
.heading_bg {background:#FFF; padding: 0 6px 0 0}
.heading_center_bg {background:#FFF; padding:0 10px; color:#336699;}

.heading_supersize {font-size: 60px; text-align:center; font-weight: normal; line-height: normal; margin:0 0 10px; color: #424242; padding-bottom:10px;}
.heading_largesize {font-size: 44px; text-align:center; font-weight: normal}

.dropcap_red, 
.dropcap_black {  
            border-radius: 100px 100px 100px 100px;
            display: block;
			float: left;
			font-size: 18px;
			line-height: 35px;
			margin: 4px 8px 0 0;
			text-align: center;
			width: 35px;
}

.dropcap_red {background: #FE563B; color: #FFF}
.dropcap_black {background: #000; color: #FFF}

.panel {background: #fafafa}

.panel.callout {background: #FE563B; border: 1px solid #CCC}

.panel.callout p, .panel.callout h4 {color: #fff}

ul.accordion > li.active {
    border-top: 3px solid #f34c31;
}

dl.tabs dd.active {
    border-top: 3px solid #f34c31;
    margin-top: -3px;
}
.nav-bar { float:right; margin: -45px 65px; background-color:#FFF; color:#000;}
.nav-bar > li {border: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; letter-spacing: 0px; box-shadow: none; color:#000;}
.nav-bar > li > a:first-child {font-size: 14px; text-transform: uppercase; margin: 0 -10px;}
@media screen and (max-width:1204px){
.nav-bar > li > a:first-child {font-size: 14px; text-transform: uppercase; margin: 0 -10px;}
}

@media screen and (max-width:1156px){
	.nav-bar > li > a:first-child {font-size: 14px; text-transform: uppercase; margin: 0 -10px;}
}

@media screen and (max-width:1093px){
	.nav-bar > li > a:first-child {font-size: 14px; color:black; text-transform: uppercase; margin: -12px -10px;}
}
@media screen and (max-width:1020px){
	.nav-bar > li > a:first-child {font-size: 14px; color:black; text-transform: uppercase; margin: -5px -10px;}
	.customnav{ float:left; z-index:9999; padding-left:50px; padding-top:16px; }
	#logo {width:225px; display:block; margin: 0 auto; min-width:175px; margin-top:-50px; z-index:10;padding-bottom:30px;}
	.logo {margin-top:0px; width:1230px;border-radius: 3px; background-color: #fff;
-webkit-box-shadow: 00px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75); z-index:10}
.page_wrap {margin: -16px auto 25px; border-radius: 0px; background: #FFF;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);max-width:1230px; z-index:5;}
}
@media screen and (max-width:925px){
	.nav-bar > li > a:first-child {font-size: 13px; color:black; text-transform: uppercase; margin: -5px -10px;}
	.customnav{ float:left; z-index:9999; padding-left:50px; padding-top:16px; }
	#logo {width:225px; display:block; margin: 0 auto; min-width:175px; margin-top:-50px; z-index:10;padding-bottom:30px;}
}
@media screen and (max-width:880px){
	.nav-bar > li > a:first-child {font-size: 12px; color:black; text-transform: uppercase; margin: -5px -10px;}
	.customnav{ float:left; z-index:9999; padding-left:50px; padding-top:16px; min-width:800px; }
	#logo {width:225px; display:block; margin: 0 auto; min-width:175px; margin-top:-50px; z-index:10;padding-bottom:30px;}
}
@media screen and (max-width:850px){
	.nav-bar > li > a:first-child {font-size: 11px; color:black; text-transform: uppercase; margin: -5px -10px;}
	.customnav{ float:left; z-index:9999; padding-top:16px; padding-left:30px; min-width:750px; }
	#logo {width:225px; display:block; margin: 0 auto; min-width:175px; margin-top:-50px; z-index:10;padding-bottom:30px;}
}
@media screen and (max-width:785px){
	.nav-bar > li > a:first-child {font-size: 11px; color:black; text-transform: uppercase; margin: -5px -10px;}
	.customnav{ float:left; z-index:9999; padding-top:16px; margin-left:45px; min-width:750px; }
	#logo {width:225px; display:block; margin: 0 auto; min-width:175px; margin-top:-50px; z-index:10;padding-bottom:30px;}
}
@media screen and (max-width:750px){
	.nav-bar > li > a:first-child {font-size: 11px; color:black; text-transform: uppercase; margin: -5px -10px;}
	.customnav{ float:left; z-index:9999; padding-top:16px; margin-left:35px; min-width:750px; }
	#logo {width:225px; display:block; margin: 0 auto; min-width:175px; margin-top:-50px; z-index:10;padding-bottom:30px;}
}
@media screen and (max-width:730px){
	.nav-bar > li > a:first-child {font-size: 11px; color:black; text-transform: uppercase; margin: -5px -10px;}
	.customnav{ float:left; z-index:9999; padding-top:16px; margin-left:15px; min-width:750px; }
	#logo {width:225px; display:block; margin: 0 auto; min-width:175px; margin-top:-50px; z-index:10;padding-bottom:30px;}
}
@media screen and (max-width:680px){
	.nav-bar > li > a:first-child {font-size: 11px; color:black; text-transform: uppercase; margin: -5px -10px;}
	.customnav{ float:left; z-index:9999; padding-top:16px; margin-left:-5px; min-width:750px; }
	#logo {width:225px; display:block; margin: 0 auto; min-width:175px; margin-top:-50px; z-index:10;padding-bottom:30px;}
}
/*
@media screen and (max-width:962px){
	.nav-bar > li > a:first-child {font-size: 8px; text-transform: uppercase; margin: 0 -10px;}
}
@media screen and (max-width:914px){
	.nav-bar > li > a:first-child {font-size: 7px; text-transform: uppercase; margin: 0 -10px;}
}
@media screen and (max-width:865px){
	.nav-bar > li > a:first-child {font-size: 6px; text-transform: uppercase; margin: 0 -10px;}
}
@media screen and (max-width:825px){
	.nav-bar > li > a:first-child {font-size: 5px; text-transform: uppercase; margin: 0 -10px;}
}
*/
.nav-bar > li:last-child {border: 0; box-shadow: none}
.nav-bar > li.active:hover { background: #666; cursor: default; }
.nav-bar > li:hover { background:#888; color: #000;         
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; 
}
.home{ padding-right:0px;}
.nav-bar > li > a { color: #000;}
.nav-bar > li > a:hover { color:#fff;}
.active a {background: #686868; color: #000}

.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #f8f8f8 transparent transparent transparent; position: absolute; right: 22px; top: 17px; }
.nav-bar > li.has-flyout > a:hover:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #f8f8f8 transparent transparent transparent; position: absolute; right: 22px; top: 17px; }
.flyoutactive {background-color:#666; color:#000;}

.flyout {background: #f3f3f3; border-radius: 5px; border: 0; margin-top: -1px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);}

ul.flyout li, .nav-bar li ul li { border-left: 0}
ul.flyout li a, .nav-bar li ul li a { background: #fff; color:#000; border: 0; font-size: 16px;}
ul.flyout li a:hover, .nav-bar li ul li a:hover { background: #888; color: #fff; border: 0;         
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; 
		}
		
/* nav bar vertical */


.nav-bar.vertical > li {border:0}

.nav-bar.vertical > li:last-child {border:0}
		
/* gallery menu */

.gallery-nav-bar {list-style:none; text-align: center; padding-top:10px; font-family: 'Open Sans Condensed',sans-serif; letter-spacing: 2px; text-transform: uppercase}
.gallery-nav-bar li {display: inline-block; margin-right: 1px}

.gallery-nav-bar li {padding: 3px 12px}

.gallery-nav-bar li a {color: #000; padding: 3px 12px}

.gallery-nav-bar li a:hover {background: #C02702; color: #FFF; padding: 3px 12px; border-radius: 3px}


/* footer menu */

.footer_menu {text-align:center;  background-color:#fff; padding:20px 0 20px; margin-bottom: 0px; color:#000;} 
.footer_menu li {display: inline; list-style: none; margin-right: 20px; color:#000;}
.footer_menu a {color:#000;}
#footerlogo{height:60px; float:right; margin-top:-58px; padding:0 10px 5px 0;}


.button_sidebar{
	width:200px; text-align:center;
border:1px solid #26758f; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #3299bb; background-image: -webkit-gradient(linear, left top, left bottom, from(#3299bb), to(#1C5A85));
 background-image: -webkit-linear-gradient(top, #3299bb, #1C5A85);
 background-image: -moz-linear-gradient(top, #3299bb, #1C5A85);
 background-image: -ms-linear-gradient(top, #3299bb, #1C5A85);
 background-image: -o-linear-gradient(top, #3299bb, #1C5A85);
 background-image: linear-gradient(to bottom, #3299bb, #1C5A85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3299bb, endColorstr=#1C5A85);
}

.button_sidebar:hover{
 border:1px solid #1c576b;
 color: #FFFFFF;
 background-color: #277893; background-image: -webkit-gradient(linear, left top, left bottom, from(#277893), to(#133d5b));
 background-image: -webkit-linear-gradient(top, #277893, #133d5b);
 background-image: -moz-linear-gradient(top, #277893, #133d5b);
 background-image: -ms-linear-gradient(top, #277893, #133d5b);
 background-image: -o-linear-gradient(top, #277893, #133d5b);
 background-image: linear-gradient(to bottom, #277893, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#277893, endColorstr=#133d5b);
}



/*-------------------------------------------------------------------------------------------------*/
/* Masonry
/*-------------------------------------------------------------------------------------------------*/

.centered { margin: 0 auto; }

.box {
  margin: 5px;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  font-size: 100%;
  line-height: 1.4em;
  float: left;
}

.box p {font-size: 12px; margin: 0; padding: 12px 0}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box h4 {
  margin-bottom: 0; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; padding: 0px;
}

.box img,
#tumblelog img {
  display: block;
  width: 100%;
}


.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}

.col1 {width: 80px}
.col2 {width: 222px}
.col3 {width: 280px}
.col4 {width: 380px}
.col5 {width: 480px}

.col1 img { max-width: 80px; }
.col2 img { max-width: 211px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

/* fluid masonry */

.box_fluid {
  margin-bottom: 1.4%;
  padding: 0;
  background: #FFF;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  font-size: 100%;
  line-height: 1.4em;
  float: left;
}

.box_fluid_inner {padding: 0 15px 0}

.col_fluid {width: 32%}
.col_fluid img {width: 100%}