@charset "utf-8";
/* CSS Document */


/* --- TOC

01. GENERAL TYPOGRAPHY 
		1. CSS Reset
		2. H-Tags Styles
		3. Link Styles
		4. Lists Styles
02. GENERAL LAYOUT
		1. General Structure
		2. Header
		3. Main Content
		4. Sidebar
		5. Footer
03. PAGE SPECIFIC STYLES
04. BLOG STYLES 
05. WIDGETS
06. MENU 
07. EXTRAS




#name{
	width:0px;
	height:0px;
	top:0px;
	left:0px;
	position: absolute;
}

--- */




/* ________________________________________________________________________________________________________________
                                                  01. GENERAL TYPOGRAPHY
   ________________________________________________________________________________________________________________ */
   
   
   
/*CSS RESET*/


/*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{
	line-height:20px;
	letter-spacing:0px;
	word-spacing:1px;
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	font-family: Arial, Helvetica, sans-serif;
}*/



/*H-TAG STYLES*/



h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: bold;
	color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #666666;
	margin: 0px;
	padding-top: 0px;
	padding-left:0px;
	padding-right:0px;
	font-weight: bold;
	padding-bottom:8px;
	}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #303030;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h5{
	font-family: arial;
	font-size: 11px;
	color: #C4C4C4;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a6a6a6;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}


.h5Titles{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.h5Blog{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #857863;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.h6Featured{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #303030;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.h2caption1{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}
	
.h2caption2{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #999;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}	
	
    .h2ServiceReview{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #666666;
	margin: 0px;
	padding-top: 0px;
	padding-left:0px;
	padding-right:0px;
	font-weight: bold;
	padding-bottom:8px;
	line-height:18px;
	}	
	
	.h3FormText{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 15px;
}

.h3ContactSide{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.h3italic{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style:italic;
}

.h5Large{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	margin-bottom:4px;
	margin-top:0px;
}

.h5LargeGold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #BEA887;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	margin-bottom:4px;
	margin-top:0px;
}

.bodyWidth{
	width:550px;
}

.h2CallForAction{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	
.beige{
	color:#BEA887;
}



/*LINK STYLES*/


a{
	color:#BEA887;
	outline: 0;
}
	
a:hover{
	color:#666;
	outline: 0;
}

a.white{
	color:#999;
	text-decoration: none;
}
	
a:hover.white{
	color:#333;
	text-decoration: underline;
}

a.white2{
	color:#fff;
	text-decoration: underline;
}
	
a:hover.white2{
	color:#fff;
	text-decoration: underline;
}

a.colour{
	color:#bfbfbf;
	text-decoration: none;
}
	
a:hover.colour{
	color:#bfbfbf;
	text-decoration: underline;
}

a.colour2{
	color:#BEA887;
	text-decoration: none;
}
	
a:hover.colour2{
	color:#c7b398;
	text-decoration: underline;
}

a.grey{
	color:#a6a6a6;
	text-decoration: underline;
}
	
a:hover.grey{
	color:#fff;
	text-decoration: underline;
}

a.grey2{
	color:#303030;
	font-size:11px;
	text-decoration: underline;
}
	
a:hover.grey2{
	color:#a6a6a6;
	font-size:11px;
	text-decoration: underline;
}


a.colour3{
	font-family: arial;
	font-size: 11px;
	color: #C4C4C4;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
}
	
a:hover.colour3{
	font-family: arial;
	font-size: 11px;
	color: #c7b398;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
}




/*LISTED STYLES*/




ul{
	margin-top: 0px;
	list-style-position: outside;
	margin-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.ulOther{
	margin-top: 0px;
	padding: 0px;
	list-style-position: outside;
	margin-left: 0px;
}

.ulOther2{
	margin-top: 0px;
	padding: 0px;
	list-style-position: outside;
	margin-left: 13px;
}



li{
	list-style-position: outside;
	font-weight: normal;
	/*list-style-type: disc;*/
	/*color: #676767;*/
	line-height: 19px;
	padding-bottom:0px;
	padding-left:8px;
	list-style-type: none;
}

ol{
	margin-top: 0px;
	padding: 0px;
	list-style-position: outside;
	margin-left: 30px;
}

.alpha {
	list-style-type: inherit;
}
.dash {list-style-type: none;}


.bullet {
	background-image: url(images/custom-bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style-position: outside;
}

.bullet2 {
	background-image: url(images/custom-bullet2.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	list-style-position: outside;
}

.bullet3 {
	background-image: url(images/custom-bullet3.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style-position: outside;
	line-height:15px;
}

.bullet4 {
	background-image: url(images/custom-bullet2.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	list-style-position: outside;
	padding-bottom:5px;
}


.quote{
	font-size: 15px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
}

.padright{
	padding-right:20px;
	padding-left:10px;
	padding-top:10px;
	background-image: url(images/spacer-line.png);
	background-repeat: repeat-y;
	background-position: right top;	
	height:170px;
	}
	
	.padright2{
	padding-right:20px;
	padding-left:10px;
	padding-top:10px;

	height:170px;
	}

/*LISTED STYLES END*/
   
.imgright {
	float: right;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.imgleft { float: left;
 padding: 0px 10px 10px 0px;
}




/* ________________________________________________________________________________________________________________
                                                  02. GENERAL LAYOUT  
   ________________________________________________________________________________________________________________ */


/*GENERAL STRUCTURE STYLES*/

#wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

body  {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: none;
}

/*HEADER STYLES*/


#headerContainer {
	margin: 0px;
	position: relative;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/headerContainer-bgnd.png);
	z-index: 10;
}


#header {
	background-color: none;
	margin: 0 auto;
	height: 145px;
	position: relative;
	width: 1000px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#logo{
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 309px;
	position: absolute;
	left:  73px;
	top: 14px;
	z-index:50;
}

#nav{
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 899px;
	position: absolute;
	left:  51px;
	top: 74px;
	z-index:50;
}

#twitter{
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 26px;
	position: absolute;
	left:  890px;
	top: 29px;
	z-index:50;
}

#facebook{
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 26px;
	position: absolute;
	left:  860px;
	top: 29px;
	z-index:50;
}

#youtube{
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 26px;
	position: absolute;
	left:  890px;
	top: 29px;
	z-index:50;
}

#rssIcon{
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 26px;
	position: absolute;
	left:  860px;
	top: 29px;
	z-index:50;
}

#flickr{
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 26px;
	position: absolute;
	left:  830px;
	top: 29px;
	z-index:50;
}

#calloutRibbon{
	width:153px;
	height:63px;
	position:absolute;
	left:817px;
	top:155px;
	z-index: 110;
}
	



/*MidHeader STYLES*/

#midHeaderContainer {
	margin: 0px;
	position: relative;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#midHeader {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	height: 16px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/header-maincontent-bgnd.png);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 5;
}




/*MAIN CONTENT STYLES*/


#mainContentContainer {
	margin: 0px;
	position: relative;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	
}

#mainContent {
	margin: 0 auto;
	height: 100%;
	position: relative;
	width: 840px;
	padding-top: 5px;
	padding-right: 80px;
	padding-bottom: 15px;
	padding-left: 80px;
	min-height: 400px;
	z-index: 2;
}


#mainContentContainer2 {
	margin: 0px;
	position: relative;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	
}

#mainContent2 {
	margin: 0 auto;
	height: 100%;
	position: relative;
	width: 840px;
	padding-top: 5px;
	padding-right: 80px;
	padding-bottom: 5px;
	padding-left: 80px;
	min-height: 400px;
	background-image: url(images/mainContent-bgnd.png);
	background-repeat: repeat-y;
	z-index: 2;
}


#galleryBanner {
	width:897px;
	height:45px;
	background-image:url(images/galleryBanner-bgnd.png);
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
	position:absolute;
	z-index:50;
	top:253px;
	left:52px;
}
#dottedLine {
	width:2px;
	height:21px;
	background-image:url(images/dottedLine2.png);
	padding:0px;
	margin:0px;
	position:absolute;
	z-index:103;
	top:9px;
	left:861px;
}

#sidePanel{
	width:222px;
	height:371px;
	padding:20px;
	margin:0px;
	top:18px;
	left:658px;
	position:absolute;
	background-image:url(images/contact-sidebar.png);
}

#sidePanel2{
	width:222px;
	height:605px;
	padding:20px;
	margin:0px;
	top:18px;
	left:658px;
	position:absolute;
	background-image:url(images/contact-sidebar.png);
}

#sidePanel3{
	width:222px;
	height:246px;
	padding:20px;
	margin:0px;
	top:18px;
	left:658px;
	position:absolute;
	background-image:url(images/contact-sidebar.png);
}
	
#sidePanel4{
	width:222px;
	height:246px;
	padding:20px;
	margin:0px;
	top:18px;
	left:658px;
	position:absolute;
	background-image:url(images/contact-sidebar.png);
}

#sidePanel5{
	width:222px;
	height:440px;
	padding:20px;
	margin:0px;
	top:18px;
	left:658px;
	position:absolute;
	background-image:url(images/contact-sidebar.png);
}
	
/*SIDE BAR STYLES*/


#sidebarContainer {
	margin: 0px;
	position: relative;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#sidebar { 
	margin: 0 auto;
	position: relative;
	width: 1000px;
	height: 330px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/sidebar-bgnd.png);
	background-repeat: no-repeat;
	z-index: 2;
}


/*FOOTER STYLES*/

#footerContainer {
	margin: 0px;
	position: fixed;
	clear: both;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/footerContainer-bgnd.png);
	background-repeat: repeat-x;
	bottom: 0px;
	z-index: 10;
	background-color: #302F2F;
}



#footer {
	margin: 0 auto;
	height: 41px;
	position: relative;
	clear: both;
	width: 1000px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-color: #1C1C1C;
	z-index: 100;
}


#overlay {
	margin: 0 auto;
	height: 41px;
	position: absolute;
	top:0px;
	left:0px;
	width: 1000px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 100;
}



#rsgLogo{
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 22px;
	position: absolute;
	left: 857px;
	top: 3px;
	z-index:101;
}

#rsgText{
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 91px;
	position: absolute;
	left:  768px;
	top: 12px;
	z-index:101;
}

#rsgGroup{
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 98px;
	position: absolute;
	left:  881px;
	top: 12px;
	z-index:101;
	font-weight: normal;
}


#copyrightText{
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 488px;
	position: absolute;
	left:  30px;
	top: 12px;
	z-index:101;
}

#landscaping{
	margin: 0px;
	padding: 0px;
	height: 128px;
	width: 200px;
	position: absolute;
	left:  54px;
	top: 27px;
	z-index:101;
}

#hardscaping{
	margin: 0px;
	padding: 0px;
	height: 128px;
	width: 200px;
	position: absolute;
	left:  270px;
	top: 27px;
	z-index:101;
}

#blogTitle{
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 400px;
	position: absolute;
	left:  540px;
	top: 27px;
	z-index:101;
}

#blog{
	margin: 0px;
	height: 70px;
	width: 362px;
	position: absolute;
	left:  540px;
	top: 53px;
	z-index:101;
	background-image: url(images/blockTalkBGND.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#callout1{
	margin: 0px;
	padding: 0px;
	height: 267px;
	width: 424px;
	position: absolute;
	left:  70px;
	top: -270px;
	background-image: url(images/callout-1.png);
	background-repeat: no-repeat;
	z-index:60;
}

#aboutUsText{
	margin: 0px;
	padding: 0px;
	height: 177px;
	width: 375px;
	position: absolute;
	left:  22px;
	top: 51px;
	z-index:70;
}

#closeButton{
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	position: absolute;
	left:  372px;
	top: -18px;
	z-index:70;
	visibility:visible;
}

#closeButton2{
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	position: absolute;
	left:  372px;
	top: -18px;
	z-index:70;
	visibility:hidden;
}

#closeButton3{
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	position: absolute;
	left:  372px;
	top: -18px;
	z-index:70;
	visibility:visible;
}

#closeButton4{
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	position: absolute;
	left:  372px;
	top: -18px;
	z-index:70;
	visibility:hidden;
}


#callout2{
	margin: 0px;
	padding: 0px;
	height: 267px;
	width: 424px;
	position: absolute;
	left:  509px;
	top: -270px;
	background-image: url(images/callout-2.png);
	background-repeat: no-repeat;
	z-index:60;
}

#featuredProjectsText{
	margin: 0px;
	padding: 0px;
	height: 177px;
	width: 375px;
	position: absolute;
	left:  22px;
	top: 51px;
	z-index:70;
}

#waterwork{
	width:300px;
	height:313px;
	top:95px;
	left:633px;
	position: absolute;
	background-image: url(images/backyard-fountain.png);
	background-repeat: no-repeat;
	z-index: 50;
}

#stonework{
	width:225px;
	height:156px;
	top:481px;
	left:634px;
	position: absolute;
	background-image: url(images/stonework-stone.png);
	background-repeat: no-repeat;
	z-index: 50;
}

/* ________________________________________________________________________________________________________________
	                                              03. PAGE SPECIFIC STYLE 
   ________________________________________________________________________________________________________________ */
   
   
.formBoxes2{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 15px;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding-left: 10px;
	background-color: #ffffff;
	height:20px;
	width:387px;
	margin-left:1px;
}   

.formBoxes3{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 15px;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding-left: 5px;
	background-color: #ffffff;
	height:202px;
	width:387px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:5px;
}
   
   
textarea {
width:387px !important;
min-width:387px !important;
max-width:387px !important;
height:202px !important;
min-height:202px !important;
max-height:202px !important;
/*resize:none;*/
} 
   

textfield {
width:387px !important;
min-width:387px !important;
max-width:387px !important;
height:35px !important;
min-height:35px !important;
max-height:35px !important;
/*resize:none;*/
} 



/* ________________________________________________________________________________________________________________
	                                              04. BLOG STYLES
   ________________________________________________________________________________________________________________ */
   


   
/* ________________________________________________________________________________________________________________
                                                  05. WIDGETS 
   ________________________________________________________________________________________________________________ */
   
 .feedburnerFeedBlock{
	padding-top:0px;
	padding-left:18px;
	padding-right:18px;
    color:#C4C4C4;
	font-size:12px;
	padding-bottom:0px;
	margin-top:12px;
	}

.feedTitle{
	background-color: #FFF;	
	
	}

#creditfooter{
	visibility:hidden;
	}

.headline{
	font-weight: normal;
	list-style-type: none;
	padding-top:0px;

}

.feedBurner li{
	list-style-position: inside;
	font-weight: normal;
	/*list-style-type: disc;*/
	/*color: #676767;*/
	line-height: 14px;
	padding-bottom:0px;
	padding-left:0px;
	list-style-type: none;

	}
	
.feedBurner ul{
	margin-top: 0px;
	list-style-position: outside;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.feedBurner a{
	text-decoration:none;
}


.feedBurner a:hover{
	color:#C4C4C4;
	text-decoration:underline;
}




   
/* ________________________________________________________________________________________________________________
                                                  06. MENU 
   ________________________________________________________________________________________________________________ */   
   
   
   
   
/* ________________________________________________________________________________________________________________
	                                              07. EXTRAS 
   ________________________________________________________________________________________________________________ */   
 
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#menu{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}