/*###############################################################
# layout.css                                                    #
#                                                               #
# (c) Copyright 2008 Paul Oliver                                #
#     ccp8@paultastic.com                                       #
# CSS Styles related to layout for phryconstruction.com         #
###############################################################*/

body {
	background-position: top;
	margin:0pt;
	padding:0pt;
	text-align: center;
}

/* header images */
#pngQuote { float: left; }
#pngLogo { float: right; }

/* wrapper: so we can center the div in ie */
#w {
	width: 1000px; 
	margin: 0 auto; 
	text-align: left;
}

/* left column */
#lc {
	float: left;
	width: 760px;
}
/* left column internal */
#lci {
	margin: 20px 10px;
}

/* right column */
#rc {
	float: right;
	width: 225px;
}

#rc a:link {
	width: 210px;
	display:block;
}

#rc a.lb {
	display:inline;
	width: 100px;
}

/* right column internal div */
#rci {
	margin: 5px;
}

/* footer internal div, where the content goes */
#fi {
	margin: 0px 10px;
	text-align: center;
}

/* testimonial block */
div.t {
	padding: 20px;
	width: 90%;
	margin-bottom: 20px;
	margin-top: 10px;
}

/* testimonial text */
div.t p {
	text-align: left;
}

/* testiminonial source (the person who said it) */
div.t p.ts {
	text-align: right;
}

/* short column.  :KLUDGE: workaround when your main content box (left column) is
   shorter than the menu column (right column).  Just do this in the HTML at the
   top of the page:
   
   <img src="images/clear.gif" class="sc"/>
   <h1>A Header</h1>
   <p>Here is some text in my main content column</p>
   
   NOTE: Make your height equal to the longest the right column
   would ever reasonably be.*/
.sc {
	height: 680px;
	width: 1px;
	border: none;
	float: left;
}



/* trick to get firefox to close the div around the floated divs, ie ignores it because of the stuff below */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */