@import url("reset.css");

/* main tags */

body { background-image: url(../images/bg-slice.jpg); background-repeat: repeat-x; color: #451e0a; background-color: #bf724e; }


h1 { font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; font-weight: 100; }
h2 { font-size: 1.0em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; font-weight: 100; }
h3 {}

.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }

.cta { float: left; margin-left: 20px; }
.list { margin-left: 20px; margin-bottom: 10px; }
.list li { list-style: disc; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.4em;  }

iframe { border: 1px solid; }


table.check { width: 440px; margin-bottom: 10px; margin-left: 20px; }
table.check tr { height: 20px; }
table.check td.head { border-bottom: 1px solid; font-weight: bold; color: #9b3f28; }
table.check td { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; width: 50%; padding-top: 5px; }



/* containers */

#container { width: 100%; height: 1000px; float: left; background-image: url(../images/bg-top.jpg); background-position: top center; background-repeat: no-repeat; }

	  #main{ width: 801px; margin: 0 auto 0 auto;  }
	
		#header{ width: 801px; height: 451px; background-image: url(../images/head-slice.jpg); background-position: bottom; background-repeat: repeat-x;  }
		
		#mainLeft { }
		#mainRight{ }
	
		#content { background-color: #efc8b7; float: left; background-image: url(../images/bg-content.gif); background-position: bottom; background-repeat: repeat-x; padding-bottom: 35px; }
		#content p { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.4em; margin-bottom: 10px; }
		#content a { font-family: Arial, Helvetica, sans-serif; color: #9b3f28; text-decoration: none; }
		#content a:hover { text-decoration: underline; }
		
		#content-left { width: 527px; float: left; padding-right: 15px; padding-left: 20px; padding-top: 20px; }
		#content-left img { float: right; margin-left: 10px; margin-bottom: 10px; border: 1px solid #451e0a;;  }
		#address { width: 219px; height: 300px; background-image: url(../images/bg-contact.gif); background-repeat: no-repeat; float: right; padding-top: 20px; padding-left: 20px; } 
		
	#footer{ background-image: url(../images/footer-bg.jpg); width: 781px; height: 40px; float: left; clear: both; padding-left: 20px; }
	#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding-top: 16px;}
	#footer a { font-family: Arial, Helvetica, sans-serif; color: #451e0a; text-decoration: none; margin-right: 10px; }
	#footer a:hover { text-decoration: underline; }
	#footer img { margin-top: 6px; }
	
	
/* navigation */

ul#nav{ width: 400px; float: right; display: block; margin-top: 20px; }

#nav li.home { float: left; width: 70px; height: 32px; float: left; }
#nav li.profile { float: left; width: 64px; height: 32px; float: left; }
#nav li.services { float: left; width: 81px; height: 32px; float: left; }
#nav li.checklist { float: left; width: 84px; height: 32px; float: left; }
#nav li.contact { float: left; width: 98px; height: 32px; float: left; }

#nav li.home a { width: 70px; height: 32px; display: block; background-image: url(../images/nav_01.jpg); text-indent: -9999px; }
#nav li.profile a { width: 64px; height: 32px; display: block; background-image: url(../images/nav_02.jpg); text-indent: -9999px; }
#nav li.services a { width: 81px; height: 32px; display: block; background-image: url(../images/nav_03.jpg); text-indent: -9999px; }
#nav li.checklist a { width: 84px; height: 32px; display: block; background-image: url(../images/nav_04.jpg); text-indent: -9999px; }
#nav li.contact a { width: 93px; height: 32px; display: block; background-image: url(../images/nav_05.jpg); text-indent: -9999px; }

#nav li.home a:hover, li.profile a:hover, #nav li.services a:hover, #nav li.checklist a:hover, #nav li.contact a:hover { background-position: 0 -32px; }
#page-home li.home a, #page-services li.services a, #page-profile li.profile a, #page-checklist li.checklist a, #page-contact li.contact a { background-position: 0 -32px; }

/* form */

#form-holder { width: 300px; float: left; }

.form { margin-top: 10px; float: left; display: block; width: 300px;   }
.form li { margin-bottom: 5px; } 
.form label  { display: inline-block; width: 80px; vertical-align: top; float: left; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding-top: 5px; }


input { font-family: Arial, Helvetica, sans-serif; }
textarea { width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding-left: 3px; }

#banner {
  clear: both;
  display: block;
}

#slideshow {
  float: right;
  display: inline;
  height: 160px;
  width: 575px;
  margin: 0 0 60px;
  position: relative;
  overflow: hidden;
}

#slideshow img {top: 0; left: 0;}