/* #################################################################### 
[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
	
#################################################################### */

/*
=CONTACT FORM
#################################################################### */
#contactHeader {
	float:left;
	width:100%;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #8c172c;
	color:#8c172c;
}

	#contactForm {
		float:left;
		width:100%;
	}
		.contactform{
			float:left;
			width:100%;
		}
			fieldset {
				float:left;
				width:100%;
			}
				fieldset legend {display:none;}
				fieldset div {float:left; width:100%; height:23px; padding:3px 0;}
				fieldset label {
					float:left;
					width:110px;
				}
				fieldset input {float:left;}
				fieldset textarea {float:left;}
				
			div.submit {
				float:left;
				width:100%;
				margin-top:110px;
			}
				
/*
=COMPANY DIRECTORY
#################################################################### */
#contactHeaderCompanyDirectory {
	float:left;
	width:100%;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #8c172c;
}
	#contactCompanyDirectory {
		float:left;
		width:450px;
	}
	.CompanyDirectoryCategory{
		float:left;
		width:460px;
		border-bottom:1px solid #8c172c;
	}
		.CompanyDirectoryCategory{
			float:left;
			width:460px;
		}
	.CompanyDirSummary {
		float:left;
		width:460px;
		padding:20px 0;
	}
	
	.CompanyDirSummaryImage {
		float:left;
		height:120px;
		width:120px;
	}
	
	.CompanyDirSummaryRight {
		float:left;
		width:300px;
		margin-left:20px;
	}
		.CompanyDirSummaryLink a{
			font-size:14px;
			color:#8c172c;
			text-decoration:none;
		}
		.CompanyDirSummaryLink a:hover{
			font-size:14px;
			color:#8c172c;
			text-decoration:none;
		}
	.CompanyDirSummarySummary {
		float:left;
	}
	.CompanyDirSummarySummary p {
		float:left;
		width:100%;
		margin:5px 0 0 0;
	}
	.CompanyDirSummarySummary .arrowLink{
		margin-top:5px !important;
		margin-bottom:0px !important;
		padding:0 0 0 10px !important;
	}
	
	.CompanyDirSummaryMorelink{
		width:100%;
		float:left;
	}
	
	.CompanyDirDetailImage{
		float:left;
		height:120px;
		width:120px;
		margin-right:20px;
		margin-bottom:20px;
	}
	#CompanyDirDetailTitle {
		float:left;
		width:308px;
		font-size:16px;
		color:#8c172c;
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:1px solid #8c172c;
	}
	#CompanyDirDetailContent {
		
	}
	#CompanyDirDetailReturnLink {
		margin-top:5px;
	}	
	
/*
=Directions
#################################################################### */
#contactHeaderDirections {
	float:left;
	width:100%;
	margin-bottom:12px;
	padding-bottom:12px;
}
.directions {
	float:left;
	width:100%;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #8c172c;
}
	.directionsTitle {
		float:left;
		width:100%;
		margin-bottom:10px;
	}
	.directionsText {
		float:left;
		width:100%;
	}
	
/*
=Lodging
#################################################################### */
#contactHeaderLodging {
	float:left;
	width:100%;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #8c172c;
}

.lodging {
	float:left;
	width:100%;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #8c172c;	
}