@charset "UTF-8";
/* CSS Document */
/********************************************************************************
Title: CSS Box 3 - Fluid
Author: Zach Graeve
Author URI: http://www.zachgraeve.com
Copyright: Nope!
  Based on my belief that information should be freely accessible by all people, 
  permission is granted to copy, distribute and/or modify this document. However, 
  due to the time and effort spent in producing this demonstration I politely ask 
  that you respect my work and give credit where credit is due. If you are using 
  this on a personal website, please add a link back to Embrace Your Vice (TM) 
  and retain this authorship comment in the stylesheet. If you are using this on
  a commercial website, or for a paying job, I ask that you consider making a
  donation to show your appreciation.
********************************************************************************/

body {
  font: normal 85% Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  background-image: url(images/water-thumb.jpg);
}

#content_head {
  background-color: #35D2E8;
  background-image: url(images/hdrpic.jpg);
  border: 5px solid #fff;
  height: 130px; /* IE5Xwin sees this (standards height plus padding and border on top and bottom) */
  margin: 20px 20px 0px 20px;
  padding: 0px;
  voice-family: "\"}\"";
  height: 120px; /* standards height */
  voice-family: inherit;
}
html>body #content_head {
  heigth: 120px; /* standards height reinforcement */
}

#content_left {
	background-color: #e05a0a;
	background-image: url(images/wall-thumb.jpg);
	text-align:center;
	color:#FFF;
	margin: 10px 0px 20px 20px;
	padding: 0px;
	position: absolute;
	top: 150px; /* content_head standards height, plus content_head padding and border on top and bottom, plus content_head top-margin */
	left: 0px;
	width: 160px; /* IE5Xwin sees this (standards width plus padding and border on left and right) */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
	border: 5px solid #FFF;
}
html>body #content_left {
  width: 150px; /* standards width reinforcement */
}

#content_center {
 background-color: transparent;
	background-image: url(images/content-white.png);
  border: 5px solid #fff;
  margin: 10px 190px 20px 190px;  /* side margin equals flanking boxes plus their margins to the screen edge */
  padding: 0px;
}

#content_right {
 background-color: #e05a0a;
	background-image: url(images/wall-thumb.jpg);
  border: 5px solid #fff;
  margin: 10px 20px 20px 0px;
  padding: 0px;
  position: absolute;
  top: 150px; /* content_head standards height, plus content_head padding and border on top and bottom, plus content_head top-margin */
  right: 0px;
  width: 160px; /* IE5Xwin sees this (standards width plus padding and border on left and right) */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 150px; /* standards width */
}
html>body #content_left {
  width: 150px; /* standards width reinforcement */
}

.valid {
 border: 0px;
 padding: 5px;
 position: absolute;
 bottom: 0px;
 left: 0px;
}

.linkBack {
 border: 0px;
 color: #fff;
 font: normal 11px Verdana, Arial, Helvetica, sans-serif;
 padding: 305px 5px 5px 5px; 
 text-decoration: none;
}

.linkSource {
 border: 0px;
 color: #fff;
 font: normal 11px Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 padding: 5px;
 position: absolute;
 top: 0px;
 left: 0px;
 text-decoration: none;
}
h1
{
	font-size: 1px;
	padding-right: 34px;
	line-height: 0px;
	padding-top: 35px;	
	
}

hr {
border-bottom: 20px groove #FF384C;


}

a
{
color: #B96D00;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}


h2
{
	font-size: 1.5em;
font-weight: normal;
color: #38AFFF;
border-bottom: groove #FF384C ;
padding-top: 0.5em;

}


h3 {
	font-size: 1.3em;
	color: #663366;
	text-align: center;
	text-decoration: underline;
}

h4 {
	font-size: 1.2em;
	color: #663366;
	text-align: left;
	text-decoration: none;
}
h5 {
	font-size: 1em;
	color: #663366;
	text-align: center;
	text-decoration: none;
    background-color: F6EEF6;
	
}

#painters2 {
  padding:0;
  margin:0;
  list-style-type:none; 
  }
#painters2 li {
  width:75px; 
  height:20px; 
  float:left;
  border:1px solid #000;
  margin-right:2px;
  }
#painters2 a em {
  font-style:normal; 
  font-size:1em; 
  line-height:1.5em;
  }
#painters2 a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:75px; 
  height:20px; 
  display:block;
  text-align:center;
  }
#painters2 a.red {background:#c00; color:#fff;}
#painters2 a.orange {background:#fc0; color:#000;}
#painters2 a.yellow {background:#ee0; color:#000;}
#painters2 a.green {background:#080; color:#fff;}
#painters2 a.blue {background:#00c; color:#fff;}
#painters2 a:hover {
  width:120px; 
  height:28px;
  z-index:200;
  background:transparent url(../ads/opaque.gif);
  }
#painters2 a:hover em {
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #000;
  position:absolute; 
  width:120px; 
  height:25px;
  left:-12px; 
  top:-4px;
  }
#painters2 a:hover.red em {background:#c00;}
#painters2 a:hover.orange em {background:#fc0;}
#painters2 a:hover.yellow em {background:#ee0;}
#painters2 a:hover.green em {background:#080;}
#painters2 a:hover.blue em {background:#00c;}

.logo {
	background-color: transparent;
	background-image: url(images/DraytonWoods-Logo2png2.png);
	position: absolute;
	height: 104px;
	width: 313px;
	right: 35px;
	top: 35px;
}



.contain {
	font-family: Verdana, Geneva, sans-serif;
	color: #222;
}
.whitext {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 110%;
	font-style: normal;
	line-height: normal;
	color: #FFF;
	background-color: transparent;
	padding-top: 30px;
	
}
.whitext a:link {
		text-decoration: underline;
		color: #FFF;	
}
.whitext a:hover {
		text-decoration: none;
		color: #FFF;	
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.list {
	list-style: url(images/check.png) none outside;
}
.direction {
	font-size: 1.2em;
	color: #663366;
	text-align: left;
	text-decoration: none;
}


/* <body bgcolor="#35d2e8">

  <div id="content_head"></div>

  <div id="content_left">
  <br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/>

  <br/><br/><br/><br/><br/><br/><br/><br/>
  </div>

  <div id="content_center">
  <br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/>
  </div>

  <div id="content_right">

  <br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/>
  </div>

  <a href="http://validator.w3.org/check?uri=referer"><img class="valid" src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
  <br/><a href="http://www.zachgraeve.com" class="linkBack">Embrace Your Vice<sup style="font-size: 50%;">TM</sup></a>
  <a href="javascript:ViewSource()" class="linkSource">View Source</a> */

  

.phone {
	font-style: oblique;
	color: #A00;
	text-decoration: none;
	background: #FFC;
}