﻿/* CSS stylesheet :: Author Ian Summs */
.siteHeader,
.siteWrapper {
  clear: both;
  float: left;
  max-width: 1794px;
}

.homeHeader { margin-left: 298px; max-width: 968px; width: 100%; }

.projectDetailHdr {
  max-width: 800px;
}

body .projectDetailWrapper {
  max-width: 1119px;;
}

/* NavbarItems */
.tabSection {
  padding: 1.363em 1.625em 1.363em 0;
  width: auto;
  background: transparent url(../../images/bg-mediumDark.jpg) repeat scroll left top; 
}

.tabContent h2 { color: white; font: normal 24px/26px 'Cantarell', Arial, Helvetica, sans-serif; }
.tabContent h3 { color: white; font: normal 22px/24px 'Cantarell', Arial, Helvetica, sans-serif; }

/* Navbar */
header {
	float: left;
  display: block;
  margin: 0 0 0 297px;
  width: 66.5%;
}

.navBar {
  float: right;
  margin-right: 0;
  min-width: 354px;
  width: 22%;
}

header nav ul {
  display: block;
  float: right;
  width: auto;
}

header nav ul li:last-child {
  display: block;
  float: left;
  width: 35.6%;
  border-left: 0 none;
  border: 0 none;

}

header nav ul li a {
  padding: 0.219em 1.97em 0.317em;
}

/* Content */
.siteWrapper {
  margin: 0 3.19em;
  min-width: 250px;
  width: auto;
  max-width: 1449px;
}

.projectDetailWrapper .cIdBlock {
	display: block;
}

.cIdBlock  {
  float: left;
  margin-right: 15px;
  width: 232px;
}

.cIdBlock img {
  margin: 0 auto 2.011em;
  width: auto;
}

.cIdBlock span {
  float: left;
  margin: 0 0 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 8px;
  width: 213px;
  text-align: center;
  font-size: 17px;
}

a.projectTag {
  border: medium none;
  display: block;
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  outline: medium none;
  position: relative;
  text-decoration: none;
  vertical-align: top;
  width: auto;
  z-index: 100;
}

/* PROJECT DETAIL */
/* slideshow */
.slideShowBlock {
  float: left;
  height: 555px;
  width: 75%;
  margin-bottom: 0;
}
.slideShow {
  height: 596px;
  position: relative;
 	max-width: 800px;
}
.rg-view, .rg-thumbs, .rg-caption-wrapper { display: block; }
.rg-caption-wrapper { display: none; }
/* slideshow thumbs */
.rg-view, .es-nav { display: none; }
.rg-thumbs { position: absolute; bottom: 65px; left: 0; background: transparent none; }
.es-carousel-wrapper { background: none repeat scroll 0 0 transparent; box-shadow: none; margin: 0; padding: 0; }
.es-carousel { background: transparent none; }
.es-carousel ul { clear: both; display: block; float: left; margin: 0; padding: 0; width: 514px; }
.es-carousel ul li { margin-right: 1px !important; padding: 9px 10px 8px 7px; background: transparent url(../../images/bgTexture-dark.png) repeat top left; }
.es-carousel ul li.selected a { opacity: 1; border-color: #c4d81c; }

div.rg-image-nav a:hover { background-position: 8px -29px; }
div.rg-image-nav a.rg-image-nav-next:hover { background-position: -47px -29px; }
.es-carousel ul li a {
    opacity: 1.0;
}

.es-carousel ul li a:hover {
	opacity: 0.35;
}

/*/**//*/*/

.piWrap { float: left; margin: 0 0 30px 247px; width: 72%; height: auto; }
.projectItems h1 { margin: 0 0 0.465em; font-weight: normal; font: 28px/28px 'Cantarell',Arial,Helvetica,sans-serif; }
.projectItems h2 { margin: 0 0 20px; font-weight: normal; font: 14px/14px 'Cantarell',Arial,Helvetica,sans-serif; }

.subWrap { height: 42px; width: auto; }
.grpBtnWrap { display: block; width: 242px; }
.grpBtnWrap:hover,
.grpBtnWrap:active { background: transparent url(../../images/bg-navHover.jpg) top right; }
