/*CSS Reset*/body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }

#content {position:absolute; top:0; bottom:0; left:0; right:0;
			margin:auto; height:500px; width:70%;}
#container { width: 750px; }
#area { xborder-color: #811005; xborder-width: 1px; xborder-style: dashed; padding-left: 14px; padding-top: 14px; height: 433px; width: 746px; background-repeat: no-repeat; background-image: url(grey_bg.png); }
#field { border-color: #c24423; xborder-style: dotted; xborder-width: 1px; padding-left: 100px; padding-top: 220px; height: 200px; width: 715px; background-repeat: no-repeat; background-image: url(homebg.png); }
#logo { border-color: #811005; xborder-width: 1px; xborder-style: dashed;  margin-top: 30px; position: absolute; margin-left: -170px; width: 128px; height: 146px; background-image: url(percLogo.png); background-repeat: no-repeat; }

h1 { line-height: 0.6em; text-align: left; font-size: 82px; color: white; }


a{color: black; text-transform: none; text-decoration: none;}
a:hover {color: #811005; text-transform: none; text-decoration: none;}
.percolator
{ margin-top: 12px; margin-right: 118px; float: left;}

.about
{margin-right: 60px; text-transform: uppercase; float: left;}
.portfolio
{ display: block; margin-right: 60px; text-transform: uppercase; float: left;}

.clients { float: left; margin-right: 60px; text-transform: uppercase; }

.contact { float: left; text-transform: uppercase; }

.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

.clearing_left {clear: left; height:0; overflow:hidden; margin:-1px 0 0 0;}

h2 { font-size: 20px; }

h3 { padding-top: 18px; font-size: 16px; }

#header { margin-left: 36px; margin-bottom: 18px; margin-top: 80px; }

h3 a { text-decoration: none; color: #313131; }

h2 a { text-decoration: none; color: black; }

h3 a:hover { color: #b0000a; }

h2 a:hover { color: #b0000a; }

#portfolios { padding-left: 36px; padding-top: 24px; margin-left: 125px; margin-top: -270px; display: block; float: left; height: 400px; width: 650px; xborder-color: #d3dcd9; xborder-width: 1px; xborder-style: dashed; }

#col1 { height: 400px; width: 150px; float: left; }

#col2 { height: 400px; width: 150px; float: left; }

#col3 { height: 400px; width: 150px; float: left; }

#col4 { height: 400px; width: 150px; float: left; }
.portfolioImage{ padding-left: 7px; padding-top: 9px; height: 178px; width: 150px; background-image: url(/portfolioFrame.png); background-repeat: no-repeat;}

#randy { height: 400px; width: 550px; 
}


#randy p {
	font-size: 14px;
	line-height: 42px;
	}
#randy h1 {
	font-size: 36px;
	color: #49B24A;
	padding-top: 18px;
	padding-bottom: 24px;
	line-height: 42px;
}

a:active {
  position: relative;
  top: 1px;
}
#textcol { margin-top: 30px; margin-left: 20px; margin-right: 20px; height: 400px; width: 135px; float: left; }
.linkage { margin-top: 15px; }