body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

img {border: none;}

#closed {
	position: absolute;
	top: 80px;
	left:400px;
	background-color: #990000;
	color: #FFFFFF;
	width: 450px;
	height: 300px;
	z-index: 1000px;
	background-image: url(../images/closed.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 2px #000000 solid; 
}

/* ---------------------------------------------  Section Containers --------------------------------------------- */

#topContainer {
	width: 100%;
	float: left;
	clear: both;
}

#middleContainer {
	width: 100%;
	background-color: #b0957e;
	float: left;
	clear: both;
	margin: 35px 0 0 0;
	padding: 0 0 35px 0;
	background-image: url(../images/middle-bottom.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#bottomContainer {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px 0;
}

#container {
	position: relative;
	left: 50%;
	margin: 0px 0px 0px -475px;
	padding: 0px 0px 0px 0px;
	width: 950px;
	height: auto;
	top: 0px;
	float: left;
}

/* ---------------------------------------------  Banner and Top Map Area --------------------------------------------- */

.topNumber {
	float: left;
	margin: 35px 0 0 0;
	width: 245px;
	height: 46px;
	float: left;
}

.location {
	margin: 30px 0 0 15px;
	padding: 0;
	width: 165px;
	float: left;
	height: 50px;
}

address p{
	font-size: 11px;
	font-style: normal;
	color: #666666;
	margin: 0;
	padding: 0;
}

#logo {
	float: right;
	margin: 22px 169px 0 0;
	width: 202px;
	height: 41px;
}

#underLogo {
	float: right;
	margin: 0 26px 0 0;
	width: 468px;
	height: 18px;
	background-image: url(../images/underlogo.jpg);
}

#map a {
	display: block;
	width: 468px;
	height: 242px;
	background: url(../images/map.jpg) no-repeat top left;
	float: left;
	margin: 0;
	position: relative;
}
#map a:hover {
	background-position: bottom left;
}

/* ---------------------------------------------  Quick Contact Form --------------------------------------------- */

#qc {
	float: left;
	margin: 0;
	width: 456px;
	height: 242px;
	background-image:url(../images/qc-bg.jpg);
}

#qcRight {
	float: left;
	margin: 0px;
	width: 22px;
	height: 242px;
	background-image: url(../images/qc-right.jpg);
}

#contactForm {
	float: left;
	margin: 33px 0 0 30px;
}

#formLeft {
	width: 180px;
	float: left;
}

#formRight {
	width: 180px;
	float: left;
	margin: 0 0 0 20px;
}

#contactForm input{
	padding: 5px;
	margin: 0 0 5px 0;
	border: solid 1px #666666;
	background-color: #FFFFFF;
	width: 168px;
}

#contactForm textarea{
	padding: 5px;
	border: solid 1px #666666;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 160px;
	height: 100px;
	margin: 0 0 5px 0;
}

#contactForm input.form-button {
	margin: 0px;
	padding: 0px;
	width: 172px;
	height: 43px;
	float: left;
	cursor: pointer;
	background-image:url(../images/appointment.jpg);
	border: none;
	background-repeat: no-repeat;
	background-position: left top;
}

#contactForm input.form-button:hover {
	background-position: bottom left;
}

#contactForm div img {
	vertical-align: top;
}

#contactForm .address2 { display: none;}
.valid { !important;}
.invalid { color:#ff0000 !important;}


/* ---------------------------------------------  Chris & Home --------------------------------------------- */

#chris {
	float: left;
	width: 946px;
	height: 155px;
	background-image: url(../images/chris-bruun.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#chris p {
	font-size: 12px;
	line-height: 18px;
	width: 300px;
	text-align: right;
	margin: 47px 0 0 340px;
}

.home a {
	display: block;
	width: 103px;
	height: 80px;
	background: url(../images/home.jpg) no-repeat top left;
	float: left;
	margin: 37px 0 0 20px;
	position: relative;
}
.home a:hover {
	background-position: bottom left;
}

/* ---------------------------------------------  Navigation --------------------------------------------- */

#navigation {
	float: left;
	clear: both;
	margin: 0px 0 0 8px;
	position: relative;
}

#navigation2 {
	float: left;
	clear: both;
	margin: 40px 0 -35px 0;
	position: relative;
}

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  z-index: 100;
  position: relative;
}

.nav li {
  float: left;
  margin: 0 6px 0 0;
  padding: 0;
  position: relative;
  cursor: pointer;
  display: block;
}

.nav li ul li a, .nav li ul li a:link, .nav li ul li a:active, .nav li ul li a:visited {
  font-size: 18px;
  background: #000;
  color: #959595;
  display: block;
  padding: 2px 9px;
  text-decoration: none;
}

.nav li a:hover {
  background: #354f81;
  color: #fff;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #354f81;
  color: #fff;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #000;
  color: #959595;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #354f81;
  color: #fff;	
}

.nav ul {
  background: #565656;
  border-bottom: 2px solid #af947e;
  list-style: none;
  margin: 0;
  width: 240px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 38px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 2px solid #af947e;
  border-bottom: 0;
  padding-right: 20px;
  width: 220px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}

.about {
	background: url(../images/about.jpg) no-repeat top left;
	width: 162px;
	height: 38px;
}

.about:hover {
	background-position: bottom left;
}

.services {
	background: url(../images/services.jpg) no-repeat top left;
	width: 162px;
	height: 38px;
}

.services:hover {
	background-position: bottom left;
}

.discounts {
	background: url(../images/discounts.jpg) no-repeat top left;
	width: 162px;
	height: 38px;
}

.discounts:hover {
	background-position: bottom left;
}

.contact {
	background: url(../images/contact.jpg) no-repeat top left;
	width: 155px;
	height: 38px;
}

.contact:hover {
	background-position: bottom left;
}

.contact2 {
	background: url(../images/contact2.jpg) no-repeat top left;
	width: 162px;
	height: 38px;
}

.contact2:hover {
	background-position: bottom left;
}

/* ---------------------------------------------  Left Column --------------------------------------------- */

#leftColumn {
	float: left;
	width: 340px;
	margin: 10px 0 0 0;
}

#leftColumn ul {
	margin: 0px;
	padding: 5px;
}

#leftColumn li {
	margin: 0px;
	padding: 0px 5px;
	list-style: none;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
}

#leftColumn a:link,#leftColumn a:visited {
	color: #362719;
	text-decoration: underline;
}
#leftColumn a:hover,#leftColumn a:active {
	text-decoration: none;
}

.guarentee a {
	display: block;
	width: 341px;
	height: 284px;
	background: url(../images/guarantee.jpg) no-repeat top left;
	float: left;
	position: relative;
	margin: 0 0 25px 0;
}
.guarentee a:hover {
	background-position: bottom left;
}

.blog a {
	display: block;
	width: 341px;
	height: 132px;
	background: url(../images/blog.jpg) no-repeat top left;
	float: left;
	position: relative;
	margin: 0 0 25px 0;
}
.blog a:hover {
	background-position: bottom left;
}

/* ---------------------------------------------  Right Column --------------------------------------------- */

#rightColumn {
	float: right;
	margin: 10px 0 0 35px;
	width: 575px;
}

#rightColumn h1 {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

#rightColumn h4{
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	color: #4f3d2f;
	margin: 0 55px 25px 55px;
	padding: 0;
}

#rightColumn h2 {
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	font-weight: bold;
	color: #4f3d2f;
	margin: 0 0 15px 0;
	padding: 0;
}

#rightColumn h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#rightColumn p {
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	margin: 0 0 25px 0;
	padding: 0;
}

#rightColumn a:link,#rightColumn a:visited {
	color: #362719;
	text-decoration: underline;
}
#rightColumn a:hover,#rightColumn a:active {
	text-decoration: none;
}

#rightColumn li {
	margin: 0 0 0 60px;
	padding: 0px 5px;
	list-style-image: url(../images/bullet.jpg);
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
}

#rightColumn ul {
	margin: 0px;
	padding: 5px;
}

#rightColumn blockquote {
	background-color: #dbcbbe;
	color: #362719;
	font-size: 14px;
	margin: 20px;
	padding: 15px;
	border: 2px solid #c35d5d;
}

.rightImg {
	float: right;
	margin: 5px 0 15px 15px;
	border: 2px solid #c35d5d;
}


/* ---------------------------------------------  Footer Area --------------------------------------------- */

#leftFooter {
	float: left;
	margin: 0;
	width: 550px;
}

#leftFooter p{
	font-size: 10px;
	float: left;
}

#locationBottom {
	margin: 0 0 0 15px;
	padding: 0;
	width: 165px;
	float: left;
	height: 50px;
}

.number {
	width: 246px;
	float: left;
}

#rightFooter {
	float: right;
}


/* ---------------------------------------------  Main Form  ------------------------------------------------- */

#mainForm input{
	padding: 5px;
	margin: 0 0 5px 0;
	border: solid 1px #666666;
	background-color: #FFFFFF;
	width: 250px;
}

#mainForm textarea{
	padding: 5px;
	border: solid 1px #666666;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 250px;
	height: 100px;
	margin: 0 0 5px 0;
}

#mainForm input.form-button2 {
	margin: 0px;
	padding: 0px;
	width: 172px;
	height: 43px;
	float: left;
	cursor: pointer;
	background-image:url(../images/form-button.jpg);
	border: none;
	background-repeat: no-repeat;
	background-position: left top;
}

#mainForm input.form-button2:hover {
	background-position: bottom left;
}

#mainForm div img {
	vertical-align: top;
}

#mainForm .address2 { display: none;}

/* ---------------------------------------------  Blog Styles  ------------------------------------------------- */

#map_canvas {
	border: 2px solid #c35d5d;
	margin: 0 0 25px 0;
}

/* ---------------------------------------------  Blog Styles  ------------------------------------------------- */

.sidebar-title {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #4f3d2f;
	margin: 0 0 15px 0;
	padding: 0;
}

/* ---------------------------------------------  Clear Fix  ------------------------------------------------- */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */
.brclear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}


