@import "fonts.css";


*::-moz-selection {
    background-color: #c0992f;
    color: #FFFFFF;}
	
	::selection {
    background-color: #c0992f;
    color: #FFFFFF;
}


body{margin:0; padding:0; background-color: #f1f0e0; font-family: 'hermesregular'; font-size:14px; line-height:24px; color:#666; }
a {transition: all 0.15s linear 0s;}
.clr{clear:both;}
.clr-10{clear:both; height:10px;}
.clr-20{clear:both; height:20px;}
a img, img { border:0;}
a{ color:#10253f; text-decoration:underline;  }
a:hover{ color:#666; text-decoration:none;  }
p{margin:0; padding:0;}
h1,h2,h3,h4,h5{ padding:0; margin:0; font-weight:normal;}

#wrapper{ width:100%; height:auto;}
.header-wrap{ width:100%; margin:0; padding:0; background:url(../images/header-bg.png) repeat-x top left;}
.header-container{ width:1100px; margin:0 auto; padding:20px 0 17px 0;}
.logo{ width:195px; height:77px; margin:auto;}
.social-icons{ float:right; margin:35px 41px 0px 0px; }
.social-icons img{ margin-left:6px;}

.navigation-wrap{ width:100%; margin:0; padding:0; /*background:url(../images/nav-bg.png) repeat-x left bottom;*/}
.navigation{ width:1101px; margin:0 auto; overflow:hidden;background: #10253f;}
.navigation ul{ margin:0; padding:0; list-style:none;}
.navigation ul li{ float:left; color:#000; font-family: 'hermes_thinregular'; font-size:16px; line-height:28px; }
.navigation ul li a{ padding:10px 15px 8px 15px; color:#fff; display:block; text-decoration:none;}
.navigation ul li a:hover{ color:#c0992f; text-decoration:none; background-color:#10253f;}
.navigation ul li .select{ color:#fff; text-decoration:none; background-color:#10253f;}

.slide-area { max-width:1100px; height:484px; margin:0 auto;}
.slide{ width:100%; height:484px;}
.service-banner{ width:100%; height:484px; background:url(../images/services-header.jpg) center top no-repeat;}
.portfolio-banner{ width:100%; height:484px; background:url(../images/portfolio-banner.jpg) center top no-repeat;}
.contact-banner{ width:100%; height:484px; background:url(../images/contact-banner.jpg) center top no-repeat;}
.partners-banner{ width:100%; height:484px; background:url(../images/partners-banner.jpg) center top no-repeat;}
.terms-banner{ width:100%; height:484px; background:url(../images/terms-banner.jpg) center top no-repeat;}

.mid-area{ width:1044px; height:auto; background-color:#fff; margin:0 auto; padding:35px 28px 40px; overflow:auto; position:relative;}
.portfolio-area{ margin:0 auto; padding:15px 0 30px 0; width:1100px;}
.portfolio-area h1{ font-family: 'hermes_thinregular'; font-size:24px; color:#fff; background:#10253f; display:inline-block; padding:8px 34px; line-height:28px; margin-bottom:15px;}
.portfolio-area h2{ font-family: 'hermesregular'; font-size:24px; color:#c0992f; border:1px solid #c0992f; display:inline-block; padding:8px 34px; line-height:28px; margin-bottom:15px;}

.download-area{ width:1044px; }
.download-img{ width:500px; margin-right:44px; margin-bottom:20px; float:left;}
.download-img img{ width:100%;}
.download-img2{ width:500px;  margin-bottom:20px; float:left;}
.download-img2 img{ width:100%;}


.portfolio-nav{ float:right; background:#c0992f; padding:13px 0;}
.portfolio-nav ul{ list-style:none; margin:0; padding:0;}
.portfolio-nav ul li{ background:url(../images/portfolio-sprite.png) no-repeat 0 0; float:left; font-size:16px; color:#fff; border-right:1px solid #fff; text-decoration:none;}
.portfolio-nav ul li a{ color:#fff; display:block; padding:5px 13px 5px 50px; text-decoration:none;}
.portfolio-nav ul li a:hover{ color:#10253f; text-decoration:none;}
.portfolio-nav ul li.heritage{ background-position:12px -4px;}
.portfolio-nav ul li.wildlife{ background-position:9px -62px;}
.portfolio-nav ul li.boutique{ background-position:9px -126px;}
.portfolio-nav ul li.location{ background-position:9px -194px; border-right:none;}

.white-bg{ background:#fff; margin-bottom:10px; overflow:hidden;}
.portfolio-content{ margin:20px; border:1px solid #c0992f; padding:30px 64px; width:404px; height:180px; float:left;}
.portfolio-content h3{ font-family: 'hermes_thinregular'; font-size:16px; color:#10253f; text-align:center; margin-bottom:10px;}

.read-more-btn{ font-size:14px; }
.read-more-btn a{ background:#10253f; padding:4px 12px; display:inline-block; text-decoration:none; color:#FFF;}
.read-more-btn a:hover{ background:#c0992f; color:#FFF;}

.mid-area h1, h2{ font-family: 'hermes_thinregular'; font-size:24px; color:#10253f; margin-bottom:15px;}
.mid-area h3{ font-family: 'hermes_thinregular'; font-size:24px; color:#fff; background:#10253f; display:inline-block; padding:8px 25px 6px 10px; line-height:28px; margin-bottom:15px;}
.mid-area h3 img{ vertical-align:middle;}

.mid-area h4{ font-family: 'hermes_thinregular'; font-size:25px; color:#10253f; line-height:36px; font-style:italic; text-decoration:none;}
.mid-area h4 a{ color:#c0992f; text-decoration:none;}
.mid-area h4 a:hover{ color:#10253f; text-decoration:none;}

.more-button{ font-family: 'hermes_thinregular'; font-size:14px; }
.more-button a{ background:#c0992f; padding:4px 12px; display:inline-block; text-decoration:none; color:#FFF;}
.more-button a:hover{ background:#10253f; color:#FFF;}

.blue-heading{ font-size:16px; color:#10253f; margin-bottom:10px;padding-left: 15px;}

.team{ width:290px; float:left; border-right:#d7d7d7 1px solid; padding:18px 40px 0 40px;}
.team-name{ font-family: 'hermes_thinregular'; font-size:16px; color:#10253f; padding:6px 20px; border:#10253f 1px solid; display:inline-block; margin-bottom:15px;}
.team-name span{ font-size:13px; color:#af8a24;}

.team-divider{ height:1px; background:#d7d7d7; margin:30px 0;}

.terms-area{ width:1100px; background:url(../images/terms-bg.jpg) left top no-repeat; height:1244px; margin:0 auto; margin-top:1px;}

.terms-bullet{ margin:0; padding:0;}
.terms-bullet ul{ margin:0; padding:0; list-style:none;}
.terms-bullet ul li{ background:url(../images/terms-bullet.png) no-repeat 12px 14px; border-top:1px dotted #222; color:#222; padding:5px 20px 5px 35px;}

.bullet{ width:625px; margin:0; padding:0;}
.bullet ul{ margin:0; padding:0; list-style:none;}
.bullet ul li{ background:url(../images/bullet.gif) no-repeat 12px 14px; border-bottom:1px dotted #8b8b8b; padding:5px 20px 5px 35px;}

.golden-line{ width:100%; height:1px; background-color:#c0992f;}
.quote{ width:909px; height:80px; background:url(../images/quote-bg.jpg) top center no-repeat; margin:auto; text-align:center; font-family: 'hermesregular'; color:#c0992f; font-style:italic; font-size:18px; padding-top:18px;}
.name{ font-family: 'hermesregular'; color:#c0992f; font-style:italic; font-size:13px; font-weight:bold; float:right; margin:50px 30px 0px 0px;}

#form { margin: 0; padding: 0;}
#form p { margin:0; padding: 0; float:left; margin:0 35px 30px 0;}
#form p label { display: inline-block; padding:4px 0 0; text-align: right; vertical-align: top; width: 102px; margin-right:17px; color:#10253f; font-size:14px;}
#form .txt-field { background:url(../images/text-field-bg.gif) no-repeat; border:none; margin:0; padding:10px; width:180px;}
#form .txt-area { background:url(../images/text-area-bg.gif) no-repeat; border:none; height:76px; margin:0; padding:10px; width:180px;}
#form .txt-area2 { background:url(../images/text-area-bg2.gif) no-repeat; border:none; height:76px; margin:0; padding:10px; width:511px;}
.submit { font-family: 'hermes_thinregular'; background:#10253f; border-style:none; cursor:pointer; padding:6px 12px; color:#fff; font-size:18px;}
.submit:hover { background: #c0992f;}


 
.footer{ width:1030px; height:auto; padding:30px 35px; background-color:#10253f; margin:0 auto; font-family: 'hermes_thinregular'; color:#FFF; font-size:12px; overflow:hidden;}
.footer a{ color:#cbcbcb; text-decoration:none;}
.footer a:hover{ color:#FFF;}
.footer-left{ width:500px; height:auto; float:left;}
.footer-right{ width:200px; height:auto; float:right; text-align:right;}
.licon{position: relative;}
.licon img{position: absolute;top: -17px;left: 0px;}


.download{ font-family: 'hermes_thinregular'; font-size:25px; float:right;}
.download a{ background-color:#10253f; display:block; color:#FFF; text-decoration:none; padding:75px;}
.download a:hover{ background-color:#c0992f; display:block;}


.download-link{ font-family: 'hermes_thinregular'; font-size:25px; float:left;}
.download-link a{ background-color:#10253f; display:block; color:#FFF; text-decoration:none; padding:40px 25px;}
.download-link a:hover{ background-color:#c0992f; display:block;}

/*------added on 02-07-2015-----------*/
/* Style the tab */
.tab {overflow: hidden;padding-left: 11px;}

/* Style the buttons inside the tab */
.tab button {
  display:inline-block; font-family: 'hermesregular'; font-size:24px; color:#c0992f; border:1px solid #c0992f;  padding:8px 34px; line-height:28px; margin-bottom:15px; cursor:pointer; margin-right:20px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  border:1px solid #10253F; color:#10253F; transition:all 0.4s ease-in-out 0s;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  /*border: 1px solid #ccc;*/
  border-top: none;
}
#myVideo{width: 46%;}
.image-btn{ display:inline-block; font-family: 'hermesregular'; font-size:24px; color:#c0992f; border:1px solid #c0992f;  padding:8px 34px; line-height:28px; margin-bottom:15px; cursor:pointer; margin-right:20px;}
.image-btn:hover{ border:1px solid #10253F; color:#10253F; transition:all 0.4s ease-in-out 0s; }
.videos-btn{ display:inline-block; font-family: 'hermesregular'; font-size:24px; color:#c0992f; border:1px solid #c0992f;  padding:8px 34px; line-height:28px; margin-bottom:15px; cursor:pointer; margin-right:20px;}
.videos-btn:hover{ border:1px solid #10253F; color:#10253F; transition:all 0.4s ease-in-out 0s; }
.downld-btn{ display:inline-block; font-family: 'hermesregular'; font-size:24px; color:#c0992f; border:1px solid #c0992f;  padding:8px 34px; line-height:28px; margin-bottom:15px; cursor:pointer;}
.downld-btn:hover{ border:1px solid #10253F; color:#10253F; transition:all 0.4s ease-in-out 0s;}
.act{border:1px solid #10253F; color:#10253F; transition:all 0.4s ease-in-out 0s; }

.image-btn-bg{ width:100%; }
.downld-btn-bg{ width:100%;}
.despblk{ display:block !important;}



/*--------------dropdown-menu start----------------*/
.arrowlistmenu {
	width: 840px;  /*width of accordion menu*/
}


.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	font-family:"hermes_thinregular";
	color:#fff;
	font-size:24px;
	line-height:28px;
	text-decoration:none; 
	margin-bottom: 15px; /*bottom spacing between header and rest of content*/
	padding: 10px 0 10px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	background-image:url(../images/bg-arrow.png);
	background-repeat:no-repeat;
	background-position:800px 16px;
	display:block;
	background-color:#10253f;  
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	background-image:url(../images/bg-arrow-close.png);
	background-repeat:no-repeat;
	background-position:800px 16px;
}
.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	list-style-type: disc;
	margin: 0;
	padding: 5px 0 5px 20px;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li {
	padding-bottom: 10px; color:#000; font-size:14px;
	padding-left:4px; /*bottom spacing between menu items*/
}


.textarea{ width:840px;}
.textarea-left{ width:300px; font-family:'hermesregular'; color:#000; font-size:14px; line-height:24px; text-decoration:none; padding:10px 20px 10px 10px; float:left; }
.textarea-mid{ width:160px; font-family:'hermesregular'; color:#000; font-size:14px; line-height:24px; text-decoration:none; padding:10px 20px 10px 30px; float:left; }
.textarea-ryt{ width:220px; font-family:'hermesregular'; color:#000; font-size:14px; line-height:24px; text-decoration:none; padding:10px 20px 10px 20px; float:right; }


.textarea-left a{  }

.imgarea{ width:840px; }
.imgarea-img{ width:300px; margin-right:100px; margin-bottom:20px; border:1px solid #10253f; float:left;}
.imgarea-img img{ width:100%;}
.imgarea-img2{ width:300px;  margin-bottom:20px; float:left;}
.imgarea-img2 img{ width:100%;}
/*--------------dropdown-menu end----------------*/

.text-1{text-align:center; font-size:20px; padding-bottom:30px; padding-right:10%;}
.address{width:50%;float: left;}
.address table{padding-left:35%; text-align:center;font-size:14px; font-family:"hermes_thinregular";}
.address table, th, td {  border: 1px solid black;  border-collapse: collapse;}
.address th{font-size:17px;}