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

/* @group CONTENT AREA ==================================================================== */

.content_main {
	background: url(../images/nav/content_bg.gif) bottom left repeat-x;
	float: left;
	width: 838px;
	margin-left: 40px;
	_margin-left: 20px; /* IE 6 hack */
	color: #333;
	line-height: 15px;
	border: 1px solid #CCC;
}

.content_projects {
	margin: 20px;
	color: #333;
	line-height: 16px;
	text-align: justify;
	width: 637px;
}

.content_projects br,
.contact br,
.content_profile br { /* IE 6 + 7 hack :: nfq */
	*float: left;
	*display: block;
	*padding-bottom: 16px;
}

.content_profile,
.content_news {
	padding: 0 20px 10px 20px;
	text-align: justify;
	line-height: 16px;
}

.content_news {
	padding: 20px;
}

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

/* @group HOME PAGE ======================================================================= */

.home {
	height: 503px;
	position: relative;
}

.heading,
.heading_profile,
.heading_news,
.heading_team {
	font-weight: bold;
	color: #09169b;
	font-size: 12px;
	margin-bottom: 6px;
	display: block;
	padding: 0px;
	text-transform: uppercase;
}

.heading_profile,
.heading_team {
	margin-bottom: 6px;
	padding: 20px 0 0 0;
}

.heading_team {
	padding: 20px 0 0 20px;
}


.heading_news span {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	text-transform: none;
}

.content_news img {
	float:  left;
	margin: 0 10px 5px 0;
	height:  140px;
}

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

/* @group PROFILE PAGE ==================================================================== */

.profile_images {
	background: url(../images/nav/profile_image_bg.gif) left top no-repeat;
	width: 151px;
	height: 230px;
	display: block;
	float: left;
	margin-right: 7px;
	_margin-right: 6px;
	padding-left: 5px;
}

.profile_images span {
	float: left;
	font-size: 10px;
}

.first {
	margin-left: 17px;
	margin-right: 7px;
	_margin-left: 9px; /* IE 6 hack */
}

.profile_images img {
	margin: 5px 0 0 0;
	padding-bottom: 5px;
}

.contact {
	float: left;
	padding: 18px 0 0 20px;
	line-height: 18px;
	font-size: 12px;
	color: #333;
}

#contact img {
	float: left;
}

#jobs img {
	float: left;
	padding: 15px;
}

#main_image {
	float: left;
	height: 503px;
	width: 838px;
	display: block;
	background: #FFF;
	position: relative;
}

#main_image img {
	position: absolute;
	top: 0;
	left: 0;
}

#preload_layer img {
	width: 1px;
	height: 1px;
	opacity: 0;
	filter: alpha(opacity=0);
}

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

/* @group CONTENT ======================================================================== */


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