@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site:			James Sillavan 			
	Author: 		Steven Gibbons
	Created:		19th September 2008 		
	Updated:		N/A 		
	Copyright: (c) 2008, Steven Gibbons
	
=======================================
*/

/* === Tags & Global Elements === */
* { margin: 0px; padding: 0px; }
html { font-size: 100%; }
body {
	margin: 100px 0 100px 0;
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ffffff;
}
a img { border: none; }
	

/* === Structure Elements === */
div#container.info { margin: 0 auto; width: 950px; height: 345px; padding: 0 0 0 50px; background: #ffffff; }
div#container { margin: 0 auto; width: 900px; height: 345px; background: #ffffff; background-image: url('../img/loader.gif');
				background-position: 371px 155px; background-repeat: no-repeat;  }


/* === Content Elements === */
.flickrblock * {
	background: #ffffff;
	margin: 0;
	padding: 0;
 	list-style: none;
	border: none;
}
.flickrblock ul ul { padding: 0; margin: 0; }
.flickrblock {
	width: 180px;
	padding: 0;
	position: relative;
	text-align: left;
    overflow: hidden;
	float: left;
}
.flickrblock a { display: block; }
.flickritems { position: relative; width: 180px; }
.flickritems li { float: left; padding: 0 5px 5px 0; width: 55px; height: 55px; }
.flickrblock p { clear: both; }
.flickritems li img { display: block; border: 0; width: 55px; height: 55px; }

div.block { float: left; width: 190px; height: 345px; margin: 0; padding: 0; overflow: none; }
div.wideblock { float: left; width: 270px; height: 345px; margin: 0; padding: 0; overflow: none; }
div.block p, div.wideblock p {
	margin: 0 15px 10px 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.5;
	color: #888888;
}
div.block p a, div.wideblock p a { color: #888888; text-decoration: none; padding: 0 0 0 5px; }
div.block p a:hover, div.wideblock p a:hover { color: #00F5FF; }

/* --- Main Menu --- */
div#menu { margin: 0 auto; width: 900px; }
div#menu ul { list-style: none; margin: 30px 0 0 0; padding: 0; }
div#menu li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.2em;
	color: #000000;
	text-transform: uppercase;
}
div#menu li a { color: #888888; text-decoration: none; }
div#menu li a:hover { color: #00F5FF; text-decoration: none; }

div#menu li span.home { margin: 0 60px 0 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div#menu li span.home { margin: 0 75px 0 0; }
}
div#menu li span.home a { color: #000000; text-decoration: none; }
div#menu li span.home a:hover { color: #00F5FF; text-decoration: none; }
div#menu li span.active a { color: #00F5FF; text-decoration: none; margin: 0; }
div#menu li span.active a:hover { color: #00F5FF; text-decoration: none; margin: 0; }
/* === Titles & Headers === */


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */