html, body { 
    background-image: url(images/bg.gif);
    background-repeat: repeat-y;
    background-position: center top;

color: #403931; text-align: center; font-size: 8pt; line-height: 160%; font-family: "Lucida Grande", "Lucida Sans", LucidaUnicode, verdana,arial,helvetica,sans-serif; }

p{ color: #403931; font-size: 10pt; line-height: 160%; font-family: "Lucida Grande", "Lucida Sans", LucidaUnicode, verdana,arial,helvetica,sans-serif; }

h1 { color: #006699; font-size: 16pt; line-height: 160%; font-family: "Lucida Grande", "Lucida Sans", LucidaUnicode, verdana,arial,helvetica,sans-serif;}


h2 { color: #006699; font-size: 15pt; line-height: 160%; font-family: "Lucida Grande", "Lucida Sans", LucidaUnicode, verdana,arial,helvetica,sans-serif;}


h3 { color: #006699; font-size: 14pt; line-height: 160%; font-family: "Lucida Grande", "Lucida Sans", LucidaUnicode, verdana,arial,helvetica,sans-serif;}

 }

li { color: #cc9900; font-size: 8pt; line-height: 160%; font-family: "Lucida Grande", "Lucida Sans", LucidaUnicode, verdana,arial,helvetica,sans-serif; }

a { text-decoration: none; color: #26517D; }

a:hover { color:#cc0000;} 




#products a {   
margin:5px;
border:5px 
solid #fff;
width: 130px;   
height: 150px; 
text-align: center; 
verticalAlign: middle;
float:left;  
text-decoration: none;
}


#products a:hover  {

border:5px 
solid #efefef;
display: block; 
text-align: center; 
verticalAlign: middle; 
text-decoration: none;
width: 130px;   
height: 150px; 
}
#home a {   

display: block;   
background:  url(images/homenav1.gif) top;   
width: 80px;   
height: 34px; 
float:left;  
}
#home a:hover {   

background:  url(images/homenav2.gif) no-repeat bottom;   
}

#about a {   

display: block;   
background:  url(images/aboutnav1.gif) top;   
width: 49px;   
height: 34px; 
float:left;  
}
#about a:hover {   

background:  url(images/aboutnav2.gif) no-repeat bottom;   
}

#wedding a {   

display: block;   
background:  url(images/weddingwearnav1.gif) top;   
width: 91px;   
height: 34px; 
float:left;  
}
#wedding a:hover {   

background:  url(images/weddingwearnav2.gif) no-repeat bottom;   
}

#bride a {   

display: block;   
background:  url(images/bridesmaidnav1.gif) top;   
width: 173px;   
height: 34px; 
float:left;  
}
#bride a:hover {   

background:  url(images/bridesmaidnav2.gif) no-repeat bottom;   
}

#prom a {   

display: block;   
background:  url(images/promnav1.gif) top;   
width: 47px;   
height: 34px; 
float:left;  
}
#prom a:hover {   

background:  url(images/promnav2.gif) no-repeat bottom;   
}

#evening a {   

display: block;   
background:  url(images/eveningnav1.gif) top;   
width: 87px;   
height: 34px; 
float:left;  
}
#evening  a:hover {   

background:  url(images/eveningnav2.gif) no-repeat bottom;   
}
#ready a {   

display: block;   
background:  url(images/readynav1.gif) top;   
width: 91px;   
height: 34px; 
float:left;  
}
#ready a:hover {   

background:  url(images/readynav2.gif) no-repeat bottom;   
}
#communion a {   

display: block;   
background:  url(images/communionnav1.gif) top;   
width: 80px;   
height: 34px; 
float:left;  
}
#communion a:hover {   

background:  url(images/communionnav2.gif) no-repeat bottom;   
}

#made a {   

display: block;   
background:  url(images/measurenav1.gif) top;   
width: 107px;   
height: 34px; 
float:left;  
}
#made a:hover {   

background:  url(images/measurenav2.gif) no-repeat bottom;   
}

#retail a {   

display: block;   
background:  url(images/retailnav1.gif) top;   
width: 46px;   
height: 34px; 
float:left;  
}
#retail a:hover {   

background:  url(images/retailnav2.gif) no-repeat bottom;   
}

#email a {   

display: block;   
background:  url(images/emailnav1.gif) top;   
width: 46px;   
height: 34px; 
float:left;  
}
#email  a:hover {   

background:  url(images/emailnav2.gif) no-repeat bottom;   
}
#find a {   

display: block;   
background:  url(images/findusnav1.gif) top;   
width: 83px;   
height: 34px; 
float:left;  
}
#find a:hover {   

background:  url(images/findusnav2.gif) no-repeat bottom;   
}