/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #646464; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #646464; }
body {
	background: #12477a url('../images/bg1.jpg') right bottom no-repeat;
	font-family: Arial;
}
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### TOP BOX ### */
.topBox { width: 947px; margin: 0 auto; height: 13px; background: #d9e2eb; }

/* ### BOTTOM BOX ### */
.bottomBox { width: 947px; margin: 0 auto; height: 30px; background: #f6f9fb; }

/* ### MAIN CONTAINER ### */
#mainCntr {
	padding: 17px 14px 17px 17px;
	margin: 12px auto;
	width: 916px;
	background: url('../images/cntr.png') repeat-y;
	font-family: Arial;
}
#mainCntrFooter { padding: 8px 14px 17px 17px; margin: 0px auto; width: 916px; background: url('../images/cntr.png') repeat-y; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 916px; height: 152px; background: #fff; }
	#headerCntr h1 { padding: 35px 0px 0px 45px; float: left; height: 78px; }
	#headerCntr h1 a { display: block; width: 186px; height: 65px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	#headerCntr h2 { padding: 55px 30px 0px 0px; float: right; font-size: 18px; color: #00afdb; font-weight: normal; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-left: 35px; width: 881px; height: 31px; background: url('../images/menu.gif') repeat-x; }
		#menuCntr ul { list-style: none; overflow: hidden; text-align:center; }
		#menuCntr li { padding-right: 40px; float: left; height: 31px; font-size: 12px; }
		#menuCntr li a { padding: 0 18px; display: block; float: left; line-height: 30px; height: 29px; color: #4e4e4e; text-decoration: none; }
		#menuCntr li a:hover { padding: 0 17px; color: #FFFFFF; text-decoration: underline; border: #236a7b solid 1px; background: url('../images/hover-strip.gif') repeat-x; }
		/* #menuCntr li a.active { padding: 0 17px; color: #FFFFFF; font-weight: bold; text-decoration: underline; border-left: #236a7b solid 1px; border-right: #236a7b solid 1px; background: url('../images/hover-strip.gif') repeat-x; }
	*/
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 25px 0px 40px 0px; overflow: hidden; width: 916px; background: #fff url('../images/cntr-bottom.jpg') bottom no-repeat; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding: 0px 30px 0px 47px; float: left; width: 420px; border-right: #e2e1e1 solid 1px; }
		
			/* ### TEXT BOX ### */
			.textBox {
	padding-top: 25px;
	width: 420px;
	font-family: Arial;
}
			.textBox h2 {
	font-size: 24px;
	font-weight: normal;
	color: #00afdb;
	font-family: Arial;
}
			.textBox p {
	padding: 15px 10px 0 0;
	line-height: 20px;
	font-family: Arial;
}
			.textBox a { color: #1f9fbf; font-weight: bold; }
			.textBox a:hover { text-decoration: none; }
			.textBox ul { padding: 20px 0 20px 0; list-style: none; }
			.textBox li { padding-left: 15px; line-height: 18px; background: url('../images/list-right.gif') 0 9px no-repeat; }
			.textBox li.dot { background: url('../images/list-dot.gif') 0 10px no-repeat; }
			.textBox li a { color: #5f6e91; font-weight: normal; text-decoration: none; }
			.textBox li a:hover { text-decoration: underline; }
			.textBox a.nvkl { padding: 14px 25px 0px 143px; color:#FFFFFF; font-weight: normal; font-size: 12px; text-decoration: none; line-height: 18px; width: 245px; height: 51px; display: block; background: url('../images/nvkl.gif') no-repeat; }
			.textBox a.nvkl:hover { text-decoration: underline; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding: 0 26px; float: right; width: 364px; }
			
			/* ### PHONE BOX ### */
			.phoneBox { width: 364px; overflow: hidden; }
			.phoneBox .phone { padding-left: 20px; width: 340px; height: 30px; font-size: 12px; color: #fff; font-weight: bold; overflow: hidden; line-height: 30px; background: url('../images/phone-left.gif') repeat-x; }
			.phoneBox .right { padding: 0 25px; float: right; line-height: 30px; height: 30px; border-left: #aac9d9 solid 1px; background: url('../images/phone-right.gif') repeat-x; }
			.phoneBox span.cell { padding-left: 25px; background: url('../images/phone-icon.gif') 0 2px no-repeat; }
			.phoneBox img { margin: 20px 0px 15px 0px; }
			.phoneBox a.text { padding-left: 15px; display: block; width: 345px; height: 44px; text-decoration: none; line-height: 44px; font-size: 13px; color: #FFFFFF; background: url('../images/text.gif') repeat-x; }
			.phoneBox a.text:hover { text-decoration: underline; }
			
			/* ### CONTACT BOX ### */
			.contactBox { padding-top: 15px; width: 360px; overflow: hidden; }
			.contactBox h2 { padding-bottom: 7px; font-size: 15px; color: #00afdb; border-bottom: #cdcdce solid 1px; }
			.contactBox .left { padding: 20px 10px 15px 15px; width: 157px; float: left; background: #d2d2d3 url('../images/contact-strip.gif') repeat-x; }
			.contactBox .right { padding: 20px 10px 35px 15px; width: 149px; float: right; background: #d2d2d3 url('../images/contact-strip.gif') repeat-x; }
			.contactBox p { padding: 5px 10px 10px 0px; line-height: 18px; color: #5e5e5e; }
			.contactBox form fieldset { border: 0px; overflow: hidden; }
			.contactBox form fieldset input.field { padding: 3px 0px 0px 5px; width: 123px; height: 15px; float: left; color: #787878; border: #b9b9ba solid 1px; background: #FFFFFF; }
			.contactBox form fieldset input.button { height: 20px; width: 20px; float: left; cursor: pointer; border: 0px; background: #00afdb; color:#FFF; }
			.contactBox address { padding-top: 15px; font-style: normal; overflow: hidden; }
			.contactBox address span { display: block; color: #494949; line-height: 18px; }
			.contactBox address span span { float: left; width: 50px; font-weight: bold; }
			.contactBox a { color: #494949; text-decoration: none; }
			.contactBox a.line { text-decoration: underline; }
			.contactBox a:hover { text-decoration: underline; }
			
			/* ### LOGO BOX ### */
			
			.logoBox { padding-top: 15px; width: 360px; overflow: hidden; }
			.logoBox #daikin {margin:5px 0 0 14px; float:left;}
			.logoBox #daikin a {display: block; text-indent: -9999px; background:url('../images/daikin_logo.png') no-repeat; width:95px; height:20px; }
			.logoBox #mitsu {margin:5px 0 0 22px; float:left;}	
			.logoBox #mitsu a {display: block; text-indent: -9999px; text-indent: -9999px; background:url('../images/mitsubishi_electric_logo.png') no-repeat; width:80px; height:31px;  }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr {margin: 0 auto; margin-top: 12px; width: 916px; height: 35px; background: url('../images/footer.gif') repeat-x; }
	#footerCntr ul { list-style: none; overflow: hidden; }
	#footerCntr li { padding-left: 47px; padding-right: 27px; line-height: 35px; font-size: 12px; font-weight: bold; float: left; }
	#footerCntr li a { color: #5d5d5d; text-decoration: none; }
	#footerCntr li a:hover { color: #383838; text-decoration: underline; }
	
	
	#bottom-menu {width:916px; color:#fff; margin:0 auto; height:25px; text-align:center;}
	
	#bottom-menu ul {list-style: none; overflow: hidden; margin-left:340px}
	#bottom-menu li {padding: 7px 15px 5px 15px; float:left;}
	#bottom-menu li a {color:#fff; text-decoration:underline;}
	
	
	
.productboxcontainer {float:left; width:435px; background:#ededed url('../images/product_background_box.png') bottom right no-repeat; margin:10px 0 10px 0; }
.productboxtop {float:left; width:435px; min-height:140px;}
.productboxfotocontainer {float:left; width:110px; height:110px; border:1px solid #CCC; background:#FAFAFA; margin:10px 0 0 10px;}
.productboxtext {float:left; width:280px; height:110px; margin:10px 0 0 10px;}
.productboxtext p {line-height: 18px; color: #5e5e5e;}
.productboxtext h3 {font-size:14px; font-weight:bold; line-height: 18px; color: #5e5e5e;}
.productboxbottom {float:left; width:435px;}
.productboxthumbs {float:left; width:240px; margin:0 0 10px 10px;}
.productboxthumbs img {float:left; margin:0 5px 0 0;}
.productboxlogos {float:left; width:90px; margin:0 0 10px 0;}


.refboxcontainer {float:left; width:435px; background:#ededed url('../images/product_background_box.png') bottom right no-repeat; margin:10px 0 10px 0; }
.refboxtop {float:left; width:435px; min-height:140px;}
.refboxfotocontainer {float:left; width:110px; height:110px; border:1px solid #CCC; background:#FAFAFA; margin:10px 0 0 10px;}
.refboxtext {float:left; width:280px; height:110px; margin:10px 0 0 10px;}
.refboxtext h3 {font-size:18px; font-weight:normal; line-height: 20px; color:#5e5e5e; margin:10px 0 0 10px;}
.refboxtext h4 {font-size:12px; font-weight:normal; line-height: 16px; color:#5e5e5e; margin:5px 0 0 10px;}
.refboxtext p {line-height:18px; color:#5e5e5e; margin:0 0 0 10px;}
.refboxbottom {float:left; width:435px; padding:0 0 10px 0;}
.refboxthumbs {float:left; width:240px; margin:0 0 10px 20px;}
.refboxboxthumbs img {float:left; margin:0 5px 0 0;}
.refboxboxlogos {float:left; width:90px; margin:0 0 10px 0;}

