/**BY OMIRA GROUP*/
#sub-r {
	position:relative;
}
#cover {
	width:100%;
	height:60px;
	position:absolute;
	z-index: 100;
	background-color:#FFF;
	left:0;
	bottom:0;
	
}

/* by csstech */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, pre, p, blockquote, 
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, hr,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	vertical-align:baseline;
}


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
blockquote {
	font-weight:normal;
	color:#8a4703; 
}
cite {  }

a img { border:none; }

/* It's Elemental */

html {
	overflow: auto;
	overflow-x: hidden;
	overflow: -moz-scrollbars-vertical;
}


body {
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	background:#d9d4ca url(../images/framework/bg.jpg) repeat-x top left;
	color:#303030;
	line-height: 1.4em;
}

a { color:#8C4600; text-decoration:none; }
a:hover { color:#356631; text-decoration:underline; }

p {
	font-size:13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}
p { margin-bottom:12px; }
p a { color:#8C4600; text-decoration:none; }
p strong a { color:#356631; }

dl { padding-top: 0.5em; }
dt { padding-bottom: 0.5em; }
dd { padding-bottom: 15px; padding-left:4em; line-height: 1.2em; }
dt a { text-decoration:underline; color:#30922e; }
dt a:hover { color:#039; }
dt a:visited { color:#30922e; }


h1, .h1 {
	font-size:20px;
	line-height:1.2em;
	font-style: normal;
	font-weight:bold;
	text-transform: normal;
	letter-spacing:normal;
	text-align:left;
	padding:0 0 12px 0;
	color:#426638;
}

h1 a { color:#426638; }
h1 a:hover { color:#569cdb; }

h2 {
	font-size:18px;
	line-height:1.2em;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	padding-bottom:12px;
	color:#426638;
}

h3, .h3 {
	text-align: left;
	font-size:15px;
	font-weight:bold;
	color:#426638;
	padding:0 0 15px 0;
	line-height:1.4em;
}

h3 a { color:#ba853e; text-decoration:none; }

/* Fonts */

body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

strong, em, b, i {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, address, .h1 {
    font-family: Georgia, serif;
}

/* Sections */

#wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#border-l { clear:both; width:990px; height:100%; background:url(../images/framework/shadow-l.jpg) repeat-y top left  !important; margin-left:auto; margin-right:auto; }
#border-r { width:990px; height:100%; background:url(../images/framework/shadow-r.jpg) repeat-y top right  !important; margin-left:auto; margin-right:auto; }

#header-l { width:990px; height:100%; background:url(../images/framework/hdr-l.png) no-repeat top left  !important; margin-left:auto; margin-right:auto; }
#header-r { width:990px; height:100%; background:url(../images/framework/hdr-r.png) no-repeat top right  !important;  margin-left:auto; margin-right:auto; }

#container { width:950px; margin-left:20px; margin-right:20px; background:#fff; }

/* Header */

#header { 
	background-color:#3B6D30; height:191px; width:950px; margin-left:auto; margin-right:auto; }
#header a {
	float:left;
	margin:0;
	padding:0;
}

#nav-behind {
	float:left;
	background:url(../images/framework/nav-bg.jpg) repeat-x top left;
	width:950px;
	height:40px;
	margin:0;
	padding:0;
}

#nav {
	height:32px;
	margin:4px 28px 0 0;
	text-align:right;
	list-style: none;

}

#nav ul {
	float:right;
	margin:0;
	padding:0;
	list-style: none;
	font-family: Georgia, serif;
	font-size:24px;
	letter-spacing:normal;
}

#nav ul li {
	float:left;
	display:block;
	margin: 0 0 0 14px;
	height: 32px;
	line-height: 32px;
	display:inline;
	background-repeat: no-repeat;
	background-position: top right;
}
#nav ul a, #nav ul a:visited {
	color:#fff;
	display: block ;
	text-decoration: none;
	height: 32px;
	background-repeat: no-repeat;
	background-position: top right;
	text-align:left;
}
#nav ul a span {
	visibility:hidden;
}
.home a {background-image: url(../images/framework/nav/home.png);}
.home a.selected, .home a:hover {background-image: url(../images/framework/nav/home_sel.png);}
.services a {background-image: url(../images/framework/nav/services.png);}
.services a.selected, .services a:hover {background-image: url(../images/framework/nav/services_sel.png);}
.options a {background-image: url(../images/framework/nav/paving-stone-options.png);}
.options a.selected, .options a:hover {background-image: url(../images/framework/nav/paving-stone-options_sel.png);}
.work a {background-image: url(../images/framework/nav/work.png);}
.work a.selected, .work a:hover {background-image: url(../images/framework/nav/work_sel.png);}
.why a {background-image: url(../images/framework/nav/why.png);}
.why a.selected, .why a:hover {background-image: url(../images/framework/nav/why_sel.png);}
.about a {background-image: url(../images/framework/nav/about.png);}
.about a.selected, .about a:hover {background-image: url(../images/framework/nav/about_sel.png);}
.contact a {background-image: url(../images/framework/nav/contact.png);}
.contact a.selected, .contact a:hover {background-image: url(../images/framework/nav/contact_sel.png);}

#content {
	background:#fff;
	width:950px; margin-left:auto; margin-right:auto;
}

#content-copy {float: left; width: 900px; background:#fff; margin:15px 0 15px 0;  }
#content-copy-inner { float: left; width: 900px;  padding: 0 25px 0 25px;}



/* Columns */


#footer {
	width:950px;
	height:92px;
	background-color:#54892F;
	background:url(../images/framework/footer-bg.jpg) repeat-x top left;
	text-align:center;
}

#footer p {
	padding:15px 0 2px 0;
	margin:0;
	color:#99c878;
	font-family:Georgia, serif;
	font-size:12px;
	font-style:italic;
	font-weight: normal;
}

#footer ul { 
	font-size:12px;
	list-style-type:none;
}

#footer ul li {
	width:auto;
	display:inline;
	color:#99c878;
}

#footer ul li a {
	color:#fff;
}

.credit { 
	font-size:11px;
	margin:0;
	color:#99c878;
}
.credit a { color:#99c878; }
.credit a:hover { color:#f0e8d9; }

/* Utility */

.clearall { clear:both; height:1px; }

.pad-l { margin-left:30px; }
.pad-t { padding-top:10px; }
.pad-b { padding-top:10px; }

.m-b { margin-bottom:15px; }
.m-bs { margin-bottom:8px; }
.m-t { margin-top:15px; }

.f-l { float:left; }
.f-r { float:right; }
.ta-c { text-align:center; }


.va-m { vertical-align:middle; }

.w48p { width:48%; }

/* used within paragraphs */
.img-l { float:left; padding: 5px 15px 15px 0; text-align:center; }
.img-r { float:right; margin:0; padding: 5px 0 15px 15px; text-align:center; }
.caption { font-size:75%; }

a.readmore { font-size:90%; margin-left:1em; text-align:bottom; vertical-align:middle; text-decoration:none; color:#006699; text-decoration:underline; }
a.readmore:hover { color:#27a9df; }

.txt-l { font-size:14px; }
.indent { margin-left:40px; }
.super-indent { margin-left:110px; }
.p-d { width:295px; }
.hl { color:#FDE766; }