* {  
padding: 0px;
margin: 0px;
}
body {
	font-size: 62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;	
}

/* DIVS 
--------------------------- */

#wrapper {
	width: 866px;
	margin: 0px auto 0px auto;
	position: relative;
	background-color:#fff;

}
#indexImage  {
    float:left;
	width: 661px;
	height: 461px;
	background-image:url(binaries/russelldodd.jpg);
	margin: 75px 0px 0px 0px;
}

#logoDiv  {
    float:left;
	width: 661px;
	height: 81px;
	background-image:url(binaries/logo.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin: 75px 0px 0px 0px;
}
#mainText  {
    float:left;
	width: 658px;
	height: 362px;
	border:solid 1px #ccc;	
}
#galleryDiv  {
    float:left;
	width: 660px;
	height: 362px;
}
#text  {
    float:left;
	width:360px;
	height:357px;
}
#hardLandscaping  {
    float:left;
	width: 300px;
	height: 357px;
	background-image:url(binaries/hard.jpg);
	margin:5px 0px 0px 0px;
}
#softLandscaping  {
    float:left;
	width: 300px;
	height: 357px;
	background-image:url(binaries/soft.jpg);
	margin:5px 0px 0px 0px;
}
#timberDecking  {
    float:left;
	width: 300px;
	height: 357px;
	background-image:url(binaries/timberdecking.jpg);
	margin:5px 0px 0px 0px;
}
#waterFeatures  {
    float:left;
	width: 300px;
	height: 357px;
	background-image:url(binaries/waterfeatures.jpg);
	margin:5px 0px 0px 0px;
}
#main  {
    float:left;
	width: 660px;
	height:362px;
	margin:0px 0px 0px 0px;
	border:solid 1px #ccc;	
}
#textMain  {
    float:left;
	width:350px;
	height:346px;
	margin:8px 0px 8px 10px;
}
#gallery  {
    float:left;
	width:640px;
	height:346px;
	margin:8px 0px 8px 8px;
}
#flash  {
    height:121px;
	width:162px;
	margin:10px 0px 20px 10px;
}

#textMain a  {
    color:#15773c;
	text-decoration:none;
}
#textMain a:hover {
   text-decoration:underline;
}



/* SLIMBOX INDEX DIVS
--------------------------- */

#hardLand  {
	position:absolute;
	width:192px;
	height:156px;
	left: 335px;
	top: 209px;
}

#softLand  {
	position:absolute;
	width:138px;
	height:91px;
	left: 353px;
	top: 413px;
}
#timber  {
	position:absolute;
	width:110px;
	height:336px;
	left: 534px;
	top: 173px;
}
#water  {
	position:absolute;
	width:196px;
	height:133px;
	left: 91px;
	top: 220px;
}

/* NAVIGATION
--------------------------- */

#nav  {
    float:left;
	width:182px;
	height:362px;
	border:solid 1px #ccc;
	margin:157px 0px 0px 10px;	
}
#nav2  {
    float:left;
	width:182px;
	height:362px;
	border:solid 1px #ccc;
	margin:0px 0px 0px 10px;	
}
ul.nav {
	list-style-type: none;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0px 5px 10px;
}
ul.nav li {
	margin-bottom: 8px;
	background-image: url(binaries/nav_bg.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 5px 14px;
	margin-bottom: 10px;
}
ul.nav li a {
	display: block;
	padding-left: 4px;
	color: #000;
	text-decoration: none;
}
ul.nav li a:hover {
	color: #37a83c;
}

/* CLASSES 
--------------------------- */

.navTopImage  {
    margin:9px 0px 9px 9px;
}

.maintextImage  {
    float:left;
	margin:8px 0px 8px 8px;
}

.text {
	font-size: 1.1em;
	padding: 3px 10px 8px 0px;
	color: #3b3b3b;
}
.galleryText  {
	font-size: 1.1em;
	padding: 6px 10px 10px 0px;
	color: #3b3b3b;
}
.thumbsDiv {
	margin: 10px 0px 0px 35px;
}
.thumbs  {
    margin: 2px 5px 2px 5px;
	border:#000000 solid 1px;
}
.map  {
    margin: 18px 0px 0px 23px;
	border:solid 1px #ccc;
}


/* BULLETS
--------------------------- */

ul.phone {list-style: none;} 
ul.phone li { 
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight:bold;
	color: #164dae;
	height:23px;
	background-image: url(binaries/phone.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 20px 0px 0px 8px;
	padding: 7px 0px 0px 35px;
}
ul.arrow {
   list-style: none;
   margin:2px 0px 5px 0px;
} 
ul.arrow li { 
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #3b3b3b;
	background-image: url(binaries/greenarrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 2px 15px;
}
ul.arrow li a {
    color:#15773c;
	text-decoration:none;
}
ul.arrow li a:hover  {
   text-decoration:underline;
}

/* H TAGS
--------------------------- */

h2  {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:1.6em;
   margin:0px 0px 3px 0px;
   color:#15773c;
}
h3  {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:1.6em;
   margin:5px 0px 3px 5px;
   color:#15773c;
   background: url(binaries/title_under.gif) left bottom no-repeat;
}



/* FOOTER
--------------------------- */

#footer {
      clear:both;
	  width: 850px;
      margin: 0px 0px 0px 6px;
	  padding: 6px 0px 0px 0px;
	  font-size: 1.1em;
	  color: #b3b3b3;
}
#raLogo  {
	float: left;
	margin-top: 5px;
}
#raTitle {
	margin: 10px 0 0 0;
}
#raTitle a {
	color: #b3b3b3;
	text-decoration: none;
}

#raTitle a:hover {
	color: #b3b3b3;
	text-decoration: underline;
}
.copyright {
     float:right;
}

/* SLIMBOX
--------------------------- */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(binaries/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(binaries/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(binaries/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(binaries/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}