.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}

ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

hr {
clear:both;
margin:0;
}

a {
outline:none;
}

.hr {
clear:both;
border:0;
height:50px;
width:100%;
background: url(../images/global/bg-hr-dotted.png) 0 50% repeat-x;
}

p + .hr {
margin-top:-7px;	
}

.hr-dotted {
background: url(../images/global/bg-hr-dotted.png) 0 50% repeat-x;
}

.hr-dotted-double {
background: url(../images/global/bg-hr-dotted-double.png) 0 50% repeat-x;
}

.hr-solid {
background: none;
border-bottom: 1px solid #DADADA;
height:25px;
margin-bottom:25px;
}

.hr-solid-double {
background: url(../images/global/bg-hr-solid-double.png) 0 50% repeat-x;
}

iframe {
border:0;	
}








/*-----------------------------------------------------------------*/
/* 2. Layout Structure
/*-----------------------------------------------------------------*/

.top-aside, header, .banner, .banner-slider, .small_banner, #content-container, .footer-callout, footer {
min-width:960px;
}

#main-wrap {
width:960px;
overflow:visible;
position:relative;
padding:40px 0;
z-index:1;
margin:0 auto;
}

.tt-overlay {
height: 100%;
width: 100%;
position: absolute;
top: 0;
z-index: -1;	
}

.center-wrap {
width:1160px;
margin:0 auto;
position:relative;
}

.page_content {
float:left;
width:670px;
}

.page_content_right {
float:right;
width:670px;
}

body > div > .full-width {
width:960px !important;
}

header {
width:100%;
position:relative;
z-index:100;
margin:0 auto;
padding:15px 0;
background:#FFF url(../images/global/bg-ui-gradient.png) left top repeat-x;
}

#content-container {
width:100%;
background:#FFF url(../images/global/bg-ui-gradient.png) left top repeat-x;
}

.small_banner,
.banner {
color: #FFF;
z-index: 1;
}










/*-----------------------------------------------------------------*/
/* 3. Main Navigation
/*-----------------------------------------------------------------*/
nav select {
  display: none;
}

header nav {
position:absolute;
top:50%;
right:0;
margin-top:-8px;
z-index:9999;
}

header nav ul{
padding:0px;
list-style-image:none;
}

nav > ul > li {
display:inline-block;
position:relative;

}

nav > ul > li+li {
margin-left:28px;
}

nav a {
font-size:15.5px;
text-decoration:none;
line-height:15.5px;
padding:3px 5px;
}

header nav .sub-menu a:hover{
color: #555;
}

header .sub-menu li:hover {
background:#eee;
border-radius:4px;
box-shadow:inset 0 0 2px #CCC;
}

nav > ul ul {
display:none;
}

.submenu {
overflow:hidden;
font-size:13px;
height:14px;
}

.submenu ul {
padding-bottom:1px;
}

.submenu strong {
float:left;
}

.submenu li {
float:left;
line-height:1em;
margin:0 16px;
}

header .sub-menu {
position:absolute;
background-color:#FFF;
z-index:2;
left:-12px;
top:40px;
width:210px;
box-shadow:0 0 3px #c3c3c3;
border-radius:8px;
/* padding:20px 15px 15px; */
padding:20px;
}

header .sub-menu a {
font-size:13px;
display:inline-block;
width:100%;
padding:9px 10px;
}

header .sub-menu .sub-menu {
left:231px;
top:0;
}

header .sub-menu .sub-menu:before {
content:'';
}

header .sub-menu li {
position:relative;
margin:0;
}

/* header .sub-menu .current-menu-item a {
font-weight:bold;	
} */










/*-------------------------------------------------------------------------
/* 4. Header
/*-----------------------------------------------------------------*/
p,dl,ol,ul,a:visited
header nav *,
.submenu *,
blockquote,
.home_2_aside p a:link,
.home_2_aside p a:visited,
.tool_tip,
.post-details strong,
.faq-questions ol li a,
.home-vertical-sidebar *,
.home-vertical-sidebar #mc_signup .mc_var_label,
#home-marketing-icons .tt-icon,
header .current-menu-item ul a,
header .current-menu-parent ul a,
header .current-menu-ancestor ul .current-menu-item ul a,
header .current-menu-ancestor .sub-menu a,
header .current-menu-ancestor .sub-menu .current-menu-ancestor .sub-menu a {
color:#636B75;
}

.footer-callout-content .callout-text {color: #747C88;}

header nav,
.footer-callout,
#gallery-nav,
footer .foot-heading,
h1,
h2,
h3,
h4,
h5,
h6,
.page-banner-heading {
font-weight:400;
font-family:"HelveticaNeue-Regular","Helvetica Neue",Helvetica,arial,sans-serif;
}

.companyIdentity {
overflow:hidden;
position:relative;
}

.companyIdentity img {
float:left;
margin-right:9px;
box-shadow:none;
background:none;
border:none;
padding:0;
}

.companyIdentity h1 {
position:absolute;
top:50%;
left:65px;
margin-top:-13px;
}

.companyIdentity a {
text-decoration:none;
}

.top-aside {
padding:8px 0;
}

.top-aside * {
font-size:11px;
color:#FFF;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.top-aside p, .top-aside ul {
margin:0;
padding:0;
}

.top-aside .one_half + .one_half {
text-align:right;
float:right;
}

.top-aside ul,
.top-aside li {
margin:0;
padding:0;
list-style:none;
}

.top-aside .one_half + .one_half ul {
margin:0;
padding:0;
float:right;
}

.top-aside ul li {
float:left;
}

.top-aside ul li + li {
margin-left:10px;
}

.top-aside ul li a {
color:#FFF;
padding-right:10px;
background:url(../images/global/bg-seperator.png) 100% 50% no-repeat;
/* opacity:0.6; */
font-weight:500;
}

.top-aside ul li a:hover {
/* opacity:1.0; */
}

.top-aside ul li:last-child a {
background:none;
padding-right:0
}

.shadow.top {
position:absolute;
top:0;
height:60%;
width:100%;
z-index:-1;
background:url(../images/shadows/shadow-1.png) left top repeat-x;
}

.shadow.bottom,
.top-aside-shadow {
position:absolute;
bottom:0;
width:100%;
height:30%;
z-index:-1;
background:url(../images/global/bg-ui-shadow-bottom.png) center bottom repeat-x;
}

.top-aside-shadow {
height:10%;
background:url(../images/global/bg-top-aside-shadow.png) center bottom repeat-x
}

body > section + div .shadow {
height:50%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:-1;
}

.small_banner {
width:100%;
position:relative;
padding:25px 0;
}

.small_banner .center-wrap {
z-index:250;
}

.small_banner .page-banner-description,
.small_banner .page-banner-heading,
.breadcrumbs > a {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.small_banner .page-banner-description {
font-size: 13.2px;
margin-top: -0.8%;
position: absolute;
right: 0;
text-align: right;
top: 50%;
width: 70%;
}

.small_banner .page-banner-heading {
margin:0;
font-size:25px;
display:inline-block;
margin-top:-3px;
}

.small_banner .banner-no-crumbs .page-banner-heading {
margin-top:0px !important;
}

.small_banner .banner-no-crumbs #banner-search {
top:4px !important;
}

div.breadcrumbs {
font-size:11px;
width:100%;
margin:0 0 0 -4px;
}

.breadcrumbs > a {
display:inline-block;
margin:0 4px;
opacity:0.8;
}

.breadcrumbs a:hover {
text-decoration:none;
color:#FFF;
opacity:0.95;
}

.current_crumb {
font-weight:700;
color:#FFF;
opacity:1.0;
}

.small_banner *, .banner *{color:#FFF;}

.dots {
z-index:200;
}

.banner-slideshow .circle{
border-color: #000;
opacity:0.4;
}

.circle {
float:left;
border:6px solid #ebebeb;
border-radius:6px;
width:0;
margin-left:8px;
cursor:pointer;
}

.circle.current,circles:hover {
border-color:#d6d6d6;
}








.custom-menu {
list-style:none;
}










/*-----------------------------------------------------------------*/
/* 7. Images + Links
/*-----------------------------------------------------------------*/

img,img a {
border:0;
padding:0;
outline:none;
}
img{
max-width: 100%;
height: auto;
}

img a,a img {
cursor:pointer;
}
a:link {
text-decoration:none;
}

a:hover {
text-decoration:none;
}

footer a {
color:#FFF;
}

header nav a,
.search .current_page_parent a {
color:#707885;
font-family:microsoft yahei;
}

header nav ul li ul li a {
font-weight:normal;
}

header nav a:hover,
.subnav a:hover {
text-decoration:none;
}

.img-frame {
background:url(../images/global/img-frames.png);
margin-bottom:20px;
}

.banner-slider .img-frame {
margin-bottom:0px;
}

.img-frame img {
margin:10px 0 0 10px;
}

.full-banner {
width:100%;
height:181px;
background-position:0px -1113px;
}

.small-banner {
width:670px;
height:189px;
background-position:0px -908px;
}

.full-third-portrait {
width:300px;
height:373px;
background-position:-224px -517px;
}

.full-fourth-portrait {
width:203px;
height:297px;
background-position:-530px -332px;
}

.full-half {
width:465px;
height:295px;
background-position:0px 0px;
}

.full-third {
width:300px;
height:199px;
background-position:0px -305px;
}

.full-third-short {
width:300px;
height:145px;
background-position:0px -1486px;
}

.full-fourth {
width:217px;
height:153px;
background-position:0px -519px;
}

.small-half {
width:320px;
height:206px;
background-position:-481px 0px;
}

.small-third {
width:203px;
height:140px;
background-position:-315px -306px;
}

.small-fourth {
width:145px;
height:109px;
background-position:-530px -215px;
}

.blog-frame {
width:640px;
height:181px;
background-position:0px -1299px;
margin-bottom:20px;
}

.edit-page-button { clear:left;margin-top:30px; }

.edit-page-button a {
background-image:url(../images/shortcodes/button-sprite.png);
text-decoration:none;
font-size:13px;
font-weight:700;
height:20px;
line-height:12px;
border-radius:3px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
display:inline-block;
margin:0 5px 20px;
padding:8px 10px 0;
}

.edit-page-button a {
background-position:0 -630px;
border:1px solid #DAB347;
color:#835503;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);
}

.edit-page-button a:hover {
border:1px solid #DAB347;
background-position:0 -658px;
color:#422B01;
}

.top-aside .current-menu-item a,
.top-aside .current-menu-parent a,
.top-aside .current-menu-parent ul .current-menu-item a,
.top-aside .current-menu-ancestor ul .current-menu-ancestor a,
.top-aside .current_page_parent a {
opacity: 0.6 !important;
color:#FFF !important;
}

.top-aside a {
opacity: 1;
transition: opacity .20s ease-in-out;
-moz-transition: opacity .20s ease-in-out;
-webkit-transition: opacity .20s ease-in-out;
}

.top-aside a:hover {
opacity: 0.6;
}