@charset "utf-8";

body { margin:0px; padding:0px; background:url(../images/bg.gif) repeat 0 0;} 

.separator{clear:both;}

.main_div{ width:1000px; margin:0px auto 0px auto;}

.logo_div_main{margin:0px 15px 10px 15px;}

.logo{ width:250px; float:left; cursor:pointer;}

.navi_main{  width:710px; float:left; margin-left:10px; margin-top:15px;}





#nav {

	

    	float: right;

	font-family: Calibri, Helvetica, sans-serif;

	font-size:16px;

	overflow: hidden;

	margin-top:20px;

}



#nav ul {

	margin:0 0px auto 0px;

	padding:0;

	list-style:none;

	

}



#nav ul li {

	float:left;

	margin-left:0px;

	

}



#nav ul li a {

   	float: left;

	color: #000000;

    	padding: 8px 30px;

	text-decoration:none;

    	background: #FFFFFF;

	border:1px #333333 solid;

		

 	

}









#nav li ul {

    	background: #FFFFFF;

    	left: -999em;

    	margin: 37px 0px auto 0px;

    	position: absolute;    	

    	z-index: 9999;

	border:1px #000000 solid;		

	padding-left:5px;

	width: 184px;

    	

}

#nav li ul li {

	float:left;

	margin-left:4px;

	

}



#nav li ul a {

    	background: none;

    	border: 0 none;

    	margin-right: 0;

    	width: 180px;

    	box-shadow: none;

	margin:0px;

	padding:5px;

    	

}





#nav ul li a:hover,

#nav ul li:hover > a {

    	color: #FFFFFF;

    	background: #999999;

	



}



#nav li ul a:hover, 

#nav ul li li:hover > a  {

    color: #FFFFFF;

  	background: #999999;

	margin-left:-10px;

	

}







#nav li:hover ul {

    	left: auto;

		color:#FFFFFF;

}





#nav li li ul {

    	

    	visibility:hidden;

		color:#FFFFFF;

}



#nav li li:hover ul {

    	visibility:visible;

		color:#FFFFFF;

		

}







#nav ul ul ul li:first-child > a {

	

	border-radius:0 0px 0 0;

	color:#FFFFFF;

}



ul{

	

}

ul li{

font-family: Calibri, Helvetica, sans-serif;

	font-size:95%;

}



.middle_panel{  width:1000px; margin:20px auto 0px auto;}

.top_image{ background: url(../images/top-bg-middle.gif) no-repeat; height:24px;}

.middle_images{ background: url(../images/top-bg-middle1.gif) no-repeat; background-repeat:repeat-y;}

.bottom_image{ background: url(../images/bottom-img.gif) no-repeat; height:16px;}

.right_div{  width:272px; float:left; margin-left:20px;}

.right_div_img1{ background:url(../images/right-img.gif) no-repeat; height:139px; margin-bottom:10px;}

.right_div_img1_text{ padding:12px; font-family:Calibri, Helvetica, sans-serif; color:#040404; font-size:22px; text-align:center;}

.right_div_img1_text1{ padding:12px; font-family:Calibri, Helvetica, sans-serif; color: #FFFFFF; font-size:22px; text-align:center; line-height:35px;}

.ms_testi{padding:10px 10px 10px 20px; font-family:Calibri, Helvetica, sans-serif; color:#FFFFFF; font-size:12px;}

.ms_testi1{padding:3px 10px 3px 20px; font-family:Calibri, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; text-align:right;}

h1 { font-family:Calibri, Helvetica, sans-serif; font-size:26px; color:#101010; font-weight:bold; margin:0px; padding:5px 0px 5px 0px;}

p {font-family:Calibri, Helvetica, sans-serif; color:#161617; font-size:95%; line-height:22px; padding:10px 0px 10px 0px; margin:0px; text-decoration:none; text-align: justify;}

p a{ color:#161617;  text-decoration:none; margin-left: 88%;}

.img_box{ width:445px; float:left; margin:7px 20px 15px 15px;}

.footer_div{  font-family:Calibri, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-align:center;}

.footer_div a {color:#FFFFFF; text-decoration:none;}

.powered_by{  font-family:Calibri, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; padding:8px;}

.powered_by a{ color:#FFFFFF; text-decoration:none;}

.footer_main_div{   width:1000px; margin:10px auto 0px auto; padding-bottom:15px;}

.middle_box{  width:670px; float:left;}

.middle_box_Cofee_Vending_Machine{  width:970px; float:left;}

.middle_box_Water_Dispenser{  width:970px; float:left; }

.middle_box1{ padding:8px 18px 0px 18px;}



.Premium-Solution{width:300px; float:left; margin:0 30px 0 0; padding:0px; border:1px solid #666666; height:644px;}

.Premium-Solution-box{width:250px; float:left; margin:10px 0px; padding:0px; text-align:center;}

.txt-box{width:280px; float:left; margin:0px 7px; padding:0px;}

.Solution{width:300px; float:left; margin:0 30px 0 0; padding:0px; border:1px solid #666666; height:644px;}

.coffee-Solution{width:300px; float:left; margin:0px; padding:0px; border:1px solid #666666; height:644px;}



h2{width:300px; background:#333333; margin:0px 0px; padding:4px 0px; text-align:center; color:#FFFFFF; height:60px;}



.Water-Dispenser-txt-box{width:500px; float:left; margin:0 0px 0 0; padding:0px; height:644px;}

.Water-Dispenser-img-box{width:400px; float:left; margin:0px 0px 0px 60px; padding:0px; border:1px solid #666666; height:644px;}

.img-box{width:250px; float:left; margin:10px 0 0px 77px; padding:0px; text-align:center;}



.form-area{width:400px; float:left; margin:20px 0px 0px 75px; padding:0px;}

.Contact-area{width:400px; float:left; margin:0px 0px 0px 95px; padding:0px;}

label{

	width: 70px;

	float: left;

}

.quick_inquire{ margin:8px; padding-left:8px; padding-top:5px; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:100%; margin-bottom:5px;}



.cmsms-form-builder input[type="text"] {

    width: 50%;

}

input[type="text"]{

    background-color: #F9F9F9;

    border: 1px solid #E5E5E5;

    height: 35px;

    line-height: 20px;

    padding: 5px 10px;

    width: 80%;

}

input, textarea {

    font: 13px/18px "Droid Sans",Helvetica,"Nimbus Sans L",sans-serif;

}

textarea {

    background-color: #F9F9F9;

    border: 1px solid #E5E5E5;

    min-height: 100px;

    line-height: 20px;

    padding: 5px 10px;

    width: 65%;

    

}








.dis {
    position: fixed;
    right: 0;
    z-index: 20000;
}
.dis {
    bottom: 43%;
}