@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: -500em;
    	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%;
    
}