/* ======================================================================================== *
| GLOBALS CSS FILE :: For JOHNSTON ARCHITECTURE & DESIGN site wide							|
| css/globals.css																			|
| 																							|
| PROJECT :: www.johnstonarchitecture.co.uk v1.4											|
| Copyright (C) 2008, QUERIDODESIGN, Switzerland											|
+ =========================================================================================	+
| Author: Julian Querido + Nathan Querido													|
* ========================================================================================= */

/* @group GLOBALS ========================================================================= */

* {
	margin: 0;
	padding: 0;
}

html, body { 
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #000;
	background: #FFF;
	font-size: 12px;
	font-family: Arial;
	letter-spacing: 1px;
}

::selection {
	color: #FFF;
	background: #333;
}

::-moz-selection {
	color: #FFF;
	background: #333;
}

a, a:link, a:visited {
	outline: none;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #09169B;
}

a:hover, a:active {
	outline: none;
	color: #333;
	text-decoration: none;
}

/* @end *********************************************************************************** */

/* @group UTILITIES ===================================================================== */

.left {
	float: left;
}

.right {
	float: right;
}

h1 {
	
}

h2 {
	
}

h3 {
	
}

em {
	font-style: italic;
}

bold {
	font-weight: bold;
}


/* @end *********************************************************************************** */

/* @group PAGE LAYOUT ===================================================================== */

	/* @group PAGE LAYOUT ================================================================= */
	
	#container { 
		width: 100%;
		height: 50%;
		margin-bottom: -295px;
		float: left;
	}
	
	#content {
		margin: 0 auto;
		position: relative;
		height: 590px;
		width: 920px;
		clear: left;
	}

	/* @end ******************************************************************************* */
	
	/* @group FOOTER ====================================================================== */
	.footer,
	.footer_portfolio {
		font-size: 11px;
		float: left;
		width: 840px;
		margin: 15px 0 20px 40px;
		padding-bottom: 20px;
		color: #999;
		_margin-left: 20px; /* IE 6 hack */
	}
	
	.footer a, .footer a:visited,
	.footer_portfolio a, .footer_portfolio a:visited {
		outline: none;
		font-size: 11px;
		color: #09169B;
	}
	
	.footer a:hover,
	.footer_portfolio a:hover {
		color: #333;
	}
	
	.footer_portfolio {
		*margin-top: -70px; /* IE 6 + 7 hack */
	}
	
	.footer_details {
		float: left;
	}
	
	.footer_email {
		float: right
	}

	/* @end ******************************************************************************* */
	
/* @end *********************************************************************************** */