@charset "utf-8";

/*	Description:	CSS File for www.stasismedia.com
	Created by:		Craig Mason - www.stasismedia.com */

body, html {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#FFFFFF;
	background-image: 		url('../images/page_grey.png');
	background-color: 		#58564f;
	margin: 				0;
}

a {
	color:					#a0d2f0;
	font-weight:			bold;
}

.name_stasis, .name_media 	{	font-weight: bold;	}
.name_stasis 				{	color: #b4d264;		}
.name_media 				{	color: #a0d2f0;		}

div#wrapper {	
	text-align: 			center;
	background-image: 		url('../images/page_background.png');
	background-repeat: 		repeat-x;	
}

div#wrapper h1 {
	width: 					288px;
	height: 				160px;
	text-indent: 			-9999px;
	background-image:		url('../images/stasis_media_logo.gif');
	background-position:	center;
	background-repeat:		no-repeat;
	margin: 				0 auto 0 auto;
	padding:				20px 0;
}
h1 a {
	display:				block;
	height:					100%;
	text-indent:			-99999em;
}

div#wrapper h2 {
	display:				none;
}

div#wrapper p {
	width: 					850px;
	margin: 				1em auto;
	line-height:			1.5em;
	clear: 					both;
}

div#contact {
	width: 					300px;
	margin: 				1.5em auto;
	font-weight: 			bold;
	overflow: 				hidden;
}

div#contact div.row {
	margin: 				0.5em 0;
	float: 					left;
}

div#contact span.name, div#contact span.name a{
	width:					100px;
	float: 					left;
	color: 					#b4d264;
	text-decoration:		none;	
	text-align: 			left;
}
div#contact span.value, div#contact span.value a{
	float: 					left;
	color:					#a0d2f0;
	text-decoration:		none;	
	text-align:				left;
}

div#contact span.left a:hover, div#contact span.right a:hover {
	color:					#ffcc00;
}


div#portfolio {
	width: 					544px;
	margin: 				10px auto 0 auto;
	overflow:				hidden;
}

div#portfolio div.project {
	width: 					252px;
	height: 				72px;
	margin: 				10px 10px 10px 10px;
	float: 					left;
}

div#portfolio div.project a {
	display: 				block;
	width: 					252px;
	height: 				72px;
	background-position: 	right;
	text-indent:			-99999px;
}

div#portfolio div.project a:hover {
	background-position: 	left;
}

div#portfolio div#project_cardew a 	{	background-image: url('../media/home/project_cardew.png');	}
div#portfolio div#project_joinery a {	background-image: url('../media/home/project_joinery.png');	}
div#portfolio div#project_lga a 	{	background-image: url('../media/home/project_lga.png');	}
div#portfolio div#project_mbill a 	{	background-image: url('../media/home/project_mbill.png');	}
div#portfolio div#project_mfusion a {	background-image: url('../media/home/project_mfusion.png');	}
div#portfolio div#project_pitp a 	{	background-image: url('../media/home/project_pitp.png');	}


div#disclosure {
	width:					700px;
	text-align:				left;
	margin:					0 auto;
}
div#disclosure div {
	margin:					3em 0;
}
div#disclosure h2 {
	display:				block;
	font-size:				16px;
}
div#disclosure p {
	width:					auto;
}
div#disclosure ol.privacy li {
	margin:					2em 0;
}