/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left  {float:left}
.right  {float:right}
.center	{text-align:center; margin:auto}
.wrapper {width:100%;overflow:hidden}
.wrapper2 {width:100%;}


/* Global properties ======================================================== */
body {background:url(../images/bg_top.jpg) 0 0 repeat-x #DCF5FE;border:0;font:16px Century Gothic, Arial, Helvetica, sans-serif;color:#000;line-height:24px;}
.ic, .ic a {border:0;float:right;background:#000;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure ============================================================= */
.main {margin:0 auto;position:relative}
.bg1 {background:#DCF5FE}
/* ============================= main layout ====================== */
a {color:#000;text-decoration:none;outline:none}
a:hover {color:#999;}
h1 {padding:5px 0 0 0;float:left}
h2 {font-size:33px;color:#000;font-weight:700;line-height:1.2em;padding:30px 0 11px 0;letter-spacing:-1px}
h3 {font-size:27px;color:#000;font-weight:700;line-height:1.2em;padding:33px 0 17px 0;letter-spacing:-1px;}
h3.color1 {padding:0 0 7px 0}
h3.decoline { text-decoration:underline;}
h4 {font-size:20px;color:#000;line-height:1.2em;padding:33px 0 17px 0;letter-spacing:-1px;}
p {padding-bottom:24px; text-align:justify;}
#finishes {padding-top:10px; padding-bottom:5px;}
#topdesc {padding-top:70px}
/* ============================= header ====================== */
header {height:156px;}
#page1 header {height:600px}
#logo {display:block;}
#slider {position:absolute;top:217px;left:0;width:100%;height:400px;overflow:hidden;z-index:1}
#slider-header {position:absolute;top:2px;left:0;width:100%;height:160px;overflow:hidden;z-index:1}
#bodysub {position:absolute;top:217px;width:100%;height: auto; padding-bottom:50px;}

.items {display:none}
.pagination {position:absolute;bottom:82px;right:260px;z-index:2}
.pagination li {float:left;padding-left:3px}
.pagination a {display:block;width:17px;height:17px;background:url(../images/buttons.png) right 0 no-repeat;text-indent:-9999px}
.pagination a:hover, .pagination .current a {background-position:left}
.banner {position:absolute;top:87px;z-index:2;right:32px;color:#a0a0a0;width:300px}
.title {font-size:14px; font-weight:bold;display:block;padding-bottom:9px}
.title .color2 {color:#000}
.title span {display:block;margin-top:-17px;font-size:16px; font-weight:bold;}
.banner .button1 {font-size:28px;padding:10px 24px;height:49px;line-height:46px;margin-top:-1px;letter-spacing:-2px; border:1px solid #009241;}
.banner .button1:hover {background:#090909;color:#fff; border:1px solid #009241;}
.signature {text-align:right;display:block;color:#009241;line-height:20px;padding-top:6px}
.signature strong {display:block;color:#fff}
/* ============================= content ====================== */
#content, #content2 {padding:0 20px;}
#content {padding-bottom:9px}
#content2 {padding-bottom:21px}
#content3 {padding-bottom:21px; text-align:justify;}
.pad_bot1 {padding-bottom:12px}
.marg_right1 {margin-right:40px}
.marg_right2 {margin-right:20px}
.no_pad { padding-bottom:0}
.color1 {color:#005900}
.color2 {color:#000}
.button1 {display:inline-block;font-size:22px;color:#fff;padding:0 18px;background:#009241;height:45px;line-height:44px;position:relative;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;letter-spacing:-1px;margin-top:-4px; margin-bottom: 10px;}
.button1:hover {background:#fff;color:#000}
.list1{}
.list1 a {color:#808080;padding-left:15px;background:url(../images/marker_1.png) 0 5px no-repeat}
.list1 a:hover {color:#009241}
.list2{}
.list2 li {padding-left:15px;background:url(../images/marker_1.png) 0 9px no-repeat;padding-bottom:12px}
figure {padding-top:2px}
.dropcap_1 {float:left;background:url(../images/dropcap_1.png) 0 0 no-repeat;width:45px;height:45px;text-align:center;font-size:33px;line-height:42px;color:#fff;font-weight:700;margin-right:15px;margin-top:2px;margin-bottom:10px}
.address span {float:left;width:88px}
.address a {text-decoration:underline}
.linebreak	{ padding:5px 0 5px 0}
/* ============================= footer ====================== */
footer  {padding:5px 20px 0;height:50px;text-align:center;}
footer a {color:#000; }
footer a:hover {color:#005900}
#icons {width:184px;float:right}
#icons li {float:left;padding-right:10px}
#icons .first {float:none;font-size:23px;color:#fff;font-weight:400;line-height:1.2em;margin-top:-15px;letter-spacing:-1px;padding-bottom:9px}
/* Tooltips */
.aToolTip  {background:#009241;color:#fff;	margin:0;padding:2px 10px 3px;font-size:12px;line-height:1.2em;position:absolute}
.aToolTip .aToolTipContent  {position:relative;	margin:0;padding:0}
#bottom {background:#DCF5FE;}
/* ============================= forms ============================= */
#ContactForm {margin-top:-2px; display: block;}
#ContactForm .wrapper {overflow:inherit;min-height:30px;line-height:26px}
#ContactForm .textarea_box {min-height:189px}
#ContactForm  span {float:left;width:80px}
#ContactForm a {margin-left:15px;float:right;width:124px;padding:0;text-align:center}
#ContactForm .input  {margin:0;width:340px;height:18px;background:none;padding:4px 10px;color:#000;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea  {overflow:auto;width:798px;height:160px;background:none;padding:4px 10px;color:#000;font:14px Arial, Helvetica, sans-serif;margin:0}
#ContactForm  .bg {background:#fff; position:relative;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;float:left}



/* ============================= submenu ============================= */

/*
#menu  {padding-top:30px}
#menu > li  {float:left;padding-right:5px}
#menu .last {padding-right:0px}
#menu > li > a {width:148px;display:block;font-size:17px;color:#fff;text-transform:uppercase;font-weight:400;height:61px;line-height:58px;border-top:1px solid #1f1f1f;background:#000;text-align:center;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;position:relative}
#menu > li > a:hover, #menu > .active > a {background:#009241;border-color:#9cba2f}
#menu > li > a span {display:block;position:relative}


*/


/** main menu **/
nav  			{padding-top:0px; }
nav ul > li  	{float:left;padding-right:5px; }
nav ul .last 	{padding-right:0px}
nav ul > li > a {width:155px;display:block;font-size:14px;color:#fff;text-transform:uppercase;font-weight:400;height:42px;line-height:42px;background:#005900;text-align:center;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;position:relative;white-space:initial;}
nav ul > .long > a  {width:155px;display:block;font-size:14px;color:#fff;text-transform:uppercase;font-weight:400;height:42px;line-height:20px;background:#005900;text-align:center;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;position:relative;white-space:initial;}

nav ul > li > a:hover, nav ul 	{background: #FFF;border-color:#009241;color:#000 ;font-size:14px;font-weight:bold;}
nav ul > .active > a 			{background: #FFF;border-color:#009241;color:#000099 ;font-size:14px;font-weight:bold;-moz-box-shadow: 0 0 5px 5px #005900;-webkit-box-shadow: 0 0 5px 5px #005900;box-shadow: 0 0 5px 5px #005900;}
nav ul > li > a span 			{display:block;position:relative}


/** submenu **/
nav ul li > ul 					{ position: relative; background:none;border-color:none; width:150px; z-index:-9999; opacity:0; -webkit-transition:0.2s ease-out;	}	
nav ul li:hover > ul 			{ display:block; z-index:100; opacity:1;	}

nav ul li > ul li:first-child	{ border-radius:5px 5px 0 0;	}
nav ul li > ul li:last-child	{ border-radius:0 0 5px 5px;	}


nav ul li > ul li 				{ padding:0px 1px 0px; background:none; width: auto; margin-top:0px; border-top:1px solid #FFF; }
nav ul li > ul li a 			{ display:block; padding:1px 1px; border-radius:5px; font-size:12px; text-align:center; color: #FFF;height:24px;line-height:26px;border-top:none;}
nav ul li > ul li:hover > a 	{ background: #FFF; color: #009241; font-size:12px;border:1px solid #009241;	}
nav ul li > ul li:active > a 	{ background: #FFF; color: #009241; font-size:12px;	}


/** floating menu **/
#fl_menu						{position:absolute; top:20px; left:0px;z-index:9999; width:200px; height:50px;}
#fl_menu .label					{line-height:30px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:16px;  background: #FFF; color: #000099; letter-spacing:2px;border-radius:5px; text-align:center;}
#fl_menu .label2				{line-height:30px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:12px;  color: #000099; letter-spacing:1px;border-radius:5px; text-align:center; }
#fl_menu .menu .menu_item		{display:block; line-height:20px; background:none; color:#005900; border-top:1px solid #333; padding:2px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; font-weight:bolder; }
#fl_menu .menu a.menu_item:hover{padding-left:15px;background: #FFF; color: #009241;border-radius:5px;border:1px solid #009241;}
#fl_menu .menu .active > a		{padding-left:15px;background: #FFF; color: #000099;border-radius:5px;border:1px solid #005900;font-weight:bold; text-transform:uppercase;}


/** Additional **/
#sub {height:6px}

#label-active	{padding:8px;left:0px; width:240px; height:15px;z-index:9999; line-height:15px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:14px; background: #FFF; color: #000099; letter-spacing:1px;border-radius:5px; text-align:center;}


/** In Page Menu Bar **/
.label-active		{padding:5px; margin-right:5px; margin-bottom:5px;left:0px; width:140px; height:15px;line-height:15px; font-size:12px; font-weight:bold; background: #FFF; color: #000099; border-radius:5px; text-align:center;float:left; text-transform:uppercase;-moz-box-shadow: 0 0 5px 5px #005900;-webkit-box-shadow: 0 0 5px 5px #005900;box-shadow: 0 0 5px 5px #005900;}
.label-normal	> a	{padding:5px; margin-right:5px; margin-bottom:5px;left:0px; width:140px; height:15px;line-height:15px; font-size:12px; background: #005900; color: #FFF; border-radius:5px; text-align:center;float:left; text-transform:uppercase;}
.label-active2		{padding:5px; margin-right:5px; margin-bottom:5px;left:0px; width:190px; height:15px;line-height:15px; font-size:12px; font-weight:bold; background: #FFF; color: #000099; border-radius:5px; text-align:center;float:left; text-transform:uppercase;-moz-box-shadow: 0 0 5px 5px #005900;-webkit-box-shadow: 0 0 5px 5px #005900;box-shadow: 0 0 5px 5px #005900;}
.label-normal2 > a		{padding:5px; margin-right:5px; margin-bottom:5px;left:0px; width:190px; height:15px;line-height:15px; font-size:12px; background: #005900; color: #FFF; border-radius:5px; text-align:center;float:left; text-transform:uppercase;}


.image_wrapper {
	display: inline-block;
	padding: 5px;
	border: 1px solid #808080;
	background: #ffffff;
	margin-bottom: 20px;
}

.image_wrapper2 {
	padding: 5px;
	margin:auto;
	text-align:center;
}

.image_wrapper3 {
	display: inline-block;
	padding: 5px;
	border: 1px solid #808080;
	background: #ffffff;
	margin-bottom: 20px;
	max-width:200px;
	
}

/**Lightbox Effect**/ 
    a.fancybox:hover img {
        border: none;
        box-shadow: 0 1px 7px rgba(0,0,0,0.6);
        -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
    } 
    a.fancybox: img {
        position: relative; z-index: 999; -o-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);
    }




/** Table**/

.CSSTable {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #3f7f00;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTable table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTable table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTable tr:hover td{
	
}
.CSSTable tr:nth-child(odd)		{ background-color:#ffffff; }
.CSSTable tr:nth-child(even)    { background-color:#ffffff; }
.CSSTable td{
	vertical-align:top;
	border:1px solid #3f7f00;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTable tr:first-child td{
	background:-o-linear-gradient(bottom, #049200 5%, #049200 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #049200), color-stop(1, #049200) );
	background:-moz-linear-gradient( center top, #049200 5%, #049200 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#049200", endColorstr="#049200");	background: -o-linear-gradient(top,#049200,049200);
	background-color:#049200;
	border:0px solid #3f7f00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #049200 5%, #049200 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #049200), color-stop(1, #049200) );
	background:-moz-linear-gradient( center top, #049200 5%, #049200 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#049200", endColorstr="#049200");	background: -o-linear-gradient(top,#049200,049200);

	background-color:#049200;
}
.CSSTable tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTable tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}






/** Image Hover - Product**/
.photos {
    width: 545px;
    height: 900px;
    margin: 10px auto;
    position:relative;
}
.photos > div {
    background-color: #FFF;
    border: 0.2px solid #999;
    float: left;
    margin: 5px;
    overflow: hidden;
    position: relative;
    width: 100px;
    height: 75px;
    z-index: 1;
	padding:2px;

    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);

    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.photos > div img{
    width: 100%;
}
.photos > div:hover{
    z-index: 99999;

    -webkit-transform:scale(4.0);
    -moz-transform:scale(4.0);
    -ms-transform:scale(4.0);
    -o-transform:scale(4.0);
    transform:scale(4.0);
}
.photos > div div {
    background: url(../images/hover.gif) repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 15;

    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.photos > div:nth-child(1):hover div {
    height: 0%;
}

.photos > div:nth-child(2):hover div {
    height: 0%;
    margin-top: 100px;
}
.photos > div:nth-child(3):hover div {
    width: 0%;
}
.photos > div:nth-child(4):hover div {
    margin-left: 300px;
    width: 0%;
}
.photos > div:nth-child(5):hover div {
    height: 0%;
    margin-left: 150px;
    margin-top: 50px;
    width: 0%;
}
.photos > div:nth-child(6):hover div {
    margin-left: 150px;
    width: 0%;
}
.photos > div:nth-child(7):hover div {
    height: 0%;
    margin-left: 150px;
    margin-top: 50px;
    width: 0%;

    -webkit-transform: rotateX(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.photos > div:nth-child(8):hover div {
    height: 0%;
    margin-left: 150px;
    margin-top: 50px;
    width: 0%;

    -webkit-transform: rotateZ(600deg);
    -moz-transform: rotateZ(600deg);
    -ms-transform: rotateZ(600deg);
    -o-transform: rotateZ(600deg);
    transform: rotateZ(600deg);
}
.photos > div.pair div {
    width: 50%;
}
.photos > div.pair div:nth-child(odd) {
    margin-left: 150px;
}
.photos > div.pair:hover div {
    width: 0%;
}
.photos > div.pair:hover div:nth-child(odd) {
    margin-left: 300px;
}


/** Image Hover - Project**/
.enlarge-top-left:hover {
	transform:scale(1.8,1.5);
	transform-origin:top left;
	background-color: #FFF;
    border: 0.2px solid #999;
	padding:2px;
	position:relative;
	top:-5px;
	left:-5px;
	display:block;
	z-index:999;
}

.enlarge-top-right:hover {
	transform:scale(1.8,1.5);
	transform-origin:top right;
	background-color: #FFF;
    border: 0.2px solid #999;
	padding:2px;
	position:relative;
	top:-5px;
	right:-5px;
	display:block;
	z-index:999;
}


/** header slider **/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height::50%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  height::50%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  /*display: block;*/
  height: auto;
  float: left;
  width: 100%;
  height::50%;
  border: 0;
  }