html,body
{
	margin:0px;
	padding:0px;
	color:#4e4d4d;
	font-size:14px;
	height:100%;
	 font-family: 'roboto-regular-webfont';
	
}
ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
p, h1, h2, h3, h4, h5, h6 
{
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.clr
{
	clear:both;
}
img
{
	margin:0px;
	padding:0px;
	border:0px;
}
@font-face 
{
    font-family: 'ubuntu-m-webfont';
    src: url('../css/fonts/ubuntu-m-webfont.eot');
    src: url('../css/fonts/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/ubuntu-m-webfont.woff') format('woff'),
         url('../css/fonts/ubuntu-m-webfont.ttf') format('truetype'),
         url('../css/fonts/ubuntu-m-webfont.svg#One-Starry-Night') format('svg');
}
@font-face 
{
    font-family: 'ubuntu-r-webfont';
    src: url('../css/fonts/ubuntu-r-webfont.eot');
    src: url('../css/fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/ubuntu-r-webfont.woff') format('woff'),
         url('../css/fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('../css/fonts/ubuntu-r-webfont.svg#One-Starry-Night') format('svg');
}
@font-face 
{
    font-family: 'trade-lt';
    src: url('../css/fonts/trade-lt.eot');
    src: url('../css/fonts/trade-lt.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/trade-lt.woff') format('woff'),
         url('../css/fonts/trade-lt.ttf') format('truetype'),
         url('../css/fonts/trade-lt.svg#One-Starry-Night') format('svg');
}
@font-face 
{
    font-family: 'roboto-regular-webfont';
    src: url('../css/fonts/oroboto-regular-webfont.eot');
    src: url('../css/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/roboto-regular-webfont.woff') format('woff'),
         url('../css/fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../css/fonts/roboto-regular-webfont.svg#One-Starry-Night') format('svg');
}
::-moz-selection { background: #009048; color: #fff; text-shadow: none; }

::selection { background: #009048; color: #fff; text-shadow: none; }
#main
{
	 width:100%;
	 float:left;
	 position:absolute;
	min-height:100%;
}
#header_wrp
{
	width:100%;
	float:left;
	background:url(../images/header_bg.png) repeat-x left top;
	padding:35px 0 23px;
}
#header
{
	width:855px;
	margin:0 auto;
}
#logo
{
	width:auto;
	float:left;
}
.navi
{
	width:auto;
	float:right;
	font-family: 'ubuntu-m-webfont';
	font-size:16px;
}
.navi ul li
{
	margin:0px;
	padding:0px;
	float:left;
	
}
.navi ul li a
{
	color:#009247;
	text-decoration:none;
	padding:9px 29px 15px;
	float:left;
}
.navi ul li a:hover
{
	 color:#fff;
	 background:url(../images/nav_bg.jpg) repeat left top;
}
#active
{
	background:url(../images/nav_bg.jpg) repeat left top;
	color:#fff;
}
#middle_wrp
{
	width:100%;
	float:left;
	margin:0 0 110px 0;
}
.banner_wrp
{
	width:100%;
	float:left;
	background:url(../images/banner.jpg) no-repeat left top;
	border-bottom:4px solid #009247;
	background-size:cover;
	height:514px;
}
.banner
{
	width:855px;
	margin:0 auto;
}
.banner_img
{
	width:auto;
	float:left;
	padding:35px 0 0 0;
}
.banner_text
{
	width:300px;
	float:left;
	padding:0 0 0 30px;
}
.banner_text h1
{
	width:100%;
	float:left;
	text-align:right;
	font-size:47px;
	font-family: 'ubuntu-m-webfont';
	color:#10b25f;
	text-transform:uppercase;
	line-height:47px;
	padding:45px 0 0 0;
}
.banner_text h1 span
{
	color:#019348;
}
.banner_text p
{
	margin:0px;
	font-size:17px;
	text-align:right;
	padding:40px 0 0 0;
	float:left;
	line-height:24px;
	color:#565656;
	font-smooth: always;
	word-spacing:4px;
	letter-spacing:0.2px;
}
.banner_text_button 
{
	width:auto;
	float:left;
	margin:47px 0 0 5px;
}
.banner_text_button a
{
	width:280px;
	height:auto;
	float:left;
	background:url(../images/btn_bg.jpg) repeat-x left top;
	border:1px solid #d56c18;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
	text-shadow:1px 1px 1px #6a3407;
	height:24px;
	padding:14px 0px;
	border-radius:5px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	
}
.banner_text_button a:hover
{
	background:url(../images/btn_bg_h.jpg) repeat-x left top;
	border:1px solid #036d36;
	cursor:pointer;
	text-shadow:1px 1px 1px #003b1c;
}
.banner_text_button span
{
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.button_shadow
{
	width:280px;
	float:left;
	text-align:center;
	height:31px;
	background:url(../images/button_shadow.png) no-repeat left top;
}
#middle
{
	width:855px;
	margin:0 auto;
}
.mid_content
{
	width:100%;
	float:left;
	
}
.middle_top
{
	width:855px;
	float:left;
	background:url(../images/mid_bg.jpg) no-repeat left top;
	height:381px;
	display:inherit;
}
.mid_box1
{
	width:246px;
	float:left;
	padding:48px 0 0 17px;
}
.middle_top h1
{
	width:100%;
	text-align:center;
	font-family: 'ubuntu-r-webfont';
	 font-size:27px;
	 line-height:27px;
	 float:left;
}
.green { color:#009247;}
.orange{ color:#ca620a;}
.flot{ float:left;}
.flot2{float:right;}
.middle_top p
{
	width:96%;
	float:left;
	text-align:center;
	line-height:19px;
	padding:12px 2% 0 2%;
}
.box_icon1
{
	width:100%;
	float:left;
	padding:22px 0 0 38px;
}
.box_icon1 a
{
	width:166px;
	height:166px;
	float:left;
	background:url(../images/mid_icon1.png) no-repeat left top;
}
.box_icon1 a:hover
{
	background:url(../images/mid_icon1h.png) no-repeat left top;
}
.mid_box2
{
	width:246px;
	float:left;
	padding:48px 0 0 35px;
}
.box_icon2
{
	width:100%;
	float:left;
	padding:0px 0 12px 38px;
}
.box_icon2 a
{
	width:166px;
	height:166px;
	float:left;
	background:url(../images/mid_icon2.png) no-repeat left top;
}
.box_icon2 a:hover
{
	background:url(../images/mid_icon2h.png) no-repeat left top;
}
.box_icon3
{
	width:100%;
	float:left;
	padding:22px 0 0 38px;
}
.box_icon3 a
{
	width:166px;
	height:166px;
	float:left;
	background:url(../images/mid_icon3.png) no-repeat left top;
}
.box_icon3 a:hover
{
	background:url(../images/mid_icon3h.png) no-repeat left top;
}
.mid_box3
{
	width:246px;
	float:left;
	padding:48px 0 0 49px;
}
.middle_bottom
{
	width:100%;
	float:left;
	padding:30px 0 0 0;
}
.middle_bottom_left
{
	width:473px;
	float:left;
	background:url(../images/mid_shadow.jpg) no-repeat right top;
	padding:0 50px 0 0;
}
.middle_bottom_left h2
{
	width:100%;
	float:left;
	background:url(../images/hand_image.jpg) no-repeat right top;
	font-family: 'ubuntu-r-webfont';
	font-size:48px;
	color:#878787;
	line-height:49px;
}
.middle_bottom_left h2 span
{
	color:#009247;
}
.middle_bottom_left p
{
	width:100%;
	float:left;
	line-height:28px;
	padding:12px 0 0 
}
.middle_bottom_right
{
	width:300px;
	float:right;
}
.middle_bottom_right_box
{
	width:100%;
	float:left;
	padding:0 0 20px 0;
}
.middle_bottom_right_box_ic
{
	width:auto;
	float:left;
	padding:15px 0 0 0;
}
.middle_bottom_right_box_con
{
	width:238px;
	float:right;
}
.middle_bottom_right_box_con h3
{
	width:100%;
	float:left;
	font-family: 'ubuntu-r-webfont';
	color:#c05705;
	font-size:20px;
	line-height:20px;
}
.middle_bottom_right_box_con p
{
	 width:100%;
	 float:left;
	line-height:18px;
}
#footer_wrp
{
	width:100%;
	float:left;
	background:url(../images/footer_bg.jpg) repeat-x left top;
	height:78px;
	position:absolute;
	bottom:0px;
}
#footer
{
	width:855px;
	margin:0 auto;
}
#footer_nav
{
	width:685px;
	float:left;
	padding:13px 0 5px 170px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#footer_nav ul li
{
	width:auto;
	float:left;
	padding:0 20px;
	border-right:1px solid #0f5f2c;
}
#footer_nav ul li a
{
	color:#fff;
	text-decoration:none;
}
#footer_nav ul li a:hover
{
	text-decoration:underline;
}
.copyright
{
	 width:100%;
	 float:left;
	 text-align:center;
	 color:#676769;
	 font-size:12px;
	 text-shadow:1px 1px 1px #fff;
	 padding:20px 0 0 0;
}
.mid_top_box_mn
{
	width:100%;
	float:left;
	display:none;
}


/*--- inner page start ---*/
.banner_wrp_in
{
	width:100%;
	float:left;
	background:url(../images/banner_bg_in.png) repeat-x left top;
}
.banner_in
{
	width:855px;
	margin:0 auto;
}
.banner_in_sub
{
	width:855px;
	float:left;
	height:141px;
	padding:0 0 4px 0;
}
.banner_in_sub h1 span
{
	font-size:30px;
}
.product_banner { background:url(../images/banner_product.png) no-repeat left top;}
.banner_in_sub h1
{
	width:auto;
	float:right;
	color:#464445;
	font-size:45px;
	font-family: 'ubuntu-r-webfont';
	padding:40px 0 0 0;
}
.product_box
{
	width:100%;
	float:left;
	background:url(../images/shadow.png) no-repeat center bottom;
	padding:65px 0 65px;
}
.product_box h2
{
	width:100%;
	float:left;
	font-size:88px;
	font-family: 'trade-lt';
	text-transform:uppercase;
	line-height:30px;
	color:#009046;
		letter-spacing:-6px;

}
.product_box h2 span
{
	font-size:25px;
	color:#5e5e5e;
	text-transform:none;
	line-height:25px;
	letter-spacing:normal;
}
.product_image
{
	width:521px;
	float:left;
	padding:19px 0 0 0;
}
.product_image img
{
	width:100%;
	float:left;
}
.product_box_right
{
	width:283px;
	float:right;
}
.product_box_right p
{
	width:100%;
	float:left;
	line-height:22px;
	text-align:justify;
	padding:52px 0 0 0;
}
.product_sublink
{
	width:auto;
	float:right;
	padding:30px 0 0 0;
}
.product_sublink a
{
	width:121px;
	height:30px;
	float:left;
	background:url(../images/sublink_bg.png) no-repeat left top;
	font-family:"Trebuchet MS";
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:7px 0 0 40px;
}
.product_sublink a:hover
{
	background:url(../images/sublink_bgh.png) no-repeat left top;
}
.product_right_img{ float:right;}
.product_left_text{ float:left;}
.product_last{ padding-bottom:0px; background:none;}	
.contact_box_left
{
	width:auto;
	float:left;
	padding:55px 0  0 0;
}
.contact_box_mn
{
	width:200px;
	float:left;
	padding:0 100px 0 0;
	
}
.contact_box_mn h2
{
	width:160px;
	float:left;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	background:#7c7c7c;
	padding:2px 0 2px 10px;
}
.contact_box
{	
	width:200px;
	float:left;
	padding:15px 0 0 0;
}
.icon
{	
	width:25px;
	float:left;
	padding:4px 0 0 0;
}
.contact_person
{
	width:175px;
	float:left;
	color:#4e4d4d;
	line-height:21px;
	font-size:13px;
	padding:0 0 0 0;
}
.contact_person a
{
	color:#c05705;
	text-decoration:none;
}
.contact_person a:hover
{
	color:#c05705;
	text-decoration:underline;
}
.contact_image
{
	width:auto;
	float:right;
	padding:0 0 0 0;
	padding:55px 0  0 0;
}
.contact_banner { background:url(../images/banner-contact.png) no-repeat left top;}
.product_text
{
	width:100%;
	float:left;
}
.product_text p
{
	width:100%;
	float:left;
	line-height:22px;
	color:#4e4d4d;
	padding:55px 0 0 0;
}
.product_box_mn_in
{
	width:100%;
	float:left;
	padding:25px 0  0 0;
}
.product_box_in
{
	width:160px;
	float:left;
	padding:20px 26px 30px 27px;
}
.product_box_img_in
{
	width:auto;
	height:auto
}
.product_box_img_in img
{
	width:auto;
	float:left;
	opacity:0.8;
	filter:alpha(opacity=8); 
}
.product_box_img_in img:hover
{
	opacity:100;
	filter:alpha(opacity=100); 
}
.product_box_in h2
{
	width:100%;
	float:left;
	text-align:center;
	font-size:17px;
	color:#ca620a;
	font-family: 'ubuntu-r-webfont';
	padding:8px 0 0 0;
}
.product_box_in p
{
	width:100%;
	float:left;
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:14px;
}
.personalize_banner { background:url(../images/banner_personalize.png) no-repeat left top;}
.keyboard_banner { background:url(../images/banner_keyboard.png) no-repeat left top;}
.other_banner { background:url(../images/banner_other.png) no-repeat left top;}
.terms_banner { background:url(../images/banner_terms.png) no-repeat left top;}
.privacy_banner { background:url(../images/banner_privacy.png) no-repeat left top;}
/*--- inner page end ---*/
 



.point
{
	width:100%;
	float:left;
	color:#373737;
	text-align:justify;
	padding:10px 0 0 0;
}
.point li
{
	width:98.5%;
	float:left;
	background:url(../images/arrow.png) no-repeat 1px 20px;
	padding:15px 0 0 1.5%;
}
.sublink
{
	color:#009247;
}
.sublink a
{
	color:#00823f;
	text-decoration:underline;
}
.sublink a:hover
{
	color:#00823f;
	text-decoration:none;
}
.point2
{
	width:100%;
	float:left;
	color:#373737;
	text-align:justify;
	padding:0 0 0 15px;
}
.point2 li
{
	width:98.5%;
	float:left;
	background:url(../images/arrow2.png) no-repeat 1px 17px;
	padding:10px 0 0 1.6%;
}