/*
Theme Name: Chung Chun International
Theme URI: http://www.VNWebsolutions.ca
Author: Terran Song
Author URI: http://www.VNWebsolutions.ca
Description: The 2012 website theme 
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, fn, em, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td
{
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  text-align:left;
  vertical-align: baseline;
}
:focus
{/* remember to define focus styles! */
  outline: 0;
}
body
{
  background: #fff;
  line-height: 1;
}
ol, ul
{
  list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
  content: "";
}
blockquote, q
{
  quotes: "" "";
}
input:focus, textarea:focus
{
  background:#faffbd;
}
a img
{
  border: 0;
}
a
{
  color:#54a1ea;
  text-decoration:none;
}
a:hover
{
  color:#b80004;
    text-decoration:underline;
}
@font-face
{
  font-family: Calibri;
  src: url("wordpress\wp-content\themes\vn\fonts\CALIBRI.ttf");
}
/* =Structure
----------------------------------------------- */
h3
{
  margin-top:15px;
  padding:10px 0px;
  font-weight:bold;
}
body
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#5f605f;
}
#head-warpper
{
  background:url(/images/header-bg.png) repeat-x;
  height:153px;
}
#w-header
{
  background:url(/images/header-main-bg.png) top center no-repeat;
  height:153px;
}
#header
{
  width:972px;
  height:153px;
  margin:0px auto;
}
#header-top
{
  overflow:hidden;
}
#header-top a#logo
{
  display:block;
  width:340px;
  height:105px;
  float:left;
}
#header-top span
{
  float:left;
  display:block;
  width:200px;
  height:38px;
  text-indent:-9999px;
}
#header-top form
{
  float:right;
  display:block;
  width:247px;
  margin:49px 16px 0px 0px;
  height:40px;
  border:solid 0px #f00;/*  overflow:hidden;*/
}
#header-top form input
{
  float:left;
  display:block;
  width:162px;
  margin:7px 0px 7px 5px;
  height:22px;
  border:none;
}
#header-top form #chungchun-submit
{
  float:right;
  display:block;
  width:60px;
  margin:7px;
  margin-left:0px;
  height:26px;
  cursor:pointer;
}
/* Jquery Drop Down Menu CSS and click here CSS */
ul#dropmenu
{
  font-size:16px;
  list-style-type:none;
  z-index:9999;
}
ul#dropmenu li
{
  float:left;
  position:relative;
}
ul#dropmenu li a
{
  padding:0px 29px 0px 28px;
  text-justify:auto;
  line-height:48px;
  display:block;
  color: #d09c02;
  text-decoration:none;
  background:url(/images/navi-divider.png) right top no-repeat;
}
ul#dropmenu li.page-item-16 a
{
  background:none;
}
ul#dropmenu li a:hover
{
  color:#fefefe;
  background:url(/images/navi-over-bg.png) repeat-x;/*border:solid 1px #ffffff;-moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  -khtml-border-radius: 7px 7px 7px 7px;
  behavior: url(/css/border-radius.htc);
  border-radius: 7px 7px 0px 0px;*/
}
ul#dropmenu li.current_page_item a, ul#dropmenu li.current_page_ancestor a
{
  line-height:48px;
  color:#fefefe;
  background:url(/images/navi-over-bg.png) repeat-x;
}
ul#dropmenu li.page-item-2.current_page_item a
{
  color:#0d0b80;
  background:none;
}
ul#dropmenu ul.children
{
  position:absolute;
  top:37px;
  width:220px;
  margin:0px;
  padding:0px;
  background-color:#ffffff;
  border:solid 1px #eeeeee;
  border-top:solid 0px #ffffff;
  z-index:9999;/* filter: alpha(opacity=70);
  -moz-opacity:0.7;*/
}
ul#dropmenu ul.children li
{
  position:relative;
  float:left;
  width:220px;
  z-index:9999;
  font-size:13px;
}
ul#dropmenu ul.children li a
{
  margin:0px 4px;
  padding:6px 2px 6px 12px;
  line-height:16px;
  display:block;
  color:#44455b;
  background:#ffffff;
  text-decoration:none;
  border:none;
}
ul#dropmenu ul.children li a:hover
{
  color:#ffffff;
  background:#5cb2df;
}
/* ----------------------Home-middle-warpper------------ */
#middle-warpper
{
  background:url(/images/middle-bg.png) repeat;
}
#w-middle
{
  background:url(/images/middle-home2-bg.png) top center no-repeat;
  min-height:400px;
}
#middle
{
  width:972px;
  margin:0px auto;
  background:#ffffff;
}
#slider-shadow
{
  height:21px;
  background:url(/images/sliders/slider-shadow.png) top left no-repeat;
}
#slider-shadow h1
{
  text-indent:-9999px;
}
#homeboxes
{
  margin: 0px 10px 50px 10px;
  overflow:hidden;
}
#homeboxes h2 a
{
  padding:15px 0px 10px 3px;
  font-size:20px;
  color:#e0a904;
  display:block;
  text-decoration:none;
}
#homeboxes h2 a:hover
{
  color:#009cd2;
}
#homeboxes p
{
  padding:12px 10px 12px 1px;
  font-size:12px;
  color:#5f605f;
  line-height:16px;
  text-align:justify;
}
.boxlink a
{
  font-size:13px;
  display:block;
  width:100px;
  height:30px;
  line-height:30px;
  color:#0d0c81;
  background:#fac833;
  text-decoration:none;
  text-align:center;
}
.boxlink a:hover
{
  color:#ffffff;
}
#box-hospitality, #box-health, #box-spas, #box-housing
{
  width:206px;
  float:left;
  padding:0px 16px;
}
a#boximage-1
{
  display:block;
  width:206px;
  height:137px;
  background:url(/images/boxes/hospitality.jpg) left top no-repeat;
}
a#boximage-2
{
  display:block;
  width:206px;
  height:137px;
  background:url(/images/boxes/healthcare.jpg) left top no-repeat;
}
a#boximage-3
{
  display:block;
  width:206px;
  height:137px;
  background:url(/images/boxes/spas.jpg) left top no-repeat;
}
a#boximage-4
{
  display:block;
  width:206px;
  height:137px;
  background:url(/images/boxes/housing.jpg) left top no-repeat;
}
#bfup
{
  overflow:hidden;
  width:972px;
  height:186px;
  background:#fafafa;
  border-top:solid 2px #ecebea;
}
#bfup-sitemap, #bfup-address, #bfup-news
{
  float:left;
  width:319px;
}
#bfup h3
{
  margin-top:15px;
  padding:10px 0px;
  font-weight:bold;
}
#bfup-sitemap
{
  padding-left:50px;
}
#bfup-sitemap p
{
  margin-top:15px;
  color:#aaaaaa;
  font-size:12px;
}
#bfup-sitemap a
{
  color:#75644e;
  text-decoration:none;
}
#bfup-sitemap a:hover
{
  text-decoration:underline;
}
#bfup-sitemap ul
{
  list-style:none;
  padding:0px;
  margin:0px;
}
#bfup-sitemap ul li
{
  padding:3px 0px;
}
#bfup-address
{
  width:260px;
}
#bfup-address p
{
  padding:5px 0px;
  color:#75644e;
  font-size:12px;
}
#bfup-news
{
  width:343px;
  height:186px;
  background:url(/images/sigup-news-bg.png) 0px 11px no-repeat;
}
#bfup-news form
{
  margin:55px 0px 0px 26px;
  font-size:13px;
}
#bfup-news form #mce-FNAME
{
  width:208px;
  height:22px;
  border:none;
  padding:0px 3px;
  color:#b7b7b7;
}
#bfup-news form #mce-EMAIL
{
  margin-top:12px;
  width:208px;
  height:22px;
  padding:0px 3px;
  border:none;
  color:#b7b7b7;
}
#mc-embedded-subscribe
{
  display:block;
  width:104px;
  height:33px;
  margin-top:13px;
  cursor:pointer;
  background-color:transparent;
  background-image:none;

}
#base-shadow
{
  width:972px;
  height:18px;
  background:url(/images/base-shadow.png) left top no-repeat;
}
#base
{
  overflow:hidden;
  min-height:400px;
}
#base-left
{
  float:left;
  width:266px;
  margin:0px 17px 0px 7px;
  min-height:200px;
}
#base-right
{
  float:right;
  width:652px;
  margin:0px 30px 50px 0px;
}
#base-right h1
{
  margin-bottom:10px;
  font-size:20px;
  color:#c39200;
  width:642px;
  height:30px;
  line-height:30px;
  padding-left:10px;
  background:url(/images/title-bg.png) left top no-repeat;
}
#base-right h2
{
  margin-bottom:10px;
  font-size:16px;
  color:#414141;
  height:30px;
  line-height:30px;
}
#leftnav-up
{
  width:241px;
  height:30px;
  line-height:30px;
  padding-left:25px;
  color:#5f605f;
  font-weight:bold;
  background:url(/images/leftnav-up.png) left top no-repeat;
}
#base-left ul
{
  padding:0px;
  margin:0px;
  padding:10px 0px 50px 0px;
  list-style:none;
  background:#f6f5f5;
}
#base-left ul li
{
  margin-left:20px;
  padding-left:25px;
  line-height:24px;
  background:url(/images/ulist.png) 0px 6px no-repeat;
}
#base-left ul li a
{
  color:#5f605f;
  font-size:13px;
  text-decoration:none;
}
#base-left ul li a:hover
{
  text-decoration:underline;
}
#left-actions
{
  width:231px;
  margin:20px 0px 20px 15px;
}
#left-actions a
{
   display:block;
   height:55px;
   line-height:55px;
   padding:0px 0px 0px 45px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:15px;
   font-weight:bold;
   color:#ffffff;
   text-decoration:none;
   background:url(../../../../images/left-actions-bg.png) 0px 0px no-repeat;
}
#left-actions a:hover
{
  text-decoration:underline;
}
/*a#download-catalog, a#OrderForm, a#CrditApp
{
   display:block;
   height:55px;
   line-height:55px;
   padding:0px 0px 0px 40px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
   color:#ffffff;
   background:url(../../../../images/left-actions-bg.png) 0px 0px no-repeat;
}*/
#base-right p
{
  padding:5px 0px;
  line-height:18px;
}
#base-right ul
{
  padding:0px;
  margin:0px;
  padding:5px 0px 25px 0px;
  list-style:none;
}
#base-right ul li
{
  margin-left:20px;
  padding-left:15px;
  line-height:20px;
  background:url(/images/ulist-r.png) 0px 3px no-repeat;
}
#base-right ul li a
{
  color:#5f605f;
  font-size:13px;
  text-decoration:none;
}
#base-right ul li a:hover
{
  text-decoration:underline;
}
#footer-home-warpper
{
  height:32px;
  background:url(/images/footer-home-bg.png) repeat-x;
}
#footer-home
{
  height:32px;
  background:url(/images/footer-home-main-bg.png)top center no-repeat;
}
#footer-base-warpper
{
  height:96px;
  background:url(/images/footer-base-bg.png) repeat-x;
}
#footer-base
{
  height:96px;
  background:url(/images/footer-base-main-bg.png)top center no-repeat;
}
#emsform1
{
  margin-left:20px;
}
/*   ------------Contact Form 7 CSS-------------     */
.wpcf7 p span.spanlable
{
  width:100px;
  display:block;
  float:left;
}
.wpcf7 p span.spanlable em
{
  color:#ff0000;
}
.wpcf7-text
{
  width:325px;
}
.wpcf7-not-valid-tip-no-ajax
{
  float:right;
  padding-right:100px;
}
.wpcf7-textarea
{
  width:400px;
  height:100px;
}
.bodypic
{
    float:left;
    padding: 6px 8px;
    margin:0px 20px 20px 0px;
    border:solid 1px #d6d6d6;
}
#vnLinks
{
  width:972px;
  margin:0px auto;
  margin-top:100px;
  margin-bottom:25px;
  text-align:center;
}