html {
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	}
body { 
	font: 90% Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color: #333; 
	background:url(../images/tileBG.png) top center repeat-x;
	margin: 0px; 
	padding: 0px;
	width:100%;height:100%;
	text-align:center;
	}


a.social:link {text-decoration:none; padding:0px; background-color:transparent;}

a:link { 
 
	text-decoration: underline; 
	color: #555;
	}
a:visited { 

	text-decoration: underline; 
	color: #555;
	}
a:hover, a:active { 
	text-decoration: underline;
	background-color:#ececec; 
	color: #F36;
	}

.oneColLiqCtrHdr #container {
	width:1050px;
	margin: 5px auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}

a.eatpaint:hover, a.eatpaint:active{border:none; margin:0; padding:0; background-color:transparent;}

#eatpaint_splash {width:940px}

#eatpaint_splash img{padding:30px; float:left; }

#eatpaint_splash h1 {color:#333; padding-top:110px; margin-left:530px; font-weight:200;}

#eatpaint_splash ul{font-family:"Reenie Beanie", Arial,  Helvetica, sans-serif; margin-left:550px; font-size:36px; color:#555; line-height:1.2em;}
 
 
#eatpaint_splash ul li{list-style:none;}

#eatpaint_splash p{color:#333; letter-spacing:.2em; font-size:16pt; font-weight:200;}

#leftCol, #rightCol
	{float:left; padding-right:5px;}

#leftCol {width:210px; margin-top:-30px;}


#leftCol ul{
margin-left: 20px;
padding: 5px;
text-transform:uppercase;
font-size: 14px;
font-weight:bold;
}

#leftCol li{
display: block;
margin: 9px;
list-style-type: none;
}

#leftCol li a{
text-decoration: none;
margin: 0px;
padding: 8px; /*padding inside each tab*/
color: #ececec;
background:#252525; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}

#leftCol li a:visited{
color: #ececec;
}

#leftCol li a:hover, #leftCol li.selected a{
background: #ececec; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
color:#F06;}

		
#rightCol {width:700px; margin-left:10px; padding:0 10px 0 25px;}


	
	/* Miscellaneous classes for reuse */
.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;
}
.oneColLiqCtrHdr #footer {
	padding:10px;
	background:#ccc;
	clear: both;
	width: 100%; 
	
	 /* this padding matches the left alignment of the elements in the divs that appear above it. */
	
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	color:#666;
	font-size:11px;
	letter-spacing:1em;
}

.oneColLiqCtrHdr #footer .fine {font-size:11px;
	letter-spacing:normal;
	color:#999;}
	
	/* social network in footer */
	
	
.facebook {
  display: block;
  width : 48px;
  height: 48px;
  background: url(../icons/facebook.png) top left no-repeat;
  position: absolute;
 left:30px;
 top:600px;

}

.facebook:hover {
   background: url(../icons/facebook_hover.png) top left no-repeat;
}

.twitter {
  display: block;
 width : 48px;
  height: 48px;
  background: url(../icons/twitter.png) top left no-repeat;
  position: absolute;
 left:80px;
 top:600px;

}

 .twitter:hover {
   background: url(../icons/twitter_hover.png) top left no-repeat;
}

.linkedin {
  display: block;
 width : 48px;
  height: 48px;
  background: url(../icons/linkedin.png) top left no-repeat;
  position: absolute;
  left:130px;
 top:600px;

}

.linkedin:hover {
   background: url(../icons/linkedin_hover.png) top left no-repeat;
}




div.figure {
  float: left;
  width:155px;

  margin: 0.2em;
  padding: 0.2em;
}

img.scaled {
  width: 100%;
}

.box {width:150px; height:200px; float:left; padding:10px; margin:5px; border:1px solid #ececec; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 5px 5px 5px #000;  -webkit-box-shadow: 5px 5px 5px #000; box-shadow: 5px 5px 5px #000;}

.clearfix:after
{content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}


/*for IE6*/
*html .clearfix {
height: 1%;}

/*for IE7*/
*:first-child+html .group {
min-height: 1px;}



.box p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

li {list-style-type:circle;}



h1 {font-family:'Oswald', sans-serif; color:#333; font-size:48px; line-height: 2.8em;}
h2, h3 {font-family:'Oswald', sans-serif; color:#333; font-size:18px; letter-spacing:.2em; line-height:1.5em;}

blockquote {background-color:#ececec; padding:5px; font-size:12px; color:#666; border:dashed #CCC 1px;}

.testimony {background-color:#ececec; padding:5px; font-size:12px; color:#666;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  position: relative;
 
}

#special {background-color:#fff; 
-moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  padding: .5em 1em;
 }