body {
	background: #D8CABF;
}
#constrain, #footer-constrain, #author-constrain {
	width: 1000px;
	margin: 0px auto;
}
#author-constrain {
	border-top: 1px solid #fff;
	font-size: 12px;
	text-align: right;
}



.top-contacts{
  margin: 0px auto 0px auto;
  width: 1000px;
  background-color: #fff;
 
  padding: 0;
  -moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
  margin-top: 10px;
  background-color: #E87513;
}
.top-contacts span{
  padding: 0 20px;
 display: inline-block;

  padding: 10px 20px;
 
}

.top-contacts p{
  margin: 0;
 
  font-size: 15px;
  text-align: center;
  color: #fff;
  
}

.top-contacts p a{
  color:#fff; 
}
.top-contacts p a:hover{
  text-decoration: underline; 
}


 @media screen and (max-width: 1000px) {
   .top-contacts{
 
 
  margin: 1% 1% -1% 1%;
    width: 98%;
  
}
 }      



#constrain {
	background: #fff;
	padding-top: 32px;
	
	margin: 0px auto 0px auto;
	padding: 22px;
}
#footer-constrain {
	padding: 20px 30px;
	background: #D6C9BE;
}
#footer-constrain .column-33 {
	width: 313px;
	float: left;
	font-size: 15px;
}
#footer-constrain .column-33 p.title {
	font-size: 20px;
	letter-spacing: -1px;
	border-bottom: 3px solid #d07a31;
	padding-bottom: 10px;
}
#footer-constrain .column-33 ul li, #footer-constrain .column-33 ul {
	margin-left: 0px !important;
}
#footer-constrain .column-33 a, #author-constrain a {
	color: #D07A31;
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
}
#author-constrain a {
	font-size: 12px;
}
#footer-constrain .column-33 a:hover, #author-constrain a:hover {
	color: #000;
}
.header {
	position: relative;
}
.header .menu {
	width: 520px;
	position: absolute;
	top: 25px;
	right: 0px;
    margin: 0px !important;
}

.header .menu ul,
.header .menu li {
  margin: 0px !important;
}

.header .menu a {
	float: left;
	font-size: 18px;
	line-height: 18px;
	color: #e87513;
	margin-right: 4px;
	margin-left: 4px;
	padding: 5px 4px 10px 4px;
	border-top: 2px solid #e87513;
}

.header .menu a:hover {
	color: #fff;
	background: #e87513;
}
.header .menu li.current-menu-item a {
	color: #fff;
	background: #e87513;
}
.header .menu li:last-child a {
	border-right: 0px;
}
#content-main {
	padding: 30px 8px 30px 8px;
	font-size: 14px;
	line-height: 20px;
	min-height: 460px;
}
#content-main h1 {
	color: #e87513;
	font-size: 34px;
	line-height: 40px;
	letter-spacing: -2px;
}

.project {
  width: 48%;
  float: left;
  margin-right: 2%;
  position: relative;
  border: 1px solid #E87513;
  margin-bottom: 20px;
}

.project .project-content {
  padding: 10px;
}

.project h2 {
  background: #E87513;
  color: #fff;
  padding: 5px;
  margin: 0px !important;
  font-size: 16px !important;
  height: auto !important;
}

.project a {
  color: #E87513;
  border: 1px solid #E87513;
  padding: 2px 10px;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
}

.project a:hover {
  background: #E87513;
  color: #fff !important;
}

.project h2 a {
  color: #fff !important;
  text-align: left;
  padding: 0px;
}

.project small {
  background: #333;
  color: #fff;
  display: block;
  padding: 5px;
}

.project img {
  width: 100%;
  height: auto;
}



#project-details{
  border: 1px solid #E87513;
  padding: 0px;
  margin-bottom: 20px;
}
#project-details h4{
  font-weight: 700;
  background-color: #D07A31;
  margin: 0;
  padding: 5px;
  font-size: 14px;
  color: #fff;
}
#project-details p{
   font-size: 13px;
   padding: 5px;
   margin: 0;
}

.sidebar.projectside img {
  border: 1px solid #E87513;
  margin-bottom: 12px;
}

.wp-paginate {
  display: block !important;
  margin-top: 20px !important;
}

.wp-paginate li {
  margin: 0px 2px 0px 0px !important;
}

.wp-paginate .current {
  background: #333 !important;
}

.wp-paginate li a {
  
}

#content-main h2 {
	color: #e87513;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: -1px;
	margin: 10px 0px;
}
#content-main h3 {
	color: #e87513;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 0px;
	margin: 10px 0px;
}
#content-main ul, #content-main ol {
	margin-top: 15px;
	margin-bottom: 15px;
}
#content-main ul, #content-main ul li {
	list-style: disc;
	list-style-position: inside;
}
#content-main ol, #content-main ol li {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}
#content-main ol, #content-main ul {
}
#content-main ol li {
	margin-left: 20px;
}
#content-main .content {
	width: 75%;
	padding-right: 16px;
	float: left;
}
#content-main .content a, #content-main .sidebar a {
	color: #e87513;
	font-weight: bold;
}
#content-main .content a:hover {
	color: #333;
}
#content-main .sidebar {
	width: 25%;
	float: left;
}
#content-main .sidebar .call_to_action_box {
	width: 100%;
	background: #47aa18 url('../images/g-cta-box-bg.jpg') top left repeat-x;
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	padding: 20px 20px;
}

.cta {
	font-size: 13px;
	border: 1px solid #1B4109;
	background: #47aa18 url(../images/g-button-bg.jpg) top left repeat-x;
	color: #fff !important;
	padding: 3px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 4px 0px;
	display: block;
	width: 180px;
	text-align: center;
}
.cta:hover {
	background: #000 !important;
}

.call_to_action_box .cta {
	border: 1px solid #acff84;
	margin-left: 0px;
	width: 100%;
}

.logos {
	padding: 20px 0px;
}

.logo-left {
  float: left;
}

.logos img {
	margin-right: 20px;
	margin-left: 20px;
}
hr.fullsize {
	background: #D07A31;
	height: 3px;
	border: 0px;
	margin: 10px 0px;
	padding: 0px;
}
/* Form Styles
--------------------------------------------------------------------------------
*/

div.wpcf7-validation-errors, span.wpcf7-not-valid-tip, div.wpcf7-mail-sent-ok {
	border: 0px !important;
	text-transform: uppercase;
	font-size: 12px !important;
	padding: 5px !important;
	margin: 0px !important;
	text-align: center;
}
div.wpcf7-validation-errors {
	background: #F7E700;
	margin: 0px;
	padding: 2px 4px;
}
span.wpcf7-not-valid-tip {
	top: -2px;
	left: 300px;
	background: #ff0000;
	color: #fff;
}
div.wpcf7-mail-sent-ok {
	background: #398F14;
	color: #fff;
}
/* Background
--------------------------------------------------------------------------------
*/

#bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.bgwidth {
	width: 100%;
}
.bgheight {
	height: 100%;
}
/* Navigation 
--------------------------------------------------------------------------------
*/
  #tab_nav {
	height: 72px;
	width: 100%;
	border-left: 1px solid #86450e;
	border-right: 1px solid #86450e;
	border-bottom: 1px solid #86450e;
}
#tab_nav ul {
	width:100%;
	margin:0 auto;
}
#tab_nav li {
	border-right:1px solid #86450e;
	float:left;
	width:25%;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
#tab_nav li:last-child {
	border-right: 0px;
}
#tab_nav a {
	color:#333333;
	display:block;
	position:relative;
	height:71px;
	text-decoration:none;
	margin: 0px;
	padding: 18px 18px 18px 24px;
	background: #fe9032;
	font-size: 22px;
	color: #fff;
	text-shadow: 1px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}
#tab_nav a:hover {
	background: #F88622;
}
#tab_nav a span {
	padding-top: 6px;
	display: block;
	padding-left: 8px;
	float: left;
}
#tab_nav a.current {
	background: transparent url(../images/g-button-overlay.jpg) top left repeat-x;
	text-shadow: 1px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	color: #000;
}
#tab_nav img {
	display:block;
	float: left;
}
#tab_nav strong {
	display:block;
	font-size:13px;
}
/* panes */
  #panes {
	width: 100%;
	height: 300px;
	border: 1px solid #86450e;
	background: #d07a31 url('../images/g-focus-bg.jpg') top right no-repeat;
	position:relative;
	margin-top: 22px;
	z-index: 10;
}
#panes p.panes-content {
	font-size: 34px;
	line-height: 46px;
	letter-spacing: -2px;
	color: #000;
	margin: 0px;
	padding: 30px 30px;
	float: left;
	width: 460px;
	z-index: 20;
}

#panes div.panes-image {
    width: 477px;
	height: 298px !important;
	float: left;
	position: relative;
	top: auto;
	left: auto;
	display: block !important;
	overflow: hidden;
}

#panes p.panes-content span {
	color: #fff;
}
/* crossfading effect needs absolute positioning from the elements */
  #panes div {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	font-size:13px;
	color:#444;
	width:956px;
}

  #panes div.panelswrap {
    display: block;
	width: 50%;
	height: auto;
	float: left;
	position: relative;
	top: auto;
	left: auto;
  }
  
  #panes p.panes-content {
    width: 100%;
  }
  


#content-main .content.left-80 {
  width: 65%;
  float: left;
}

#content-main .sidebar.right-20 {
  width: 35%;
  float: left;
  background: #e4e4e4;
  padding: 10px;
  margin-top: 50px;
  border-top: 3px solid #D07A31;
}


#panes.innerpages {
  border: 0px;
}

#panes.innerpages img {
  width: 100%;
  height: auto;
  border: 1px solid #86450e;
}

#panes p.more {
	color:#000;
	font-weight:bold;
	font-size:13px;
}
#panes h3 {
	margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;
}
/* end navigation */


/* CSS Document */
.menu {
}
.menu UL {
	list-style: none;
}
.menu li {
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
}
.menu ul li ul li a.active {
	background-image: url(none);
}
.menu li ul {
	position: absolute;
	top: 35px;
	left: 0px;
	z-index: 1000;
	margin: 0 !important;
    visibility: hidden;
}

.menu li:hover ul {
	left: -10px;
}

.menu li ul li {
	margin: 0 !important;
}

.menu li ul li a {
	display: block;
	background: #F17F1F;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	width: 150px;
	color: #fff !important;
	font-size: 12px !important;
}
.menu li ul li a:hover {
	text-decoration: none;
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.contactus {
	margin-top: 10px;
	background: #E3D9D1;
    padding: 10px 30px;
	border-top: 3px solid #D07A31;
}
.contactus dl dt {
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
	padding-bottom: 10px;
	float: left;
	width: 30%;
}
.contactus dd {
	padding-bottom: 10px;
	margin-left: 30%;
	width: 70%;
}

.contactus input, .contactus textarea {
	width: 100%;
	border: 1px solid #ccc;
}

.wpcf7-submit {
	width: auto !important;
}
.maincta {
	color: #FFF;
	padding: 4px 16px;
	font-size: 14px;
	margin-left: 30px;
	border: 1px solid #fff;
	text-transform: uppercase;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.maincta:hover {
	background: #F4A360;
}
a.olympian_box {
	display: block;
	padding: 0px 0px 10px;
	width: 240px;
	background: #F4D23B url('../images/g-olympian-box-bg.png') top left repeat-x;
	margin-top: 20px;
}
a.olympian_box img {
	display: block;
	margin: 0 auto;
}
a.olympian_box span {
	display: block;
	color: #000;
	padding: 10px 20px;
	text-align: center;
	font-size: 12px;
}

/* Mobile navigation */

.nav-mobile {
	display: none; /* Hide from browsers that don't support media queries */
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: #3D3D3B url(../images/nav.svg) no-repeat center center;
	background-size: 18px;
	height: 46px;
	z-index: 99999;
	width: 46px;
}
.nav-rotate {
	background: #3D3D3B url(../images/nav-close.svg) no-repeat center center;
	background-size: 18px;
}
.nav-mobile:hover {
	background-color: #838381;
}
/* Mobile navigation, clickable area for revealing <ul> */

.nav-click {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	border-left: 1px solid #8B2870;
	height: 49px;
	width: 50px;
	cursor: pointer;
	z-index: 99999;
}
.nav-click i {
	display: block;
	height: 48px;
	width: 48px;
	background: url(../images/drop.svg) no-repeat center center;
	background-size: 20px;
}
.nav-click:hover {
	background-color: #6E1656;
}

@media only screen and (max-width: 1060px) {
  #footer-constrain .column-33 {
    width: 33%;
  }
  
  #footer-constrain .column-33 img {
    width: 100%;
	height: auto;
  }
  
  #footer-constrain .column-33 p.title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1050px) {
  
}

@media only screen and (max-width: 1040px) {
  #constrain {
    margin-top: 0px;
  }
  
  #constrain,
  #footer-constrain,
  #author-constrain {
    width: 98%;
	margin: 1% 1%;
  }
  
  .contactus dl dt {
    width: 50%;
  }
  
  .contactus dl dd {
    width: 50%;
	margin-left: 50%;
  }
  
  #panes img {
    width: 50%;
	height: auto;
  }
  
  #panes div {
    width: 100%;
  }
  
  #panes div.panes-image {
    width: 50%;
  }
  
  #panes p.panes-content {
    width: 100% !important;
  }
  
  #panes.innerpages {
    height: auto !important;
  }
}

@media only screen and (max-width: 1030px) {
  .header .menu {
    position: relative;
	right: auto;
	top: auto;
    margin: 10px auto !important;
	display: block;
  }
  
  .header img {
    margin: 5px auto 20px auto;
	text-align: center;
	display: block;
  }
  
  #content-main .sidebar .call_to_action_box {
    padding: 20px !important;
  }
  
  .logo-left {
    float: none;
	margin: 10px auto;
	display: block;
	width: 440px;
  }
  
  .logo-left:first-child {
	  width: 520px;
  }
  
}

@media only screen and (max-width: 950px) {
  #tab_nav img {
    display: none;
  }
  
  #tab_nav a span {
    float: none;
	padding: 0px;
	width: 100%;
	text-align: center;
  }
  
  #tab_nav a {
    padding: 15px 18px;
	height: auto;
  }
  
  #tab_nav {
    height: auto;
  }
}

@media only screen and (max-width: 890px) {
  #content-main .content {
    width: 65%;
  }
  
  #content-main .sidebar {
    width: 35%;
  }
}

@media only screen and (max-width: 800px) {
  #content-main .content.left-80,
  #content-main .sidebar.right-20 {
    width: 100%;
	float: left;
	margin-top: 0px;
  }
  
  .contactus dl dt {
    width: 40%;
  }
  
  .contactus dl dd {
    width: 60%;
	margin-left: 40%;
  }
}

@media only screen and (max-width: 790px) {
  #content-main .content {
    width: 100%;
	float: none;
	padding-right: 0px;
  }
  
  #content-main .sidebar {
    width: 100%;
	float: none;
  }
  
  #content-main .sidebar img {
    width: 50%;
	height: auto;
  }
  
  .project {
    margin: 0px 1%;
  }
  
  a.olympian_box {
    margin: 20px auto;
  }
  
  #panes p.panes-content {
    font-size: 24px;
	line-height: 36px;
  }
  
  #panes div.panes-image {
    height: 220px !important;
  }
  
  #panes {
    height: 222px;
  }
  
  .first-column {
    display: none;
  }
  
  #footer-constrain .column-33 {
    width: 50%;
  }

}



@media only screen and (max-width: 730px) {
  #panes p.panes-content {
    padding-bottom: 10px;
  }
  
  #panes p.panes-content {
    font-size: 20px;
	line-height: 30px;
	letter-spacing: -1px;
  }
}

@media only screen and (max-width: 680px) {
  #tab_nav li  {
    width: 50%;
	border-bottom: 1px solid #86450e;
  }
  
  #tab_nav li.second {
    border-right: 0px;
  }
  
  #tab_nav {
    border-bottom: 0px;
  }
  
  .project {
    width: 100%;
	margin: 0px 0px 30px 0px;
  }
}

@media only screen and (max-width: 608px) {
  #panes,
  #tab_nav {
	display: none;
  }
  
  .nav-mobile {
    display: block;
  }
  
  .nav-list {
    display: none;
  } 
  
  .header .menu {
    background: #EA7513;
    min-height: 46px;
	margin: 0px !important;
	width: 100%;
  }
  
  .header .menu li {
    float: none;
  }
  
  .header .menu li a {
    color: #fff;
	float: none;
	display: block;
	border-bottom: 1px solid #fff;
	margin: 0px;
	padding: 13px 4px;
  }
  
  .menu li ul,
  .menu li ul li,
  .menu li ul li a {
    position: relative;
	top: auto !important;
	left: auto !important;
	visibility: visible !important;
	width: 100%;
  }
  
  #content-main {
    padding-top: 20px;
  }
  
  #content-main h1 {
    font-size: 30px;
	line-height: 36px;
  }
  
  #content-main h2 {
    font-size: 22px;
	line-height: 26px;
  }
  
}

@media only screen and (max-width: 590px) {
  .logo-left {
    width: 100% !important;
	float: none !important;
  }
  
  .logo-left img {
    width: auto;
	display: block;
	margin: 5px auto;
  }
}

@media only screen and (max-width: 575px) {
  .contactus dl dt {
    width: 100%;
	float: none;
	text-align: left;
	font-weight: bold;
	padding: 4px;
  }
  
  .contactus dl dd {
    width: 100%;
	margin-left: 0%;
	padding: 4px;
  }
}

@media only screen and (max-width: 550px) {
  #footer-constrain .column-33 {
    width: 100%;
	float: none;
  }
}

@media only screen and (min-device-width : 320px) and (max-width : 568px), (min-device-width : 320px) and (max-width : 480px)  { 
  .header img {
    width: 90%;
	height: auto;
  }
  
  .alignright {
    width: 100%;
	height: auto;
	float: none;
	margin: 20px 0px;
  }
  
  #author-constrain {
    padding: 20px;
	text-align: center;
  }
  
  #content-main .sidebar img {
    width: 100%;
	height: auto;
  }
}