body{margin-top: 0px;}
header{height : 97px;}
header h1{
	line-height: 97px;
	margin-left: 60px;
}


#main{
	height: 540px;
	padding-left: 70px;
}
#main h2{
	padding-top: 170px;
	font-size: 3.4em;
	line-height: 60px;
	
}
#main a{
	font-size: 2.3em;
}

nav li {display: inline-block; margin-right:30px; margin-top:6%;}
nav li:last-child {margin-right:0px;}
nav a{color:#fff;font-size: 0.9em; -moz-transition: all 0.2s linear;  -webkit-transition: all 0.2s linear;  -o-transition: all 0.2s linear; transition: all 0.2s linear;}

nav .tcbart A{display: inline-block; position: relative; background:url('../images/menu_icons2.png') -347px -71px no-repeat; padding-top:36px;}
nav .tcbart A span {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:url('../images/menu_icons2.png') -347px 0px no-repeat; opacity: 0; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s;}
nav .tcbart A span:hover {opacity: 1;}
nav .tcbart .active span{opacity: 1;}

nav .web A{display: inline-block; position: relative; background:url('../images/menu_icons2.png') -37px -71px no-repeat; padding-top:36px;}
nav .web A span {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:url('../images/menu_icons2.png') -37px 0px no-repeat; opacity: 0; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s;}
nav .web A span:hover {opacity: 1;}
nav .web .active span{opacity: 1;}

nav .mobile A{display: inline-block; position: relative; background:url('../images/menu_icons2.png') -80px -71px no-repeat; padding-top:36px;}
nav .mobile A span {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:url('../images/menu_icons2.png') -80px 1px no-repeat; opacity: 0; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s;}
nav .mobile A span:hover {opacity: 1;}
nav .mobile .active span{opacity: 1;}

nav .print A{display: inline-block; position: relative; background:url('../images/menu_icons2.png') -126px -71px no-repeat; padding-top:36px;}
nav .print A span {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:url('../images/menu_icons2.png') -126px 0px no-repeat; opacity: 0; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s;}
nav .print A span:hover {opacity: 1;}
nav .print .active span{opacity: 1;}

nav .packaging A{display: inline-block; position: relative; background:url('../images/menu_icons2.png') -178px -71px no-repeat; padding-top:36px;}
nav .packaging A span {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:url('../images/menu_icons2.png') -178px 0px no-repeat; opacity: 0; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s;}
nav .packaging A span:hover {opacity: 1;}
nav .packaging .active span{opacity: 1;}

nav .misc A{display: inline-block; position: relative; background:url('../images/menu_icons2.png') -250px -71px no-repeat; padding-top:36px;}
nav .misc A span {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:url('../images/menu_icons2.png') -250px 0px no-repeat; opacity: 0; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s;}
nav .misc A span:hover {opacity: 1;}
nav .misc .active span{opacity: 1;}

nav .contact A{display: inline-block; position: relative; background:url('../images/menu_icons2.png') -288px -71px no-repeat; padding-top:36px;}
nav .contact A span {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:url('../images/menu_icons2.png') -288px 0px no-repeat; opacity: 0; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s;}
nav .contact A span:hover {opacity: 1;}
nav .contact .active span{opacity: 1;}



#main{min-height:100%; height: auto !important; height:100%; margin:0 auto -50px; /*background: #000 url(../images/bgautumn.jpg) 50% 0% no-repeat;*/ padding-left: 80px; overflow: hidden;}

#main .textIndex{margin-top:10%;}
#main h1{font-weight: bold; font-size: 60px; line-height:60px;  padding-top: 50px; margin-bottom: 20px;}
#main p{font-weight: normal; font-size: 17px; width:80%; padding-top: 0px; line-height: 24px;	}
#main a{padding:14px; background:#14cccc; color:#000; display:inline-block;	font-size: 16px;-moz-transition: all 0.2s linear;  -webkit-transition: all 0.2s linear;  -o-transition: all 0.2s linear; transition: all 0.2s linear;}
#main a:hover{background:#88f8f8;}

#main2{min-height:100%; height: auto !important; height:100%; margin:16px auto -50px; background: #000 url(../images/bgautumn.jpg) 50% 0% no-repeat; padding-left:0px; overflow: hidden;}

.col4 {position:relative; min-height:1px; width:100%;}
.col4 h2 {font-weight: bold; font-size: 20px !important; padding:20px 30px 0px 30px!important; line-height:30px; margin-bottom: 0px;}
.col4 p{color: #fff; font-size: 16px; line-height: 25px; padding:30px;}
.col4 .fa{padding-right:12px;}




#footer{height:50px; background:tranparent;clear: both; position:relative}
#footer p{color: #646869; font-size: 11px;	margin-left: 80px; display:inline-block; position:absolute; bottom:20px;}
.push{height:100px; clear: both;}