
/* redefining general tags */


body {
	background-color:#ffffff;
	color:#666666; 
	margin:0px;
	padding:10px;
	font-family:"Courier New", Courier, monospace;
	text-align:justify; 
	font-size:12px;
}


a:link { color: #99CC66; text-decoration:none; }
a:visited { color: #99CC66; text-decoration:none; } 
a:hover { color: #99CC66; text-decoration:underline; }
a:active { color: #663333; text-decoration:none; } 


p { 
	color:#666666; 
	padding:5px 0px;
	margin:0px;
}


h1,h2{
	color:#663333;
}

h1{
	font-size:16px;
	font-weight:bold;
}

h2{
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:5px 0px;
}

h3{
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	font-weight:bold;
	padding:10px 0px 5px 0px;
	margin:0px;
	text-transform:lowercase;
}

img{
	border:0px;
}
/* ids */
#content{
	width:762px;
	margin:2px auto;
}

#breadcrumbs{
	padding-top:5px;
	color:#99CC66;
	font-size:12px;
	/*font-family:Arial;*/
}

#header{
	background-image:url(/images/header.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	height:152px;
	/*<img src="images/header.jpg" alt="garden designer" name="Image1" width="760" height="105" align="absbottom" id="Image1"><br>*/
	
}

#Layer1{
	padding:60px 0px 0px 200px;
}

#Layer2{
	position:absolute; 
	width:55px; 
	height:16px; 
	z-index:2; 
	left: 1035px; 
	top: 9px;
	font-size:10px;
}

#siteMenu{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:10px;
	margin:0px;
}

#siteMenu li{
	float:left;
	padding: 0px 8px;
	font-size:14px;
	font-weight:bold;
	border-right:2px solid ;
	height:15px;
}

#container{
	margin-top:7px;
}

#containerInfoHomepage{
	float:left;
	width:320px;
	/*padding-right:123px;*/
	padding-left:3px;
	line-height:200%;
}

#containerInfo{
	float:left;
	width:320px;
	/*padding-right:123px;*/
	padding-left:3px;
}

#containerInfo li{
	padding:2px 0px;
}

#containerInfo .sitemapList li{
	padding:6px 0px;
}

#containerInfo .sitemapList li ul li{
	padding:4px 0px;
}

#containerImage{
	float:right;
	width:360px;
	height:360px;
}

#containerBottom{
	
	margin-top:10px;
}

#dynamicImage{
	float:right;
}

#ProjectThumbImages{
	width:100%;
	margin:auto;
	text-align:center;
	padding-bottom:15px;
	background-image:url(/images/footer.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:65px;
}

#ProjectThumbImages img{
	margin:0px 10px;
	cursor:pointer;
}

#bottomImageBar{
	width:100%;
	margin:auto;
	text-align:center;
	padding-bottom:15px;
	background-image:url(/images/footer.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:26px;
}

#footer{
	padding:10px 0px 3px 0px;
	border-bottom:1px solid #D8D8D8;
}



/* classes */
.clear{
	clear:both;
}

.submenuTable{
	width:90%;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

.projectLocation{
	font-size:14px;
}

.fadedImg{
	border:none;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.featuredImg{
	opacity:1;
	filter:alpha(opacity=100);
	border:1px solid #D8D8D8;
}

.contactForm{
	width:350px;
}

.contactTable{
	width:100%;
	margin:auto;
	padding:0px;
}

.sitemapList{
	font-weight: bold;
}

.headerStyle{
	font-size:18px;
	font-weight:bold;
	padding:1px 0px;
}















/* Menu classes */
.jquerycssmenu{
	font: bold 15px "Courier New", Courier, monospace;

}

.jquerycssmenu ul{
	margin: 0px 0px 0px 66px;
	padding: 0;
	list-style-type: none;
	text-transform:lowercase;
}

/*Top level list items*/
.jquerycssmenu ul li{
	position: relative;
	display: inline;
	float: left;
	padding: 0 7px;
	border-right: 2px solid;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
	display: block;
	border-bottom-width: 0;
	color: #99CC66;
	text-decoration: none;
}

.jquerycssmenu ul li a:hover{
	color:#99CC66;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	padding-left:10px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
	display: list-item;
	border:0px;
	padding:0px;
	background-color:#ACCE64;
	font-size:12px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
	width: 160px; /*width of sub menus*/
	color: #ffffff;
	padding: 2px 5px;
	margin: 0;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
	background: #663333;
	color:#ffffff;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 7px;
	right: 5px;
}

.rightarrowclass{
	position: absolute;
	top: 5px;
	right: 5px;
}