/*------------------------------------------------------------------
[Master Stylesheet]

Project:

* Organising and orchastrating the css files
-------------------------------------------------------------------*/
/* foundations */
@import url('common/reset.css');
@import url('common/base.css');


/* =body
------------------------------------------------------------------*/
body { 
	font-family: Cambria, Georgia, serif;
	}
	
.top {
	background:#fff url(/images/mosaic.png) repeat-x top left;
	height: 12px;
}


/* =wrapper
------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	width: 60%;
	border-top: 1px solid #ccc;
	background: #fff;
	}


h1 {
	font-size:6em;
	font-weight:normal;
	color:#009933;
	margin-top: 1em;
	padding-left: 80px;
	margin-left: 0.3em;
	background:#fff url(/images/factory/64_black.png) no-repeat center left;
	}

.focus {
	border-bottom:1px solid #ccc;
	margin: 2em 0;
	}

	.focus p {
		font-size:3em;
		font-weight:normal;
		font-style: italic;
		color: #464646;
		margin: 0.3em 0.5em;
		line-height:1.2;
	}

/* =p-content - primary content
------------------------------------------------------------------*/

.p-content {
	padding: 2em 0 4em 0;
	color:#464646;
	}

	.p-content p {
		font-size: 1.5em;
		margin:0 0 1.5em;
		line-height:1.5;
		}
	
	.p-content h3 {
		font-size: 1.6em;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		font-weight: normal;
		margin:0 0 0.5em;
		}


/* =cols - defining the column layouts within p-content
------------------------------------------------------------------*/
	
/*-- 3 col --*/
.cols-3 .col {
	width:28%;
	float:left;
	display:inline;
	margin-left: 8%;
	}

/*-- 2 col --*/
.cols-2 .col {
	width:44%;
	float:left;
	display:inline;
	margin-left: 10%;
	}

.p-content .col {
	float:left;
	display:inline;
	}

.p-content .first {
	margin-left: 0;
	}


/* =footer
------------------------------------------------------------------*/
#footer {
	color:#464646;
	width: 100%;
	border-top:1px solid #ccc;
	background:#fff url(/images/factory/32_black.png) no-repeat center left;
	padding-top: 2em; padding-bottom: 2em;
	margin-bottom: 2em;
	}


	#footer p {
		font-size: 1.4em;
		line-height:1.5;
		margin-left: 60px;
	}


	#footer a {
		border-bottom:1px solid #ccc;
		color:#009933;
		padding-bottom:1px;
		text-decoration:none;
	}

	#footer a:hover {
		border-bottom:2px solid #009933;
	}