/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Set Default Values */
em {
  font-style: italic;
}

#Copy ul li {
	margin: 0 0 0 20px;
}
#Copy ol li {
margin: 0 0 0 25px;
}

/* Begin Custom Styles  */
html{
 font-size: 100%; 
}
body
{
  background: #FFF;
  font: 76% georgia,times;
  line-height: 1.82em;
  
}
#Container
{
  width: 780px;
  margin: 0 auto 10px auto;
  border: 1px solid #000;
  border-top: 0;
}
#Content 
{
  border-top: 10px solid #000;
  padding: 0;
}


/* Typography */

h1 {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 1.55em;
  line-height: 1.27em;
}
h2 {
  
}
h3 {

	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.0em;
	font-family: Arial, sans-serif;
    line-height: 1.2em;
	padding: 0 0 3px 0;
	}
#Contact h3
{
  margin-top: 20px;
}
h4
{ 
  font-size: 1.0em; 
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-weight: bold;
  font-style: italic;
}
p
{ 
	padding-bottom: 10px; line-height: 1.42em; font-size: 0.9em; font-family: Georgia, "Times New Roman", Times, serif; 
}
a, a:hover, a:active
{ color: black; }

/* Estimate Page */
#form {
  padding: 20px;
}
/* Portfolio Page */
#Container div.port-proj
{
  margin: 20px 0;
}
#Container div.port-proj a
{
  border-bottom: 10px solid #000;
  margin: 0 20px 20px 20px;
  padding-bottom: 10px;
  width: 404px;
  height: 307px;
  float: left;
  display: block;
}
div.port-copy
{
  width: 280px;
  float: left;
} 

#Container div.port-proj a:hover
{
  background-position: 0 -317px;
}

div.port-proj a.p1
{
  background: transparent url(../images/portfolio-1.jpg) no-repeat top left;
}
div.port-proj a.p2
{
  background: transparent url(../images/portfolio-2.jpg) no-repeat top left;
}
div.port-proj a.p3
{
  background: transparent url(../images/portfolio-3.jpg) no-repeat top left;
}
div.port-proj a.p4
{
  background: transparent url(../images/portfolio-4.jpg) no-repeat top left;
}
div.port-proj a.p5
{
  background: transparent url(../images/portfolio-5.jpg) no-repeat top left;
}
/* FAQ Page */
#FAQ
{
  padding: 20px;
}
#FAQ-Sales, #FAQ-Process
{
  width: 330px;
  float: left;
  padding-right: 30px;
}

#Menu
{
  background: transparent url(../images/classic-sash-and-door-logo.gif) no-repeat 20px 15px;
  padding: 0 0 0 20px;
  height: 174px;
}
#Menu ul li {
	display: inline;
}
#Menu ul li a
{
  text-transform: uppercase;
  font-family: Arial;
  font-size: 10px;
  color: #A67C51;
  float: left;
  padding: 0 12px 0 0;
  margin: 0;
  position: relative;
  top: 150px;
  left: 0;
  text-decoration: none;
  display: inline;
}
#Menu ul li a.last {
	padding: 0;
}
#Menu li a:hover
{
	background-position: 0 -37px;
}
#Menu li a.active
{
	background-position: 0 -74px;
}

/* Copy Left is for pages with Copy on the left and images on the right*/

#CopyLeft
{
  padding: 0;
  margin: 0;
}
#CopyLeft #Copy
{
  width: 285px;
  margin: 0 20px;
  padding: 15px 0;
  float: left;
}
#CopyFull #Copy
{
  width: 780px;
  margin: 0 25px;
  padding: 15px 0;
  float: left;
}
#CopyLeft #MainImage 
{
  width: 423px;
  float: left;
  padding: 30px 0;
}
#CopyRight
{
  padding: 0;
  margin: 0;
}
#CopyRight #MainImage 
{
  width: 423px;
  float: left;
  height: 320px;
}
#CopyRight #Copy
{
  width: 305px;
  margin-left: 25px;
  padding: 15px 0 0 0;
  float: left;
}

#Footer
{
  text-align: center;
  clear: both;
  font-size: .9em;
  height: 100%;
  padding: 15px 0;
  border-top: 10px solid #000;
}



#Footer p
{
  font-weight: bold;
  font-family: Arial;
  font-size: 0.9em;
  padding-bottom: 5px;
}
#Footer p em {
  font-weight: normal;
  font-family: Georgia;
  font-size: 1.1em;
}

.clear-float:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clear-float{display:inline-block;}
.clear-float{display:block;}
* html .clear-float{height:1px;}