body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
 

body { 
    background: url(../images/mainbg_one.jpg) top left repeat-x #3f3e3e;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;  	font-size:15px; color:#666666; font-weight:normal;
    color:#666666;
	background-color:#edecea;
	}	

#outer {
  width:1007px;
  margin-top:0px; height:auto;
  }
   
#container {
  width:1007px;
  margin-top:10px;  
  
  } 
  
  
  #header {
  width:1007px;
   height:95px; float:left; background:#FFF; border-bottom:#CCC dashed 1px;  
  
  
  } 
  
  
   #logo {
  width:405px;
   height:90px; float:left;   
  
  }
  
   #right_header {
  width:577px;
   height:54px; float:right; margin-top:0px;   
  
  }
  
  .right_logo_section{ width:300px; float:right; margin-right:25px; text-align:right !important; margin-top:17PX;} 
  
  .right_logo_section img{ margin-right:5px;}
  
  .right_section_contant{ width:450px; float:right;text-align:right; font-weight:bold;  color:#c50212; font-size:18px; margin-top:0px; font-family:"Century Gothic";margin-right:30px; }
  
.catering_title {
  width:1007px; height:34px; float:left;
  text-align:right; margin-bottom:5px;
  
   
    } 
	
  
    
 #mainmenu {
  width:180px; height:230px; float:left;
  text-align:left;
  margin-top:5px; background:#f7f7f7;  
    } 
	
	
	
	
 #content_outer {
  width:1007px; height:auto; float:left;
  text-align:left;
  margin-top:0px; 
    } 
   	
.leftpart_outer{
  width:203px; height:315px; float:left;
  text-align:left;
  margin-top:0px; padding-left:30px; padding-top:5px; background-color:#FFF;  
    } 
	
	.leftpart_outer img{ float:left; margin-top:13px;}
	
.logo{
		width:378px; height:92px; float:left;}	
	
h1{ font-family:"Century Gothic", Gadget, sans-serif; font-size:32px; color:#666;font-weight:normal;}

h2{ font-family:"Century Gothic", Gadget, sans-serif; font-size:24px; color:#F00; font-weight:normal;}

.subTextOuter{float:left;  margin-top:5px; width:378PX; border-bottom:dotted 1px #FC3; margin-bottom:5px;}	

#content_part{
		width:370px; padding-right:8px; height:145px; float: left; font-family:"Century Gothic", Gadget, sans-serif; font-size:12px; color:#666; text-align:justify; }
		
		#content_part_one{
		width:370px; padding-right:8px; height:93px; float: left; font-family:"Century Gothic", Gadget, sans-serif; font-size:12px; color:#666; text-align:justify; margin-top:10px; }
		
		
		#content_part p{width:340px; padding-right:8px; float: left; font-family:"Century Gothic", Gadget, sans-serif; font-size:12px; color:#666; text-align:justify;}
			
.readmore{width:70px; float:left; height:auto; background-color: #F00; padding:4px 0 4px 4px; font-family: 'Calibri'; color:#FFF; font-size:12px; font-weight:bold; margin-top:0px; margin-left:10px;}

.readmore:hover{ background-color: #054783; transition-duration: 0.5s;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}

.readmore a{  font-family: 'Calibri'; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none;}

.readmore a:hover{  font-family: 'Calibri'; color: #fffff; font-size:12px; font-weight:bold;}
		
.rightcontent_outer{
		width:774px; height:auto; float:right;
		text-align:left; padding-top:10px;background-color:#FFF; padding-bottom:10px;}
		
.banner{
		width:740px; height:300px; float:left;}	
		
		
		.threeimages_outer{
          width:1007px; height:auto; float:left;  background:#FFF;border-top:#CCC dashed 1px; padding-bottom:25px;  }
		
					
.threeimages{
          width:977px; height:150px;; float:left; margin-top:0px; padding-left:30px; font-size:12px;   }
		  
		  .hitcounter{
          width:977px; height:5px;; float:left; margin-top:15px; padding-left:30px; text-align:center !important;   }
		  
		  
		  .caption_contantpart{ width:947px; float:left; height:44px;  padding-left:30px; margin-top:10px; margin-bottom:8px; 
		     }
			 
			 .caption_text{ width:947px; float:left; height:30px; background:url(../images/caption1.jpg) left top no-repeat; font-family:Arial, Helvetica, sans-serif; color:#ff0000; font-weight:bold; font-size:13px; padding-top:14px;  
		     }
			 
			 
			 .about_contantpart{ width:927px; float:left; height:auto;   margin-top:20px; margin-bottom:0px; background:url(../images/about_bg.jpg) left top no-repeat; margin-left:30px; padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:10px;
		     }
			 
			 .about_contantpart h1{ font-weight:bold; float:left; font-family:"Century Gothic"; font-size:12px; color:#e50025; margin-bottom:10px; width:600px; text-align:left;}
			 
			 .about_contantpart p{font-size:12px; text-align: justify; font-family:"Century Gothic"; margin-bottom:8px;}
			 
			 
			 .about_contantpart img{ float:left; margin-right:15px;}
			 
		  
		  	.boxone{ width:306px; height:150px; float:left; margin-top:0px; background:url(../images/bg_new1.jpg) right top no-repeat; border:#e3e3e3 solid 1px; margin-bottom:10px; margin-right:12px;    }
			
			
			.boxone a{ color:#ff0000; text-decoration:none;}
			
			.boxone a:hover{ color:#054b7c; text-decoration:none;}
			
			.boxone_new{ width:506px; height:150px; float:left; margin-top:0px; background:url(../images/aboutboxbg.jpg) right top no-repeat; border:#e3e3e3 solid 1px; margin-bottom:10px; margin-right:12px; padding-right:120px;     }

.boxone p{ width:247px; float:left; height:auto; margin-left:10px; line-height:18px; margin-top:0px; font-size:12px; text-align: justify; font-family:Arial, Helvetica, sans-serif;}


.boxone_new p{ width:480px; float:left; height:auto; margin-left:0px; line-height:18px; margin-top:0px; font-size:12px; text-align: justify; font-family:Arial, Helvetica, sans-serif; padding-top:0px; padding-bottom:0px; margin-bottom:0px;}

.bg_head_new{
	width:280px;
	font-weight:bold; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e50025;  margin-bottom:8px; margin-top:0px;  text-align:left; text-transform:uppercase; margin-left:10px; margin-top:10px; border-bottom:#CCC dashed 1px; height:25px; }
	
	
.bg_headabout{
	width:600px;
	font-weight:bold; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e50025;  margin-bottom:0px; margin-top:0px;  text-align:left; text-transform:uppercase; margin-left:10px; margin-top:10px; border-bottom:#CCC dashed 1px; height:25px; }	
	
	
	.boxone_new img{ width:285px; float:left;  margin-left:10px;;
	}
	.boxone_new p{ text-align:justify; padding:
	10px 40px 10px 10px;}
		 
		   		
.footer{
		width:947px; height:21px; float:left; background:url(../images/footer.png) left top no-repeat; padding-top:5px; padding-left:30px; padding-right:30px;}	
		
		
.footer a{ color:#ff0000; text-decoration:none;}
			
.footer a:hover{ color:#64b3f5; text-decoration:none;}
		
		.footer_left_contant{
		width:300px; height:auto; float:left; color:#FFF; font-size:12px; text-align:left; }		
	
	.footer_right_contant{
		width:300px; height:auto; float:right;color:#FFF; font-size:12px; text-align:right; }			
		
		
  
  /*** 
set the width and height to match your images 
**/

#slideshow {
    position:relative;
    z-index:-1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}
		
#page-wrap { 
	position: relative;
	width: 400px; 
	margin: 50px auto; 
	padding: 20px; 
	background: #fff; 
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black; 
}

p { 	 
	margin: 0 0 5px 0; 	
}


/* Image slideshow style starts here */	
.nav { margin: 5px 0 }
#nav a, #s7 strong { margin: 0 3px; padding: 0px 3px; background: #F00; text-decoration: none; color: #FFF; outline:0; border:none; font-size:11px; }
#nav a.activeSlide { background: #FFF; color: #F00; outline:0; }
#nav a:focus, #nav a:hover  #nav a:link{ outline: 0;}
#output { text-align: left;}
#panel{float:left; overflow:hidden; width:740px; height:300px;}
#nav { text-align: right;position:absolute;top:270px;right:20px; z-index:1000; outline:0}
.position{ position:relative;float:left;height:300px;width:740px;}	
/* Image slideshow style ends here */


#leftbox img{ margin-top:4px; padding-left:6px; margin-right:10px;}		
	           
#leftbox{
		width:310px;height:98px; float:left;  padding:0px 10px 0px 0px ; text-align: justify; line-height:18px; font-size:11px; background-image:url(../images/chenge/new_bg.jpg); margin-right:10px; margin-top:10
		
		}	
		
		
	#featureCarousel {
    height: 95px;
    width:285px;
    position:relative; padding-left:7px; margin-top:5px;
	
}



#middlebox{ width:927px; float:left; height:auto;   margin-top:10px; margin-bottom:0px; background:url(../images/about_bgnew.jpg) left top no-repeat; margin-left:30px; padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:10px;
		     }
			 

.bg_head_animation{
	width:315px;
	font-weight:bold; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e50025;  margin-bottom:8px;  text-align:left; text-transform:uppercase; margin-left:0px; margin-top:0px; border-bottom:#CCC dashed 1px; height:25px; }
	
.bg_head_animation2{
	width:600px;
	font-weight:bold; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e50025;  margin-bottom:8px;  text-align:left; text-transform:uppercase; margin-left:0px; margin-top:0px; border-bottom:#CCC dashed 1px; height:25px; }	
	
	
#logoanimation{ width:590px ; height:130px; float:left; margin-left:10px; padding-top:20px; padding-left:20px;  }

#productanimation{ width:300px ; height:135px; float:left; padding-top:15px; }
#scrollingclients{ width:300px; hanging-punctuation:135px; padding-top:15px;}

#productanimation img{ padding: 10px; }


#appbox{ width:927px; height:86px; float:left;  margin-top:10px; margin-bottom:0px; background:url(../images/appbg.jpg) left top no-repeat; margin-left:30px; padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:10px;
		     }

#appbox img{ float:right; padding-right:10px; padding-top:10px; padding-right:20px;}