﻿@import "reset-min.css";

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

html
{
	background-color:#8C8C6D;
}

body
{
	background:#7F7F62 url("../images/background.gif") 0 0 repeat-x;
	font-family: Verdana, Arial;
	font-size:62.5%;
	margin:0;
	color:#fff;
}

a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

a:hover
{
	text-decoration:underline;
}

h2
{
	color:#3B2D32;
	margin:20px 0 10px 0;
	font-size:1.4em;
	font-weight:bold;
}

p
{
	margin:0 0 10px 0;
	font-size:1.1em;
	color:#fff;
	line-height:1.7em;
}

p strong
{
	font-weight:bold;
}

#container
{
	width:941px;
	margin:0 auto;
	position:relative;
}

/*Top Section
--------------------------------------*/

#header
{
	height:138px;
	position:relative;
	z-index:1;
}

#logo
{
	position:absolute;
	top:58px;
	left:-2px;
	width:368px;
	height:25px;
	background: url(/assets/images/mainlogo.jpg) no-repeat;
	text-indent:-99999px;
}

#call
{
	position:absolute;
	top:58px;
	right:10px;	
}

#call p
{
	font-size:2em;
	color:#3B2D32;
	margin:0;
	line-height:110%;
	font-weight:bold;
}

#call span
{
	font-size:2.3em;
	color:#fff;
}

#leafback
{

	background:url("../images/leafbackground.gif") no-repeat 0 0;
	position:absolute;
	top:0;
	left:-60px;
	z-index:0;
	height:138px;
	width:403px;
}

#nav
{
	position:absolute;
	top:98px;
	left:-8px;
}

#nav li
{
	float:left;
}

#nav li a
{
	text-decoration:none;
	display:block;
	height:19px;
	float:left;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	height:28px;
	outline:none;
}

#nav li.active a, #nav li a:hover
{
	background-position:0 -43px;
}

#nav li a.home {background-image:url("../images/navhome.gif"); width:50px;}
#nav li a.products {background-image:url("../images/navproducts.gif"); width:107px;}
#nav li a.services {background-image:url("../images/navservices.gif"); width:89px;}
#nav li a.about {background-image:url("../images/navabout.gif"); width:94px;}
#nav li a.news {background-image:url("../images/navnews.gif"); width:116px;}
#nav li a.gallery {background-image:url("../images/navgallery.gif"); width:91px;}
#nav li a.contact {background-image:url("../images/navcontact.gif"); width:104px;}

#topimages
{
	clear:left;
	padding:1px 0;
}

#topimages .left
{
	height:360px;
	width:629px;
	border-right:solid 1px #fff;
	border-left:solid 1px #fff;
	float:left;
	display:inline;
}

#topimages .right
{
	height:360px;
	width:309px;
	border-right:solid 1px #fff;
	float:left;
	display:inline;
}

#topimages img
{
	float:left;
}

/*Content Sections
--------------------------------------*/

#content
{
	width:941px;
	clear:left;
	margin-bottom:20px;
}

#content .left
{
	width:621px;
	display:inline;
	float:left;
	margin-right:10px;
}

#content .right
{
	width:300px;
	display:inline;
	float:left;
	padding:0 1px 0 9px;
}

#content .splitleft
{
	width:302px;
	display:inline;
	float:left;
}

#content .splitright
{
	width:301px;
	display:inline;
	float:left;
	padding-left:18px;
}

#topimages #rightcontent
{
	padding:19px 20px 0 19px;
	height:284px;
}

.linebox 
{
	padding-bottom:10px;
	border-top:solid 3px #77775C;
}

.homep
{
    border-bottom:solid 3px #77775C;
}

.linebox p.padright
{
	padding-right:100px;
}

.linebox p a
{
    font-size:0.8em;
}

.biglinebox 
{
	border-bottom:solid 3px #77775C;
}

#content .first
{
	border-top:0;
}

.left p
{
	margin-bottom:20px;
}

#content h1
{
	color:#3B2D32;
	margin:20px 0 10px 0;
	font-size:1.6em;
	font-weight:bold;
	width:440px;
}

#content h3
{
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
	padding-bottom:10px;
}

/*Left Content Section
--------------------------------------*/

.splitleft p
{
	padding-right:23px;
	margin-bottom:10px;
}

.splitright p
{
	margin-bottom:10px;
}


.left ul li
{
	font-size:1.1em;
	color:#fff;
	line-height:1.5em;
	margin-bottom:5px;
	padding-left:10px;
	background:url("../images/bullet.gif") no-repeat 0 50%;
}

#latestnews a
{
	font-weight:normal;
}

#latestnews li.first
{
	padding-top:0;
}
	

#latestnews li
{
	border-bottom:solid 3px #77775C;
	padding:10px 0;
	font-weight:normal;
	font-size:1.1em;
	line-height:1.4em;
	background-image:none;
	margin:0;
}

#latestnews li.item
{
	width:621px;
}

#latestnews li span
{
	font-weight:bold;
}

#latestnews li.more
{
	border-bottom:none;
}

#latestnews li a.more
{
	font-size:0.9em;
	font-weight:bold;
}

.paging
{
	float:left;
}

.paging ul 
{
	margin:0 auto;
}

.paging li
{
	float:left;
	border:0 !important;
	padding:0 !important;
	line-height:normal !important;
}

.paging li.centre
{
	width:485px;
}

.paging li.prev
{
	width:80px;
}

.paging li.next
{
	width:55px;
}

.paging li a
{
	float:left;
	font-size:0.8em !important;
}

.paging li a.active
{
	font-weight:bold !important;
}

.paging ul li
{
	margin-right:7px !important;
}

.newslinebox 
{
	margin-bottom:20px;
	border-bottom:solid 3px #77775C;
}

.newslinebox p
{
	margin:0 0 20px 0;
}

.newsimage
{
	padding:0 15px 15px 15px;
	background-color:#77775C;
}

.newsimage img
{
	padding-top:15px;
}

.guarantee
{
	position:relative;
}

.guarantee img
{
	position:absolute;
	top:-10px;
	right:0px;
}

.callnow
{
	margin:20px 0 10px 0;
	border-top:none;
}

#products
{
	background-color:#8C8C72;
	padding:18px;
	list-style:none;
}

#products li
{
	padding:0 0 30px 52px;
	float:left;
	background:none;
}

#products li.first
{
	padding-left:0;
}

#products li.last
{
	padding-bottom:0;
	margin-bottom:0;
}

#products li a
{
	float:left;
	text-decoration:none;
	font-weight:normal;
}

#products li a img
{
	margin-bottom:5px;
}

#address p
{
	margin-bottom:20px;
}

#address h1
{
    width:148px;
}

.form
{
	background-color:#77775C;
	padding:18px 0 4px 14px;
}

.form div
{
	clear:left;
	padding-bottom:10px;
	overflow:hidden;
}

.form label
{
	width:74px;
	float:left;
	color:#fff;
	font-size:1.1em;
}

.form input
{
	width:182px;
	border:none;
	padding:5px;
	float:left;
	color:#333;
	font-size:1.1em;
}

.form select
{
	width:71px;
	border:none;
	padding:2px;
	float:left;
	color:#333;
	font-size:1.1em;
}

.form textarea
{
	width:182px;
	height:100px;
	border:none;
	padding:5px;
	float:left;
	font-family:Verdana, Arial;
	color:#333;
	font-size:1.1em;
}

.form .button
{
	padding-left:74px;
}

.form .button a
{
	font-size:1em;
	font-weight:bold;
}

.topright
{
	float:right;
	padding-top:25px;
}

.topright label
{
	float:left;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	width:85px;
	padding-top:3px;
}

.topright select
{
	width:90px;
	border:none;
	padding:2px;
	float:left;
	color:#333;
	font-size:1em;
}

.backlink
{
	font-size:0.9em;
}

p.date
{
	margin-bottom:0;
}

/*Right Content Section
--------------------------------------*/

#gallerylist
{
	height:284px;
}

#rightcontent ul.gallery
{
	padding:10px 0 0 0;
	background-color:Transparent;
}

#rightcontent ul.gallery li
{
	font-size:1em;
	color:#fff;
	font-weight:bold;
}

#rightcontent #gallerylist .title
{
	text-transform:uppercase;
	padding-bottom:10px;
}

ul.gallery
{
	background-color:#77775C;
	padding:17px 15px 8px 15px;
}

ul.gallery li 
{
	float:left;
	padding:0 0 10px 10px;
}

ul.gallery li.first
{
	padding-left:0;
}

ul.gallery li a
{
	float:left;
}

ul.gallery li a.active img, ul.gallery li a:hover img
{
	opacity: 1;
	-moz-opacity: 1;
}

ul.gallery li a img
{
	float:left;
	border:solid 1px #fff;
}

ul.gallery li a img
{
	opacity: 0.60;
	-moz-opacity: 0.60;
}
	
*+html ul.gallery li a img
{
	filter: alpha(opacity=60);
}

*+html ul.gallery li a.active img
{
	filter: alpha(opacity=100);
}

*+html ul.gallery li a:hover img
{
	filter: alpha(opacity=100);
}

ul.gallery li.paging
{
	padding:0;
	clear:left;
	overflow:hidden;
	width:270px;
}

ul.gallery li.paging img
{
	border:0 !important;
	opacity: 1;
	-moz-opacity: 1;
}

*+html ul.gallery li.paging img
{
	filter: alpha(opacity=100);
}

.rightarrow
{
	float:right !important;
	margin-bottom:10px;
}

#productlinks li 
{
	float:left;
	margin-bottom:1px;
}

#productlinks li a
{
	float:left;
	display:block;
	background-color:#77775C;
	font-size:1.6em;
	color:#fff;
	height:32px;
	width:300px;
	text-indent:-9999px;
	outline:none;
}

#productlinks li.granite a
{
    background:url("../images/granitebtall.gif") no-repeat 0 0;
}
#productlinks li.marble a
{
    background:url("../images/marblebtall.gif") no-repeat 0 0;
}
#productlinks li.limestone a
{
    background:url("../images/limestonebtall.gif") no-repeat 0 0;
}

#productlinks li a:hover, #productlinks li a.active
{
    background-position:0 -58px;
}

#testimonials
{
	background-color:#77775C;
	padding:5px 13px 5px 14px;
}

#testimonials li.first
{
	border-top:0;
}

#testimonials li
{
	padding:14px 0;
	font-size:1.1em;
	line-height:1.7em;
	color:#fff;
	border-top:solid 3px #737359;
}

#testimonials li span
{
	color:#3B2D32;
	font-style:italic;
}

.right .callnow
{
	margin-top:50px;
}

#map
{
	padding:15px;
	background-color:#77775C;
}

#map p
{
	margin:10px 0 0 0;
}

#map a
{
	font-weight:normal;
}

/*Footer
--------------------------------------*/

#fcontainer
{
	background-color:#8C8C6D;
	padding-bottom:40px;
}

#footer
{
	margin:0 auto;
	width:941px;
	padding-top:10px;
	clear:left;
}

#footer ul
{
	float:left;
}

#footer ul li
{
	float:left;
	margin-left:9px;
}

#footer ul li a
{
	float:left;
	margin-right:9px;
	font-size:1em;
	font-weight:normal;
}

#footer #copy
{
	float:right;
	font-size:1em;
	font-weight:normal;
	color:#fff;
}

#sitemap li
{
	margin:10px;
	background:none;
}

#sitemap li ul li
{
	margin-left:30px;
}