/* CSS Document */

/* <![CDATA[ */
	
	/***************************************************
	GLOBAL PAGE LAYOUT ELEMENTS
	***************************************************/
	
	/* Body alignment */
	body {
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	background-color: #fcc;


#fdc3c2;*/
	background: #7b85b0;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;

}
	
	/* Outer bounding box for all pages */
	#Frame {
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		text-align:left;
		background-color: #F1E8F1;
		width: 728px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 728px; }
	
	html>body #Frame { width: 730px; }
	
	/* 37signals logo */
	#Logo {
		float:left;
		margin: 0px 15px 15px 0px;
		padding: 0px;
		background-image: url(images/southdoor-lotus.jpg); 
		height: 188px;
		width: 300px;
		text-align: left; }
		
	#Headliner {
		float: none;
		clear: both;
		background-color: #660066;
		padding: 10px 20px;
		border-top: 1px dotted #999; }
	
	/* Remove traces of float */	
	.Clear {
		clear: both;
		font-size: 1px; }
	
	p {
		margin: 0px;
		padding: 0px;
		font-size: 13px;
		line-height: 19px; }
		
					
	
	/***************************************************
	2-COLUMN BOX
	***************************************************/
	
	/* 2-Column box with gray sides all around */
	#MainCols {
		margin: 0px 0px 0px 0px;
		padding: 20px 20px 0px 20px;
		text-align: left;
		border: 1px solid #eee; }
		
	#MainRows {
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 30px;
		text-align: left;
		border: 1px solid #eee; }
	
	/* Right side text */
	#ThreeCol1 {
		background-color: #F1E8F1;
		float: right;
		margin: 0px 20px 20px 0px;
		padding: 0px 0px 0px 20px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 200px; }
	
	/* Right side text */
	#ThreeCol2 {
		background-color: #F1E8F1;
		float: right;
		margin: 0px 20px 20px 0px;
		padding: 0px 0px 0px 20px;
		border-left: 1px dotted #999;
		width: 240px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 200px; }
	
	/* Right side text */
	#ThreeCol3 {
		background-color: #F1E8F1;
		float: right;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 20px;
		border-left: 1px dotted #999;
		width: 240px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 200px; }
		
	#All3Cols  {
	    background-color: #F0F8FF;
		float: right;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 20px;
		border-left: 1px dotted #999;
		width: 660px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 600px; }
		
		#Row1  {
	    background-color: #F0F8FF;
		float: right;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 20px;
		border-left: 1px dotted #999;
		width: 600px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 600px; }
		
		#Row2  {
	    background-color: #F0F8FF;
		float: right;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 20px;
		border-left: 1px dotted #999;
		width: 600px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 600px; }
		
		#Row3  {
	    background-color: #F0F8FF;
		float: right;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 20px;
		border-left: 1px dotted #999;
		width: 600px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 600px; }
	
		
	html>body #ThreeCol1, #ThreeCol2, #ThreeCol3 { width:200px; }
	
	/* Right side text */
	#Footer {
		float: none;
		clear: both;
		padding: 10px 20px;
		border-top: 1px dotted #999; }
	
	/* Remove traces of float */	
	.Clear {
		clear: both;
		font-size: 1px; }
	
	p {
		margin: 0px;
		padding: 0px;
		font-size: 13px;
		line-height: 19px; }
			
	/* ]]> */