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

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

div#canineImageMain { 
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;
outline:none; }


div#canineThumbsDiv {
position: absolute;
left: 790px;
top: 100px;
width: 150px;
height:565;
padding:0;
margin:0;
border:0;
text-indent: -9999px;}



/*End divs*/
/*---------------------------------------*/



/*The following is for the Main Nav Bar*/
ul#mainNav { list-style-type : none; 
position : absolute;
top: 0px;
left: 0px;
width :375px;
height : 20px;
margin : 0;
outline:none; }

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;
}

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

/*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;  }  /*This is set to -15 to indicate that you are on "Transformation Portfolio Page" */

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

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 -15px; }

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;
}

/*
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;  }  /*This is set to -15 to indicate that you are on "Transformation Portfolio Page" */
/*
li#pN3 { position : absolute;
top : 1px;
left : 285px;
width : 85px;
height : 15px;
background:url(/images/portfolioImages/portfolioNavBar.png) no-repeat -285px -0px; }

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

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

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;
outline:0px;}


/*ul#thumbs a[title]{
display:block;
white-space:pre;}*/


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

/*li#t1[title] {
white-space:pre;
display:block; }*/

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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



li#t1 a:hover {background:url(/images/portfolioImages/canine001Thumb.png) center no-repeat; background-color:#62ABF7}
li#t2 a:hover {background:url(/images/portfolioImages/canine002Thumb.png) center no-repeat; background-color:#62ABF7}
li#t3 a:hover {background:url(/images/portfolioImages/canine003Thumb.png) center no-repeat; background-color:#62ABF7}
li#t4 a:hover {background:url(/images/portfolioImages/canine004Thumb.png) center no-repeat; background-color:#62ABF7}
li#t5 a:hover {background:url(/images/portfolioImages/canine005Thumb.png) center no-repeat; background-color:#62ABF7}
li#t6 a:hover {background:url(/images/portfolioImages/canine006Thumb.png) center no-repeat; background-color:#62ABF7}
li#t7 a:hover {background:url(/images/portfolioImages/canine007Thumb.png) center no-repeat; background-color:#62ABF7}
li#t8 a:hover {background:url(/images/portfolioImages/canine008Thumb.png) center no-repeat; background-color:#62ABF7}
li#t9 a:hover {background:url(/images/portfolioImages/canine009Thumb.png) center no-repeat; background-color:#62ABF7}
li#t10 a:hover {background:url(/images/portfolioImages/canine010Thumb.png) center no-repeat; background-color:#62ABF7}
/*li#t11 a:hover {background:url(/images/portfolioImages/canine011Thumb.png) center no-repeat; background-color:#62ABF7}
li#t12 a:hover {background:url(/images/portfolioImages/canine012Thumb.png) center no-repeat; background-color:#62ABF7}
li#t13 a:hover {background:url(/images/portfolioImages/canine013Thumb.png) center no-repeat; background-color:#62ABF7}
li#t14 a:hover {background:url(/images/portfolioImages/canine014Thumb.png) center no-repeat; background-color:#62ABF7}
li#t15 a:hover {background:url(/images/portfolioImages/canine015Thumb.png) center no-repeat; background-color:#62ABF7}
li#t16 a:hover {background:url(/images/portfolioImages/canine016Thumb.png) center no-repeat; background-color:#62ABF7}
li#t17 a:hover {background:url(/images/portfolioImages/canine017Thumb.png) center no-repeat; background-color:#62ABF7}






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




/*

img.gardenHome {
position:absolute;
top: 100px;
left:95px;
background-image: url(/images/portfolioImages/gardenPortfolioPage/garden004Main.png)
}

img.desc {
position: absolute;
left: 790px;
top: 465px;
width: 145px;
height :100px;
background-image: url(/images/portfolioImages/gardenPortfolioPage/garden004Main.png)
}


*/