/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	/* [disabled]font-size:100%; */
	font-family:inherit;
	vertical-align:baseline;
}
* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}
   html {
            overflow-y: scroll;
    }

/*body {
	line-height:1;
	color:#fff;
	background:white;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/


body {
	font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#2d3536;
	background:#ada195;
}

a, a:visited {
	color:#d8cfc6;
	text-decoration:none;

}
a:hover, a:active {
	color:#fff;
	text-decoration:none;
}
#wrapper{ 
width:100%;
		max-width:940px;
	margin:0 auto;
    padding-top:0;
}


	
	
#banner{/*height:40px;*/width:100%;text-align:center;}


.home #banner{margin-top:0;}


#banner img{ width:97%;  height:auto; max-width:345px;}

#menu{list-style-type:none; text-align:right;font-family: Oswald, Times New Roman, serif;
    font-weight: 300;

	margin-right:4px;
	
}
/*#menu span{display:none;}*/


#menu{float:none; clear:both; margin:0 auto;    font-size: 1.2rem;}
#menu li{margin: .5rem 1.5rem 1rem 0;float:left;}

#banner a{margin:0 auto; float:none;}
#portfoliowrap{max-width:208px; margin:0 auto;}
.mosaic-block{margin-left:0;}

.porfolio #wrapper{margin-top:-1px;}
.portfolio{margin: 0; border:0; padding:0;}

.portfolio #content{
	padding:0 8px 0 8px;
	background-color:#d6ccc1;
	min-height: 508px;
	margin-top:10px;}
	
.text #content{
	min-height: 480px;
	margin-top:10px;
	background: #eae4de;
}

.press #right a {color:#333; text-decoration:underline; font-family:Tahoma, Geneva, sans-serif; }

.text #content {color: #717073;}
.text #content p{font:12px Tahoma, Geneva, sans-serif;}
.text #content strong{font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}

#right{
	margin: 1rem; 
	min-height:430px;
	}
	
#left{font-weight: bold;}
	
#left a{color:#424242;}
#left a:hover{text-decoration:underline;}

#left h2{font-family:Oswald, sans-serif;font-weight:300;color: #7c6a55; margin-top: 22px;margin-left: .75rem;}
#left p,
#left h4
	{margin-left: .75rem; text-align:left;}
.company #left p a{color:#b3b3b3; font: Tahoma, Geneva, sans-serif;}

.company #left p a:hover{text-decoration:underline;}

.contact #left h2{
	/*background:url(images/design/contact_06.gif) no-repeat;
	height:22px;
	width:75px;
	margin:30px 33% 0;
	*/
	}
.contact #left p{ margin:8px 0 0 25px; color:#717073;}


.blue {color:#008fcc; font-weight:bold; text-transform:none;}
.sustainability #left h2{
	/*background:url(images/design/sustainability-header_06.gif)  no-repeat;
	height:22px;
	width:115px;
	margin:22px 0 18px 55px;
	*/
	}
.contact .text p{font-size:1.5em;}
.testimonial #left h2{
	/*background:url(images/design/testimonials_06.gif)  no-repeat;
	height:22px;
	width:115px;
	margin:22px 0 18px 55px;*/
	}
	
.ftp #left h2{
	/*background:url(images/design/ftp-heading.gif)  no-repeat;
	height:22px;
	width:139px
	margin:22px 0 18px 55px;;*/
	}

	
	
.ftp #right a{color:#333;}
	
.ftp #right a:hover{text-decoration:underline;}
h3{
	font:normal 12px Tahoma, Geneva, sans-serif; 
	text-transform:uppercase; 
	}
	
#content{clear:both;}	
.press #content{}

.press #left h4 a{font-family:Tahoma, Geneva, sans-serif;}
	
.press #left h2{

text-align:left;
	}
	
.narrow p{line-height:135%!important;}
	
.press #left p{ padding-top:0 line-height:100%;}
.press #left h4 a{color:#999;}
.press #left h4 {color:999!important;padding-top:21px; line-height:100%;font-size:.9em;}
.press #left p a{color:#999; font-family:Tahoma, Geneva, sans-serif;}
.press #testimonials-nav{margin-top:0; margin-right:100px;}

	
.press #right .right{float:none; margin:6px 0 6px 6px; border:1px solid #333; padding:0; }
.press #right p{line-height:160%!important; margin-bottom:6px!important;}
.head{margin-bottom:12px}
.press #right .big {font-size:1.15em!important; line-height:100%!important;!important; padding-bottom:8px!important;}

.press #nextonly-nav{margin-top:-2rem; }

#left h3{color:#7c6a55}

#right img {float:none;width: 100%;  max-width:240px; height: auto;}
.contact #right img {max-width:371px;}
.contact #right{background:#eae4de; min-height:480px;  padding:0; width:auto;}

.contact #right a,
.contact #right a:visited,
.contact #right a:hover
{color:#717073;}
.contact #right p, .contact #right h3, .contact #right span{font-size:14px; font-family: Tahoma, Geneva, sans-serif; letter-spacing:.05em;}
.text p.address{margin:0;}
.contact #right img{float:none!important; }

.narrow h3{margin-left:30px;}

.contact h3.blue{margin-top:20px;}
img.head{max-width:558px;}



.quote{text-align:right; font-weight:bold!important;}
/*.text #content #right .quote img{float:right; font-weight:bold; padding:0;}*/

.text #content #right div{
	min-height:159px;
}
.text  p{
	font-size:11.3px;
	padding-top:6px;
	line-height:135%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	
#testimonials-nav{width:200px; height:20px;  margin-right:170px;}

#principal p {padding:0 15px 6px 0!important; margin:0!important; line-height: 1.35!important;}
#principal h3{padding-bottom:6px!important;}
#right h3{padding:12px 0 0 0;}

h3 a{color:#b3b3b3;font: normal 12px Tahoma, Geneva, sans-serif}

#left p{
	color:#b3b3b3;
}
	


#connect{float:right;width:16px; height:20px; }

#portfoliowrap img{width:100%; height:auto;}
.mosaic-block {float: none;     margin: 1em auto; }
.home #connect{top:10px;
}*/

/*============================*
/*=== Custom Slider Styles ===*/
/*============================*/


.home #slider-wrapper {
	width:100%;
    max-width:940px;
	background:#d6ccc1;
	margin-top:10px;
}
#slider-wrapper {clear:both;}
.home #slider {
    height:auto;
}
.home #slider img{}
.project #slider-wrapper {

    margin:10px auto;
	background:#d6ccc1;
	text-align:center;
	padding:0;
    width: 100%;
    max-width: 940px;
	
}
nivo-thumbs-enabled{text-align:left;}

.project-wide #slider-wrapper {

    /*margin:10px auto;
	padding:10px 0;
	text-align:center;
	padding-left:70px;*/
}

padding:10px 0;

.project #slider {
	/*position:absolute;
	top:16px;*/
	background: #d6ccc1 url(images/loading.gif) no-repeat 50% 50%;
	text-align:center;
	/*height:360px;*/

	
}

#slider img {
	position:absolute;
	top:0;
	display:none;
	padding:0;

}
#slider a {
	border:0;
	display:block;
}
/*
.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}*/

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}



	.nivo-thumbs-enabled a.active, .nivo-thumbs-enabled a.hover{opacity:.4;}
#project-nav{margin:-6px auto; max-width:940px; }

#project-nav ul {list-style-type:none;}
#project-nav ul li  {
	float:right;

	}
	


	
#project-nav ul li a {color:#666; font-size:.75rem;}
.project-wide #project-nav{}
.project-wide #project-nav ul {list-style-type:none;}
./*med #project-nav ul {margin-left:730px;}
.add #project-nav ul {margin-left:730px;}
.mixed #project-nav ul {margin-left:780px;}
.proposed #project-nav ul {margin-left:738px;}*/


	
#project-nav ul li a {
	display:block;
	font-family:Oswald, sans-serif;
	color:#777!important;
	height:16px;
	font-weight:100;
	padding-right:1rem;
	font-size: .75rem;
	}
#project-nav ul li a:after {content:" >";}
#previous, #previous-med a{	color:#777!important;}

	/*
#previous a{background:url("images/design/portfolio-nav-new.gif") no-repeat 0 -220px;width:205px;}
#previous a:hover{background:url("images/design/portfolio-nav-new.gif") no-repeat 0 -200px;width:205px;}

#previous-mixed a{background:url("images/design/portfolio-nav-new.gif") no-repeat 0 -60px;width:205px;}
#previous-mixed a:hover{background:url("images/design/portfolio-nav-new.gif") no-repeat 0 -40px;width:205px;}



#previous-constr a{background:url("images/design/portfolio-nav-new.gif") no-repeat 0 -20px;width:205px;}
#previous-constr a:hover{background:url("images/design/portfolio-nav-new.gif") no-repeat 0 -1px;width:205px;}
#previous-add a{background:url("images/design/portfolio-nav-new.gif") no-repeat 0 -140px;width:205px;}
#previous-add a:hover{background:url("images/design/portfolio-nav-new.gif") no-repeat 0 -120px;}


#sub-portfolio-nav a{background:url("images/design/portfolio-nav-new.gif") no-repeat 0 -180px;width:205px; margin:10px 0 0 0;}
#sub-portfolio-nav a:hover{background:url("images/design/portfolio-nav-new.gif") no-repeat 0 -160px;width:205px; }
*/


#info span{display:none;}

#info a{
	width:23px; 
	height:31px;  
	display:block; 
	background:url(images/design/info-icon.gif) no-repeat
	}
	

/*#next a{background:url("images/design/previous-next.gif") no-repeat 0 -25px;width:90px;}


#next a:hover{background:url("images/design/previous-next.gif") no-repeat 0 -3px;width:90px;}*/
#controls {margin-left:50%;}
#controls span{display:none;}
#controls div{float:left; margin-top:2px;}
.play {display:block; background:url(images/design/pause-start-buttons.png) 0 0;  width:16px; height:16px; cursor:pointer;}
.pause { display:block; background:url(images/design/pause-start-buttons.png) -20px 0; width:16px; height:16px; margin-right:4px; cursor:pointer;}
#play a {}
#stop a{}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

#new{background-color:#BAB3AA; width:100%; text-align:center;}

#new .content{/*margin-left: 210px;*/width:100%; }

#top{width:100%; background:#67635F;padding:4px 0 4px 0;}



#top h2 {/*margin-left: 425px*/  font-family:Oswald, sans-serif; color:#eae6df; height:21px;text-align:center; font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: 2px;}


#new .content p{margin:0; padding:0; line-height:125%; font-family:Tahoma, Geneva, sans-serif!important; font-size:11px;}

#new .content p a{color:#67635f;font-family:Tahoma, Geneva, sans-serif!important;}
#new .content p a:hover{text-decoration:underline;}
#new .content div{width:100%; padding:6px 0;}


#new h3{margin-bottom:4px; margin-top:4px; font-family:Oswald, sans-serif;     color: #eae6df;
    text-transform: capitalize;
    font-size: .85rem;
    letter-spacing: .035rem;} 
.rmm{float:none;}
#menu{float:none; padding-top:1rem;}


.nivo-thumbs-enabled img{margin-right:.175rem; 
    width: 2rem;
    height: auto;
    max-width: 70px; }

.infocontent{
	margin-top:3rem;  
 	line-height: 1.5!important;
    clear: both;
	background:#ada195; 
	font: .9rem Tahoma, Geneva, sans-serif;
	color:#fff;
	padding:0 1rem; 
}

@media screen and (min-device-width: 480px){
#portfoliowrap{max-width:690px; margin:0 auto;}
.mosaic-block{margin-left:10px; float:left;}
#right img {float:left; margin-right: 1em;
    margin-top: 1.6em;}

}
@media screen and (min-device-width: 769px) {#menu{width: 30.5rem;  }
#banner{padding:0;}
.rmm {float:right;}
#menu{
    font-size: 1.1rem;
	width:auto;
	float:right;
	padding-top:20px;
	}
	.rmm.graphite .rmm-main-list li a {padding: 0 0 1rem 1.5rem;}
	#banner img {       margin-top: .5rem;}

#banner a{display:block;width:100%; max-width:345px;float:left;}
#new .content div{width:33%; float:left;}
#new .content{margin-left: 20%;}
#new{height:130px;}
#new .content{max-width:620px;}
#new div{text-align:left;}
#banner img{ width:100%; margin-top:.75rem; margin-left:1em;}
#left{
	width:25%;
	max-width:235px;
	float:left;
}
#left{
	background:#f6f5f3 url(images/design/stonehenge-bg.jpg) no-repeat bottom left;
	height:480px;
}
#left h2 {text-align: center; margin-left:0;}
 .contact #right{padding-left:12.5%}
 
#right{margin: 0 0 0 25%;}

.text  p{margin-right: 95px;}

.contact .col1{width:40%;float:left;}
.contact .col2{width:40%;float:left;}
.contact #right img{float:none!important; margin-top:50px;}

.narrow{padding-top:15px!important;}

.wide p{margin:5px 120px 0 30px!important; padding:0!important;}
.wide{padding-top:15px!important;}

.wider p{margin:5px 90px 0 30px!important; padding:0!important;}
.wider{padding-top:15px!important;}
	
	/*press page*/
	.head{margin-left:26px;}
	
#right img {float:left; padding-right:30px; max-width:220px;}
#right img.head{max-width:580px;}
.press #left h2{
	margin:22px 0 0 35px;
	}
.press #right .right{float:right;}

.press #left h4,
.press #left p {margin-left:35px; }
#left p, #left h3 {margin:0 0 6px 60px;}
#testimonials-nav{ float:right;}
.press #right .right{ max-width:220px;}
 #principal img {
    padding-right: 20px!important;
    max-width: 134px!important;
	padding-bottom:350px;
}

#principal{height:480px!important;}
.narrow p{margin:10px 260px 0 30px!important; padding:0!important;}
.portfolio #content{
	padding-right:16px;padding-left:3%;}
#portfoliowrap{max-width:940px}

.nivo-thumbs-enabled img{
	margin-right:.175rem; 
    width: 70px;
    height: auto;
    margin-left:6px; }

	.nivo-thumbs-enabled{margin-top:30px; text-align:left;}
.double .nivo-thumbs-enabled{/*margin-top:60px;*/ text-align:left;}
#info{float:left;z-index:100;}

.mosaic-block {float: left; }
#row{margin-top:100px;}
#row2{margin-top:60px;}

#info a{  
	position: relative; 
    top: 128px;
	background:url(images/design/info-icon.gif) no-repeat
	}
	
	
.bd #info a{left:265px;}
.sustainable #info a{left: 810px;top: 65px;}
.med #info a{    top: 140px;
    left: 420px;}
.gothic	#info a{top: 60px;left: 660px;}
.nz #info a{top: 65px;left: 260px;}
.infocontent{
    margin-top: 10rem;
    margin-right: 8rem;
	margin-left:1rem;
	line-height:1.75!important;
	font-size:1rem;
	max-width:800px;}
	
.bd .infocontent, .med .infocontent{
    margin-top: 14rem;
}
.project #slider-wrapper {max-height:392px;}

#controls {
    position: relative;
    top: 2.25em;}
	
.bd #controls, .double #controls{ top: 0;}
#project-nav ul li  {padding-top:.7em;}
.double #project-nav ul li  {margin-top:-1em;}
.double #project-nav ul li a {margin-top:0;}

#project-nav ul {margin-top:.5em;}
.double #project-nav ul {margin-top:-.5em;}


}
@media screen and (max-device-width: 850px) {
#menu li { margin:14px 20px 0 0;}
.rmm {float:none;clear:both;}

.sustainable #info a {top:55px; right:114px;}
.gothic #info a {top:52px; right:190px;}
.netzero #info a{top:55px; right:650px;}
}