/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Page Layout                                                ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
html, body {
  /**height: 100%;               /* Set the heigth so we can stick the footer to the bottom */
  background: #B5A395;
}
#bodyWrapper {
  background: #B5A395;
  /**min-height: 100%;           /* Everything except the footer should be contained within this element */
}
#bodyWrapper > .bodyContainer {
	/**padding-bottom: 80px;       /* Height of the footer */
  /*padding-bottom: 40px;*/
  width: 1055px;              /* Width of content container */
  margin: 0 auto;             /* Horizontally center the content container */
}
#bodyWrapper > .bodyContainer > .contentWrapper {
  width: 1055px;              /* Width of the content */   
}


/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Content Formatting                                         ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
#mainWrapper {
  display: table;
  border-spacing: 0;
}
#mainWrapper ul {
  padding-left: 30px;
  margin-bottom: 10px;
}

/* Left */
#mainWrapper > .contentLeft {
  display: table-cell;
  width: 585px;
  vertical-align: top;
  background: url(/img/left_back.png);
  padding-bottom: 50px;
  padding-left: 120px;
}
#mainWrapper > .contentLeftHome {
  width: 705px;
  padding-left: 0;
}
#mainWrapper > .contentLeft p,
#mainWrapper > .contentLeft h2 {
  margin: 10px;
  margin-right: 40px;
}
#mainWrapper > .contentLeft h2 {
  margin: 30px 10px 30px 10px;
}
#mainWrapper > .contentLeft.large ul {
  font-size: 16px;
}
#mainWrapper > .contentLeft.large ul li ul {
  font-style: italic;
}
#mainWrapper > .contentLeft.contact p {
  font-size: 16px;
}
#mainWrapper > .contentRight img.caseStudies {
  vertical-align: middle;
  padding: 10px;
}
#mainWrapper > .contentRight p.caseStudies {
  display: inline-block;
  width: 200px;
  padding: 0;
  vertical-align: middle;
}
#mainWrapper > .contentLeft .caseStudies a {
  margin: 10px 0;
  font-size: 14px;
}

/* Right */
#mainWrapper > .contentRight {
  display: table-cell;
  width: 350px;
  vertical-align: top;
  background: url(/img/right_back.png);
  padding-bottom: 50px;
}
#mainWrapper > .contentRight h4 {
  padding: 10px 0 10px 40px;
  width: 240px;
  background: url(/img/hor_line.png) bottom right no-repeat;
  margin-left: 2px;
  font-size: 18px;
}
#mainWrapper > .contentRight p {
  padding: 10px;
  padding-left: 40px;
  width: 240px
}
#mainWrapper > .contentRight .news {
  background: url(/img/ver_top.png) no-repeat;
}
#mainWrapper > .contentRight .middle {
  background: url(/img/ver_line.png) repeat-y;
}
#mainWrapper > .contentRight .contact {
  background: url(/img/ver_bottom.png) bottom left no-repeat;
}

#mainWrapper > .contentRight > .rightHeaders div {

  /*background: #2d4047;*/
  /*height: 60px;*/
  /*color: #f0f0f0;*/
  text-align: center;

}
#mainWrapper > .contentRight > .rightHeaders h4 {
  text-align: center;
  padding: 10px 0 10px 10px;
  width: 338px;
}
#mainWrapper > .contentRight > .rightHeaders div p {
  padding: 0 10px 10px 10px;
  /*padding-left: 40px;*/
  width: 330px
}
#mainWrapper > .contentRight > .rightHeaders .title {
  font-size: 26px;
  padding: 10px 10px 0 10px;
}

#mainWrapper > .contentRight .contact h4 {
  color: #b1a811;
}
#mainWrapper > .contentRight .contact p {
  font-size: 16px;
}
#mainWrapper > .contentRight .contact .quote {
  font-style: italic;
  font-size: 10px;
  width: auto;
  padding-top: 0;
}

#mainWrapper .green {
  color: #B1A811;
  font-size: 20px;
}

/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Header                                                     ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
header {
  position: relative;
  height: 290px;
  /*height: 350px;*/
}
header .top {
  height: 90px;
  background: url(/img/header_back.png) no-repeat;
}
header .headerLogo {
  margin-left: 100px;
}

header .menu {
  display: inline-block;
  position: absolute;
  top: 58px;
  /*top: 118px;*/
  left: 600px;
}
header .menu a {
  padding: 0 20px;
  display: inline-block;
  height: 32px;
  color: #58595b;
  font-weight: bold;
}
header .menu a.selected {
  background: url(/img/page_arrow.png) bottom center no-repeat;
}
header .menu a:link{
  color: #58595b;
  font-weight: bold;
  text-decoration: none;
}
header .menu a:visited{
  color: #58595b;
  font-weight: bold;
  text-decoration: none;
}
header .menu a:hover{
  color: #2d4047;
  font-weight: bold;
  text-decoration: none;
}
header .menu a:active{
  color: #2d4047;
  font-weight: bold;
  text-decoration: none;
}


/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Footer                                                     ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
footer {
  /**position: relative;   /* ??? */
	/**margin-top: -80px;    /* Negative value of footer height */
  /*margin-top: -40px;*/
	height: 80px;         /* Height of the footer */
  /*height: 40px;*/
	min-width: 1055px;    /* Width of content */
	background: #2d4047;
	color: #f0f0f0;
  /*text-align: center;*/
  /*text-align: right;*/
  width: 1055px;
  margin-left: auto;
  margin-right: auto;
}
footer div {
  /*text-align: left;*/
  /*width: 350px;*/
  /*margin-top: 10px;*/
  /*padding-top: 20px;*/
  height: 40px;
}
footer .footerLeft {
  display: inline-block;
  /*background: #c0c0c0;*/
}
footer .footerMiddle {
  display: inline-block;
  /*background: #a0a0a0;*/
  /*margin: 0 40px;*/
}
footer .footerRight {
  display: inline-block;
  /*background: #c0c0c0;*/
}
footer .selected {
  background: url(/img/page_arrow_down.png) top center no-repeat;
}
footer p{
  font-size: 10px;
}
footer .info {
  display: inline-block;
  width: 235px;
  height: 80px;
}
footer .info p{
  text-align: right;
  line-height: 14px;
}
footer p.copy {
  padding-top: 47px;
}

/* RSS Feeds*/
footer .news {
  display: inline-block;
  width: 820px;
  height: 80px;
  vertical-align: top;
}
footer .rssIcon {
  /*margin: 20px 0 0 40px*/
  width: 24px;
  height: 24px;
  vertical-align: top;
  padding: 8px 8px 0 8px;
}
footer .news h3 {
  display: inline-block;
}
footer .rssItem {
  display: inline-block;
}
footer .rssItem h4 {
  
  padding: 10px 20px 0 40px;
  /*font-size: 15px;*/
  background: url(/img/smallArrow.png) 30px 16px no-repeat;
}
footer .rssItem h4 a {
  color: #808080;
}
footer .rssItem h4 a:link{
  color: #808080;
  text-decoration: none;
}
footer .rssItem h4 a:visited{
  color: #808080;
  text-decoration: none;
}
footer .rssItem h4 a:hover{
  color: #808080;
  text-decoration: underline;
}
footer .rssItem h4 a:active{
  color: #808080;
  text-decoration: underline;
}
footer .rssItem p {
  padding: 10px 40px 0 40px;
  width: auto;
  font-size: 13px;
}
footer .rssItem p.date {
  font-style: italic;
  padding-bottom: 10px;
}

/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ IE FIXES                                                   ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
/* Emulate tables in IE7 and lower */
.ie-lt8 #mainWrapper{ behavior: url('js/display-table/display-table.min.htc'); -dt-border-spacing: 0; }
.ie-lt8 #mainWrapper .content_1{ -dt-display: table-cell; }
.ie-lt8 #mainWrapper .content_2{ -dt-display: table-cell; }


/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Animated Logo                                              ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
#logoWrapper {
  /*background: #c0c0c0;*/
  position: relative;
  display: inline-block;
  width: 705px;
  height: 400px;
}
#logoContainer {
  /*background: #e0e0e0;*/
  width: 300px;
  height: 130px;
  position: absolute;
  margin-left: 188px;
  margin-top: 130px;
}
#logo0,
#logo1,
#logo2,
#logo3{
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
}


#circle1 {
  margin: 20px;
  width: 80px;
  height: 80px;
  font-size: 80px;
  -ms-transform: rotate(-36deg) scale(-1, 1);
  -moz-transform: rotate(-36deg) scale(-1, 1);
  -webkit-transform: rotate(-36deg) scale(-1, 1);
  -o-transform: rotate(-36deg) scale(-1, 1);
  transform: rotate(-36deg) scale(-1, 1);
}

#line1{
  display: inline-block;
  height: 8px;
  width: 0;
  background: #c0c0c0;
  position: absolute;
  top: 92px;
  left: 110px;
}
#line2 {
  display: inline-block;
  height: 8px;
  width: 0;
  background: #c0c0c0;
  position: absolute;
  top: 92px;
  left: 110px;
}

#point {
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 8px solid #c0c0c0;
  
  position: absolute;
  top: 92px;
  left: 99px;
  transform-origin: 0 0;
  /*transform: rotate(-45deg);*/
}

#circle2 {
  margin: 20px;
  width: 46px;
  height: 46px;
  font-size: 46px;
  -ms-transform: rotate(280deg) scale(-1, 1);
  -moz-transform: rotate(280deg) scale(-1, 1);
  -webkit-transform: rotate(280deg) scale(-1, 1);
  -o-transform: rotate(280deg) scale(-1, 1);
  transform: rotate(280deg) scale(-1, 1);
  position: absolute;
  top: 10px;
  left: 200px;
}

#circle3 {
  margin: 20px;
  width: 46px;
  height: 46px;
  font-size: 46px;
  -ms-transform: rotate(80deg) scale(-1, 1);
  -moz-transform: rotate(80deg) scale(-1, 1);
  -webkit-transform: rotate(80deg) scale(-1, 1);
  -o-transform: rotate(80deg) scale(-1, 1);
  transform: rotate(80deg) scale(-1, 1);
  position: absolute;
  top: 30px;
  left: 220px;
}



.pietimer {

  position: relative;
  font-size: 200px;
  width: 80px;
  height: 80px;
  float: left;
}
.pietimer > .percent {
  position: absolute;
  top: 1.05em;
  left: 0;
  width: 3.33em;
  font-size: 0.3em;
  text-align:center;
  display: none;
}
.pietimer > .slice {
  position:absolute;
  width:1em;
  height:1em;
  clip:rect(0px,1em,1em,0.5em);
}
.pietimer > .slice.gt50 {
  clip:rect(auto, auto, auto, auto);
}
.pietimer > .slice > .pie {
  border: 8px solid #c0c0c0;
  position:absolute;
  width:0.8em; /* 1 - (2 * border width) */
  height:0.8em; /* 1 - (2 * border width) */
  clip:rect(0em,0.5em,1em,0em);
  -moz-border-radius:0.5em;
  -webkit-border-radius:0.5em; 
  border-radius:0.5em; 
}
#circle2.pietimer > .slice > .pie,
#circle3.pietimer > .slice > .pie{
  width: 0.45em;
  height: 0.45em;
}
.pietimer > .slice > .pie.fill {
  -ms-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}
.pietimer.fill > .percent {
  display: none;
}
.pietimer.fill > .slice > .pie {
  border: transparent;
  background-color: #c0c0c0;
  width:1em;
  height:1em;
}





/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Plugin: slidingBanner                                      ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
#slideContainer {
  position: absolute;
}
#slidingBanner1 {
  position: relative;
}
#slidingBanner1 .slide {
  cursor: move;
  position: absolute;
  overflow: hidden;
}

/* jssor slider bullet navigator skin 10 css */
/*
.jssorb10 div           (normal)
.jssorb10 div:hover     (normal mouseover)
.jssorb10 .av           (active)
.jssorb10 .av:hover     (active mouseover)
.jssorb10 .dn           (mousedown)
*/
#slidingBanner1 .bulletWrapper {
  background: #000000;
  opacity: 0.5;
}
#slidingBanner1 .jssorb10 div, #slidingBanner1 .jssorb10 div:hover, #slidingBanner1 .jssorb10 .av
{
  background: url('/img/b10.png') no-repeat;
  overflow: hidden;
  cursor: pointer;
}
#slidingBanner1 .jssorb10 div {
  background-position: -10px -10px;
}
#slidingBanner1 .jssorb10 div:hover, 
#slidingBanner1 .jssorb10 .av:hover {
  background-position: -40px -10px;
}
#slidingBanner1 .jssorb10 .av {
  background-position: -70px -10px;
}
#slidingBanner1 .jssorb10 .dn, 
#slidingBanner1 .jssorb10 .dn:hover {
  background-position: -100px -10px;
}

/* jssor slider arrow navigator skin 19 css */
/*
.jssora19l              (normal)
.jssora19r              (normal)
.jssora19l:hover        (normal mouseover)
.jssora19r:hover        (normal mouseover)
.jssora19ldn            (mousedown)
.jssora19rdn            (mousedown)
*/
#slidingBanner1 .jssora19l, 
#slidingBanner1 .jssora19r, 
#slidingBanner1 .jssora19ldn, 
#slidingBanner1 .jssora19rdn {
  position: absolute;
  cursor: pointer;
  display: block;
  background: url('/img/a19.png') no-repeat;
  overflow: hidden;
}
#slidingBanner1 .jssora19l {
  background-position: -5px -35px;
}
#slidingBanner1 .jssora19r {
  background-position: -65px -35px;
}
#slidingBanner1 .jssora19l:hover {
  background-position: -125px -35px;
}
#slidingBanner1 .jssora19r:hover {
  background-position: -185px -35px;
}
#slidingBanner1 .jssora19ldn {
  background-position: -245px -35px;
}
#slidingBanner1 .jssora19rdn {
  background-position: -305px -35px;
}
#slidingBanner1 .caption {
  position: absolute;
  top: 150px;
  width: 1055px;
  height: 50px;
  text-align: right;
  background-color:rgba(0, 0, 0, 0.5)
}
#slidingBanner1 .caption p {
  font-size: 18px;
  font-weight: bold;
  height: 50px;
  margin-right: 20px;
  line-height: 50px;
  color: #ffffff;
}

#mainWrapper .captchaLeft {
  display: inline-block;
  vertical-align: top;
  width: 220px;
}
#mainWrapper .captchaRight {
  display: inline-block;
  vertical-align: top;
  width: 245px;
}
#mainWrapper > .contentLeft.contact .captchaRight > p {
  font-size: 13px;
  margin-right: 0;
}