/* #################################################################### 
[Layout Stylesheet]

Project:	REMI.com
Version:	0.1
Last change:	05/14/08 []
Assigned to:	Brian Hayes bh
Primary use:	REMI.COM typography


[Sections]
All have their own style sheet
------------------------------------------------------------------------
=HOME
=ABOUT
=MODEL
=PRODUCTS
=RESOURCES
=EVENTS
=CLIENTS
=CONTACT	

[Color codes]
------------------------------------------------------------------------
Red:		#8c172c
Grey:		#464646 *default
Lt. Blue: 	#accecb
Tan:		#d5cfbc

[Layout]
------------------------------------------------------------------------
- body
	- remi
		- header
			- logo
			- login
			- mainNav
		- bannerImage
		- mainBody
			- subNav
			- content
			- footerClear
	- footer
	
#################################################################### */
#pageContent {
	float:left;
	width:100%;
}

/*
=Structure
#################################################################### */
#structureImg {
	float:left;
	position:relative;
	margin-bottom:12px;
}
	#structureImg img {
		border:none !important;
	}
	.modelImgText {left:-999em;position:relative;}
	
	.blockText {position:absolute;left:-999em;}
	
	#block1 {
		top:55px;
		left:31px;
		width:410px;
		height:92px;
		display:block;
		position:absolute;
		background:url("../_images/modelBgSpacer.jpg") no-repeat top left;
	}
	#block2 {
		top:153px;
		height:87px;
		left:172px;
		width:125px;
		display:block;
		position:absolute;
		background:url("../_images/modelBgSpacer.jpg") no-repeat top left;
	}
	#block3 {
		top:153px;
		left:31px;
		width:125px;
		height:87px;
		display:block;
		position:absolute;
		background:url("../_images/modelBgSpacer.jpg") no-repeat top left;
	}
	#block4 {
		top:248px;
		left:31px;
		width:410px;
		height:92px;
		display:block;
		position:absolute;
		background:url("../_images/modelBgSpacer.jpg") no-repeat top left;
	}
	#block5 {
		top:153px;
		left:318px;
		width:125px;
		height:87px;
		display:block;
		position:absolute;
		background:url("../_images/modelBgSpacer.jpg") no-repeat top left;
	}
	#block6 {
		top:399px;
		left:103px;
		width:250px;
		height:83px;
		display:block;
		position:absolute;
		background:url("../_images/modelBgSpacer.jpg") no-repeat top left;
	}
	#block7 {
		top:491px;
		left:32px;
		width:125px;
		height:87px;
		display:block;
		position:absolute;
		background:url("../_images/modelBgSpacer.jpg") no-repeat top left;
	}
	#block8 {
		top:491px;
		left:174px;
		width:125px;
		height:87px;
		display:block;
		position:absolute;
		background:url("../_images/modelBgSpacer.jpg") no-repeat top left;
	}
	#block9 {
		top:491px;
		left:318px;
		width:125px;
		height:87px;
		display:block;
		position:absolute;
		background:url("../_images/modelBgSpacer.jpg") no-repeat top left;
	}
	#block10 {
		top:585px;
		left:174px;
		width:268px;
		height:85px;
		display:block;
		position:absolute;
		background:url("../_images/modelBgSpacer.jpg") no-repeat top left;
	}
/*
=TopicAreas
#################################################################### */	
#topicAreaHeader {
	float:left;
	width:100%;
	margin-bottom:25px;
}

.topicArea {
	float:left;
	width:100%;
	border-bottom:1px solid #8c172c;
	padding-bottom:10px;
	margin-bottom:12px;
}
	.topicAreaTitle {
		float:left;
		width:100%;
		padding-bottom:5px;
	}
	.topicAreaDesc {
		float:left;
		width:100%;
		margin-bottom:12px;
	}