* {
	margin: 0;
	padding: 0;
}
html {
	width:100%;
	height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #544833;
	line-height:17px;
	width: 100%;
	min-width:750px;
	background: #8b6b40 url(images/body_bg.jpg);
}
a {
	color: #927644;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
ul, ol {
	margin-left:25px;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
h1 {
	font-size: 16px;
	line-height:18px;
	font-weight: bold;
	color: #000;
	padding: 0px 0px 5px 0px;
}
 
h2 {
	font-size: 14px;
	line-height:16px;
	font-weight: bold;
	color: #000;
	padding: 0px 0px 5px 0px;
}
h3 {
	font-size:14px;
	line-height:16px;
	font-weight: bold;
	color:#000;
	padding: 0px 0px 5px 0px;
}
.h3 {
	font-size:14px;
	line-height:16px;
	font-weight: bold;
	color:#000;
}
.ul_columns ul {
	float: left;
	margin:0px;
	padding-left:25px;
	padding-right:10px;
}

fieldset {
	border: 0px solid transparent;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input {
	vertical-align: middle;
}

.required {
	color:#F00;
}

.clear {
	height:0;
	font-size:1px;
	line-height:0px;
	clear:both;
}

.hidden {
	display: none;
}

.hr {
	line-height:1px;
	height:1px;
	font-size:1px;
	background:url(images/hr_bg.gif) top repeat-x;
}

.img_left {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.img_right {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

.images {
	border: #fff2d8 solid 2px;
	background: #7f623a;
}
.images_left {
	border: #fff2d8 solid 2px;
	background: #7f623a;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.images_right {
	border: #fff2d8 solid 2px;
	background: #7f623a;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.imagesmallname {
	color: #544833; 
	font-weight: normal;
}
.imagemediumname {
	color: #544833; 
	font-weight: bold;
}
.imagebigname {
	color: #000; 
	font-weight: bold;
}
.imagepages {
	color: #927644; 
	font-weight: normal;
}
.imagepageselected {
	color: #000; 
	font-weight: bold;
}
.imagepagesnav {
	color: #927644; 
	font-weight: normal;
}
.imagebignav {
	color: #544833; 
	font-weight: bold;
}
.sectionname {
	color: #927644; 
	font-weight: bold;
}
.sectionnameselected {
	color: #000; 
	font-weight: bold;
}

/* Wrapper
-----------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	background: url(images/wrapper_bg.jpg) top repeat-x;
}

/* Wrapper1
-----------------------------------------------------------------------------*/
#wrapper1 {
	width: 100%;
	background: url(images/wrapper1_bg.jpg) center top repeat-y;
}

/* Wrapper2
-----------------------------------------------------------------------------*/
#wrapper2 {
	width: 100%;
	background: url(images/wrapper2_bg.jpg) center top repeat-y;
}

/* Wrapper3
-----------------------------------------------------------------------------*/
#wrapper3 {
	width: 100%;
	background: url(images/wrapper3_bg.jpg) center top no-repeat;
	padding-top: 33px;
}

/* Wrapper4
-----------------------------------------------------------------------------*/
#wrapper4 {
	width: 100%;
	background: url(images/wrapper4_bg.jpg) center bottom no-repeat;
}

/* Wrapper5
-----------------------------------------------------------------------------*/
#wrapper5 {
	width: 750px;
	position:relative;
	left:50%;
	margin-left: -375px;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	width: 780px;
	height: 99px;
	position: relative;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}
#header h1 {
	width: 260px;
	height: 99px;
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	float: left;
}
#header h1 a {
	background: url(images/logo.jpg) left top no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#header h2 {
	width: 490px;
	height: 99px;
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	float: left;
	z-index: 0;
}
#header h2 a {
	background: url(images/header_bg.jpg) left top no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#header h3 {
	font-size: 13px;
	position: absolute;
	left: 570px;
	top: 68px;
	text-align:right;
	color: #ffefcf;
	height: 100px;
	line-height: 18px;
}
#header h3 a {
	font-size: 16px;
	line-height:20px;
	color: #ffffff;
	font-weight: bold;
}
#header h3 a:hover {
	text-decoration: none;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	background: url(images/middle_bg.jpg) left top repeat-y;
}

/* Middle1
-----------------------------------------------------------------------------*/
#middle1 {
	width: 100%;
	background: url(images/middle1_bg.jpg) left bottom no-repeat;
	padding-bottom: 44px;
}

/* Middle2
-----------------------------------------------------------------------------*/
#middle2 {
	width: 100%;
	background: url(images/middle2_bg.jpg) left top no-repeat;
}

/* Middle3
-----------------------------------------------------------------------------*/
#middle3 {
	width: 100%;
	background: url(images/middle3_bg.jpg) left bottom no-repeat;
	overflow: hidden;
}

/* Side
-----------------------------------------------------------------------------*/
#side {
	width: 254px;
	float: left;
}

/* Menu
-----------------------------------------------------------------------------*/
#menu {
	width: 193px;
	padding: 248px 29px 20px 32px; 
}

#menu ul {
	width: 171px;
	margin: 0px;
	padding: 0px;
	list-style:none;
	list-style-image:none;
}
#menu ul li {
	width: 171px;
	height: 34px;
	background: url(images/menu_li_bg.jpg) left top no-repeat;
	line-height: 1px;
	font-size: 1px;
}
#menu a {
	display: block;
	width: 171px;
	height: 31px;
	line-height: 31px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-indent: -5000px;
}

a#menu_home {
	background: url(images/menu_home.jpg) center no-repeat;
}
a#menu_home:hover, a.menu_home_selected {
	background: url(images/menu_home_on.jpg) center no-repeat !important;
}
a#menu_about {
	background: url(images/menu_about.jpg) center no-repeat;
}
a#menu_about:hover, a.menu_about_selected {
	background: url(images/menu_about_on.jpg) center no-repeat !important;
}
a#menu_portfolio {
	background: url(images/menu_portfolio.jpg) center no-repeat;
}
a#menu_portfolio:hover, a.menu_portfolio_selected {
	background: url(images/menu_portfolio_on.jpg) center no-repeat !important;
}
a#menu_pavers {
	background: url(images/menu_pavers.jpg) center no-repeat;
}
a#menu_pavers:hover, a.menu_pavers_selected {
	background: url(images/menu_pavers_on.jpg) center no-repeat !important;
}
a#menu_retaining_walls {
	background: url(images/menu_retaining_walls.jpg) center no-repeat;
}
a#menu_retaining_walls:hover, a.menu_retaining_walls_selected {
	background: url(images/menu_retaining_walls_on.jpg) center no-repeat !important;
}
a#menu_request {
	background: url(images/menu_request.jpg) center no-repeat;
}
a#menu_request:hover, a.menu_request_selected {
	background: url(images/menu_request_on.jpg) center no-repeat !important;
}
a#menu_contact {
	background: url(images/menu_contact.jpg) center no-repeat;
}
a#menu_contact:hover, a.menu_contact_selected {
	background: url(images/menu_contact_on.jpg) center no-repeat !important;
}

/* content
-----------------------------------------------------------------------------*/
#content {
	width: 432px;
	float: left;
	padding: 20px 19px 20px 20px;
	min-height: 670px;
	height: auto !important;
	height: 670px;
}


/* title
-----------------------------------------------------------------------------*/
.content_title {
	height: 27px;
}

/* Slideshow
-----------------------------------------------------------------------------*/
#slideshow {
	width: 432px;
	height: 257px;
	overflow: hidden;
	float: left;
	padding-bottom: 15px;
	background:url(images/slideshow_bg.jpg) left bottom no-repeat;
}
#slideshow img {
/*	visibility: hidden;*/
}

/* Portfolio home
-----------------------------------------------------------------------------*/
#portfolio_home span {
	display: block;
	float: left;
	width: 105px;
	padding-right: 4px;
	text-align: right;
}
#portfolio_home .last {
	padding-right: 0px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 107px;
	vertical-align: top;
}

/* Footer1
-----------------------------------------------------------------------------*/
#footer1 {
	width: 750px;
	position:relative;
	left:50%;
	margin-left: -375px;
}

/* Footer2
-----------------------------------------------------------------------------*/
#footer2 {
	color: #fefefe;
	font-size: 12px;
	line-height: 15px;
	padding: 25px 25px 0px 25px;
}

#footer2 div {
	top: -45px;
	position:relative;
	text-align:right;
}
#footer2 a {
	color: #fefefe;
}

/* area_we_service
-----------------------------------------------------------------------------*/
#area_service {
	display:none;
}
.area_service_ul {
	padding-right:20px;
	padding-top:10px;
	vertical-align:top;
	line-height: 17px;
	float: left;
}

/* Contact
-----------------------------------------------------------------------------*/
#contact_address {
	width: 150px;
	float:left;
}
#contact_form {
	width: 270px;
	float:right;
}
#contact_form label {
	float: left;
	width: 125px;
}
#contact_form input {
	height:18px;
	width: 120px;
}
#contact_form #labelState {
	width: 45px;
}
#contact_form input#state {
	width: 40px;
	text-transform:uppercase;
}
#contact_form #labelZip {
	width: 80px;
}
#contact_form input#zip {
	width: 75px;
}
#contact_form input#address, #contact_form textarea {
	width: 245px;
}
#contact_form textarea {
	height:100px;
}

#scode_block {
	width: 240px;
	font-size:11px;
	line-height:13px;
	text-align: left;
}
#scode_block input#scode {
	width: 60px;
	text-transform:uppercase;
	text-align:center;
	height:18px;
}
#scode_block .submit {
	color: #ffffff;
	background-color:#000000;
	font-size:11px;
	font-weight: bold;
	width:80px;
	height:22px;
}
#scode_block div {
	width: 250px;
	position:relative;
	left:50%;
	margin-left: -125px;
}
#scode_block span {
	float: left;
	padding: 0px 2px 0px 2px;
}

/* Request
-----------------------------------------------------------------------------*/
#request_form {
	width: 435px;
}
#request_form fieldset {
	border: 1px solid #fff;
	padding: 10px;
}
#request_form legend {
	font-weight: bold;
}
#request_form label {
	float: left;
	width: 205px;
}
#request_form input {
	width: 200px;
	height:18px;
}
#request_form select {
	width: 205px;
	height:22px;
}
#request_form #labelState {
	width: 45px;
}
#request_form input#state {
	width: 40px;
	text-transform:uppercase;
}
#request_form input#email, #request_form input#comp_address, #request_form textarea {
	width: 405px;
}
#request_form textarea {
	height:100px;
}
#request_form #scode_block {
	width: 400px;
}

