@charset "UTF-8";
/* CSS Document */

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
		font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #fff;

outline: none;
 }
 h1{
	position:fixed;
	_position:absolute;
	left:35px;
  _left:expression(eval(document.body.scrollLeft)+16);
	top:52px;
	margin:0;
	padding:0;
	z-index: 10;
outline: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
 }
 
 h2{
	position:fixed;
	_position:absolute;
	left:0px;
  _left:expression(eval(document.body.scrollLeft)+16);
	top:17px;
	margin:0;
	padding:0;
	z-index: 5;
outline: none;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
 }
 
 h3{
	position:fixed;
	_position:absolute;
	left:35px;
  _left:expression(eval(document.body.scrollLeft)+16);
	top:500px;
	margin:0;
	padding:0;
	z-index: 10;
outline: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
 }
 
 .transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.project ul.base { list-style: none; }
.project ul.base li { display: inline; }
	.project ul.base li.fRight ul { padding: 0 20px; }
	.project ul.base li.fRight li { padding: 0 5px; font-size: 1.3em; }
	.project ul.base li.fRight a:hover { color: #000000; }
.project p { font-size: 1.3em; }


.imagefloat {	float: left;
	
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 12px;
outline: none;
border:0px;
}

/* === Important Stuff === */
.fLeft { float: left !important; }
.fRight { float: right !important; }
.tLeft { text-align: left !important; }
.tRight { text-align: right !important; }
.tCentre { text-align: center !important; }
.images ul { list-style: none; }
li.flash { width: 550px; height: 357px; }

.imagefloat1 {	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 12px;
	width: 213px;
outline: none;
border:0px;
}

.spacebefore {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: 10px;
	outline: none;
}
div.project h4 {  text-align: left;}
body {
	height:100%; overflow-y:auto;
outline: none;



}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:active {
	color: #969696;
	text-decoration: none;
}
a:focus { outline: none; }
img {border:0 none;} 
.style2 {
	color: #866199
}

/* === IDs & Classes === */
.flash-replaced .alt { display: none; }


/* === Structure Elements === */
#wrapper { width: 4000px; padding: 80px 80px 0 3px; }
	#info { 
		width: 189px; 
		height: 373px; 
		
		padding: 10px 40px 20px 40px; 
		
		background-color: #FFF; 
		text-transform: uppercase; 
		color: #000000; 
		
		float: left;
	}
	.project { width: 560px; margin: 0 0 0 3px; color: #000000; float: left; }
		.project .images { width: 550px; height: 400px; margin: 0 0 15px 0; background-color: #FFF; overflow: hidden; }
	
/* === Main Menu === */
#info ul { padding: 130px 0 25px 0; list-style: none; }
	#info ul li { padding: 2px 0; font-size: 1.3em; }
	
/* === Content Elements === */
#info p { font-size: 1.3em; line-height: 1.4em; }
#info a { color: #666; }
#info a:hover { color: #000000; }

.project ul.base { list-style: none; }
.project ul.base li { display: inline; }
	.project ul.base li.fRight ul { padding: 0 20px; }
	.project ul.base li.fRight li { padding: 0 5px; font-size: 1.3em; }
	.project ul.base li.fRight a:hover { color: #000000; }
.project p { font-size: 1.3em; }
.project h9 { font-size: 18px; }

.blogs ul.base { list-style: none; }
.blogs ul.base li { display: inline; }
	.blogs ul.base li.fRight ul { padding: 0 20px; }
	.blogs ul.base li.fRight li { padding: 0 5px; font-size: 1.3em; }
	.blogs ul.base li.fRight a:hover { color: #000000; }
.blogs p { font-size: 1.3em; }
.blogs h9 { font-size: 18px; }

.blogs { width: 560px; margin: 0 0 0 3px; color: #000000; float: left; }
		.blogs .images { width: 550px; height: 400px; margin: 0 0 15px 0; background-color: #FFF; overflow: hidden; }

.blogs A:link {text-decoration: underline; color: blue; }
.blogs A:visited {text-decoration: underline; color: #800080;}
.blogs A:active {text-decoration: underline; }
.blogs A:hover {text-decoration: underline; color: red;}
	
.images ul { list-style: none; }
li.flash { width: 550px; height: 400px; }

/* === Important Stuff === */
.fLeft { float: left !important; }
.fRight { float: right !important; }
.tLeft { text-align: left !important; }
.tRight { text-align: right !important; }
.tCentre { text-align: center !important; }

.bold { font-weight: bold !important; }
.noBold { font-weight: normal !important; }
.noBorder { border: none !important; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0; height: 0; overflow: hidden; display: block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
#mrgammonwhite { width: 221px; height: 460px; margin: 0px auto; position: relative; z-index: 9998; }

	a.recent, a.commercials, a.film, a.celebs, a.women, a.men, a.illustrations, a.blog, a.email, a.clients {
		width: 172px;
		height: 26px;
		display: block;
		background: url(../images/nav.png);
		overflow: hidden;
		}
	a.recent {background-position: 0px 0px;}
	a.commercials {background-position: 0px -26px;}
	a.film {background-position: 0px -52px;}
	a.celebs {background-position: 0px -78px;}
	a.women {background-position: 0px -104px;}
	a.men {background-position: 0px -130px;}
	a.illustrations {background-position: 0px -156px;}
	a.clients {background-position: 0px -182px;}
	a.blog {background-position: 0px -208px;}
	a.email {background-position: 0px -234px;}
	a.recent:hover {background-position: 172px 0px;}
	a.commercials:hover {background-position: 172px -26px;}
	a.film:hover {background-position: 172px -52px;}
	a.celebs:hover {background-position: 172px -78px;}
	a.women:hover {background-position: 172px -104px;}
	a.men:hover {background-position: 172px -130px;}
	a.illustrations:hover {background-position: 172px -156px;}
	a.clients:hover {background-position: 172px -182px;}
	a.blog:hover {background-position: 172px -208px;}
	a.email:hover {background-position: 172px -234px;}
	
	a.recentbw, a.commercialsbw, a.filmbw, a.celebsbw, a.womenbw, a.menbw, a.illustrationsbw, a.blogbw, a.emailbw, a.clientsbw {
		width: 172px;
		height: 26px;
		display: block;
		background: url(../images/navbw.png);
		overflow: hidden;
		}
	a.recentbw {background-position: 0px 0px;}
	a.commercialsbw {background-position: 0px -26px;}
	a.filmbw {background-position: 0px -52px;}
	a.celebsbw {background-position: 0px -78px;}
	a.womenbw {background-position: 0px -104px;}
	a.menbw {background-position: 0px -130px;}
	a.illustrationsbw {background-position: 0px -156px;}
	a.clientsbw {background-position: 0px -182px;}
	a.blogbw {background-position: 0px -208px;}
	a.emailbw {background-position: 0px -234px;}
	a.recentbw:hover {background-position: 172px 0px;}
	a.commercialsbw:hover {background-position: 172px -26px;}
	a.filmbw:hover {background-position: 172px -52px;}
	a.celebsbw:hover {background-position: 172px -78px;}
	a.womenbw:hover {background-position: 172px -104px;}
	a.menbw:hover {background-position: 172px -130px;}
	a.illustrationsbw:hover {background-position: 172px -156px;}
	a.clientsbw:hover {background-position: 172px -182px;}
	a.blogbw:hover {background-position: 172px -208px;}
	a.emailbw:hover {background-position: 172px -234px;}