/* layout elements
*/

	/* main parts */

	body {
		/* hmm, not sure why this was here... instead of margin: 0 auto?
		  text-align:center;
		*/
		background:#fafaf6;
	}

	body.home {
		background:#ead995 url('../img/bg-home.jpg') repeat-x;	
	}
	
	.masterContainer {
		position:relative;
	}

	.container {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 1280px;
		padding: 0 54px;
		width: 100%;
		margin:0 auto;
	}
	
	
	.mainContent {
		margin-top: 2.65rem;
		border: 1px solid #c0c0c0;
	}

	
	/* column grid */

	.col {
		text-align:center; display:block; padding:1em;	
	}
	.one-full { 
		width:100%;
	}
	
	.one-half { 
		width:100%;
	}
	
	.one-third { 
		width:100%;
	}

	.two-thirds { 
		width:100%;
	}

	.one-fourth { 
		width:100%;
	}

	.three-fourths { 
		width:100%;
	}

	
	/* misc */

	.break { 
		float:none; 
		clear:both; 
		font-size:0; 
		line-height:0; 
	}
	
/* BB changed */
	.breakAfter:after {
		clear: both;
		content: " ";
		height: 0;
		display: block;
	}

	.list-unstyled {
		padding-left: 0;
		list-style: none;
	}


	
	/* footer */

	footer {
		background:url("../img/bg-footer.png") repeat-x; background-position:bottom;
	}
	footer .col {
		text-align:center;
	}
	footer .opusCrivelli img {
		max-height:	70px;
	}
	

	/* homepage */

	.feature {
		display:block;
		position:relative;
	}
	.featureText { 
		margin:-7em 2.5em 4em 2.5em;
	}

	.frame {
		background:
			url("../img/frame-top-right.png") 100% 0% no-repeat,
			url("../img/frame-bot-left.png") 0% 100% no-repeat,
			url("../img/frame-bot-right.gif") 100% 100% no-repeat,
			url("../img/frame-top-left.gif") 0% 0% no-repeat,
			#2f2212
		;
		margin:.75em;
		height: auto;
		padding: 3rem;
		box-shadow: 0px 1px 3px rgba(0,0,0,.6);
	}

	.framedLinks { 
		padding:1em 2em;
	}
	
	.highlighted {
		border:1px solid #d0ccbf;
		border-width:1px 0;
		padding:0;	
		margin:.5em 0;
	}

@media only screen and (min-width: 600px) {


	.feature {
		display:inline-block; 
		width:30%;
	}
	.featureText { 
		position:absolute; 
		left:0; 
		bottom:0; 
		margin:2em 1em;
	}

}

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

	.featureText p { 
		display:none; 
	}

}

@media only screen and (min-width: 768px) {


	/* main parts */

/* BB changed */
	.container {
/* see non-media queried .container above */
	}


	/* column grid */

	.col { text-align:left; float:left; display:inline-block; }
	.one-half { 
		width:50%;
	}
	.one-third { 
		width:33%;
	}
	.two-thirds { 
		width:67%;
	}
	.one-fourth { 
		width:25%;
	}
	.three-fourths { 
		width:75%;
	}

	/* footer */

	footer .two-thirds, footer .one-third {
		text-align:left;
	}

	.logo-footer { 
		float:left;
		margin:0 40px 40px 0;
	}

	footer .opusCrivelli {
		text-align:right;
	}


	/* home */

	.feature {
		width:33%;
	}
	
	.featureText { 
		margin:2em 1.75em;
	}
	.framedLinks { 
		border-left:1px solid #c5b483;
	}

}



@media only screen and (min-width: 1280px) {

	/* main parts */


	/* footer */

	.copyright {
		padding-top:10px;
	}

	/* home */

	.featureText { 
		margin:4em 2.5em;
	}


}