@media screen, projection {

	/* CSS Document */
	.l{float:left;}
	.r{float:right;}
	.col-h-l{float:left; width:48%;}
	.col-h-r{float:right; width:48%;}
	.out{position:absolute; left:-5000px; top:-5000px;}
	.bold, strong{font-weight:bold;}
	.big{font-size:21px;}
	.small{font-size:13px;}
	.smaller{font-size:12px;}
	.center{text-align:center;}
	.left{text-align:left;}
	.right{text-align:right;}
	.js .jsHide, .hidden, .noprint{display:none;}
	.break{height:0; font-size:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0 !important; padding:0 !important; width:100%;}
	.clearfix{zoom:1;}
	.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
	.reset{border:none; margin:0; padding:0; background:none;}
	ul.reset, ol.reset{list-style:none;}
	.reset li{margin:0; padding:0; background:none; position:static;}
	.reset li:before{display:none;}
	strong{font-weight:400;}

	/* HEADING */
	h1, h2, h3, h4, h5{color:#000; padding:0; font-weight:300; line-height:1.4; }
	h1, .h1{margin:0 0 0.6em; font-size:50px;}
	h2, .h2{margin:1em 0 0.7em; font-size:21px;}
	#content h2:first-child{margin-top:0;}
	h3, .h3{margin:1em 0 0.4em; font-size:17px;}
	h4{margin:1em 0 0.3em; font-size:16px;}
	h5{margin:0 0 0.3em; font-size:100%;}

	/* PARAGRAPH */
	div, pre{margin:0; padding:0;}
	p{line-height:1.4; margin:0 0 1.3em;}
	hr{margin:15px 0; padding:0; border:solid #dadada; border-width:1px 0 0; color:#fff; background:none; height:0; line-height:0; font-size:0;}

	/* ANCHOR */
	a{color:#8A9840; outline:none; transition:color 0.3s ease; -webkit-transition:color 0.3s ease; -moz-transition:color 0.3s ease; -o-transition:color 0.3s ease;}
	a:hover{color:#1a7d7b;}

	/* LIST */
	ul{margin:0.2em 0 1.3em; padding:0;}
	ul li{margin:0.2em 0; padding:0 0 0 26px; line-height:1.4; list-style:none; zoom:1; position:relative;}
	ul li:before{content:""; border-radius:100%; height:6px; width:6px; background:#8A9840; position:absolute; left:10px; top:0.6em;}
	ol{margin: 0.2em 0 1.3em; padding: 0; counter-reset: item;}
	ol > li{margin:0.2em 0; padding: 0 0 0 2em; text-indent: -2em; list-style-type: none; counter-increment: item; line-height:1.4;}
	ol > li:before{display: inline-block; width: 1em; padding-right: 0.3em; font-weight: bold; text-align: right; content: counter(item) "."; color:#666;}
	ul ul{margin-bottom:10px;}

	/* IMAGES */
	img{border:none; vertical-align:middle; margin-right:9px;}
	img.left{float:left; margin:0.1em 25px 25px 0; clear:left;}
	img.right{float:right; margin:0.1em 0 25px 25px; clear:right;}

	/* TABLE */
	table{border:none; margin:0 0 1.3em; font-size:100%; border-collapse:collapse; padding:0; width:100% !important; border-spacing:expression(cellSpacing=0);}
	thead th{padding:10px 10px; text-align:left;}
	td, th{padding:7px 10px; border:1px solid #d5d5d5;}
	th{text-align:left;}


	/* LAYOUT */
	body{margin:0; padding:0; font: 100%/1.4 "Oswald", "Helvetica Neue", Arial, helvetica, sans-serif; color:#000; text-align:center; background:#fff url("../images/bg-body.png") 0 0 repeat-x; min-width:830px;}
	.inBox{margin:0 auto; width:810px; text-align:left; position:relative;}
	#header{height:120px;}
	#main{padding-right:445px; box-sizing:border-box;}
	.col-content{width:500px; float:left; padding:20px 0px 0px; box-sizing:border-box;}
	.col-contact{width:290px; float:right; margin-right:-445px; border-left:1px solid #dedede; padding:20px 35px; margin-top:20px; box-sizing:border-box;}

	/* LOGO */
	#logo{margin:0; padding:0; line-height:1; position:absolute; top:32px; left:19px; z-index:1;}
	#logo img{vertical-align:top;}

	/* FOOTER */
	#footer{border-bottom:14px solid #1eb0ae; background:url("../images/bg-battery.jpg") 50% 100% no-repeat; height:280px; position:relative;}
	#footer .text{background:url("../images/bg-footer.png") 0 0 no-repeat; font-size:13px; position:absolute; text-align:center; width:393px; height:37px; line-height:20px; color:#fff; bottom:0; left:50%; margin:0 0 0 -197px;}
	#footer a{color:#fff;}

	.title-ard{background:#8A9840; height:68px; position:relative; margin:0; color:#fff; font-size:30px; display:inline-block; vertical-align:top; padding:0 20px; line-height:68px; width:757px; margin-top:9px;}
	.title-ard:after{content:""; position:absolute; bottom:-25px; left:10px; width: 0; height: 0; border-style: solid; border-width: 25px 25px 0 25px; border-color: #8A9840 transparent transparent transparent; }

	.col-contact h2{font-weight:400; margin-top:0;}
	.col-contact .phone{font-size:32px; margin-bottom:18px;}
}