@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

@font-face {
    font-family: 'UniversCondensedMedium';
    src: url('../fonts/unvr57w-webfont.eot');
    src: url('../fonts/unvr57w-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/unvr57w-webfont.woff') format('woff'),
         url('../fonts/unvr57w-webfont.ttf') format('truetype'),
         url('../fonts/unvr57w-webfont.svg#UniversCondensedMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #D6D6D6;
	font-size: 11px;
	color: #666666;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

ul {
  margin-left: 16px;
  line-height: 16px;
  color: #666666;
  margin-top: 10px;
  font-size: 11px;
}

ul li {
  padding-left: 3px;
}

#container {
	width: 809px;
	position: absolute;
	top: 0;
	left: 180px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.left-container {
	width: 149px;
	background-color: #333;
	padding: 17px;
	padding-left: 14px;
	position: absolute;
	min-height: 100%;
}

.left-button a:link, .left-button a:visited {
  font-family: 'UniversCondensedMedium';
  color: #999;
  font-size: 18px;
  text-decoration: none;
  list-style: none;
  font-weight: bold;
  background-color: #1c1c1c;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  display: block;
}

.header {
	height: 144px;
	background-color: #333;
	border-top: 1px solid #fff;
}

.header img { margin-top: 36px; margin-left: 29px; }

.left-button a:hover {
  background-color: #000;
}

.green-button li a {
  color: #fff;
  text-decoration: none;
}

.left-button {
  margin: 23px 0 0 0; padding: 0;
  list-style: none;
  width: 150px;
  display: block;
}

.left-button li {
  padding-left: 0;
  margin-bottom: 7px;
}

.nav-bg {
	height: 46px;
	background-color: #BC7101;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

.main {
	background-color: #fff;
	padding: 20px 29px;
	overflow: hidden;
}

.main h1 { font-weight: normal; font-size: 30px; color: #333; }

.main hr { border: none; border-top: 1px solid #ccc; margin-top: 14px; margin-bottom: 17px; }

.left-main { float: left; display: inline; width: 437px; }
.left-main p { margin-bottom: 12px; line-height: 16px; }

.featured ul {
  margin-left: 16px;
  line-height: 19px;
  color: #333;
  margin-top: 5px;
  font-size: 11px;
  list-style: none;
}

.featured li {
  padding-left: 30px;
  background: url(../images/arrow.jpg) no-repeat;
  list-style: none;
  margin-bottom: 20px;
   padding-right: 10px;
}

.right-main {
	float: right;
	display: inline;
	width: 299px;
}

.right-main p { line-height: 19px; margin-bottom: 12px; color: #333; }

a { color: #F15926; text-decoration: none; }
a:hover { text-decoration: underline; }

.footer {
	float: left;
	width: 775px;
	background-color: #e5e5e5;
	padding: 30px 17px;
}

.footer-right {
	float: right;
	display: inline;
	width: 350px;
	text-align: right;
}

.footer-right p { font-size: 10px; line-height: 16px; color: #666666; }

.footer a { font-size: 11px; font-weight: bold; float: left; display: inline; margin-left: 39px; color: #666666; }
.footer a:hover { color: #F15926; text-decoration: none; }

.serv-box {
	float: left;
	display: inline;
	width: 150px;
}

/******************* NAV CLASSES *******************/

#nav a:link, #nav a:visited {
  text-decoration: none;
  list-style: none;
  background-position: 0 0;
}

#nav a:hover, #nav li .current {
  text-decoration: none;
  list-style: none;
  background-position: 0 -46px;
}

#nav li a {
  display: block;
    height: 46px;
}

#nav {
  margin: 0px 0 0 0; padding: 0;
  list-style: none;
  text-indent: -5000px;
  width: 100%;
}

#nav li {
  margin: 0 0 0 0;
  _margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  list-style: none;
  margin-right: 0px;
  padding-left: 0px;
  margin-left: 0px;
}

#nav li:first-child { margin-left: 0; }

#nav li #home { background-image: url(../images/buttons/home.gif); width: 76px; }
#nav li #services { background-image: url(../images/buttons/services.gif); width: 99px; }
#nav li #applications { background-image: url(../images/buttons/decorative-applications.gif); width: 221px; }
#nav li #portfolio { background-image: url(../images/buttons/portfolio.gif); width: 146px; }
#nav li #homes { background-image: url(../images/buttons/custom-homes.gif); width: 148px; }
#nav li #contact { background-image: url(../images/buttons/contact.gif); width: 119px; }