/* Eckhoff CSS */

	* {
		margin: 0;
		padding: 0;
	}
	body {
		margin: 0 0 20px 0;
		font-family: arial, helvetica, sans-serif;
		font-size: 1em;
		background: url(/images/background.gif) repeat 0 0;
	}
	a:link, a:visited, a:active {
		color: #0066ff;
		text-decoration: none;
	}
	a:hover {
		color: #ee005a;
		text-decoration: none;
	}
	img { border-style: none; }
	h2 {
		margin-bottom: 15px;
		font-size: 1.4em;
	}
	h4 { margin: 15px 0; }
	p { margin-bottom: 15px; }
	li { margin: 0 0 0 25px; }
	#container {
		margin: 0 auto;
		width: 800px;
		background: #fff;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	#header {
		position: relative;
		height: 125px;
		background: url(/images/header_background.gif) repeat-x 0 0;
	}
	#logo {
		display: block;
		position: absolute;
		top: 28px;
		left: 28px;
		width: 271px;
		height: 70px;
		background: url(/images/logo.gif) no-repeat 0 0;
	}
	#date-and-top-links-container {
    position: absolute;
		top: 10px;
		right: 10px;
		color: #818181;
		font-size: .7em;
  }
	#date-and-top-links-container a:link, 
  #date-and-top-links-container a:visited, 
  #date-and-top-links-container a:active {
		color: #818181;
	}
	#date-and-top-links-container a:hover { color: #ee005a; }
	#menu {
		position: absolute;
		top: 53px;
		left: 405px;
		list-style-type: none;
	}
	#menu li {
		display: inline;
		margin: 0;
		padding-right: 30px;
		color: #fff;
		font-size: .9em;
		font-weight: bold;
	}
	#menu li a { color: #fff; }
	#menu li a:hover { color: #EE005A; }
	#content {
		padding: 60px 20px 20px 20px;
		background: url(/images/content_background.gif) repeat-x 0 0;
	}
	#left-content {
		float: left;
		width: 450px;
	}
	#right-content {
		float: right;
		width: 250px;
	}
	
	/* recent projects */
  #right-content #recent-projects-container { margin: 15px 0 0 0; }
	#recent-projects-container a {
		display: block;
		position: relative;
		width: 248px;
		height: 84px;
	}
	#recent-projects-container span {
		display: block;
		position: absolute;
		top: 0;
		left: 1px;
		padding-top: 1px;
		width: 240px;
		height: 17px;
		color: #fff;
		font-size: .9em;
		text-align: center;
		background: #EE005A;
		opacity: .7;
	}
	/* --recent projects */
	
	/* free estimate form */
	#free-estimate-form p {
		margin: 15px 0 0 0;
		font-size: .9em;
		font-weight: bold;
	}
	.form-field {
		font-size: 14px;
		background: #fff url(/images/form_field_background.gif) repeat-x 0 0;
		border: 1px solid #aaa;
	}
	.form-button {
		padding: 1px;
		color: #fff;
		font-size: .8em;
		font-weight: bold;
		background: #EE005A;
		border: 2px solid #373737;
	}
	.error-message { color: #EE005A; }
	.error-field {
		visibility: visible;
		color: #EE005A;
	}
	/* --free estimate form */
  
  #contact-info {
    margin-top: 10px;
    padding: 10px;
    background: #f2f2f2;
    border: 1px solid #ccc;
  }
  .separator {
		margin: 10px 0 0 0;
		height: 1px; /* for ie */
		font-size: 0; /* for ie */
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #eee;
	}
	#footer {
		position: relative;
    padding: 0 20px 20px 20px;
	}
	#footer span {
		color: #a2a2a2;
		font-size: .9em;
	}
	#footer #contact-info-link {
    position: absolute;
    top: 10px;
    right: 0;
    width: 175px;
    height: 28px;
    font-size: .9em;
  }
  #footer #contact-info-link a:link, 
  #footer #contact-info-link a:visited, 
  #footer #contact-info-link a:active {
    color: #a2a2a2;
  }
  #footer #contact-info-link a:hover { color: #ee005a; }
	#copyright {
		margin: 20px auto;
		width: 800px;
		font-size: .8em;
		text-align: center;
	}
	#copyright,
	#copyright a { color: #b2b2b2; }
	#copyright a:hover { color: #EE005A; }
	  #copyright img { vertical-align: middle; }