/*//*****************************/
/* common styles | Andrea Pokroy Architecture */
/* Author: Ian Summs tinto http://www.tintodesign.net */

/* TYPOGRAPHY */
p { color: white; font-size: 14px; line-height: 22px; }
ul li, 
li { 
	color: white; 
  font: normal 14px/22px 'Cantarell', Arial, Helvetica, sans-serif;font-size: 14px; 
  line-height: 22px;
  list-style: square outside none;
}

h1,h2,h3,h4,h5,h6 { font: normal 24px/26px 'Cantarell', Arial, Helvetica, sans-serif; color: white; }

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

h3.greenSqr {
  margin: 33px 0 18px 2px;
  padding: 0 0 0 12px;
  font: normal 18px/18px 'Cantarell', Arial, Helvetica, sans-serif;
  color: white;
  background: transparent url(../../images/greenListSquare.gif) no-repeat center left;
}

/* CLASS */
.pushUp { margin-top: -245px; }
.noMargT { margin-top: 0 !important; }
.noMargRight { margin-right: 0; }

/* STRUCTURE */
html {
	margin: 0;
	padding: 0;
	background: #23211b;
  width: 100%;
	font-family: 'Cantarell', Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	background: #23211b;
  width: 100%;
	font-family: 'Cantarell', Arial, Helvetica, sans-serif;
}

/*
.siteHeader,
.siteWrapper {
  max-width: 270px;
}
*/

.siteWrapper {
  clear: both;
  min-width: 250px;
	margin: 0 2.188em;
  width: 100%;
}

header {
  clear: both;
	position:relative;
}

header nav,
.siteContent .projectItems {
	z-index: 100;
  opacity: 1 !important;
  position: relative;
  display: block;
  clear: both;
  width: 100%;
	height: auto;
  margin: 0;
  padding: 0 2.313em 1.313em;
}

/* Primary Nav */
header nav {
  z-index: 100;
  opacity: 1 !important;
  position: relative;
  display: block;
  clear: both;
  width: auto;
	height: auto;
  margin: 0;
  padding: 0;
}

.navBarTrigger {
  clear: left;
  vertical-align: top;
  display: inline-block;
	width: 52px;
  height: 51px;
  background: url("../../images/sliderArrowsBlackVertical.png") no-repeat scroll 19px 16px #D3E81E;
  border-right: 1px solid #23211B;
}

.navBar a:first-child.active { background-position: 15px -27px; }

header nav ul {
	display: inline-block;
  float: none;	
  margin: 0 0 2.938em -4px;
  margin-left: -4px;
  padding: 0px;
  list-style: none;
}

header nav ul li  {
	display: block;
  float: left;
  border-right: 1px solid #23211b;
  width: 31.8%;
}

header nav ul li a {
  vertical-align: top;
	display: block;
  padding: 0.219em 0.685em 0.317em;
  text-align: center;
  width: auto;
  height: auto;
  background: transparent url(../../images/bgTexture-dark.png) repeat top left;
	color: white;
  font: normal 14px/45px 'Cantarell', Arial, Helvetica, sans-serif;
  text-decoration: none;
}

header nav ul li a:hover,
header nav ul li a:active,
header nav ul li a:focus {
  background: transparent  url(../../images/bg-navHover.jpg) repeat top left; 
}

/* section tabs navMenu */
.navBarItems {
	display: none;
}
article.navBarItems {
	display: none;
  vertical-align: top;
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  padding: 2.25em 0 50px;
  background: transparent url(../../images/bgTexture-dark.png) repeat top left;
}
.tabContent {
  display: block;
  vertical-align: top;
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 29px;
  background: transparent none;
}

.tabContent h2 {
	color: white;
  margin: 0 0 1em;
  padding: 0;
  color: #fff;
  color: white;
  font: normal 24px/26px 'Cantarell', Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.tabSection {
  clear: both;
  vertical-align: top;
  padding: 1.363em 1.625em 1.363em 0;
  width: 86.6%;
	background: transparent url(../../images/customBlock.png) repeat top left;  
}

.tabSection ul {
	margin: 0;
}

.tabSectionContact {
  width: auto;
	padding: 30px 30px 26px !important;
}

.tabSectionContact .cardDetail { width: auto; margin-bottom: 17px; font: normal 20px/21px 'Cantarell', Arial, Helvetica, sans-serif; color: white; }
.tabSectionContact .cardDetail:last-child { width: auto; margin-bottom: 0; }
.tabSectionContact .cardDetail span,
.tabSectionContact .cardDetail a {
	font: normal 16px/16px 'Cantarell', Arial, Helvetica, sans-serif;
  color: white;
  text-decoration: none;
  border: none;
  outline: none;
}

.tabSectionContact .cardDetail a:active,
.tabSectionContact .cardDetail a:focus,
.tabSectionContact .cardDetail a:hover
 {
	font: normal 16px/16px 'Cantarell', Arial, Helvetica, sans-serif;
  color: white;
  text-decoration: none;
  border: none;
  outline: none;
}

.tabSectionContact .cardDetail span:first-of-type { display: block; width: auto; margin-right: 20px; }

.tabContent p {
  display: block;
  margin-bottom: 2em;
  width: auto;
  color: #fff;
  color: white;
  font: normal 14px/22px 'Cantarell', Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.tabContent p:last {
  margin-bottom: 0;
}

.cIdBlock img, .cIdBlock span {
	clear: both;
  display: block;
  width: auto;
}

.cIdBlock img {
  width: auto;
	margin: 0 4em  3.188em 2.188em;
}

.cIdBlock span {
  display: block;
  clear: both;
  margin: 0 auto 16px;
  padding: 1.250em 9px 1.250em;
  background: transparent url(../../images/nav-items/bg-navTexture.png) repeat top left;
	color: white;
  font: normal 18px/26px 'Cantarell', Arial, Helvetica, sans-serif; 
}

header img {
	max-width:100%;
	position:relative;
	
	float:left;
}

/* CONTENT */
.siteContent .projectItems { clear: both; position: relative; display: block; width: auto; margin: 0; padding: 0; }

.siteContent .projectItems a,
.siteContent .projectItems a.projectTag,
 .siteContent.projectItems a.projectTag img { border: 0 none !important; outline: 0 none !important; text-decoration: none; }

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

a.projectTag:first-child {
  clear: left;
}

a.projectTag:last-of-type {
  clear: right;
}

a.projectTag:focus,
a.projectTag:hover,
a.projectTag:active {
  border: none;
  outline: none;
  text-decoration: none;
}

a.projectTag:hover {
  background-color: black;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
	opacity: 0.35
}

a.projectTag img {
  z-index: 105;
  vertical-align: top;
  display: block; 
	width: auto; 
}

/* project detail page */
.slideShowBlock {
	postion: relative; vertical-align: top; width: auto;
}
.sideShow {
  width: auto;
  height: auto;
}

.prevBtn { position: absolute; top: 50%; left: 0; width: 48px; height: 42px; background: url(../../images/sliderAroowsSprite.png) no-repeat top left; }
.nextBtn { position: absolute; top: 50%; right: 0; width: 48px; height: 42px; background: url(../../images/sliderAroowsSprite.png) no-repeat top right; }   

.propertyInfoWrap {
	display: block;
  vertical-align: top;
  clear: both;
  margin: 0 0 17px;
  padding: 30px 35px;
  width: auto;
  height: auto;
  background: transparent url(../../images/bgTexture-dark.png) repeat top left;
}

/* project Detail page */
.projectDetailWrapper .cIdBlock {
    display: none;
}

/* project slideshow */
.rg-view, .rg-thumbs, .rg-caption-wrapper { display: none; }

.elastiSlideWrap {
  background: transparent none;
  border-radius: 0 !important;
  min-height: 20px;
  padding: 0 !important;
  position: relative;
}

div.rg-image-nav a {
  cursor: pointer;
  z-index: 10 !important;
  position: absolute !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  top: 41%;
  left: 0;  
  clear: both;
  display: block;
  padding: 0.875em !important;
  width: 0.875em !important;
  height: 0.725em !important;
  outline: medium none;
  text-indent: -9000px;
  opacity: 1;
 	background: #322f26 url(../../images/sliderArrowsLRWhite.png) no-repeat -19% -47%;  
}


div.rg-image-nav a:hover {
	background-position: 10px -28px;
  background-color: #d3e81e;
}

div.rg-image-nav a.rg-image-nav-next:hover {
  background-position: -47px -28px;
}

.piWrap .subWrap {
  margin-bottom: 20px;
}

.btnBToProjects {
  vertical-align: top;
	display: inline-block;
  float: left;
	margin-left: 0;
  background: #d3e81e url(../../images/btnArrowBack.png) no-repeat top left;
  width: 49px;
  height: 42px;
}

.btnTail { 
	display: inline-block; 
  padding: 14px 25px 11px 25px; 
  width: 130px; 
  height: 17px; 
  color: white; 
  font: normal 16px/16px 'Cantarell', Arial, Helvetica, sans-serif; 
  background: transparent url(../../images/bgTexture-dark.png) no-repeat top left;
}

/**** misc code ********/
/* ElastiSlide Styles */
.rg-image-wrapper{
	position:relative;
	padding:20px 30px;
	background:transparent url(../images/black.png) repeat top left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;
}

.rg-image-nav a.rg-image-nav-next {
	right: 0px;
	left: auto;
	background-position: 123% -47%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}
/* Clearfixes */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* reset */
a img {border: none; }