/*	
	======================================================================

	stylesheets/column-layouts/public/general.css

	======================================================================
	Copyright 2009, FQXi
	======================================================================
*/


/* ----------------------------------------------------
   CONTENT DIVs
   ---------------------------------------------------- */

	#mainBodyColumn {
	
		float: left;
		
		width: 750px;
	}
	
	#mainBodyContent {

		margin-top: 120px;
		margin-left: 160px;
		margin-right: 0px;
		margin-bottom: 20px;
		
		padding: 0px;
	}
	
	
/* ----------------------------------------------------
   HOUSE PLAN DETAIL
   ---------------------------------------------------- */
	
	#housePlanDetailBox {
	
		float: left;
		width: 620px;
		background-color: #FFF;
		border: 1px solid black;
	}
	
	#housePlanDetailHeader {
	
		background-color: #E5C83E;
		color: #436214;
		font-size: 18pt;
		border-bottom: 1px solid black;
	}
	
	#housePlanDetailHeaderTitle {
	
		float: left;
		text-align: left;

		padding-top: 10px;
		padding-bottom: 7px;
		padding-left: 10px;
		padding-right: 0px;
	}
	
	#housePlanDetailHeaderButtons {
	
		float: right;
		text-align: right;

		padding-top: 7px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 10px;
	}
	
	#housePlanDetailNavigation {
	
		text-align: left;
		background-color: #F4ED7B;
		color: #436214;
		padding: 1px;
		border-bottom: 1px solid black;
	}
	
	.housePlanDetailNavigationButton {
	
		float: left;
		padding-top: 3px;
		padding-left: 3px;
		padding-right: 3px;
		padding-bottom: 1px;
		background-color: #F4ED7B;
		border: 1px solid #F4ED7B;
	}
	
	.housePlanDetailNavigationButtonOver {
	
		border: 1px solid #000;
	}
	
	.housePlanDetailNavigationButtonSelected {
	
		background-color: #F4F1B5;
		border: 1px solid #000;
	}
	
	#housePlanDetailBody {
	
	}
	
	.housePlanDetailBodyIndented {
	
		padding: 30px;
	}
	
	#housePlanDetailOverviewText {
	
		float: left;
		width: 250px;
		color: #436214;
		font-size: 10pt;
		line-height: 14pt;
		text-align: left;
	}
	
	#housePlanDetailOverviewPhoto {
	
		float: right;
		width: 275px;
		margin-left: 20px;
		text-align: center;
	}
	
	
/* ----------------------------------------------------
   LOGO
   ---------------------------------------------------- */

	#logo {
	
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 50;
	}

/* ----------------------------------------------------
   TOP NAV
   ---------------------------------------------------- */

	#topNav {
	
		position: absolute;
		left: 182px;
		top: 40px;
		z-index: 50;
	}

	#createButton {
	
		position: absolute;
		left: 0px;
		top: 0px;
	}

	#selectButton {
	
		position: absolute;
		left: 195px;
		top: 0px;
	}

	#adaptButton {
	
		position: absolute;
		left: 390px;
		top: 0px;
	}

/* ----------------------------------------------------
   TOP NAV SUBSECTIONS:  GENERAL
   ---------------------------------------------------- */

	#topNavSelectedArrow {
	
		position: absolute;
		top: 92px;
		z-index: 1500;
	}

	.topNavSelectedArrow_create {
	
		left: 218px;
	}

	.topNavSelectedArrow_select {
	
		left: 412px;
	}

	.topNavSelectedArrow_adapt {
	
		left: 607px;
	}

	#topNavSubsections {
	
		position: absolute;
		top: 99px;
		z-index: 1000;
	}

	#topNavSubsectionsBackground {
	
		z-index: 10;
	}
	
/* ----------------------------------------------------
   TOP NAV SUBSECTIONS:  CREATE
   ---------------------------------------------------- */

	#createOneButton {
	
		position: absolute;
		left: 11px;
		top: 9px;
		z-index: 40;
	}
	
	#createTwoButton {
	
		position: absolute;
		left: 78px;
		top: 9px;
		z-index: 40;
	}
	
	#createThreeButton {
	
		position: absolute;
		left: 138px;
		top: 9px;
		z-index: 40;
	}
	
/* ----------------------------------------------------
   TOP NAV SUBSECTIONS:  SELECT
   ---------------------------------------------------- */

	#selectListButton {
	
		position: absolute;
		left: 14px;
		top: 9px;
		z-index: 40;
	}
	
	#selectSearchButton {
	
		position: absolute;
		left: 104px;
		top: 9px;
		z-index: 40;
	}
	
	#selectImageButton {
	
		position: absolute;
		left: 204px;
		top: 9px;
		z-index: 40;
	}

/* ----------------------------------------------------
   TOP NAV SUBSECTIONS:  ADAPT
   ---------------------------------------------------- */

	#adaptOneButton {
	
		position: absolute;
		left: 11px;
		top: 9px;
		z-index: 40;
	}
	
	#adaptTwoButton {
	
		position: absolute;
		left: 78px;
		top: 9px;
		z-index: 40;
	}
	
	#adaptThreeButton {
	
		position: absolute;
		left: 138px;
		top: 9px;
		z-index: 40;
	}