
/* CSS Document */
body{
	background-color:#719000;
	background-image:url(../images/conten_bg.png);
	background-repeat:repeat;
	font-size: 15px;
	font-family: helvetica, arial, sans-serif;	color:#000;
	margin:0;
	color: #666666;
}
#twtr-widget-1 {
	margin-top: 10px;
}
a {
  outline: none;
  text-decoration:none;
}
a:hover{text-decoration:none;}
h1{
	color:#4f85bb;	
	margin-bottom:0;
	font-weight:normal;
}
h2{
	color: #4f85bb;
    font-size: 20px;
	margin:0;
	font-weight:normal;
}
a{
	text-decoration:none;
	color:inherit;
}
a:hover{
	text-decoration:underline;
}
.container{
	width:960px;
	margin:0 auto;
	padding:0;
}
p {
      
      margin-bottom: 1em;
      margin-top: 1em;
     line-height:normal; 
    }
     }
    h1 {
      color: #454545;
      text-align: center;
      
    }
/* Menu */
#container {
 width: 1200px;
 margin: 100px auto;
}

ul, li {
 margin: 0; padding: 0;
}
.top_bar{
	height:100px;
	margin:0;
	padding:0;
	width:100%;
}
.top_links{
	float:right;
	height:0px;
	margin:5px 0 0 0;
	padding:0;
}
.top_links img{
	height:35px;
	width:35px;
	border:none;
}
.top_links img:hover{
	height:40px;
	width:40px;
	border:none;
}
.top_links p{
	float:left;
	color:#FFF;
	margin:9px 5px 0 0;	
}
.top_links p:hover{
	text-decoration:underline;
}
#blob {
	margin-top:35px;

 border-right: 1px solid #0059ec;
 border-left: 1px solid #0059ec;
 position: absolute;
 top: 0;
 z-index : 1;
 background:#0C6;
 /*background: -moz-linear-gradient(top, #0b2b61, #1153c0);
 background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));*/
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 2px 3px 10px #011331;
 -webkit-box-shadow: 2px 3px 10px #011331;

}

#nav {
 position: relative;
 /*background-image:url(../images/menu_bg.jpg);
 background: #292929;*/
 float: right;
 margin-top: 60px;
}

#nav li {
 float: left;
 list-style: none;
 border-left: 1px solid rgba(255,255,255,0.3);
 /*background: #292929*/
}
#nav li:first-child{
	border-left:none !important;
}
#nav li:last-child{
	border-right:none !important;
}

#nav li a {
 color: #e3e3e3;
 position: relative;
 z-index: 2;
 float: left;
 font-size: 15px;
 font-family: helvetica, arial, sans-serif;
 text-decoration: none;
 padding: 10px 39px;
}
#nav li a:hover{
	color:#b0c733;
}
/*slider background*/
.slider_bg{
	width:100%;
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #45484d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #000000 0%,#45484d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #000000 0%,#45484d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #000000 0%,#45484d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 3px 3px 2px rgba(176, 199, 51, 0.5);
	-moz-box-shadow: 0px 3px 3px 2px rgba(176, 199, 51, 0.5);
	box-shadow: 0px 3px 3px 2px rgba(176, 199, 51, 0.5);
}
.product_container{
	width:720px;
	float:left;
	padding:0;
	margin:0;
}
.news{
	width:220px;
	height:480px;
	float:right;
	overflow:hidden;
}
.news2 .header{
	width:100%;
	border-bottom:2px solid #b0c733;
	height:50px;
	color:#000;
	font-size:16px;
}
.news2 .header:hover{
	width:100%;
	border-bottom:2px solid #2BC6F0;
	height:50px;
}
.news2 li{
	list-style:none;
	background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px #111111;
    color: #FFFFFF;
    cursor: pointer;
    height: 109px;
    margin: 6px 5px 10px 0;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-shadow: 1px 1px 1px #000000;
}
.news2 li:hover{
	background: #4f85bb; /* Old browsers */
background: -moz-linear-gradient(top, #4f85bb 0%, #4f85bb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f85bb), color-stop(100%,#4f85bb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4f85bb 0%,#4f85bb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4f85bb 0%,#4f85bb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4f85bb 0%,#4f85bb 100%); /* IE10+ */
background: linear-gradient(to bottom, #4f85bb 0%,#4f85bb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=0 ); /* IE6-9 */
}
.news2 h3{
	font-size:14px;
	border-bottom:1px solid #000;
	padding-bottom: 4px;
	text-transform:uppercase;
}
.news2 p{
	border-top: 1px solid #666;
	margin-top:-14px;
}
.about_box{
	width:210px;
	float:left;
	margin-right:10px;
	margin-bottom:0px;
	padding:10px;
}
.about_box .header{
	width:100%;
	border-bottom:2px solid #b0c733;
	color:#666;
}
.team_name{
	margin:0;
	font-size:18px;
	color:#666;
}
.team_position{
	margin:0;
	font-style:italic;
}
.filter{
	list-style:none;
}
.filter li{
	list-style:none;
	display:inline;
	margin:0 5px;
	cursor:pointer;
}
.filter #current{
	color:#690;
}
.filter li:hover{
	color:#690;
}
#company_container{
	width:100%;
	border-bottom:1px solid #999;
}
#team_container{
	width:100%;
	border-top:1px solid #FFF;
}
.product_box{
	width:210px;
	height:200px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	padding:10px;
	-webkit-box-shadow: 5px 5px 14px #444;
	-moz-box-shadow: 5px 5px 14px #444;
  	box-shadow: 5px 5px 14px #444;
 	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');	*/
}
.product_box img{
	height:70px;
}
.product_box .header{
	width:100%;
	border-bottom:2px solid #b0c733;
	color:#000;
	font-size:16px;
}
.product_box .header:hover{
	width:100%;
	border-bottom:2px solid #2BC6F0;
	height:50px;
	cursor:pointer;
}
.portfolio{
	width:960px;
	
	overflow:hidden;
	float:left;
	padding:10px;
	-webkit-box-shadow: 5px 5px 14px #444;
	-moz-box-shadow: 5px 5px 14px #444;
  	box-shadow: 5px 5px 14px #444;
}
.portfolio2 .header{
	width:100%;
	border-bottom:2px solid #b0c733;
	height:30px;
	color:#000;
	font-size:26px;
}
.portfolio2 img{
	filter: url(../filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
	-o-filter: grayscale(100%);
	padding:3px;
	margin:0 10px;
	height:50px;
}
.portfolio2 img:hover{
	filter: none;
    -webkit-filter: grayscale(0);
}
.testimonial{
	width:340px;
	float:left;
	background-color:#FFF;
}
.clear{
	clear:both;
}

/*Footer*/
.footer{
	width:100%;
	background-image:url(../images/footer_bg.png);
	background-repeat:repeat;
	color:#FFF;
}
.footer_box{
	width:300px;
	float:left;
	padding:10px 0 0 0;
	margin-right:20px;
}
.footer_box .header{
	width:100%;
	border-bottom:2px dashed #b0c733;
	color:#FFF;
	font-size:25px;
}
.footer_copyright{
	background-color:#000;
	width:100%;
	color:#999;
	height:50px
}
/**portfolio******/
.filter{
	list-style:none;
}
.filter li{
	list-style:none;
	display:inline;
	margin:0 5px;
	cursor:pointer;
}
.filter #current a{
	color:#690;
}
.filter a {
	color:#000;
}
.filter li a:active,.filter li a:hover{
	color:#690;
}
/*home page*/
.portfolio{
	width:960px;
	height:300px;
	overflow:hidden;
	float:left;
	padding:10px;
	-webkit-box-shadow: 5px 5px 14px #444;
	-moz-box-shadow: 5px 5px 14px #444;
  	box-shadow: 5px 5px 14px #444;
}
/*portfolio*/

ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 70px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.3em 1.2em; background: #FFF; color: #AAA;  text-decoration: none;  }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color:#690; border:none 0;}
ul#portfolio-filter a.current{ background-color: #FFF; }
ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 178px; height: 173px; display: block; background-color:#fff; padding:10px;float: left;margin-left:20px;
 margin-right: 18px; margin-bottom:20px;overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }

/*footer links*/
.footerlinks{font-size:12px;line-height:15px;}
.footerlinks img{
width:68px;margin:15px;
}
.partnerImage{min-height:100px;}
.footerlinks a.mfp-readon {
	background: #7BA428;
	color: #fff!important;
	padding: 5px 10px;
	font-size: 12px;
	text-decoration: none;
	margin: 0 0 10px 0!important;
	display:inline-block;
	border-radius: 4px;
}
.footerlinks a.mfp-readon:hover {
	background: #4f85bb!important;
	}
.footerlinks .menu li
{
list-style:none;
margin:12px 0;

}
/*twitter*/
.twtr-tweet
{
padding:2px;
}
/*overlay*/
.black_overlay{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			height:100%;
			width:100%;
			background-color: black;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 15%;
			left: 25%;
			/*width: 65%;*/
			
			background-color: white;
			z-index:999;
			border-radius:10px;
			-o-border-radius:10px;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			
		}	
.floatright{
float:right;
color:#dfdfdf;
font-weight:bold;
}
a.floatright 
{
text-decoration:none;
color:red;
font-weight:normal;
}
.floatleft{
float:left;
}		
.divider{
border-bottom:1px solid #f0f0f0;
}
.white_content .floatright ,.white_content .floatleft,.image
{
padding:16px;
}
.overlaycontent
{
padding:16px;
font-weight:normal;
height:auto;
min-height:30%;
}
/*Client logo carousel*/
.ui-carousel {
	height: 100px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; /*for ie7 to work e.g in html carousels*/
	width: 300px
}

.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100px;	
}
#logo_container {
				width: 100%;
				position: relative;
			}
			
			#carousel {
				margin: 0 auto;
			}

			#carousel img {
				border: 0;
				opacity:0.3;
				cursor:pointer;
			}

			#ui-carousel-next, #ui-carousel-prev {
				width: 35px;
				height: 50px;
				background: url(../images/prev.gif) center center no-repeat;
				display: block;
				position: absolute;
				top: 0;
				z-index: 100;
			}

			#ui-carousel-next {
				right: 0;
				background-image:url(../images/next.gif);
			}

			#ui-carousel-prev {
				left: 0;
			}
			
			#ui-carousel-next > span, #ui-carousel-prev > span {
				display: none;
			}
.show
{
opacity:1;
}
/*pages*/
.leftSide
{
width:220px;
min-height:440px;
height:auto;
float:left;

}
.rightSide{
width:700px;
background-color:white;
padding:5px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
float:right;
}
/***second navigation**/

.category-module li 
{

	list-style:none;
border-radius: 5px 5px 5px 5px;
}
.category-module li  a
{
padding:8px 15px; 
text-transform:toggle;
width:200px;
display:block;
text-decoration:none;
color:white;
font-weight:normal;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border-radius: 5px 5px 5px 5px;
 box-shadow: 1px 1px 3px #111111;

}
.category-module li  a:hover{
background: #4f85bb; /* Old browsers */
background: -moz-linear-gradient(top, #4f85bb 0%, #4f85bb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f85bb), color-stop(100%,#4f85bb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4f85bb 0%,#4f85bb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4f85bb 0%,#4f85bb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4f85bb 0%,#4f85bb 100%); /* IE10+ */
background: linear-gradient(to bottom, #4f85bb 0%,#4f85bb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=0 ); /* IE6-9 */
box-shadow:none;
}
#flax-secondNavigation{
 margin: -19px 0 0;
 padding:0;
}
.change{
color:red;
}
