/* 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;
}
#headerbox2 {
	padding-top:20px;
  position:relative;
  height:276px;
  background:url(images/header-box2.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:880px;
  margin-left:36px;
  margin-top:60px !important;
  font-family: SemiticaDict, Georgia, "Times New Roman", New York, Times, serif;
}

#contents p{
	font-size:16px;
  font-family: SemiticaDict, Georgia, "Times New Roman", New York, Times, serif;
  margin-bottom:30px;
}


.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 a:link, #headerbox a:visited {
  display:block;
  width:153px;
  height:200px;
  line-height:0.7em
}
#headerbox a:hover {
  color:#177725;
}
.newslide a:hover {
  color:#177725;
}
.newslide a:link, #headerbox a:visited {
  display:block;
  width:153px;
  height:200px;

}
.newslide a {
  text-decoration:none;
  text-align:left;
  font-size:1.7em;
  color:#000;
}
.newslide li small {
  font-size:0.6em;

}

.getdown {
  display:block;
  padding:155px 0 0 5px;
}
.getdown2 {
  display:block;
  padding:0px 0 0 5px;
  line-height:0.8em;
}
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;
}



ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 880px;
	background: #222;
	font-size: 1.2em;
	background: url(images/nav/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	z-index: 10;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #861418;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(images/nav/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(images/nav/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #dcdcdc;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #e7e7e7;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #dcdcdc; /*--Create bevel effect--*/
	border-bottom: 1px solid #e7e7e7; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #dcdcdc url(images/nav/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #bebebe url(images/nav/dropdown_linkbg.gif) no-repeat 10px center;
}

.midl{
width:400px; position: relative; float: left;	
}

.midr{
width:400px; position: relative; float:left;
}

.mcont{
	width:880px; padding-bottom:40px; vertical-align:top;
}

a.mlink:link {color:#841618; text-decoration:none; letter-spacing:2px; font-variant:small-caps; font-size:36px}      /* unvisited link */
a.mlink:visited {color:#841618; text-decoration:none; letter-spacing:2px; font-variant:small-caps; font-size:36px}  /* visited link */
a.mlink:hover {color:#841618; text-decoration:none; letter-spacing:2px; font-variant:small-caps; font-size:36px}  /* mouse over link */
a.mlink:active {color:#841618; text-decoration:none; letter-spacing:2px; font-variant:small-caps; font-size:36px}  /* selected link */

.imgbdr{
border:2px solid #841718;
}

a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active{
color: #841618;
text-decoration: none; 
font-size:12px;
}

a.breadcrumb:hover
{
text-decoration: underline;
}