* {
	margin:0;
	padding:0;
}
body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:#252736;
}
h1{
	font-size:2.2em;
	color:#fff;
	font-weight:bold;
	padding:30px 0 5px 0;
}
h2{
	font-size:2.1em;
	font-weight:normal;
	color:#515151;
	padding-bottom:5px;
}
.blue{
	color:#4091c1;
}
.black{
	color:#000;
}
h3{
	color:#515151;
	font-size:1.6em;
	font-weight:normal;
}
h4{
	color:#515151;
	font-size:1.2em;
	font-weight:normal;
	padding:5px 0 5px 0;
}
h5{
	font-size:0.9em;
	line-height:1.2em;
	font-weight:normal;
	padding-bottom:15px;
}
p{
	font-size:1.2em;
	line-height:1.4em;
	color:#515151;
	padding-bottom:15px;
}
a{
	color:#3366CC;
}
a:visited{color:#3366CC;}
a:hover{color:#000;}

.gold{
	color:#f2c43b;
}
img{
	border:0;
}
#wrapper{
	width:840px;
	margin:0 auto;
	text-align:left;
}
#navigation{
	font-size:1.3em;
	color:#fff;
	background-color:#0d0e14;
	width:840px;
	float:left;
}
#navigation ul{
	list-style:none;
}
#navigation ul li{
	float:left;
}
#navigation ul li a{
	padding:6px 22px 6px 22px;
	text-decoration:none;
	color:#fff;
	float:left;
}
#navigation ul li a:visited{color:#fff;}
#navigation ul li a:hover{
	background-image:url(../images/common/nav-on-grad.gif);
	background-repeat:repeat-x;
	background-color:#357aa2;
}

#imageWindow{
	height:290px;
}


.contentArea{
	background-color:#E0DFE3;
	margin-top:13px;
	float:left;
	width:800px;
	padding:20px 20px 30px 20px;
}
.contentArea.narrow{
	padding-bottom:5px;
}
.contentArea h3{
	padding-bottom:10px;
}
.contentArea ul{
	font-size:1.2em;
	color:#515151;
	padding-left:15px;
}
.contentArea ul li{
	padding-bottom:2px;
}


/* ------------------------------------------ Image List Styles */

	.contentArea ul.gallery{
		list-style:none;
		border-top:1px solid #a4a4a4;
		border-bottom:1px solid #a4a4a4;
		padding:15px 0 0 0;
		float:left;
		width:800px;
	}
	.contentArea ul.gallery li{
		float:left;
		padding:0 20px 15px 0;
	}
	.contentArea ul.gallery li.rowEnd{
		padding-right:0;
	}
	.contentArea ul.gallery li h4{
		width:144px;
		color:#515151;
	}
	.contentArea ul.gallery li p{
		width:144px;
		font-size:0.9em;
		padding-bottom:0;
		line-height:normal;
	}
	

/* ------------------------------------ Image List Styles [END] */



/* ------------------------------------ CV page specific Styles */

	#cv .contentArea p{
		width:650px;
	}

/* ------------------------------ CV page specific Styles [END] */


/* ------------------------------- Contact page specific Styles */

	#contact .contentArea p{
		width:650px;
	}

/* ------------------------- Contact page specific Styles [END] */

/* ---------------------------------- Home page specific Styles */

	#home .narrow p{
		width:650px;
	}

/* ---------------------------- Home page specific Styles [END] */



/* --------------------------------- Flash page specific Styles */

	.flashProjectBlock{
		background-color:#EEEEEE;
		padding:10px 5px 10px 10px;
		margin-bottom:15px;
	}
	.flashProjectBlock img{
		padding-bottom:10px;
	}
	.flashProjectBlock p.links{
		padding-bottom:5px;
	}
	#flash .narrow p{
		width:650px;
	}

/* -------------------------- Flash page specific Styles [ENDS] */



/* -------------------------- Case Studies page specific Styles */

	#caseStudies .contentArea img{
		padding-bottom:12px;
	}
	
	.leftCol{
		float:left;
		width:390px;
	}
	
	.rightCol{
		float:right;
		width:390px;
	}
	
	ul.studyGallery{
		list-style:none;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		padding:15px 0 0 0;
		float:left;
		width:390px;
	}
	ul.studyGallery li{
		float:left;
		padding:0 20px 3px 0;
	}

/* -------------------- Case Studies page specific Styles [END] */

a.download{
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:0 0;
	padding:8px 0 32px 60px;
	width:110px;
	margin:0 30px 30px 0;
}

a.pdf{
	background-image:url(../images/common/pdf-icon.gif);
}
a.word{
	background-image:url(../images/common/word-icon.gif);
	padding-left:50px;
}
a.showreel{
	background-image:url(../images/common/showreel-icon.gif);
	padding-left:50px;
}

#footer{
	clear:both;
	font-size:0.9em;
	margin-bottom:15px;
}
#footer a{
	color:#fff;
}
#footer a:visited{color:#fff;}
#footer a:hover{color:#333333;}

#footer p{
	color:#fff;
	padding:10px 0 0 20px;
}
#home #navHome,
#flash #navFlash,
#animation #navAnimation,
#portfolio #navPortfolio,
#caseStudies #navStudies,
#cv #navCV,
#contact #navContact{
	background-image:url(../images/common/nav-on-grad.gif);
	background-repeat:repeat-x;
	background-color:#357aa2;
}