/*************************************************************************************************

	James Chorley [master]
	Document created: 25th Feb 2008
	Created by: James Mills [jgmwebdesign.co.uk]
	
*************************************************************************************************/
* {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

body {
	font-size:62.5%;
	background-color:#3f3f3f;
}

.clearFix {
	clear: both;
}
/*************************************************************************************************
Wrapper */
div#wrapper {
	width:800px;
	position: absolute;
	left: 50%;
	margin-left:-400px;
}
div#wrapper p {
	clear:both;
	color:#fff;
}
/*************************************************************************************************
Badge */
div#badge {
	position:absolute;
	background:url(../assets/badge.png) no-repeat;
	width:146px;
	height:115px;
	right:0px;
	z-index:100;
}
div#badge { text-indent: -9000px; margin: 0; } 
div#badge a { display:block; width:146px; height:115px; }

/*************************************************************************************************
Badge JGM */
div#badge_jgm {
	position:absolute;
	background:url(../assets/badge_jgm.png) no-repeat;
	width:117px;
	height:86px;
	right:100px;
	z-index:1;
}
div#badge_jgm { text-indent: -9000px; margin: 0; } 
div#badge_jgm a { display:block; width:117px; height:86px; }

/*************************************************************************************************
Branding */
div#branding {
	float:left;
	background:url(../assets/logo.gif) no-repeat;
	width:214px;
	height:33px;
	margin-top:40px;
	margin-bottom:15px;
}
div#branding h1 { text-indent: -9000px; margin: 0; } 
div#branding h1 a { display:block; height:33px; width:214px; }

/*************************************************************************************************
Intro */
div#intro {
	clear:both;
	margin-bottom:20px;
	background:url(../assets/intro_bg_right.gif) no-repeat right top;
	height:80px;
}
div#intro span {
	float:left;
	width:320px;
	padding-right:25px;
	font-size:1.1em;
	color:#b4b4b4;
	text-align:justify;
}
div#intro span a {
	color:#fff;

}
/*************************************************************************************************
Portfolio Items */
div.portItem {
	border-bottom:1px solid #858585;
	margin-bottom:30px;
}
div.portItem img.master {
	clear:both;
	margin-bottom:10px;
}
div.portItem img.secondaryLeft, div.portItem img.secondaryRight {
	float:left;
	margin-bottom:10px;
}
div.portItem img.secondaryLeft {
	margin-right:10px;
}
div.portItem div.info {
	margin-bottom:10px;
}

div.portItem div.info img {
	float:right;
}

div.portItem div.info span.client span, div.portItem div.info span.role span, div.portItem div.info span.project span, div.portItem div.info span.link span {
	color:#b4b4b4;
	font-size:1.1em;
}
div.portItem div.info span.client, div.portItem div.info span.role, div.portItem div.info span.project, div.portItem div.info span.link {
	color:#fff;
	font-size:1.1em;
}
div.portItem div.info span.client a, div.portItem div.info span.role a, div.portItem div.info span.project a, div.portItem div.info span.link a {
	color:#fff;
	font-size:1em;
	text-decoration:none;
}

div.portItem div.info span.client { float:left; width:333px; }
div.portItem div.info span.role { float:left; width:360px; }
div.portItem div.info span.project { float:left; width:333px; }
div.portItem div.info span.link { float:left; width:333px; }

/*************************************************************************************************
Footer */
div#footer { }
div#footer p {
	text-align:center;
	font-size:1.1em;
	color:#b4b4b4;
	margin-bottom:50px;
}
div#footer a {
	color:#b4b4b4;
}