body { margin:0; padding:0; background:#3A3A3A; font-family:Arial, Helvetica, sans-serif; font-size:12px}

.container{ width:1000px; height:1200px; padding-top:70px;/* background: #999999;*/}

.menu {width:100%; height:70px; background:#2A2A2A; margin:0; padding:0; position:fixed; z-index:1}
 .con{width:1000px; height:70px;}
 .menu-box {width:800px; height:20px; padding-top:25px; float:left; }
 .menu a{ font-size:14px; text-decoration:none; text-align:left; float:left; font:16px; font-weight:bold; color:#FFFFFF; width:120px; margin-right:10px;}
  .menu a:hover { color: #FF9933;}
 
 .top-icon{width:200px; height:30px; float:left; }
  .img-frame {width:120px; height:30px; float:right; margin-top:20px;}
  .top-icon img{ float:left; margin-left:0px; display:inline; border:none; padding:0; border-radius:15px;}
  .img-frame a{ float:left; display:inline-block; text-decoration:none; width:30px; height:30px; }
    .img-frame a:hover { opacity: 0.6; filter: alpha(opacity=40); /* For IE8 and earlier */}
	
	.fb{background:url(./images/icon/fb.png);}
	.tw{background:url(./images/icon/twitter.png);}
	.google{background:url(./images/icon/fb.png);}
	
	
   .img-slider {width:1000px; height:450px;}

.social-icon{ width:400px; height:30px; float:right; margin-top:10px;}

/*-----content-----*/
.content{width: 1000px; height:700px; float:left; background: #FFFFFF; margin-top:50px;}
 .content h5 { font:12px Arial, Helvetica, sans-serif; color: #333333; font-weight:bold; float:left; text-align:left; 
                margin:5px; padding:0; height:20px; width:250px;}
 .blocks-activity{width:300px; height:350px; border:1px solid #ddd; float:left; margin:10px 0 0 10px;}
  .blocks-header{width:300px; height:50px; background:#3a3a3a url(../images/activity.png); float:left;}
  .blocks-content{ width:300px; height:250px; float:left;}
  .blocks-activity img{ margin:5px 0px 10px 5px; border:none;}
  .content a{width:80px; height:20px; text-decoration:none; float:left; background:#3a3a3a; margin:0px 0px 0px 5px; 
             color:#fff; text-align:center;}
			 .conteent-a-text{ padding:7px 0 5px 0px;}
  .content a:hover{ background:#E06604;}
   
 .blocks-photo{width:300px; height:350px; border:1px solid #ddd; float:left; margin:10px 0px 0px 40px;}
   .blocks-header-photo{width:300px; height:50px; background:#3a3a3a url(../images/photo.png); float:left;}
   .blocks-photo img{ margin:5px 0px 10px 5px; border:none;}

 .blocks-video{width:300px; height:350px; border:1px solid #ddd; float:left; margin:10px 0px 0px 35px;}
   .blocks-video img{ margin:5px;}
   .video{width:290px; height:200px; float:left; margin:5px 0px 10px 5px;}
    .video-object { overflow:hidden; z-index:-1;}
   
   /*----------welcome notes-----------*/
 .welcome-notes{width:640px; height:300px; float:left; margin:15px 0px 0px 10px; }
  .blocks-header-video{width:300px; height:50px; background:#3a3a3a url(../images/video.png); float:left;}
  .welcome-notes h3 {font:16px; font-weight:bold; color:#412714; text-align:left;}
   .welcome-notes h5 {font-weight:bold; color:#412714; text-align:left; width:640px; margin:0; padding:0;}
  .welcome-notes p { color:#343434; text-align:justify; line-height:1.5em;}
     .welcome-notes a{width:80px; height:20px; text-decoration:none; float:left; background:#3a3a3a; margin:0px 0px 0px 0px; font:12px Arial, Helvetica, sans-serif;
             color:#fff;}
	  
 #fb-comment{width:300px; height:300px; float:left; margin:15px 0px 0px 40px; border:1px solid #ddd; overflow:auto;}
  .fb-comment-head {width:300px; height:30px; background:#4D63CE;}
  .fb-comment-head p{ font:11px; color:#fff; text-align:left; margin:0px 0px 0px 5px; font-weight:bold; padding-top:7px;}
 /*-----footer-----*/
.footer { width:100%; height:100px; background:#0F0F0F; margin:30px 0;}
 .footer-box{ width:1000px; height:50px; padding-top:35px; }
 .copyright{ width:300px; height:50px; float:left; color:#FFFFFF; text-align: left;}
 .footer-menu{width:480px; height:20px;  float:right; padding-top:10px; }
   .footer-menu a{ text-decoration:none; text-align:left; float:left; font:16px; color:#FFFFFF; width:80px; text-align: justify;}
   .footer-menu a:hover {color: #FF9933;}
   
   /*.......about us.........*/
   .container-inner-page { width:1000px; height:1100px; background: #fff; padding-top:70px;}
    .page-title {width:1000px; height:50px; background:#ccc; float:left; border-bottom:1px solid #999;}
	 .page-title img {float:left; margin:15px 10px 0px 10px;}
	 .page-title h3{ font:16px; color:#333333; font-weight:bold; text-align:left; margin:15px 0px 0px 10px;}
	 
	 .about-personal {width:350px; height:560px; float:left; background:#eee; margin:10px;}
	   .about-personal h5{ font-size:12px; color:#333333; font-weight:bold; text-align:left; margin:5px; padding:0;}
	   .about-personal h4{ font:11px; color:#333333; font-weight:bold; text-align:left; margin:10px; padding:0;}
	   .about-personal p{ color: #666666; text-align:justify; margin:10px 5px 0px 28px;}
	 
	 .about-professional {width:600px; height:560px; float:left; background:#eee; margin:10px 10px 0px 20px;}
	    .about-professional h5{font-size:12px; color:#333333; font-weight:bold; text-align:left; margin:5px; padding:0;}
		.about-professional h4{ color:#333333; font-weight:bold; text-align:left; margin:10px; padding:0;}
	    .about-professional p{ color: #666666; text-align:justify; margin:7px 10px 0px 25px; line-height:1.5em;}
		
   
   .inner-page-footer {width:1000px; height:300px; background:#ddd; float:left; margin-top:20px;}
    .inner-page-footer h5 {color:#333333; font-weight:bold; text-align:left; margin:0; padding:0;}
    
	.contact-form{width:280px; height:280px; background:#ddd; float:right; margin:10px;}
	 .contact-form input {width:200px ; height:30px; float:left; border:none;}
	 .contact-form textarea {width:200px ; height:100px; float:left; border:none;}
	 
	  /*---------------photo page-------------------*/
	.container-photo-page { width:1000px; height:1200px; background: #fff; padding-top:70px;}
	 .container-photo-page h5{color:#333333; font-weight:bold; text-align:left; margin:5px; padding:0;}
     .page-title {width:1000px; height:50px; background:#ccc; float:left; border-bottom:1px solid #999;}
	 .page-title img {float:left; margin:12px 10px 0px 10px;}
	 .page-title h3{ font:16px; color:#333333; font-weight:bold; text-align:left; margin:15px 0px 0px 10px;}
	 
	   .image-container { width:1000px; height:250px; float:left; margin:30px 0px;}
	   .photo-blocks{width:230px; height:250px; background:#FFFFFF; border:1px solid #ddd; float:left; margin:0px 5px 10px 10px; }
	     .photo-blocks h6{ font:12px Arial, Helvetica, sans-serif;  color:#666666; text-align:left; margin:20px 0px 0px 12px; font-weight:bold;}
		 
		 .next-button{width:100px; height:20px; float:left; margin:10px;}
	      .next-button a { text-decoration:none; font:10px Arial, Helvetica, sans-serif; color:#333333; margin:2px;}

		  /*---------------photo gallary page-------------------*/
     	.container-photo-gallary-page { width:1000px; height:600px; background: #fff; padding-top:70px; }
		.image-container-gallary { width:1000px; height:500px; float:left; margin:30px 0px;}
	    .image-container-gallary img {margin:0px 5px 20px 10px; float:left; border:1px solid #777;} 
	  
	 /*---------------video gallary page-------------------*/
	 .container-video-page { width:1000px; height:1200px; background: #fff; padding-top:70px;}
	 .container-video-page h5{ font:11px Arial, Helvetica, sans-serif; color:#333333; text-align:left; margin:5px; padding:0;}
     .page-title {width:1000px; height:50px; background:#ccc; float:left; border-bottom:1px solid #999;}
	 .page-title img {float:left; margin:12px 10px 0px 10px;}
	 .page-title h3{ font:16px; color:#333333; font-weight:bold; text-align:left; margin:15px 0px 0px 10px;}
	 
	  .video-frame {width:700px; height:400px; background:#eee; float:left; margin:10px 0px 10px 150px; z-index:-1}
	   .video-list {width:980px; height:200px; float:left; margin:10px;}
	    .video-list-blocks {width:180px; height:200px; background:#fff; float:left; margin-right:9px; border:1px solid #ddd;} 
	 
	 
	 /*---------------Contact page-------------------*/
	.container-contact-page { width:1000px; height:900px; background: #fff; padding-top:70px;}
	 .container-contact-page h5{ font:12px Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; text-align:left; margin:5px; padding:0;}
    .page-title {width:1000px; height:50px; background:#ccc; float:left; border-bottom:1px solid #999;}
	 .page-title img {float:left; margin:12px 10px 0px 10px;}
	 .page-title h3{ font:16px; color:#333333; font-weight:bold; text-align:left; margin:15px 0px 0px 10px;}
	 
	  .address{width:300px; height:380px; float:left; background:#eee; margin:10px;}
	   .address p{ color: #666666; text-align:justify; margin:5px 0px 0px 20px;}
	   .address a { font-weight: 500; text-decoration:none; text-align:left; margin-right:10px ; color:#333333;}
	   .address a:hover{ text-decoration:underline;}
	   
	   .contact-icon{width:120px; height:30px; float:left; margin:10px 5px;}
	    .contact-icon img{ float:left; margin-left:0px; display:inline; border:none; padding:0; border-radius:15px;}
        .contact-icon a{ float:left; display:inline-block; text-decoration:none; width:30px; height:30px; }
        .contact-icon a:hover { opacity: 0.6; filter: alpha(opacity=40); /* For IE8 and earlier */}
	    
	.feedback {width:650px; height:380px; float:left; background:#eee; margin:10px 10px 0px 20px;}	 
	 .contact-form{width:400px; height:350px; float:left; margin-top:10px; background:#eee;}
	 .contact-form input {width:300px ; height:30px; float:left; border:none;font:12px Arial, Helvetica, sans-serif;}
	 .contact-form textarea {width:300px ; height:100px; float:left; border:none; font:12px Arial, Helvetica, sans-serif;}
	 
	 
	 /*---------------Activity page-------------------*/
	 .container-activity-page { width:1000px; height:1200px; background: #fff; padding-top:70px;}
	 .container-activity-page h5{color:#333333; font-weight:bold; text-align:left; margin:5px; padding:0;}
     .page-title {width:1000px; height:50px; background:#ccc; float:left; border-bottom:1px solid #999;}
	 .page-title img {float:left; margin:12px 10px 0px 10px;}
	 .page-title h3{ font:16px; color:#333333; font-weight:bold; text-align:left; margin:15px 0px 0px 10px;}
	 
	  .ap-content {width:980px; height:200px; background:#eee; float:left; margin:25px 10px 5px 10px;}
	   .ap-content p{ color: #666666; text-align:justify; margin:7px 10px 0px 10px; line-height:1.5em;}
	  .ap-content a{width:80px; height:20px; text-decoration:none; float:left; background:#3a3a3a; margin:0px 20px 0px 0px; font:12px Arial, Helvetica, sans-serif;
              color:#fff; text-align:center;}
			 .conteent-a-text{ padding:7px 0 5px 0px;}
      .ap-content a:hover{ background:#E06604;}
	  .post-title { width:300px; height:25px; float:left; margin:10px 0px 10px 10px;}