@charset "UTF-8";
/* CSS Document */

html{background:#FFF}

body,div,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}

.clear{clear:both}

body{font:12px/24px "Myriad Pro",Arial, Helvetica, Tahoma, sans-serif;color:#666666}

a{color:#333333; text-decoration:none}
a:hover{color:#006600; text-decoration:underline}


#graBg{background:url(../images/graBg.gif) repeat-x 0 180px #FFFFFF;}
#graProdBg{background:url(../images/graBg.gif) repeat-x 0 320px #FFFFFF;}
#graContactBg{background:url(../images/graBg.gif) repeat-x 0 1150px #FFFFFF;}
#innovBg{background:url(../images/graBg.gif) repeat-x 0 230px #FFFFFF;}
#prodBg{background:url(../images/graBg.gif) repeat-x 0 180px #FFFFFF;}

.main{width:950px; margin:0 auto; padding:0}
#logo{padding:20px 10px}

#menu{
	display:block;width:950px;height:46px;
}

a#menuHome,
a#menuProd,
a#menuAppl,
a#menuEco,
a#menuPart,
a#menuCont,
div#menuRight
{float:left;height:46px;}
a#menuHome{background:transparent url(../images/menu/home.gif) no-repeat top left; width:90px;}
a#menuProd{background:transparent url(../images/menu/product.gif) no-repeat top left; width:90px;}
a#menuAppl{background:transparent url(../images/menu/applications.gif) no-repeat top left; width:110px;}
a#menuEco{background:transparent url(../images/menu/eco.gif) no-repeat top left; width:110px;}
a#menuPart{background:transparent url(../images/menu/partners.gif) no-repeat top left; width:90px;}
a#menuCont{background:transparent url(../images/menu/contact.gif) no-repeat top left; width:100px;}
div#menuRight{background:transparent url(../images/menu/right.gif) no-repeat top left; width:360px;}


a#menuHome:hover, a#menuHome.current,
a#menuProd:hover, a#menuProd.current,
a#menuAppl:hover, a#menuAppl.current,
a#menuEco:hover, a#menuEco.current,
a#menuPart:hover, a#menuPart.current,
a#menuCont:hover, a#menuCont.current
{background-position:bottom}

#mainImage{
	float:left;
	width:490px;
	padding:50px 0;
}
#mainTitle{
	float:left;
	width:460px;
	padding-top:50px;
}
#mainTitleImage{
	padding-bottom:30px;
}
#mainTitleSub{
	padding-top:30px;
}
#mainTitleSub ul{margin:15px 0; padding:0}
#mainTitleSub ul li{list-style:none; background:url(../images/listImg.png) 0 3px no-repeat; margin:0; padding:0 0 5px 30px; font-size:14px; color:#424242; font-weight:bold}

.btmMenu{
	float:left; width:230px; padding-right:10px;
}
.btmMenu2{
	float:left; width:230px;
}
.btmIcon{
	float:left; width:60px;;
}
.btmMenu a#btmTxtGreenImg,
.btmMenu a#btmTxtInnovImg,
.btmMenu a#btmTxtChoiceImg,
.btmMenu2 a#btmTxtPartnerImg{float:left; width:170px; height:30px;margin-top:30px}
.btmMenu a#btmTxtGreenImg{background:url(../images/icon/greenTxt.gif) no-repeat top left}
.btmMenu a#btmTxtInnovImg{background:url(../images/icon/innovativeTxt.gif) no-repeat top left}
.btmMenu a#btmTxtChoiceImg{background:url(../images/icon/choicesTxt.gif) no-repeat top left}
.btmMenu2 a#btmTxtPartnerImg{background:url(../images/icon/partnersTxt.gif) no-repeat top left}
.btmMenu a#btmTxtGreenImg:hover,
.btmMenu a#btmTxtInnovImg:hover,
.btmMenu a#btmTxtChoiceImg:hover,
.btmMenu2 a#btmTxtPartnerImg:hover{background-position:bottom}

.btmMenu ul, .btmMenu2 ul{padding:10px 0 10px 30px; font-size:12px; color:#424242; font-weight:normal}
.btmMenu ul:hover, .btmMenu2 ul:hover{background:#f6ffdc}

#product{
	background:url(../images/prodImage.png) no-repeat 0 20px;
	width:950px;
	height:450px;
}

.columsL{float:left; width:300px; padding:10px;}
.columsR{float:left; width:300px; padding:10px 0 10px 10px;}
.columsR3{float:left; width:620px; padding:10px 0 10px 10px;}

p img.marginRight{margin:0 20px 20px 0;}
p img.marginLeft{margin:0 0 10px 20px;}

.columsL p, .columsR p, .columsR3 p{padding:0 10px}
.colTitleGreen{background:url(../images/icon/greenS.gif) no-repeat top left; padding:5px 0 0 40px; color:#006600; font-size:14px; font-weight:bold; }
.colTitleChoice{background:url(../images/icon/choicesS.gif) no-repeat top left; padding:15px 0 0 35px; color:#006600; font-size:14px; font-weight:bold; height:42px}


.columsL2{float:left; width:455px; padding:10px;}
.columsR2{float:left; width:455px; padding:10px 0 10px 10px;}
.columsLR{width:930px; padding:10px 0 10px 10px;}


.columsL2 p, .columsR2 p, .columsLR p{padding:10px 0}
.colTitleInnov{background:url(../images/icon/innovativeS.gif) no-repeat top left; padding:15px 0 0 40px; color:#006600; font-size:14px; font-weight:bold; height:42px}

#contactL{float:left; width:450px;}
#contactR{float:left; width:440px; padding:50px 30px; background:url(../images/contactBG.png)}
#contactR #formBox{border:#94c83d 0px solid; padding:20px; margin-top:30px;}
#contactR #formBox .formTitle{float:left; width:140px; font-weight:bold; color:#006600; padding-bottom:15px;}
#contactR #formBox .formInput{float:right; width:250px; padding-bottom:15px;}
#contactR #formBox .formInput select,#contactR #formBox .formInput input {width:250px;}
#contactR #formBox .formInput textarea {width:250px; height:150px}
#contactR #formBox .formInput input.checkBK, #contactR #formBox .formInput input.pressbtn {width:auto;}



#innovImage{
	float:left;
	width:450px;
	padding:50px 0 0 0;
}
#innovTitle{
	float:left;
	width:500px;
	padding-top:50px;
}
.innovTitleSub{
	padding:120px 0 0 10px; font-size:14px; color:#333333; font-weight:bold
}
.innovTitleSub i{font-weight:normal}

#prodImage{
	float:left;
	width:470px;
	padding:50px 25px;
}
#prodTitle{
	float:left;
	width:420px;
	padding-top:50px;
}
#prodTitleSub{
	padding:60px 0 0 10px; font-size:14px; color:#333333; font-weight:bold
}

.productTable{
	border:#CCCCCC 1px solid; border-collapse:collapse; padding:5px; font-size:12px
}

.productTable td{
	border:#CCCCCC 1px solid; border-collapse:collapse; padding:5px
}
.productTable th{
	border:#CCCCCC 1px solid; border-collapse:collapse; padding:5px; background-color:#999999; color:#FFFFFF;
}
.productTable td.title{ font-size:16px; color:#333333; font-weight:bold}
.productTable td.inch{
	background-color:#f5f5f5;
}

#footer{
	width:950px; margin:0 auto; padding:50px 0 20px 0; text-align:center; font-size:10px; color:#666666
}