body{
	background: #133f76;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif bold;
}

h2 {
	color: #006;
}

#content{
	background: #133f76;
	top: 150px;
	left: 135px;
	width: 500px;
	height: 453px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif bold;
	font-size: 11pt;
	color: #ffc;
	position: absolute;
	z-index: 200;
	border: 2px double #ffc;
	line-height: 20px;
}

#content h1 span{display:none;}

#content var{font-size: 200%;}

#content  p.area{
 	font-size: 7pt; color: #eeF;
 }


#content a{
	text-decoration: none;
	background: #133f76;
	color: #ffc;
}

#content a.ul{	text-decoration: underline;}

#content a img{ border: 0px}

#content li.page{
	font-weight: bold;
	text-transform: uppercase;
}

#content a:hover{	background: #ffc;	color: #133f76;}

#content li span{display: none;}

#content li a:hover span{
	display: block;
   position: absolute; 
	top: -125px; 
	left: 548px; 
	width: 275px;
	height: 550px;
   padding: 10px; 
	color: #00017b; 
  	font: 10pt Arial, sans-serif; line-height: 1.4em;
	text-decoration: none;
	text-align: center;
   background: #ffc;
	z-index: 120;
}

#content.raise{top: 140px;}

#content.link{overflow: auto;}

#content.link a{text-decoration: underline;}

#content img.pic{
	float: left; 
	margin: 0 0.75em 0 0;
}

#content table{width: 499px;}

#content table.links{width: 470px;}

#content td{
	line-height: 160%;
}

#content td.norm{line-height: 120%;}

#content td.inv {background: #ffc;	color: #133f76; line-height: 90%;}

#content td.l{
	text-align: left;
	height: 22px;
	width: 250px;
}

#content td.r{
	text-align: right;
	width: 237px;
	}

#content td span{
	background: #ffc;
	color: #133f76;
}	

.blockit {
	background: #ffc;
	color: #133f76;
}

#content h1 {font-size: 16pt; text-transform: lowercase;}

#flash{	position: absolute;
		top: 350px;
		left:15px;
		width: 480px;
		height:85px;
		background:#CC6699;
		padding: 0px;
		text-align: center;
		
		border:#FFFFCC 3px}
#right{
	position: absolute;
	top: 20px;
	left: 675px;
	z-index: 60;
}

#portrait{
	position: absolute;
	top: 148px;
	left: 675px;
	z-index: 60;
}

#sgd{
	position: absolute;
	top: 525px;
	left: 460px;
	z-index: 200;
}

#portfolio {display: block;
   position: absolute; 
	top: 30px; 
	left: 685px; 
	width: 275px;
   padding: 10px; 
	color: #00017B; 
  	font: 10pt Arial, sans-serif; line-height: 1.4em;
	text-decoration: none;
	text-align: center;
   background: #ffe;
	z-index: 120;
} 

#service {display: block;
   position: absolute; 
	top: -105px; 
	left: 670px; 
	width: 260px;
   padding: 10px; 
	color: #00017B; 
   font: 14px Arial, sans-serif; line-height: 1.4em;
	text-decoration: none;
	text-align: center;
   background: #f1e8f9;
}

hr{width: 75%;}

#logo_name{
	position: absolute;
	top: 16px;
	left: 25px;
}

#logo{
	position: absolute;
	top: 50px;
	left: 25px;
}
		

#garden_design{
	position: absolute;
	top: 107px;
	left: 372px;
	
}

#area{position: absolute; background: #ffc; padding: 5px 5px 0 5px; 
	top: 625px; left: 35px; width: 945px; color: #339; 
	font-size: 8pt; line-height: 1.4;}


#banner{
	position: absolute;
	top: 200px;
	left: 50px;
	z-index:30;
}


#navig a{
	position: absolute;
	margin: 0px;
	left: 35px;
	width: 75px; 
	height: 75px;
	border: 2px solid #fff;
	color: #ffc;
	text-align: center; text-decoration: none;
	font-size: 12pt;
	z-index: 50;
}
	
#navig a.page{border: 3px solid #ff0;}

#navig a:hover{
	color: #ff9;
	font-weight: bold;
}

#navig a.first{
 	top: 150px; 
	background-image: url(images/buttons/but1_up.gif);
}

#navig a:hover.first{
	background-image: url(images/buttons/but1_over.gif);
}

#navig a.second{
 	top: 244px; 
	background-image: url(images/buttons/but2_up.gif);
}

#navig a:hover.second{
	background-image: url(images/buttons/but2_over.gif);
}

#navig a.third{
 	top: 338px; 
	background-image: url(images/buttons/but3_up.gif);
}

#navig a:hover.third{
	background-image: url(images/buttons/but3_over.gif);
}

#navig a.fourth{
 	top: 432px; 
	background-image: url(images/buttons/but4_up.gif);
}

#navig a:hover.fourth{
	background-image: url(images/buttons/but4_over.gif);
}

#navig a.fifth{
 	top: 525px; 
	background-image: url(images/buttons/but5_up.gif);
}

#navig a:hover.fifth{
	background-image: url(images/buttons/but5_over.gif);
}


#index1{
	display: none;
}

.dropcat {
float:left;
color:#D4D4C7;
font-size:72px;
line-height:48px;
padding-top:8px;
font-family: Skia, Times, serif, Georgia;
} 
.dropcap {
float:left;
color:#D4D4C7;
font-size:300%;
line-height:32px;
padding-top:7px;
font-family: Times, serif, Georgia;
} 

label{
	width: 8em; float:left;
	text-align: right;
	margin: 0 1em 5px 0;
	clear: both;
}

.input-box
{
margin-bottom: 3px;
color: #26a;
background: #ffd;
}

.submit-button
{
margin-left: 9.2em;
clear: both;
color: #1E5D99;
background: #FFA;
}

legend
{
color: #26a;
background: #ffa;
padding: 1px 10px
}