/* STYLESHEET for Kyle Builders.com */
/* Developed by Pier 2 Design */
html {
  margin:0;
  padding:0;
}

body {
  background:#d7d7d7 url(images/grayblob.png) repeat top;
  padding:0;
  margin:0;
}
#globalwrap {
  margin:0;
  padding:0;
  width:100%;
  text-align:center;
  background:url(images/header-section.png) repeat-x top;
}
#header {
  margin:0px auto;
  width:928px;
  text-align:left;
}
#headerlogo {
  position:relative;
  height:125px;
  padding-top:15px;
  background:url(images/header-logo.png) no-repeat left center;
}
#headerbox {
  position:relative;
  height:478px;
  background:url(images/header-box.jpg) no-repeat;
}
#page {
  margin:0px auto;
  padding:0 0 12px 0;
  width:928px;
  background:white url(images/page-ender.png) no-repeat left bottom;
  text-align:left;
}
#contents {
  width:560px;
  margin-left:36px;
  margin-right:36px;
  padding-top:70px !important;
  padding-top:36px;
  font-family: SemiticaDict, Georgia, "Times New Roman", New York, Times, serif;
}

.clearboth {
  clear:both;
}

/* SIDEBAR */
#sidebar {
  float:right;
  width:285px;
  margin-left:0px;
  padding-top:60px;
  background:url(images/sidebar-topper.png) no-repeat;
  font-weight:bold;
  text-indent:16px;
}
#sidebar ul {
  margin:0 0 0 32px;
  padding:0;
  list-style-type:none;
}
#sidebar li {
  background:url(images/check.gif) no-repeat 0 2px;
  padding-left:25px;
  padding-right:16px;
  margin-bottom:8px;
  text-indent:0;
}


/* NAVIGATION */
#navigation {
  float:right;
  height:44px;
  width:643px;
  background:url(images/nav-section.png) repeat-x;
}

#navigation ul {
  margin:0;
  padding:2px 0 0 10px;
  list-style-type:none;
}
#navigation ul li {
  float:left;
  margin-right:3px;
}
#navigation ul a {
  text-decoration:none;
  text-align:center;
  font-size:1.8em;
  color:#841618;
}

#navigation a:link, #navigation a:visited {
  display:block;
  width:155px;
  height:43px;
  background:url(images/button-dual-state.png) no-repeat;
  line-height:1.5em
}
#navigation a:hover {
  background-position:-155px;
}

#headerbox ul {
  margin:0 0 0 0;
  padding:20px 0 0 32px;
  list-style-type:none;
}
#headerbox ul li {
  float:left;
  margin-right:22.3px;
}
#headerbox ul a {
  text-decoration:none;
  text-align:left;
  font-size:1.7em;
  color:#000;
}
#headerbox a:link, #headerbox a:visited {
  display:block;
  width:153px;
  height:200px;
  line-height:0.7em
}
#headerbox a:hover {
  color:#177725;
}

.getdown {
  display:block;
  padding:155px 0 0 5px;
}
li small {
  font-size:0.6em;
  line-height:0.8em;
}

.deck {
  background:url(images/top_nav_01.png) no-repeat;
}
.deck2 {
  background:url(images/top_nav_02.png) no-repeat;
}
.brick {
  background:url(images/top_nav_03.png) no-repeat;
}
.finished {
  background:url(images/top_nav_245.png) no-repeat;
}
.other {
  background:url(images/top_nav_05.png) no-repeat;
}
.alum {
  background:url(images/top_nav_62.png) no-repeat;
}
.pavers {
  background:url(images/top_nav_07.png) no-repeat;
}
.boardwalks {
  background:url(images/top_nav_08.png) no-repeat;
}
.steel {
  background:url(images/top_nav_340.png) no-repeat;
}
.screened {
  background:url(images/top_nav_214.png) no-repeat;
}

/* FOOTER STYLES */
#footer {
  width:100%;
  margin-top:16px;
  background:#b8b8b8;
}
#footwrap {
  margin:0 auto;
  text-align:left;
  width:928px;
  padding:6px 0;
  color:#363636;
  font-weight:bold;
  font-variant:small-caps;
}
.estimate {
  float:right;
  display:inline;
  height:145px;
  width:138px;
  background:url(images/estimates.jpg) no-repeat;
}
#footwrap a {
  color:#841618;
  text-decoration:none;
}
#footwrap a:hover {
  text-decoration:underline;
}


/* STYLING TAGS */
h1 {
  color:#7d7d7d;
  font-variant:small-caps;
}
h2, legend {
  font-size:110%;
  letter-spacing:2px;
  font-variant:small-caps;
  margin:16px 0 3px 0;
  color:#000;
}
h3 {
  color:#7d7d7d;
  font-variant:small-caps;
}
legend {
  margin:-14px 5px 0 5px;
}
fieldset {
  margin: 22px 0 22px 16px;
  padding: 13px 0;
  border:1px solid #666;
}
fieldset fieldset {
  background:url(images/nav-section.png) repeat-x !important;
  background:url(images/nav-section.png) repeat-x 0 9px;
}
fieldset p {
  padding-left:16px ;
}
input, textarea {
  background:#e9e8e7;
}
input:focus, textarea:focus {
  background: #fff;
}

hr {
  margin:10px 0;
  padding:0;
}
.alignright {
  float:right;
  margin: 8px 0 8px 8px;
  width:285px;
  border:2px solid #841718;
}
.alignleft {
  float:left;
  margin: 8px 8px 8px 0;
  width:285px;
  border:2px solid #841718;
}
a img {
  border: none;
}
.dnd {
  display:none;
}