@charset "utf-8";

/* === Tags & Global Elements === */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #666;
}

a { color: #FFF; text-decoration: none; }
a:hover { color: #000; }
a.external {}

a img { border: none; }

p { padding: 0 0 10px 0; line-height: 1.2em; }

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

/* === Structure Elements === */
#wrapper { width: 4922px; padding: 80px 80px 0 3px; }
	#info { 
		width: 225px; 
		height: 373px; 
		
		padding: 80px 40px 20px 40px; 
		
		background-color: #FFF; 
		text-transform: uppercase; 
		color: #666; 
		
		float: left;
	}
	.project { width: 510px; margin: 0 0 0 3px; color: #FFF; float: left; }
		.project .images { width: 510px; height: 473px; margin: 0 0 15px 0; background-color: #FFF; overflow: hidden; }
	
/* === Main Menu === */
#info ul { padding: 140px 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: #000; }

.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: #F90; }
.project p { font-size: 1.3em; }

.images ul { list-style: none; }
li.flash { width: 510px; height: 473px; }

/* === Form Elements === */

/* === Titles & Headers === */
div#info h1 { width: 226px; height: 44px; margin: 0 auto; background-image: url(../images/imgReplace/h1Bonnyday.gif); }
div#info h2 { font-size: 1.3em; font-weight: normal; }

div.project h3 { font-size: 1.3em; font-weight: normal; text-transform: uppercase; }

/* === 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 */