/* CSS Document */


#webPage {
float:left;
margin-left:70px;
width:350px;


}

#webPage h1 {
font-size:20px;
margin-top:20px;
margin-left:0px;
font-weight:bold;
margin-bottom:5px;
line-height:1em;
background-repeat:no-repeat;
width:320px;
height:25px;
}

h1#frn {
background-image:url(../images/webDesignSamplePage/headingImages/frn_h1.png);

}

h1#ls {
background-image:url(../images/webDesignSamplePage/headingImages/ls_h1.png);
}

h1#lcgc {
background-image:url(../images/webDesignSamplePage/headingImages/lcgc_h1.png);

}

h1#boe {
background-image:url(../images/webDesignSamplePage/headingImages/boe_h1.png);

}

#webPage h2  {
font-size:14px;
margin-top:10px;
font-weight:bold;
margin-bottom:10px;
line-height:1.5em;
}

#webPage h3  {
float:left;
width:200px;
font-size:14px;
margin-top:10px;
font-weight:bold;
margin-bottom:10px;
line-height:1.5em;
text-align:left;
}

#webPage  p {
float:left;
text-align:left;
font-size:11px;
margin-top:0px;
width:100%;
font-weight:normal;
}



#webPage ul {
text-align:left;
margin-bottom:20px;
}

#webPage li  {
float:left;
width:100%;
text-align:left;
font-size:11px;
padding-bottom:5px;
margin-top:10px;
margin-left:0px;
}



ul#thumbContainer {
float:left;
margin-left:5px;
width:475px;
margin-top:0px;
padding-bottom:50px;
background-color:tan;
display:block;
}


li.webSampleThumb {
float:left;
width:120px;
/*height:80px;*/
height:20px;/*Without thumbs*/
padding:5px;
border:thin solid gray;
background-color:lavender;
margin-left:20px;
margin-top:25px;
margin-bottom:15px;
list-style:none;
}


li.webSampleThumb a {
float:left;
display:block;
width:120px;
/*height:80px;*/
height:20px;/*Without thumbs*/
background-color:pink;
text-decoration:none;
background-position:0px 0px;
}

li.webSampleThumb a:hover {
background-position:-120px 0px;
text-decoration:none;
color:#660000;
font-weight:normal;
}


span.thumbCaption {
float:left;
height:28px;
width:120px;
margin-top:90px;



}


#backButtonReminder {
margin-top:10px;
float:left;
text-align:center;

}

span.view {
margin-left:10px;
}

span.view a {
text-decoration:underline;
color:#000000;
font-weight:normal;
}

span.view a:hover {
font-weight:bold;
text-decoration:none;
}

span.view a:visited {
color:#000000;
}

/*#landscapeSolutions {
background-image:url(../images/webDesignSamplePage/landscapeSolutionsThumb_rollover.jpg);
background-repeat:no-repeat;

}*/

/*#landscapeSolutions .thumbCaption {
background-image:url(../images/webDesignSamplePage/landscapeSolutions_title.png);
background-repeat:no-repeat;
}*/


/*#flamingoRoad {
background-image:url(../images/webDesignSamplePage/frn_thumb_rollover.jpg);
background-repeat:no-repeat;
}*/

/*#flamingoRoad .thumbCaption {
background-image:url(../images/webDesignSamplePage/flamingoRoadNursery_title.png);
background-repeat:no-repeat;
}*/



/*#livingColor {
background-image:url(../images/webDesignSamplePage/livingColor2_thumb_rollover.jpg);
background-repeat:no-repeat;
}*/

/*#livingColor .thumbCaption {
background-image:url(../images/webDesignSamplePage/livingColor_title.png);
background-repeat:no-repeat;
}*/



/*#blackOlive {
background-image:url(../images/webDesignSamplePage/blackOlive_thumb_rollover.jpg);
background-repeat:no-repeat;
}*/

/*#blackOlive .thumbCaption {
background-image:url(../images/webDesignSamplePage/blackOliveEast_title.png);
background-repeat:no-repeat;
}*/


.largeThumbContainer {
float:left;
width:240px;
background-color:lavender;
margin-left:25px;
margin-top:0px;
margin-bottom:10px;
padding:0px;
}





.largeThumbContainer a {
float:left;
width:240px;
background-repeat:no-repeat;
background-position:0px 0px;
margin:0px;
}

.largeThumbContainer a:hover {
background-position:-240px 0px;

}



#livingColor_largeThumb {
background-image:url(../images/webDesignSamplePage/livingColor2_thumbLarge_rollover_240w.jpg);
width:240px;
height:386px;
}

#blackOlive_largeThumb {
background-image:url(../images/webDesignSamplePage/blackOlive_thumbLarge_rollover_240w.jpg);
width:240px;
height:220px;
}

#landscapeSolutions_largeThumb {
background-image:url(../images/webDesignSamplePage/landscapeSolutions_thumbLarge_rollover_240w.jpg);
width:240px;
height:303px;
}


#flamingoRoad_largeThumb {
background-image:url(../images/webDesignSamplePage/flamingoRoad_thumbLarge_rollover_240w.jpg);
width:240px;
height:195px;

}




#nextPrev_navigation  {
float:left;
margin-left:0px;
margin-top:10px;
margin-bottom:10px;
width:240px;

}

#nextPrev_navigation  a {
text-decoration:none;

}

#nextPrev_navigation  a:hover {
background-color:white;

}

#nextPrev_navigation  a:visited {
color:#000000;

}



.prevNav {
float:left;
width:100px;
text-align:left;
display:inline;


} 


.nextNav {
float:left;
width:100px;
display:inline;
text-align:right;

}


.samplePageCounter {
float:left;
width:80px;
display:inline;
}