ul#mainNav { list-style-type : none; 
position : absolute;
top: 0px;
left: 0px;
width :375px;
height: 20px;
margin :0;
 }

li#mN1 { position : absolute;
top : 1px;
left : 0px;
width : 75px;
height : 20px;

background : url(/images/indexPage/wobieNavBarCSS.gif) no-repeat 0 -20px; }

li#mN2 { position : absolute;
top : 1px;
left : 75px;
width : 75px;
height : 20px;
background : url(/images/indexPage/wobieNavBarCSS.gif) no-repeat -75px 0px; }

li#mN3 { position : absolute;
top : 1px;
left : 150px;/*makes use of a 8px border in hover state */
width : 75px;
height : 20px;

background : url(/images/indexPage/wobieNavBarCSS.gif) no-repeat -150px -20px; }

li#mN4 { position : absolute;
top : 1px;
left : 225px; /*makes use of a 8px border in hover state */
width : 75px;
height : 20px;

background : url(/images/indexPage/wobieNavBarCSS.gif) no-repeat -225px -20px; }

li#mN5 { position : absolute;
top : 1px;
left : 300px;/*makes use of a 4px left border in hover state */
width : 75px;
height : 20px;
background : url(/images/indexPage/wobieNavBarCSS.gif) no-repeat -300px -20px; }



ul#mainNav a { display : block;
width :auto;
height : 20px;
text-indent : -9999px;
text-decoration : none;
overflow : hidden; }

li#mN1 a:hover { background : url(/images/indexPage/wobieNavBarCSS.gif) no-repeat 0 0px; /* none; cursor:default;*/ }
li#mN2 a:hover { background : url(/images/indexPage/wobieNavBarCSS.gif) no-repeat -75px 0px;} /* {none; cursor:default;*/ 
li#mN3 a:hover { background : url(/images/indexPage/wobieNavBarCSS.gif) no-repeat -150px 0px; /* none; cursor:default;*/  }
li#mN4 a:hover { background : url(/images/indexPage/wobieNavBarCSS.gif) no-repeat -225px 0px; /* none; cursor:default;*/  }
li#mN5 a:hover { background : url(/images/indexPage/wobieNavBarCSS.gif) no-repeat -300px 0px;  /* none; cursor:default;*/ }

/*end main nav bar*/
/*----------------------------------------------*/
/*The following is for the updated portfolio Page Nav Bar*/

ul#portfolioNav { list-style-type : none; 
position : absolute;
top: 0px;
left: 0px;
width : 650px;
height : 15px;
margin : 0;
padding:0;
}

li#pN1 { position : absolute;
top : 1px;
left : 0px;
width : 150px;
height : 15px;
margin : 0;
padding:0;
background : url(/images/portfolioImages/portfolioNavBarUpdated.png) no-repeat 0px 0px; }

li#pN2 { position : absolute;
top : 1px;
left : 150px;
width : 140px;
height : 15px;
background : url(/images/portfolioImages/portfolioNavBarUpdated.png) no-repeat -150px 0px;  }  

li#pN3 { position : absolute;
top : 1px;
left : 290px;
width : 150px;
height : 15px;
background:url(/images/portfolioImages/portfolioNavBarUpdated.png) no-repeat -290px -15px; }/*This is set to -15 to indicate that you are on "Landscapes Portfolio Page" */

li#pN4 { position : absolute;
top : 1px;
left : 440px;
width : 100px;
height : 15px;
background : url(/images/portfolioImages/portfolioNavBarUpdated.png) no-repeat -440px 0px; }


li#pN5 { position : absolute;
top : 1px;
left : 550px;
width : 100px;
height : 15px;
background : url(/images/portfolioImages/portfolioNavBarUpdated.png) no-repeat -550px 0px; }

ul#portfolioNav a { display : block;
width :auto;
height : 15px;
text-indent : -9999px;
text-decoration : none;
}


li#pN1 a:hover { background : url(/images/portfolioImages/portfolioNavBarUpdated.png) no-repeat  0px -15px;}
li#pN2 a:hover { background : url(/images/portfolioImages/portfolioNavBarUpdated.png) no-repeat -150px -15px;} 
li#pN3 a:hover { background : url(/images/portfolioImages/portfolioNavBarUpdated.png) no-repeat -290px -15px; }    
li#pN4 a:hover { background : url(/images/portfolioImages/portfolioNavBarUpdated.png) no-repeat -440px -15px;}
li#pN5 a:hover { background : url(/images/portfolioImages/portfolioNavBarUpdated.png) no-repeat -550px -15px; }  

ul#portfolioNav { list-style-type : none; 
position : absolute;
top: 0px;
left: 0px;
width :650px;
height : 15px;
margin : 0;
}


/*The following is for the portfolio Page Nav Bar*/
/*
ul#portfolioNav { list-style-type : none; 
position : absolute;
top: 0px;
left: 0px;
width :550px;
height : 15px;
margin : 0;
 }

li#pN1 { position : absolute;
top : 1px;
left : 0px;
width : 155px;
height : 15px;
background : url(/images/portfolioImages/portfolioNavBar.png) no-repeat 0 0;  }

li#pN2 { position : absolute;
top : 1px;
left : 155px;
width : 130px;
height : 15px;
background : url(/images/portfolioImages/portfolioNavBar.png) no-repeat -155px 0px; }

li#pN3 { position : absolute;
top : 1px;
left : 285px;
width : 85px;
height : 15px;
background:url(/images/portfolioImages/portfolioNavBar.png) no-repeat -285px -15px; }

li#pN4 { position : absolute;
top : 1px;
left : 370px;
width : 85px;
height : 15px;
background : url(/images/portfolioImages/portfolioNavBar.png) no-repeat -370px 0px;  }

li#pN5 { position : absolute;
top : 1px;
left : 455px;
width : 95px;
height : 15px;
background : url(/images/portfolioImages/portfolioNavBar.png) no-repeat -455px 0px; }

ul#portfolioNav a { display : block;
width :auto;
height : 15px;
text-indent : -9999px;
text-decoration : none;
}

li#pN1 a:hover { background : url(/images/portfolioImages/portfolioNavBar.png) no-repeat  0px -15px;  }
li#pN2 a:hover { background : url(/images/portfolioImages/portfolioNavBar.png) no-repeat -155px -15px; }
li#pN3 a:hover { background : url(/images/portfolioImages/portfolioNavBar.png) no-repeat -285px -15px;}
li#pN4 a:hover { background : url(/images/portfolioImages/portfolioNavBar.png) no-repeat -370px -15px;}
li#pN5 a:hover { background : url(/images/portfolioImages/portfolioNavBar.png) no-repeat -455px -15px;}



/*end portfolio nav bar*/
/*----------------------------------------------*/

/*The following is for the garden Portfolio Thumbs*/

ul#thumbs { list-style-type : none; 
position : absolute;
top: 0px;
left: 0px;
width :150px;
height : 465px;
margin : 0;
padding : 0;
 }

li#t1 { position : absolute;
top : 0px;
left : 0px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes001Thumb.png) center no-repeat; }


li#t2 { position : absolute;
top : 0px;
left : 50px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes002Thumb.png) center no-repeat; }

li#t3 { position : absolute;
top :0px;
left : 100px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes003Thumb.png) center no-repeat; }

li#t4 { position : absolute;
top : 50px;
left : 0px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes004Thumb.png) center no-repeat; }

li#t5 { position : absolute;
top : 50px;
left : 50px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes005Thumb.png) center no-repeat; }

li#t6 { position : absolute;
top : 50px;
left : 100px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes006Thumb.png) center no-repeat; }

li#t7 { position : absolute;
top : 100px;
left : 0px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes007Thumb.png) center no-repeat; }


li#t8 { position : absolute;
top : 100px;
left : 50px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes008Thumb.png) center no-repeat; }

li#t9 { position : absolute;
top : 100px;
left :100px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes009Thumb.png) center no-repeat; }

li#t10 { position : absolute;
top :150px;
left : 0px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes010Thumb.png) center no-repeat; }

li#t11 { position : absolute;
top : 150px;
left : 50px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes011Thumb.png) center no-repeat; }

li#t12 { position : absolute;
top : 150px;
left : 100px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes012Thumb.png) center no-repeat; }

/*--------------updated 3_20_09-------------------------*/
/*moved to the left*/

li#t13 { position : absolute;
top : 200px;
left : 0px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes013Thumb.png) center no-repeat; }
/*--------------updated 3_20_09-------------------------*//*previously transormation series*/

li#t14 { position : absolute;
top : 200px;
left : 50px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/transformation010Thumb.png) center no-repeat; }

li#t15 { position : absolute;
top : 200px;
left : 100px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/garden001Thumb.png) center no-repeat; }

li#t16 { position : absolute;
top : 250px;
left : 0px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/garden003Thumb.png) center no-repeat; }

li#t17 { position : absolute;
top : 250px;
left : 50px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/garden004Thumb.png) center no-repeat; }


/*new images 3_20_09*/

li#t18 { position : absolute;
top : 250px;
left : 100px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes018Thumb.png) center no-repeat; }

li#t19 { position : absolute;
top : 300px;
left : 0px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes019Thumb.png) center no-repeat; }

li#t20 { position : absolute;
top : 300px;
left : 50px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes020Thumb.png) center no-repeat; }

li#t21 { position : absolute;
top : 300px;
left : 100px;
width : 49px;
height : 49px;
background:url(/images/portfolioImages/landscapes021Thumb.png) center no-repeat; }


ul#thumbs a { display : block;
width :49px;
height : 49px;
text-indent : -9999px;
text-decoration : none;
}

/*ul#thumbs a:hover {
border-solid: 4px 4px 4px 4px;
border-color:#62ABF7}*/

li#t1 a:hover {background:url(/images/portfolioImages/landscapes001Thumb.png) center no-repeat; background-color:#62ABF7}
li#t2 a:hover {background:url(/images/portfolioImages/landscapes002Thumb.png) center no-repeat; background-color:#62ABF7}
li#t3 a:hover {background:url(/images/portfolioImages/landscapes003Thumb.png) center no-repeat; background-color:#62ABF7}
li#t4 a:hover {background:url(/images/portfolioImages/landscapes004Thumb.png) center no-repeat; background-color:#62ABF7}
li#t5 a:hover {background:url(/images/portfolioImages/landscapes005Thumb.png) center no-repeat; background-color:#62ABF7}
li#t6 a:hover {background:url(/images/portfolioImages/landscapes006Thumb.png) center no-repeat; background-color:#62ABF7}
li#t7 a:hover {background:url(/images/portfolioImages/landscapes007Thumb.png) center no-repeat; background-color:#62ABF7}
li#t8 a:hover {background:url(/images/portfolioImages/landscapes008Thumb.png) center no-repeat; background-color:#62ABF7}
li#t9 a:hover {background:url(/images/portfolioImages/landscapes009Thumb.png) center no-repeat; background-color:#62ABF7}
li#t10 a:hover {background:url(/images/portfolioImages/landscapes010Thumb.png) center no-repeat; background-color:#62ABF7}
li#t11 a:hover {background:url(/images/portfolioImages/landscapes011Thumb.png) center no-repeat; background-color:#62ABF7}
li#t12 a:hover {background:url(/images/portfolioImages/landscapes012Thumb.png) center no-repeat; background-color:#62ABF7}
li#t13 a:hover {background:url(/images/portfolioImages/landscapes013Thumb.png) center no-repeat; background-color:#62ABF7}
li#t14 a:hover {background:url(/images/portfolioImages/transformation010Thumb.png) center no-repeat; background-color:#62ABF7}
li#t15 a:hover {background:url(/images/portfolioImages/garden001Thumb.png) center no-repeat; background-color:#62ABF7}
li#t16 a:hover {background:url(/images/portfolioImages/garden003Thumb.png) center no-repeat; background-color:#62ABF7}
li#t17 a:hover {background:url(/images/portfolioImages/garden004Thumb.png) center no-repeat; background-color:#62ABF7}
li#t18 a:hover {background:url(/images/portfolioImages/landscapes018Thumb.png) center no-repeat; background-color:#62ABF7}
li#t19 a:hover {background:url(/images/portfolioImages/landscapes019Thumb.png) center no-repeat; background-color:#62ABF7}
li#t20 a:hover {background:url(/images/portfolioImages/landscapes020Thumb.png) center no-repeat; background-color:#62ABF7}
li#t21 a:hover {background:url(/images/portfolioImages/landscapes021Thumb.png) center no-repeat; background-color:#62ABF7}






/*end landscapes Thumbs*/
/*----------------------------------------------*/




/*The following are the begining of all of the div containers*/

div#landscapesPortfolioBackground { position : absolute; 
left : 49%;
margin-left : -512px;
top :0px;
width :1024px; 
height : 768px;
background:url(/images/wobieBackgroundAll.png)
}

div#landscapesImageMain { 
position : absolute;
left : 95px;
top :100px;
width : 685px; 
height : 465px;
/*background:url(/images/portfolioImages/gardenPortfolioPage/garden001Main.png) no-repeat;*/
/*background:#FFCCCC;*/
}


/*
to reference in divFrame
<a href="div id= gardenImageMain" ">*/

div#portfolioNavBar {
position : absolute;
left : 95px;
top : 600px;
width: 650px;
height : 30px;
padding : 0;
margin : 0;
text-indent : -9999px; }


div#landscapesThumbsDiv {
position: absolute;
left: 790px;
top: 100px;
width: 150px;
height: 365px;
margin:0;
text-indent: -9999px;
 }