/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
	font-family: 'Conv_AvenirLTStd-Book';
	src: url('../fonts/AvenirLTStd-Book.eot');
	src: local('☺'), url('../fonts/AvenirLTStd-Book.woff') format('woff'), url('../fonts/AvenirLTStd-Book.ttf') format('truetype'), url('../fonts/AvenirLTStd-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_AvenirLTStd-BookOblique';
	src: url('../fonts/AvenirLTStd-BookOblique.eot');
	src: local('☺'), url('../fonts/AvenirLTStd-BookOblique.woff') format('woff'), url('../fonts/AvenirLTStd-BookOblique.ttf') format('truetype'), url('../fonts/AvenirLTStd-BookOblique.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Used in nav & heading 6 */
@font-face {
	font-family: 'Conv_AvenirLTStd-Medium';
	src: url('../fonts/AvenirLTStd-Medium.eot');
	src: local('☺'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('../fonts/AvenirLTStd-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Used in page descriptions under page title & heading 4 */
@font-face {
	font-family: 'Conv_AvenirLTStd-Heavy';
	src: url('../fonts/AvenirLTStd-Heavy.eot');
	src: local('☺'), url('../fonts/AvenirLTStd-Heavy.woff') format('woff'), url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'), url('../fonts/AvenirLTStd-Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Stag-Book';
	src: url('../fonts/Stag-Book.eot');
	src: local('☺'), url('../fonts/Stag-Book.woff') format('woff'), url('../fonts/Stag-Book.ttf') format('truetype'), url('../fonts/Stag-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Stag-BookItalic';
	src: url('../fonts/Stag-BookItalic.eot');
	src: local('☺'), url('../fonts/Stag-BookItalic.woff') format('woff'), url('../fonts/Stag-BookItalic.ttf') format('truetype'), url('../fonts/Stag-BookItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Skeleton grid & spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	width:100%;
	max-width: 1200px;
	padding:0;
}

@media (min-width: 550px) {
	.container {
		width:90%;
		}
	
	.two.columns                    { width: 22%; } /* Override skeleton */
	.ten.columns                    { width: 74.0%; } /* Override skeleton */
	}
	
@media (min-width: 1000px) {
	.two.columns                    { width: 13.3333333333%; }
	.ten.columns                    { width: 82.6666666667%; }

}	

/* Force images to fill width of column */
.grid-item img {
	float:left;
	max-width: 100%;
	width:100%;	
}

.full .one-half.column.sidebar img {
	width:100%;
}


.padbox {
	padding:0 24px 0px 30px ;
}


.padtop {
	padding-top:24px;
}



@media (min-width: 550px) {

.padbox {
	padding: 0 0 18px 0;
}


}
.right {
	padding-right:0;
}

  
/* Reset box sizing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
body {
  font-size: 1.4em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 21px;
  letter-spacing: .02em;
  font-weight: 300;
  font-family: 'Conv_AvenirLTStd-Book', Helvetica, Arial, sans-serif;
  color: #46392c;
  background: url(../images/background.png) no-repeat fixed -50px -50px #fef9ec; }

pre, blockquote, dl, figure, table, p, ul, ol, form {
    margin-bottom: 24px;
}

ul {
    margin-bottom: 6px;
    list-style-type: disc;
}

ul ul {
    list-style-type: circle;
	margin: 0 0 0 12px;
	font-size: 14px;
}

li {
	margin-bottom: 0;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5  {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 300;
	font-family: 'Conv_Stag-BookItalic', Georgia, serif;
	letter-spacing:.05em;
	clear:both; }

h1, h2 {
	color: #b77d3a; 
}

h1, h2, h3, h4 {
	background:url(../images/underline_2px.gif) no-repeat bottom left;
}

h2 { 
	font-size: 24px; 
	line-height: 30px; 
	padding-bottom: 6px; 
	margin-bottom: 6px;
	}

h3 {
	font-size: 16px; 
	line-height: 24px;  
	padding-bottom: 6px; 
	margin-bottom: 9px;
 }

.intro h3 {
	background:none;

}

.intro h3,
h4 {
	font-family: 'Conv_AvenirLTStd-Heavy', Helvetica, Arial, sans-serif;	
	font-weight: normal;
	letter-spacing:0.02em;
	font-size: 14px; 
	padding-bottom: 6px; 
	background:url(../images/underline_2px.gif) no-repeat bottom left;
	margin-bottom: 6px;
 }
 
h5 { font-size: 13px; line-height: 21px;  }

h6 {
	font-size: 13px; 
	line-height: 21px; 
	margin-bottom: 0;
	font-family: 'Conv_AvenirLTStd-Medium', Helvetica, Arial, sans-serif;	
	font-weight: normal;
	letter-spacing:0.02em;
} 

p {
	margin-bottom:12px;
}

p strong {
	font-family: 'Conv_AvenirLTStd-Heavy', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

@media (min-width: 1000px) {
	.text p {
		max-width:66%;
	}
}

.sidebar p,
.sidebar li {
	font-size: 13px;
}

.sidebar h4 {
	margin-top: 24px;}

h4.alpha {
	margin-top: 0;}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
	text-decoration: none;
	
}

.content a {
	text-decoration: none;
	color: #46392c; 
	border-bottom: 1px solid #b77d3a;
}

a h3,
a:hover {
    color: #b77d3a; 
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
	padding-bottom:12px;
}

header.row {
	border:8px solid #b77d3a;
	border-right:none;
	border-bottom:none;
	
}

@media (min-width: 550px) {
header.row {
	border:none;
}

header {
	padding-bottom:30px;
}

}
	
.show-image {
   	width: 210px;
    height: 24px;
	background: url(../images/logo.png) no-repeat;
	margin: 54px 24px 6px 0; 
	float:right;
}

@media (min-width: 550px) {
	.show-image {
		margin-right:0;
		}
}

.hide-text {
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

footer {
	color:#a29c95;
	margin-top:24px;
	margin-bottom:24px;
}

.credit {
		font-size:10px;

	}
.ccm-page footer a {
	color:#a29c95;
	border-bottom: 1px solid #a29c95;

}

/* Nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.two.columns {
	padding-right: 0;
}

@media (min-width: 750px) {
	.two.columns {
		padding-right: 0;
	}
}

ul#main.nav {
	border:8px solid #b77d3a;
	border-right:none;
	border-top:none;
	border-bottom: none;
	padding:0 0 24px 0;
	margin-bottom:0;
}

@media (min-width: 550px) {
		ul#main.nav {
		border:8px solid #b77d3a;
		border-right:none;
		padding:36px 0 84px 0;
	}
}

ul#main.nav li {
	list-style-type: none;	
	margin-bottom: 0;
} 

ul#main.nav li a {
	font-family: 'Conv_AvenirLTStd-Medium', Helvetica, Arial, sans-serif;
	font-weight: 500;
	color:#46392c;
	padding: 0 0 0 18px;
	border-bottom: none;
}

ul#main.nav li a:hover,
a.nav-path-selected {
	background: url(../images/navline.gif) no-repeat left center;
}

ul#main.nav ul {
		padding: 0 0 0 6px;

}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}



/* Page list 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.intro {
	padding:30px 24px 18px 30px ;

}

@media (min-width: 550px) {
	.intro {
		padding: 30px 0 0 0;
	}
}

@media (min-width: 1000px) {
.text p {
	max-width: 65%;
}
}

figure {
	margin:0;
}


/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid {
	margin:6px 24px 0 24px;
}

.grid-item {
	width: 50%;
	float: left;
	padding:6px;
}

@media (min-width:550px) {
	.grid {
		margin:0;
	}
	
	.grid-item {
		padding:0 12px 12px 0;
	}
}


@media (min-width: 1000px) {
	.grid-item {
	width: 33.33%;
	}
}

.grid-item p {
	color: #46392c;
	margin-bottom:0; 
	line-height: 18px;
	font-size:13px;
}

.grid-item figcaption {
	padding:12px 18px 12px 18px ;
	clear:both; 
	background-color:#fff; 
}


/* Quotes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.testimonial {
	position: relative;
}

.testimonial img {
	width:100%;
	float:left;
}

blockquote {
	margin: 0;
	padding:0;

}

.full blockquote p {
  font-family: 'Conv_AvenirLTStd-Book', Helvetica, Arial, sans-serif;
}

blockquote p {
  font-family: 'Conv_AvenirLTStd-BookOblique', Helvetica, Arial, sans-serif;
}

blockquote.ccm-image-slider-text h2 {
	font-size: 20px;
	line-height:27px;
	margin-bottom: 12px;
	padding-bottom: 9px;

}





blockquote small {
	font-style: normal;
	font-family: 'Conv_AvenirLTStd-Book', Helvetica, Arial, sans-serif;
}

blockquote em {
	font-style: normal;
	font-family: 'Conv_Stag-BookItalic', Georgia, serif;
	font-size: 16px;
	line-height:24px;
	color: #b77d3a;
	margin-bottom:6px;
	clear:both;
	letter-spacing: 0.05em;
}

.quote {
	background-color: #fff;
	padding:18px 18px 6px 30px ;
	width:100%;	
	clear:both;
}

.full .quote {
	background: url(none) #fff;
	}
	
/* Quote author name */
.quote h5 {
  font-family: 'Conv_AvenirLTStd-Heavy', Helvetica, Arial, sans-serif;
  letter-spacing: .02em;
}


@media (min-width: 1000px) {
	.testimonial img {
		width:75%;
		clear:both;
	}

	.quote {
		width:52%;
		float:right;
		display:block;
		margin:0;
		position: absolute;
		left:48%;
		top: 50%;
		transform: translateY(-50%);
		-ms-transform:translateY(-50%); /* IE */
		-moz-transform:translateY(-50%); /* Firefox */
		-webkit-transform:translateY(-50%); /* Safari and Chrome */
		-o-transform:translateY(-50%); /* Opera */    
	}
	
	.half.quote {
		width:48%;
		left:52%;
	}


	.quote p {
		padding-left:0;
	}
	
}

@media (min-width: 1200px) {
	.quote {
		width:40%;
		left:60%;
	}
	
	.half.quote {
		width: 40%;
		left:60%;
	}
	 

}



/* Sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sidebar {
	clear:both;
	width: 100%;
	padding-left:0px;
}

.sidebar ul,
.sidebar ul li {
	list-style-type: none;
}

.quals ul,
.quals ul li  {
	list-style:disc outside none;
	margin-left:6px;
}


.one-half.column {
	width:100%;
	margin-left:0;
}



@media (min-width: 1000px) {
	.photos {
	padding-top:24px;
}

	.one-half.column {
		width:48%;
		float:left;
		padding:0;
	}
	
	.one-half.column.sidebar {
		margin-left: 4%;
		clear: none;
	}
	
	.full .one-half.column {
		width:48%;
	}
	
	.full .one-half.column.sidebar {
		margin-left:4%;
	}
}

@media (min-width: 1200px) {
	.full .one-half.column {
		width:56%;
	}
	
	.full .one-half.column.sidebar {
		width:40%;
	}
}


	

/* Sidebar key projects
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.key-projects {
	margin-bottom: 12px;
}

figure.key-project {
	display:inline-block;
	clear:both;
	width:100%;
	padding: 6px 0 0 0;
}

figure.key-project img {
	margin: 0 12px 3px 0;
	float:left;
}

figure.key-project h5 {
	clear:none;
	}
figure.key-project p {
	margin: 0;
	
}



/* Home slider
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.ccm-image-slider-inner a {
    overflow: hidden;
    background: #ccc;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	float:left;
   	border:none; 
}

.rslides_here a,
.ccm-image-slider-inner a:hover {
	background: #b77d3a;
}


.hometext h2 {
	font-size: 30px;
	padding-bottom: 10px;
}

body.home .quote {
	background: transparent;
	padding-left:0;
}

.hometext {
	font-size: 19px;
	line-height: 30px;

}


.hometext p small {
	font-size: 12px;
	line-height: 14px;

}

.ccm-image-slider-text {
	line-height: 16px;
	padding-top: 24px;
}

@media (min-width: 750px) {
	body.home .testimonial img {
		width:75%;
	}
}

@media (min-width: 1000px) {
	body.home .testimonial img {
		width:92%;
	}
	
}

@media (min-width: 1200px) {
	.hometext {
		margin-top:42px;
	}
	
	body.home .left {
		width: 60%;
	}
	body.home .right {
		width: 36%
	}
	
}

 .small small {
	font-size: 12px;
	line-height: 1em;
	margin:0;
	padding:0;
}

.content.blank img {
	width: 100%;
	max-width:100%;
	height: auto;
	padding-left:18px;}
	
.content.blank li {
	margin-top: 12px;}
	
body.home li {
list-style-type:none;

	}