/* ********************
 CSS STYLESHEET
 CLIENT: FLOWERS BY CYMBIDIUM
 DATE: NOVEMER/DECEMBER 2009
 DESIGN BY: AARON JAMES RODGERS
 ********************** */
 
 
 /* ******************
 	BODY INFO
	****************** */
	
body { background-color:#000000; margin: 0px, 0px, 0px, 0px;}
html {background-color:#000000; margin: 0px, 0px, 0px, 0px;}



/* *******************
   DIV STRUCTURE
   ****************** */
   
#container {position:absolute; top:0px; left:0px; width:950px; height:800px;}
#side-nav {position:absolute; top:0px; left:0px; width:180px; padding-top:130px; padding-left:20px; padding-right:20px;} 
#header {position:absolute; top:0px; left:200px; margin-left:20px; width:730px; height:130px;}
#content {position:absolute; top:130px; left:200px; width:710px; height:500px; margin-left:20px; padding-left:20px; padding-top:10px; background-image:url(images/black.png); background-repeat:repeat;}






/* ******************
   ABOUT US - NAVIGATION MENU
   ****************** */
   
/* YELLOW ENU */
   
#menu1 { width: 180px; float:left; background-image:url(images/about-menu-bg.png); background-repeat:repeat; }   
#menu1 ul { font-family: "Tahoma", Arial, Helvetica, sans-serif; list-style-type:none;margin:0;padding:0; text-align:center;} 
#menu1 li { display: inline; /* for IE5 and IE6 */} 
#menu1 a  { color:#000000; text-decoration: none; font-size: 14px; display: block; padding: 10px; width: 160px;
} 

#menu1 a:link, #menu1 a:visited { color:#000000; text-decoration: none;} 
#menu1 a:hover { background-color:#cccc99; color:#000000; padding: 10px; } 

/* PURPLE MENU */

#menu2 { width: 180px; float:left; background-image:url(images/flowers-menu-bg.png); background-repeat:repeat; }   
#menu2 ul { font-family: "Tahoma", Arial, Helvetica, sans-serif; list-style-type:none;margin:0;padding:0; text-align:center;} 
#menu2 li { display: inline; /* for IE5 and IE6 */} 
#menu2 a  { color:#000000; text-decoration: none; font-size: 14px; display: block; padding: 10px; width: 160px;
} 

#menu2 a:link, #menu2 a:visited { color:#000000; text-decoration: none;} 
#menu2 a:hover { background-color:#cc99cc; color:#000000; padding: 10px; } 

/* PURPLE HORIZONTAL MENU */

#menu3 { position:absolute; top:94px; left:220px; width: 730px; float:left; background-image:url(images/flowers-menu-bg.png); background-repeat:repeat; }   
#menu3 ul { font-family: "Tahoma", Arial, Helvetica, sans-serif; list-style-type:none;margin:0;padding:0; text-align:center;} 
#menu3 li { display: inline; float:left; /* for IE5 and IE6 */} 
#menu3 a  { color:#FFFFFF; text-decoration: none; font-size: 12px; display: block; padding-top: 10px; padding-bottom:10px; width:90px;
} 

#menu3 a:link, #menu3 a:visited { color:#FFFFFF; text-decoration: none;} 
#menu3 a:hover { background-color:#cc99cc; color:#000000; } 


/* RED MENU */

#menu4 { width: 180px; float:left; background-image:url(images/events-menu-bg.png); background-repeat:repeat; }   
#menu4 ul { font-family: "Tahoma", Arial, Helvetica, sans-serif; list-style-type:none;margin:0;padding:0; text-align:center;} 
#menu4 li { display: inline; /* for IE5 and IE6 */} 
#menu4 a  { color:#000000; text-decoration: none; font-size: 14px; display: block; padding: 10px; width: 160px;
} 

#menu4 a:link, #menu4 a:visited { color:#000000; text-decoration: none;} 
#menu4 a:hover { background-color:#ff9966; color:#000000; padding: 10px; } 

/* GREEN MENU */

#menu5 { width: 180px; float:left; background-image:url(images/contact-menu-bg.png); background-repeat:repeat; }   
#menu5 ul { font-family: "Tahoma", Arial, Helvetica, sans-serif; list-style-type:none;margin:0;padding:0; text-align:center;} 
#menu5 li { display: inline; /* for IE5 and IE6 */} 
#menu5 a  { color:#000000; text-decoration: none; font-size: 14px; display: block; padding: 10px; width: 160px;
} 

#menu5 a:link, #menu5 a:visited { color:#000000; text-decoration: none;} 
#menu5 a:hover { background-color:#c1dd5e; color:#000000; padding: 10px; } 


/* CHRISTMAS MENU */

#menu-xmas { position:absolute; top:94px; left:220px; width: 730px; float:left; float:left; background-image:url(images/contact-menu-bg.png); }   
#menu-xmas ul { font-family: "Tahoma", Arial, Helvetica, sans-serif; list-style-type:none;margin:0;padding:0; text-align:center;} 
#menu-xmas li { display: inline; /* for IE5 and IE6 */} 
#menu-xmas a  { color:#990000; text-decoration: none; text-align:left; font-size: 14px; display: block; padding: 10px; width: 710px;
} 

#menu-xmas a:link, #menu-xmas a:visited { color:#990000; text-decoration: none;} 
#menu-xmas a:hover { background-color:#c1dd5e; color:#990000; padding: 10px; } 

/* ABOUT US - SHOPPING EVENT LINK BANNER (YELLOW) */

#menu-about-extra { position:absolute; top:94px; left:220px; width: 730px; float:left; float:left; background-image:url(images/about-menu-bg.png); }   
#menu-about-extra ul { font-family: "Tahoma", Arial, Helvetica, sans-serif; list-style-type:none;margin:0;padding:0; text-align:left;} 
#menu-about-extra li { display: inline; /* for IE5 and IE6 */} 
#menu-about-extra a  { color:#990000; text-decoration: none; text-align:left; font-size: 14px; display: block; padding: 10px; width: 710px;
} 

#menu-about-extra a:link, #menu-about-extra a:visited { color:#990000; text-decoration: none;} 
#menu-about-extra a:hover { background-color:#cccc99; color:#990000; padding: 10px; } 





/* *****************
   TEXT STYLES
   **************** */
   
body { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px;}
h1 { font-size:20px;}  
.event-heading {color:#ff9966; font-size:20px; font-weight:bold;} 


/* *****************
	LINKS
   **************** */
   
a.page:link {color:#ffffff; text-decoration:none; }
a.page:visited {color:#ffffff; text-decoration:none; }
a.page:hover {color:#FFFFFF; text-decoration:underline; }
a.page:active {} 

a.slideshow:link {color:#ffffff; text-decoration:none; font-size:12px; }
a.slideshow:visited {color:#ffffff; text-decoration:none; font-size:12px; }
a.slideshow:hover {color:#FFFFFF; text-decoration:underline; font-size:12px; }
a.slideshow:active {}