/*---------------
Design & Developed by Jump
www.jump.com.hk
-------------------*/

/*--------- General -----------*/

html {overflow-y:scroll; }

body {
background:#261d1d;
font-family: Verdana, Helvetica, san-serif;
color:#ccc;
font-size:12px;
border-top: 4px solid #887768;
width: 100%;
}
 
h1, h2, h3{
color:#b39c88; 
font-weight:normal;

}

h1 {
font-size:22px;
}

h2{
font-size:18px;
}

h3 {
font-size:16px;
}

h4 {
font-size:20px;
line-height:30px;
}
 
p{
font-size:12px;
line-height:18px;
}

a {text-decoration:none; color:#ccc;}

a:hover {text-decoration:underline;}

.bold {
font-weight:bold;
}

.italic {
font-style: italic;
}
  
.underline{
text-decoration:underline;
} 
  
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden; }
	

#wrapper_home {
	width: 1280px;
	margin: 0 auto;
}

#wrapper {
width:960px;
margin:0 auto; 
}

#header {
float:left;
width:100%;
padding: 0 0 20px 0;
position:relative;
}

#logo {
float:left;
width:162px;
height:58px;
margin-top:15px;
}

 
/*-------------------Top Nav------------------*/ 
 
#topNav {
float:right;
margin-top:50px;
width:700px;
} 

#topNav ul {
width:625px;
display:inline-block;
float:left;
}
 
#topNav li {
margin-left:40px; /*50px*/
font-size:14px;
display:inline-block;
} 

#topNav li a {
font-size:14px;
color:#b39c88;
font-weight:bold;
}

#topNav li a:hover, #topNav li a.current {
color:#66594e;  
font-size:14px;
}

.cn {
float:right;
display:block;
margin-left:40px;
color:#B39C88;
font-size:13px;
font-weight:bold;
}

.cn:hover {color:#66594e; text-decoration:none;}
 
.cufon-replacing #topNav li a { visibility: visible; display: none }

 
/*-----------------Main---------------------*/ 
.main-bg {
background:url(../images/main-bg.jpg) repeat-x #261d1d;
}

#main-header {
	width:960px;
	height: 85px;
	margin:auto;
 }
 
 #main-banner {
 width:1280px;   
 height:530px;
 margin:0 auto;
 background: url(../images/mainbanner_shadow.jpg) no-repeat 0 500px;
 }
 
 #main-banner img {
 width:1280px;  
 height:500px;
 margin:0;
 padding:0;
 }

#main-box-wrapper {
width:960px;
 margin:0 auto;
margin-top:10px;
}

#main-box-wrapper h1 {
border-bottom: 2px solid #b39c88;
padding-bottom:6px;
}

#main-box-wrapper ul li {
list-style:disc;
margin:0 0 14px 15px;
line-height:16px;
}

#main-box-wrapper .under {
text-decoration:underline;
}

#main-box-wrapper  .main-box {
float:left;
width:280px;
margin-right:50px;
}

#main-box-wrapper  .main-box .top {
margin-top:17px;
}

#main-box-wrapper  .social {
margin-right:5px;
}

#main-box-wrapper p {
margin-bottom:20px;
}

#main-box-wrapper  .feature {
width:300px;
}

#main-box-wrapper  .feature a {
color:#ccc;
}

#main-box-wrapper  .feature a:hover {
text-decoration:underline;
}

#main-box-wrapper  .feature img {
margin-bottom:10px;
}

#main-box-wrapper  .feature h1 {
border:0;
}


/*------------------------Key Page ------------------------------*/

#banner {
float:left;
margin-bottom:40px;
border-bottom:1px solid #000;
}

#sideNav {
width:220px;
border-top: 3px solid #b39c88;
border-bottom: 3px solid #b39c88;
margin-right:60px;
float:left;
}

#sideNav ul {
padding:10px 0
}

#sideNav li {
margin:20px 0;
}

#sideNav li a{
font-size:14px;
color:#b39c88;
padding:10px;
display:block;
}

#sideNav li a:hover, #sideNav li a.current{
background: #3c3434;
padding:10px;
}
 
#key-content {
float:right;
width:680px;
}

/*------------Accordion----------------*/

#key-content h1 {
border-bottom:1px solid #403730;
padding-bottom:10px;
}

#key-content-outer {
float:left;
background:url(../images/key-content-bg.jpg) no-repeat;
padding-top:30px;
}

#key-content-outer p {
margin-bottom:20px;
line-height:20px;
}

#key-content-outer a {
text-decoration:underline;
}

#key-content-outer h2 {
margin-bottom:10px;
/*float:left;*/
width:100%;
}

#key-content-outer h2 a {
color:#b39c88;
}

#accordion h2 {
margin-bottom:30px;
}

#accordion h2 .des {
font-size:16px;
}
 
#key-content-outer #accordion p {
width:510px;
margin-bottom:20px;
}
 


#key-content-outer div {
margin-bottom:30px;

}

 
/*
#key-content-outer .content-txt {
width:510px;
margin-right:20px;
margin-top:-10px;
float:left;
}*/

#key-content-outer .content-txt {
	float: left;
	width: 510px;
}

#key-content-outer .content-profile-img {
float:right;
width:150px;
height:200px;
/*margin-top:-5px;*/
}

#key-content-outer .content-txt-mgmt {
width:460px;
margin-right:20px;
float:left;
}

#key-content-outer .content-txt-mgmt a {
text-decoration:underline;
}

#key-content-outer .content-img {
float:right;
width:200px;
height:266px;
}

#key-content-outer ul {
margin:-15px 0 15px 0;
/*float:left;*/
width:100%;
}

#key-content-outer li {
list-style:disc;
font-size:12px;
line-height:20px;
margin:0 0 0 15px;
}

#key-content-outer .plist {
margin-bottom:30px;
float:left;
}

#key-content-outer .plist a {
text-decoration:underline;
}

/*----------------------------------------------*/ 

#exp {
float:left;
width:100%;
}

#exp table {
width:350px;

}

#exp td {
padding:0 10px 0 0;
}

#exp td.head {
padding:7px 0;
font-weight:bold;
} 
 
.topline {
border-bottom: 1px solid #403730;
line-height:1;
}

.dotline {
border-bottom: 1px dotted #403730;
line-height:1;
} 

#exp td.industry {
padding:7px 0;
}

ul#questions, ul#reports, ul#training, ul#quality {
float:left;
margin:0 0 20px 0;
width:460px;
}

/*------------------------ Case Studies ------------------------*/
#key-content-outer #hotel-thumbs {
float:left;
margin:0;
}


#hotel-thumbs li {
list-style:none;
width:180px;
float:left;
margin:0 70px 30px 0;
}

#hotel-thumbs h3 a{
color:#b39c88;
}

















/*------------------------ Contact ------------------------*/ 

#contact-content-wrap h1 {
border-bottom: 1px solid #403730;
padding-bottom:10px;
}

#contact-content {
background:url(../images/contact_bg.jpg) no-repeat;
width:960px;
padding-top:30px;
float:left;
}

#contact-content h2 {
margin-bottom:10px;
}

#contact-content p{
margin-bottom:20px;
}

#address {
width:300px;
margin-right:45px;
float:left;
}

#email-listing{
width:270px;
margin-right:45px;
float:left;
}

#telephone {
width:300px;
float:left;
}

#telephone span.label {
width:35px;
display:block;
float:left;
}




 
/*------------------------Main Footer ------------------------*/ 
 
#main-footer {
width:960px;
 
margin:80px auto 0 auto;
border-top:1px solid #b39c88;
}
 
#main-footer .links {
float:left;
font-size:10px;
padding:10px 0 30px 0;
color:#b39c88;
} 

 
#main-footer .links a  {
color:#b39c88;
font-size:10px;
padding:0 5px;
} 

#main-footer .links a:hover, #main-footer.copyright a:hover {
text-decoration:underline;
}


#main-footer .copyright {
color:#b39c88;
float:right;
font-size:10px;
padding:10px 0 30px 0;
} 

#main-footer .copyright a {
color:#b39c88;
font-size:10px;
padding:0 0 0 7px;
}

#main-footer  .jump {
float:right;
color:#403030 !important;
}

/*-------------------------- Footer ---------------------------*/
#footer {
margin:80px 0 0 0;
border-top:1px solid #b39c88;
float:left;
width:100%;
}
 
#footer .links {
float:left;
font-size:10px;
padding:10px 0 30px 0;
color:#b39c88;
} 

 
#footer .links a  {
color:#b39c88;
font-size:10px;
padding:0 5px;
} 

#footer .links a:hover, #footer.copyright a:hover {
text-decoration:underline;
}
 
#footer .copyright {
color:#b39c88;
float:right;
font-size:10px;
padding:10px 0 30px 0;
} 

#footer .copyright a {
color:#b39c88;
font-size:10px;
padding:0 0 0 7px;
}

#footer  .jump {
float:right;
color:#403030 !important;
}



/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 768px) and (orientation:portrait) {
  /*#wrapper_home {
	width: 100%; 
	margin: 0 auto;
}*/

#main-banner {
width:100%;
margin:0 auto;
overflow-x:hidden;
}
  
 #main-banner img {width:100%; } 
 } 

/* iPads (landscape) ----------- */
/*@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {*/
/*#main-banner {width:1024px;}*/
/*}*/