html,body {
	//height:100%; 
	margin: 0;
}
.main {
	width:1000px;
	margin: 0 auto;
	margin-bottom: 0px;
	
//	position:relative; /* needed for footer positioning*/
//	height:auto !important; /* real browsers */
//	height:100%; /* IE6: treaded as min-height*/
//	min-height:100%; /* real browsers */
}

.head-top {
	position: relative;
	height: 60px;
//	border-bottom: solid 5px #0057AE;
	margin-bottom: 5px;
	background: #ffffff;
	padding: 10px 10px 0px 10px;
}
.logo img {
	width:280px;
//	height:60px;	
}
.search {
    position: absolute;
    top: 10px;
    right: 0px;
}
.divcontacts {
	position: absolute;
	right: 0px;
	top: 45px;
}
.contacts	{
//	position: absolute;
	top: 6px;
	left: 20px;
//	background: none repeat scroll 0% 0% rgb(0, 87, 174);
	border-radius: 5px;
//	box-shadow: 0px 0px 5px #000;
	padding: 8px 10px 0px 10px;
	color: black;
}
.contacts img{
	vertical-align: bottom;
}
.languages {
    position: absolute;
    left: 250px;
    top: 10px;
}
.languages img {
	width: 16px;
}
.menu {
	border-radius: 5px;
	height:25px;
	background: #0057AE;
	box-shadow: 0 0 5px black;
	padding: 5px;
	color: white;
}

.f-nav{ z-index: 9999; position: fixed; top: 0; width: 100%;} /* this make our menu fixed top */
.nav {
	height: 50px;
}
nav ul li:not(:last-child) {
	background: url("img/separator_menu.png") no-repeat 100%;
}
nav a{
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
//	padding: 0 5px;
//	display: block;
//	float: left;
//	height: 22px;
}
nav a:hover {
    color: #E77979;
    border-bottom: 2px solid white;
 //   text-decoration: underline;
}
nav a.selected {
//    background-color: skyblue;
    color: black;
    border-bottom: 2px solid;
}
nav ul {
	background: #b9de35; 
	background: linear-gradient(top, #A7CB28 0%, #B9DE35 100%);  
	background: -moz-linear-gradient(top, #A7CB28 0%, #B9DE35 100%); 
	background: -webkit-linear-gradient(top, #A7CB28 0%, #B9DE35 100%); 
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	padding: 0 20px;
	border-radius: 0px;  
	list-style: none;
	position: relative;
	display: inline-table;
	}
nav ul:after {
	content: ""; clear: both; display: block;
}
nav > ul {
	width: 960px;
	padding: 5px 20px 0 20px;
	height: 40px;
	margin: 0;
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}
nav ul li {
	float: left;
}
nav > ul > li {
	height: 35px;
}
/*
nav ul li:hover {
	background: #4b545f ;
	background: linear-gradient(top, #4b545f 0%, #023F7D 40%);
	background: -moz-linear-gradient(top, #4b545f 0%, #023F7D 40%);
	background: -webkit-linear-gradient(top, #4b545f 0%,#023F7D 40%);
}
*/
	nav ul li:hover a {
		color: #fff;
	}
	
	nav ul li a {
		display: block;
		padding: 5px 15px;
	//	color: #757575;
		text-decoration: none;
	}
nav ul ul {
	background: linear-gradient(top, #A7CB28 0%, #B9DE35 100%);  
	background: -moz-linear-gradient(top, #A7CB28 0%, #B9DE35 100%); 
	background: -webkit-linear-gradient(top, #A7CB28 0%, #B9DE35 100%); 
	border-radius: 0px; padding: 0;
	position: absolute;
	top: 35px;
	z-index: 99;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #0057AE ;
		border-bottom: 1px solid #023F7D ;
		position: relative;
	}
		nav ul ul li a {
			padding: 5px 15px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #4b545f;
			}
.head {
	height:307px;
	background: gray;
	box-shadow: 0px 6px 0px 0px #FFF, 0px 10px 10px 5px rgba(128, 128, 128, 0.8);
	padding: 5px 15px;
	margin: 0;
}
.header {
	height:270px;
	background: white;
	width: auto;
	margin: 0 auto;
	background: url("img/logo3.jpg") no-repeat 100%;
}

.content {
	width: 930px;
	min-height: 60vh;
	box-shadow: 0px 6px 0px 0px #FFF, 0px 0px 10px 5px rgba(128, 128, 128, 0.8);
//	border: 1px solid rgba(128, 128, 128, 0.52);
	// , 0 -9px 0px 0px white;
	margin: 0 auto;
//	z-index: -1;
//	position: relative;
	padding: 25px 35px;
	border-bottom: none;
	
}
.footer {
//	width: 929px;
	//min-height: 350px;
	box-shadow: 0px 6px 0px 0px #FFF, 0px 10px 10px 5px rgba(128, 128, 128, 0.8);
//	border: 1px solid rgba(128, 128, 128, 0.52);
	// , 0 -9px 0px 0px white;
	margin: 0 auto;
//	z-index: -1;
//	position: relative;
//	padding: 10px 35px;
	border-top: none;
	
//position: fixed;
//	position:absolute;
	bottom: 0px;
	background: none repeat scroll 0% 0% white;
}
.site-by {
	width: 400px;
	text-align: center;
	position: absolute;
	right: 0px;
	top: 30px;
}
.aboutus {
	color: #0057AE;
	padding-bottom: 30px
}
.aboutus h1, .aboutus h2, .aboutus h3 {
	text-align:center;
}
.aboutus p {
	text-indent: 30px;
}
.homeimg {
	width: 200px;
	height: 210px;
	margin: 10px;
	padding: 5px;
	//border: 1px outset #0057AE;;
	float: left;
	background:rgba(128, 128, 128, 0.07);
}
.homeimg p{
	margin: 0;
	font-size: 12px;
	text-align: justify;
}
.homeimg a {
	text-decoration: none;
	color: #0057AE;
}
.homeimg img{
	width: 198px;
	height: 130px;
	border: 1px outset #0057AE;
}
.clear {
	clear: both;
	margin-bottom: 10px;
}
.home-foot {
	height:60px;
//	border-top: 1px solid #0057AE;
//	margin-top: 20px;
	position: relative;
	color: black;
	font-size: 14px;
}
.home-foot p{
	margin: 2px 25px;
}
.pagetitle {
	text-align:center;
	color: #0057AE;
	font-size: 24px;
	font-weight: bold;
	margin: 5px 0;
	padding:5px 5px 0 5px;
}
.subheader {
	width: 100%;
	height: 250px;
	margin-bottom: 20px;
}
.subheader img {
	width: 100%;
height: 100%;
}
.worker, .store {
	color: #0057AE;
}
.worker img, .worker ul {
	float: left;	
}
.worker img, .store img  {
	border: 1px outset #0057AE;
}
.worker img {
	margin-left: 10px;
}
.worker ul, .store ul {
	list-style: none;
}
.worker .history, .store .history {
	overflow: auto;
	height: 190px;
	width: 350px;
	float: right;
	border: 1px solid #0057AE;
	margin-right: 10px;
	text-align:center;
}
.worker .history p, .store .history p {	
	text-align: justify;
	text-indent: 20px;
}
.worker .history span, .store .history span {
	font-weight: bold;
}

.store ul {
	padding-left: 25px;
}
.slider {
	float:left;
	height:200px;
	width: 649px;
	border: 1px solid #0057AE;
	margin-left:10px;
	margin-top:5px;
}
.video {
	float:left;
	height:200px;
	width: 250px;
	border: 1px solid #0057AE;
	margin-left:15px;
	margin-top:5px;
}
.clients li{ 
	width: 200px;
	float:left;
  	display:inline;
  	height: 20px;
	border-bottom: 1px dashed gray;
	margin: 0 24px 0 0;
}
.sectiontitle {
//	width:920px;
	position: relative;
}
.sectiontitle span{
	position: absolute ;
	right: 100px;
}
.about {
	padding: 50px;
}
.about img {
    float: left;
    width: 380px;
    margin: 20px 20px 0 0;
}
.about p {
	text-indent:30px;
	text-align: justify;
}
.store {
	margin:10px;
}
.store a {
	float: left;
}
.store ul {
	float: left;
}
.store img {
	width:300px;
	height:200px
}
.home-foot a {
	text-decoration: none;
	color: #555;
}
.home-foot addres {
	position: absolute;
	top: 5px;
	right: 50px;
}
a#top {
	position: absolute;
//	top: 20px;
	left: 430px;
}


/* Bullet Navigator Skin Begin*/

            /* jssor slider bullet navigator skin 03 css */
            /*
            .jssorb03 div           (normal)
            .jssorb03 div:hover     (normal mouseover)
            .jssorb03 .av           (active)
            .jssorb03 .av:hover     (active mouseover)
            .jssorb03 .dn           (mousedown)
            */
            .jssorb03 { position: absolute; bottom: 4px; right: 6px; }
            .jssorb03-a {position: absolute; width: 21px; height: 21px; text-align:center; line-height:21px; color:#0057AE; font-size:12px;}
            .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
            {
                background: url(/img/b03.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb03 div { background-position: -5px -4px; }
            .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
            .jssorb03 .av { background-position: -65px -4px; color: white !important;}
            .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
            
/* Bullet Navigator Skin End */

/* Arrow Navigator Skin Begin */

            /* jssor slider arrow navigator skin 03 css */
            /*
            .jssora03l              (normal)
            .jssora03r              (normal)
            .jssora03l:hover        (normal mouseover)
            .jssora03r:hover        (normal mouseover)
            .jssora03ldn            (mousedown)
            .jssora03rdn            (mousedown)
            */
            .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(/img/a03.png) no-repeat;
                overflow:hidden;
            }
            .jssora03l { background-position: -3px -33px; width: 55px; height: 55px; top: 123px; left: 8px;}
            .jssora03r { background-position: -63px -33px; width: 55px; height: 55px; top: 123px; right: 8px}
            .jssora03l:hover { background-position: -123px -33px; }
            .jssora03r:hover { background-position: -183px -33px; }
            .jssora03ldn { background-position: -243px -33px; }
            .jssora03rdn { background-position: -303px -33px; }
            
/* Arrow Navigator Skin End */

.slider img {
	height: 150px !important;
}
.slider .ititle{
	position: relative;;
	top: -1px;
	width: 205px;
	background: rgba(0, 0, 0, 0.63);
	color: white;
	padding: 0 5px;
}
.slider a {
	display:block;
	height: 150px;
}
.hr {
    height: 5px;
    border-top: 1px solid #0057AE;
 //   margin-top: 20px;
//    position: relative;
    color: #0057AE;
 //   font-size: 12px;
}


#slider-container1 { 
	zoom: 1; 
	position: relative; 
	max-width:1000px;
	margin:0px auto;
	z-index:90;
//	border:9px solid #FFFFFF;
	text-align:left; /* reset align=center */
}
* html #slider-container1{ width:682px }
#slider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#slider-container1 .ws_images ul li{
	border:none 0;
	width:1%;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#slider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

#slider-container1 img{
	max-width: none !important;
}
#slider-container1 .ws_images img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
}

#slider-container1 .ws_images ul{
	animation: wsBasic 15.2s infinite;
	-moz-animation: wsBasic 15.2s infinite;
	-webkit-animation: wsBasic 15.2s infinite;
}
@keyframes wsBasic{0%{left:-0%} 33%{left:0%}  50%{left:-100%} 66.6%{left:-100%} 83.3%{left:-100%} 100%{left:-200%}}
@-moz-keyframes wsBasic{0%{left:-0%} 33%{left:0%}  50%{left:-100%} 66.6%{left:-100%} 83.3%{left:-100%} 100%{left:-200%}}
@-webkit-keyframes wsBasic{0%{left:-0%} 33%{left:0%}  50%{left:-100%} 66.6%{left:-100%} 83.3%{left:-100%} 100%{left:-200%}}

#slider-container1 {
	box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.4); 
}
.sitemap {
	color: #0057AE;

}
.sitemap h2{
	text-align: center;
}

.mailsucc {
    padding: 10px;
    line-height: 20px;
    text-align: left;
    color:#00FF00;
}
.mailerr {
    padding: 10px;
    line-height: 20px;
    text-align: left;
    color:#FF0000;
}

/* Flaired edges, by Tomas Theunissen */

hr.contact {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #fff, #B0D52F, #fff);
    background-image:    -moz-linear-gradient(left, #fff, #B0D52F, #fff);
    background-image:     -ms-linear-gradient(left, #fff, #B0D52F, #fff);
    background-image:      -o-linear-gradient(left, #fff, #B0D52F, #fff);
}
.line {
	width:100%;
	height:2px;
}
.vline {
	width:2px;
	height:100%;
}
.gradientbg {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b9de35+10,b9de35+90,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #b9de35 10%, #b9de35 90%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#b9de35 10%,#b9de35 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#b9de35 10%,#b9de35 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.vgradientbg {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b9de35+10,b9de35+90,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #b9de35 10%, #b9de35 90%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#b9de35 10%,#b9de35 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#b9de35 10%,#b9de35 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.home-items {
	text-decoration:none;
	float: left;
	margin: 10px;
	color: black;
}
.home-items div {
	height: 150px;
}
.home-items div div, .product div {
	display:inline-block;
	height:100%;
}
.home-items div div:nth-of-type(1){
	width:150px;
//	vertical-align: middle;
	text-align: center;
}
.home-items div div:nth-of-type(2){
	margin: 0 10px;
}
.home-items div div:nth-of-type(3){
	width:250px;
}
.home-items div div:nth-of-type(1) img{
	max-width: 150px;
	max-height: 150px;
}
.home-items:hover h2{
	text-decoration: underline;
}
.home-items div div:nth-of-type(3) h2{
	font-size:16px;
	color:#b9de35;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.home-items div div:nth-of-type(3) p{
	text-align:justify;
	height: 100px;
	overflow: hidden;
	text-overflow: ellipsis; 
	line-height: 20px;
}

#tabs ul {
	list-style: none;
	margin: 0px auto 15px auto;
	width: 700px;
	padding-left: 0px;
}

#tabs ul li {
	display: inline-block;
	width: 49%;
	background: #EFEFEF;
	text-align: center;
	line-height: 40px;
}
#tabs ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff; //B9DE35;
	text-transform: uppercase;
	//text-shadow: 1px 1px 0px black;
    text-shadow: 0px 0px 2px #3A6E11;

	font-weight: bold;
	font-size: 18px;
	background: #AFD42E;
}
.ui-tabs-active {box-shadow: 1px 1px 0px black;}
h1.product-title {
	text-align: center;
	color: #717171; //739302;
	text-transform: uppercase;
	margin: 10px;
	text-shadow: 1px 1px 2px gray;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 900px;
	overflow: hidden;
}

.services-items {
	text-decoration:none;
	float: left;
	margin: 10px;
	color: black;
}
.services-items div {
	height: 180px;
	vertical-align: text-bottom;
}
.services-items div div, .product div {
	display:inline-block;
	height:100%;
}
.services-items div div:nth-of-type(1){
	width:300px;
	vertical-align: bottom;
	text-align: center;
}
.services-items div div:nth-of-type(2){
	margin: 0 10px;
}
.services-items div div:nth-of-type(3){
	width:570px;
}
.services-items div div:nth-of-type(1) img{
	max-width: 300px;
	max-height: 150px;
	margin-top: 20px;
}
.services-items div div:nth-of-type(3) h2{
	font-size:16px;
	color:#b9de35;
	height: 18px;
	overflow: hidden;
	margin: 5px 0;
	text-transform:uppercase;
}
.services-items div div:nth-of-type(3) p{
	text-align:justify;
	height: 150px;
	overflow: hidden;
	text-overflow: ellipsis; 
	line-height: 20px;
	margin: 5px 0;
}
.news {
	text-decoration:none;
	float: left;
	margin: 10px;
	color: black;
	}
.news div div:nth-of-type(3) h2{
	font-size:16px;
	color:#b9de35;
	height: 18px;
	overflow: hidden;
	margin: 5px 0;
	text-transform:uppercase;
}
.news .datetime {
    font-size: 11px;
    background: rgb(176, 212, 46);
    padding: 1px 5px;
    color: white;
    font-weight: bold;
}
.news div div:nth-of-type(3) p{
	text-align:justify;
	height: 150px;
	overflow: hidden;
	text-overflow: ellipsis; 
	line-height: 20px;
	margin: 5px 0;
}

.products {
    list-style: outside none none;
    margin: 0px auto 15px;
    width: 700px;
    padding-left: 0px;
}
.products li {
    display: inline-block;
    width: 48%;
    background: #EFEFEF none repeat scroll 0% 0%;
    text-align: center;
    line-height: 40px;
    margin: 5px;
}
.products li a {
    display: block;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: 0px 0px 2px #3A6E11;
    font-weight: bold;
    font-size: 18px;
    background: #AFD42E none repeat scroll 0% 0%;
}
.products li:hover {
    box-shadow: 1px 1px 0px #000;
}