body {
	margin: 0;
	border: 0;
	padding: 0;
 	background-color: #F5F5F5;}  			/* Light Grey - F5F5F5, */

#wrapper { 	        	
	width: 763px;
  	margin-left: auto;
  	margin-right: auto;}

#positioning-frame {	
	position: relative; 
	width: 763px; 	/* important setting - if decreased frame will lose integrity in IE */ 
	padding: 0;
	text-align: center;} /* important setting */   

/* ------------------- HEADER SECTION ------------------- */

#header { 									/* Header - Image */
	position: relative; 
	width: 763px;
	height: 96px; 
	margin: 0;
	border: 0 none;	
	padding: 0;
	top: 0; 
	left: 0; 
	font-family: Arial;
	font-size: 1pt;
	color: black;
	text-align: left;
  	background-image: url('/images/header/forest-lawn-flower-shop_flowers-forest-lawn.jpg');}

/* ------------------ MENU SECTION ------------------ */

#menu {										/* Menu - Text */
	position: relative;
	overflow: visible; 
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	width: 763px;
	height: 16px; 
	padding-top: 1px;
	top: 0;
	left: 0;
  	font-family: Verdana, Arial;
	font-size: 8pt;
	color: white;
	text-align: center;
	background-color: #6100C1;}  			/* Dark Purple - 6100C1 */
	
#menu-title {   			/* --------------- COMPLETE - DON'T CHANGE ---------------- */
  	width: 300px;
  	font-weight: bold;
  	margin: 0;
  	padding: 0 0 0 0px; /* working */
  	float: left;}

#menu-right ul { 			/* --------------- COMPLETE - DON'T CHANGE ---------------- */
  	margin: 0;
  	padding: 0 10px 0 0;
 	text-align: right;} 

#menu-right li {			/* --------------- COMPLETE - DON'T CHANGE ---------------- */
  	display: inline;
  	font-weight: normal;}

.menu-dot {
	font-family: Arial;
	font-size: 7pt;
	color: white;}

/* ---------- Menu Anchor Links -------- */
  
#menu a:link {		/* DO NOT CHANGE ORDER OF SEQUENCE */
	color:#FFFFFF;} /* INITIAL COLOR - White - WORKS FOR BOTH IE & FOX */

#menu-right a:visited {
	color: #FFFFFF;}   /* VISITED COLOR - White - WORKS FOR BOTH IE & FOX -  */

#menu-right a:hover {
	color:#FFFFFF;  /* HOVER - UNDERLINE WORKS FOR BOTH IE & FOX - COLOR DOESN'T REMAIN AFTER VISIT */ 
	text-decoration: underline;} 

#menu-right a:active {
	color:#FFFFFF;} /* TRANSITION COLOR (Not Important) - White - WORKS ON BOTH IE & FOX  */

/* ----------------- MAIN SECTIONS (Main Feature & Major Celebrations) ---------------- */

#main-sections-container {
	position: relative; /* important setting */  
	overflow: hidden;  
	width: 540px;
	height: 540px;
	left: 0px;
	text-align: left; 
	float: right;} /* important setting */ 

/* ----------------- Main Feature Section ---------------- */

#main-feature-image {						/* Main Feature - Image */
	width: 540px;
	height: 180px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font-family: Arial;
	font-size: 1pt;
	color: white;
	text-align: right; 
	background-image: url('/images/featured-celebration/general/one-dozen-roses-in-vase_540x180.jpg');}  

#main-feature-text {				/* Main Feature - Text */
	position: absolute;  /* important setting - change to relative differnet positioning in IE & Firefox */
	overflow: hidden;  /* important setting */
	width: 450px;
	height: 167px;
	margin: 0;
	border: 0;
	padding: 0;
	top: 176px;
	left: 80px;
	font-family: Arial;
	font-size: 1pt;
	color: white;
	text-align: right;}

#banner-image-hyper-text {
	position: absolute;  /* important setting - change to relative differnet positioning in IE & Firefox */
	width: 284px;
	height: 24px;
	margin: 0;
	border: 0;
	padding: 0;
	top: 142px;
	left: 218px;
	font-family: arial;
	font-size: 20pt;
	font-style: normal;
	color: blue;
	text-align: center;
	text-decoration: none;
	background-color: white;}

#banner-image-hyper-text a:link {		/* DO NOT CHANGE ORDER OF SEQUENCE */
	color:#0000FF;} 	/* INITIAL COLOR - Blue - WORKS FOR BOTH IE & FOX */

#banner-image-hyper-text a:visited {
	color: #0000FF;}   	/* VISITED COLOR - Blue - WORKS FOR BOTH IE & FOX -  */

#banner-image-hyper-text a:hover {
	color:#3366FF;}		/* hover color - Medium Blue - UNDERLINE WORKS FOR BOTH IE & FOX - COLOR DOESN'T REMAIN AFTER VISIT */ 

#banner-image-hyper-text a:active {
	color:#0000FF;} 	/* TRANSITION COLOR (Not Important) - Blue - WORKS ON BOTH IE & FOX  */

/* ----------------- Major Celebrations Section ---------------- */

#major-celebrations {						/* Major Celebrations - Division */
	position: relative;
	padding: 0px;
	width: 540px;
	height: 360px;
	overflow: hidden; 
	top: 0;
	left: 0;
	line-height: 1;
	background-color: white;}				/* White */ 

#major-celebrations h2 {					/* Heading - "Order Online Or Call Direct for Best Pricing" */
	position: relative;
	margin: 0;
	padding: 1px 0 2px 0;
	top: 0px;
	left: 0px;
	font-family: Arial;
	font-size: 18pt;
	font-weight: lighter;
	font-variant: small-caps; 
	color: white; 				
	text-align: center;
	verticle-align: text-top;
	background-color: #CC0099;} 			/* Violet Red - CC0099 */

#major-celebrations h3 {					/* Headings - "Anniversary Celebrations", "Birthday Celebrations", "New Baby Arrivals", etc.. */
	position: relative;
	margin: 2px;
	padding: 5px;
	top: 7px;
	left: 120px;
	font-family: Arial;
	font-size: 16pt;
	font-weight: lighter;
	font-style: normal;
	color: #CC0099; 						/* Violet Red - CC0099 */
	text-align: left;} 

#mc-anniversary {							/* Text - Anniversary Section */
	position: relative; /* important setting */
	margin: 0px;
	width: 395px;
	top: 0px;
	left: 129px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	line-height: 1.2;
	text-align: justify;}

#mc-birthday {								/* Text - Birthday Section */
	position: relative; /* important setting */
	margin: 0px;
	width: 395px;
	top: 0px;
	left: 129px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	line-height: 1.2;
	text-align: justify;}

#mc-new-baby {								/* Text - New Baby Section */
	position: relative; /* important setting */
	margin: 0px;
	width: 395px;
	top: 0px;
	left: 129px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	line-height: 1.2;
	text-align: justify;}

#mc-wedding {								/* Text - Wedding Section */
	position: relative; /* important setting */
	margin: 0px;
	width: 395px;
	top: 0px;
	left: 129px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	line-height: 1.2;
	text-align: justify;}

#mc-corporate {								/* Text - Corporate Section */
	position: relative; /* important setting */
	margin: 0px;
	width: 395px;
	top: 0px;
	left: 129px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	line-height: 1.2;
	text-align: justify;}

.more {
	position: absolute; /* important setting */
	margin: 5px; /* important setting */
	width: 75px;
	top: 12px;
	left: 310px;
	font-family: arial, verdana;
	font-size: 8pt;
	font-style: normal;
	color: blue;}

/* ---------- Major Celebrations - Anchor Links -------- */
  
#major-celebrations a:link {		/* DO NOT CHANGE ORDER OF SEQUENCE */
	color:#0000FF;} /* INITIAL COLOR - Blue - WORKS FOR BOTH IE & FOX */

#major-celebrations a:visited {
	color: #0000FF;}   /* VISITED COLOR - Blue - WORKS FOR BOTH IE & FOX -  */

#major-celebrations a:hover {
	color:#0000FF;  /* HOVER - Blue - UNDERLINE WORKS FOR BOTH IE & FOX - COLOR DOESN'T REMAIN AFTER VISIT */ 
	text-decoration: underline;} 

#major-celebrations a:active {
	color:#0099FF;} /* TRANSITION COLOR (Not Important) - Cyan - WORKS ON BOTH IE & FOX  */

/* --------------- SPECIAL FEATURES - SIDE COLUMN SECTION -------------- */

#special-features-column {
	position: absolute;
	width: 223px;
	height: 540px; /* important setting - keep at 540px */
	top: 113px;
	left: 0px;
/* 	float: right;  important setting "when in relative setting only"  */
	background-color: white;} 				/* Purple - 6600CC */

/* ------------------ Special Feature Item ------------------ */

#special-feature-item {						/* Special Feature - Image (Teleflora) */
	position: relative; 
	width: 223px;
	height: 90px;
	top: 0px;
	left: 0px;
	font-family: Arial;
	font-size: 10pt;
	color: black; /* matching red - FF0101*/
	text-align: left;
	background-image: url('/images/logos/teleflora_buy-now_223x90-9.gif');}
/*  https://secure2.eflorist.com/secure/myacctlogin.asp?sid=515347821 */

.click-here {
	position: absolute; 
	top: 72px;
	left: 140px;
	font-family: arial, verdana;
	font-size: 13px;
	font-style: normal;
	color: white;}

#special-feature-item a:link {		/* DO NOT CHANGE ORDER OF SEQUENCE */
	color:#FFFFFF;} /* INITIAL COLOR - White - WORKS FOR BOTH IE & FOX */

#special-feature-item a:visited {
	color: #FFFFFF;}   /* VISITED COLOR - White - WORKS FOR BOTH IE & FOX -  */

#special-feature-item a:hover {
	color:#FFFFFF;  /* HOVER - UNDERLINE WORKS FOR BOTH IE & FOX - COLOR DOESN'T REMAIN AFTER VISIT */ 
	text-decoration: underline;} 

#special-feature-item a:active {
	color:#FFFFFF;} /* TRANSITION COLOR (Not Important) - White - WORKS ON BOTH IE & FOX  */

/* ------------------ Special Arrangements Section ------------------ */


#special-arrangements {						/* Special Arrangements - Main Text & BG */
	position: absolute;
	margin: 0;
	padding-bottom: 0;
	overflow: hidden; 
	width: 223px;
	height: 290px;
	top: 90px;
	left: 0px;
	font-family: arial;
	font-size: 12pt;
	color: black;}

#sa-categories-container {
	position: absolute;
	margin: 0;
	border: 0;
	padding: 3px;
	height: 229px;
	top: 28px;
	left: 8px;
	line-height: 1;
	text-align: left;}

#special-arrangements h3 {					/* Heading - "Special Arrangements" */
	position: relative;
	margin: 0;
	padding: 0;
	top: 7px;
	left: 0;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #CC0099;	 						/* Violet Red - CC0099, Maroon - 990033 */
	text-align: center;}

#special-arrangements h4 {			      	/* SA Titles - "Contemporary", "Exotics", "Get Well",  "Plants", "Romance", "Sympathy" */
	position: relative;
	margin: 0; 
	border: 0;
	padding: 1px;
	width: 120px;
	height: 15px;
	top: 0px;
	left: -2px;
	font-family: Arial, Verdana;
	font-size: 12pt;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	color: #6600CC; 						/* Dark Purple - 6600CC */
	text-align: left;}

#sa-contemporary {							/* Text - Contemporary Section */
	position: relative; /* important setting */
	margin-top: 0;
	border: 0;
	padding: 0;	
	width: 175px;
	height: 15px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	text-align: left;}

#sa-exotics {								/* Text - Exotics Section */
	position: relative; /* important setting */
	margin: 0 0;
	border: 0;
	padding: 0;	
	width: 175px;
	height: 15px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	text-align: left;}

#sa-get-well {								/* Text - Get Well Section */
	position: relative; /* important setting */
	margin: 0 0;
	border: 0;
	padding: 0;	
	width: 175px;
	height: 15px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	text-align: left;}

#sa-plants {								/* Text - Plants Section */
	position: relative; /* important setting */
	margin: 0 0;
	border: 0;
	padding: 0;	
	width: 175px;
	height: 15px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	text-align: left;}

#sa-romance {								/* Text - Romance Section */
	position: relative; /* important setting */
	margin: 0 0;
	border: 0;
	padding: 0;	
	width: 175px;
	height: 15px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	text-align: left;}

#sa-roses {									/* Text - Romance Section */
	position: relative; /* important setting */
	margin: 0 0;
	border: 0;
	padding: 0;	
	width: 175px;
	height: 15px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	text-align: left;}

#sa-sympathy {								/* Text - Sympathy Section */
	position: relative; /* important setting */
	margin: 0 0;
	border: 0;
	padding: 0;	
	width: 175px;
	height: 15px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;							/* Darkest Blue - 00004F */
	text-align: left;}

.view {
	position: absolute; /* important setting */
	margin: 0px; /* important setting */
	padding: 0;
	border: 0;
	top: 0px;
	left: 187px;} /* controls sa category button distance from text */

/* ------------------ Special of the Month Division ------------------ */

#special-of-the-month-image {				/* Image - Special of the Month BG */
	position: absolute;  
	margin: 0;
	width: 223px;
	height: 160px;
	top: 379px; /* adjusts bottom margin above footer */
	left: 0px;
	color: black;
	text-align: left;
	background-image: url('/images/special-of-the-month/variety-bouquet_223x160.jpg');} 

#special-of-the-month-image h3 {			/* "Special of the Month" - Heading */
	position: absolute;  
	margin: 0;
	padding-bottom: 0px;
	width: 223px;
	height: 24px;
	top: -25px; /* important setting - keeps heading's vertical alignment comparable in IE & Firefox */ 
	font-family: arial;
	font-size: 14pt;
	font-weight: lighter;
	font-variant: small-caps;
	color: white;
	text-align: center;
	background-color: #CC0099;} 			/* Violet Red - CC0099 */

#special-of-month-text {					/* Special of the Month - Text */
	position: absolute;
	margin: 0;
	padding: 0;
	overflow: hidden; /* important setting */
	width: 130px;
	height: 10px;
	top: 1px;
	left: 93px;
	font-family: Arial, Verdana;
	font-size: 2pt;
	color: white;
	text-align: right;}

/* ------------------ Images for Major Celebrations (out of order but "must" remain in this spot) ------------------ */

#anniversary-pic {							/* (1) Anniversary - Image */
	position: absolute;
	width: 110px;
	height: 82px;
	top: 28px;
	left: 1px;
	font-family: Arial;
	font-size: 1px;
	color: #3D3F33 ;						/* matching green - 3D3F33 */
	text-align: right;
 	background-image: url('/images/major-celebrations/anniversary/anniversary_110x82.jpg');} 

#new-baby-pic {								/* (2) New Baby - Image */
	position: absolute;
	width: 110px;
	height: 82px;
	top: 111px;
	left: 1px;
	font-family: Arial;
	font-size: 1px;
	color:  #E8D7D3;						/* matching pink - E8D7D3 */
	text-align: right;
  	background-image: url('/images/major-celebrations/new-baby/new-baby_110x82.jpg');}

#wedding-pic {								/* (3) Wedding - Image */
	position: absolute;
	width: 110px;
	height: 82px;
	top: 194px;
	left: 1px;
	font-family: Arial;
	font-size: 1px;
	color: #D6D3CF;							/* matching grey - D6D3CF */
	text-align: left;
  	background-image: url('/images/major-celebrations/wedding/father-n-bride_110x82.jpg');}

#birthday-pic {								/* (4) Birthday - Image */
	position: absolute;
	width: 110px;
	height: 82px;
	top: 277px;
	left: 1px;
	font-family: Arial;
	font-size: 1px;
	color: #F6F7FD;							/* matching beige - F6F7FD */
	text-align: center;
 	background-image: url('/images/major-celebrations/birthday/birthday-girl-on-bed_110x82.jpg');} 

/* ------------------ FOOTER AND LIST SECTION ------------------ */

#footer-n-list-section {					/* Footer - Division */
	position: absolute; /* important setting */
	margin: 0;
	width: 763px;
	height: 190px;
	top: 654px; /* important setting */
	left: 0px;
	color: white;
	text-align: center;
	background-color: #F5F5F5;} 			/* Light Grey - F5F5F5 */

#footer {
	position: absolute;
	top: 0;
	left: 0;
	width: 763px;
	height: 50px;} 

#copyright {
	position: absolute;
	width: 470px;
	padding: 0px;
	top: 57px;
	left:  135px;
	font-family: Arial; 
	font-size: 8pt; 
	font-weight: normal;
	color: #000000;}

#san-fernando-valley-florists {
	position: absolute;
	top: 90px;
	font-family: Verdana, Arial;
	font-size: 7pt;
	color: #000000;
	text-align: justify;} 

#birthday-gift-wedding-flowers-funeral-services-postscript {
	position: absolute;
	top: 190px;
	left: 0px;
	font-family: Verdana, Arial;
	font-size: 1pt;
	color: #F5F5F5;} /* Light Grey F5F5F5 */	

/* ---------- SFV Florist List Anchor Links -------- */
  
#san-fernando-valley-florists a:link {		/* DO NOT CHANGE ORDER OF SEQUENCE */
	color: black;} /* INITIAL COLOR - Black - WORKS FOR BOTH IE & FOX */

#san-fernando-valley-florists a:visited {
	color: black;}   /* VISITED COLOR - White - WORKS FOR BOTH IE & FOX -  */

#san-fernando-valley-florists a:hover {
	color: #333333;  /* HOVER - Medium Grey - UNDERLINE WORKS FOR BOTH IE & FOX - COLOR DOESN'T REMAIN AFTER VISIT */ 
	text-decoration: underline;} 

#san-fernando-valley-florists a:active {
	color: black;} /* TRANSITION COLOR (Not Important) - Cyan - WORKS ON BOTH IE & FOX  */

.list-dot {
	font-family: Arial;
	font-size: 7pt;
	color: black;}			/* Black */

/* -------------- STANDARD AMG BODY RULES ------------- */ 

a {
	text-decoration: none;} /* prevents initial underline on both IE & Firefox */

a:link {				/* DO NOT CHANGE ORDER OF SEQUENCE */
	color:#0000FF;} 	/* initial color - Blue */

a:visited {
	color:#0000FF;}  	/* visited color - Blue */

a:hover {
	color:#3366FF;}		/* hover color - Medium Blue */ 

a:active {
	color:#0099FF;} 	/* transition color - Cyan */

img {
	border: 0px;}

table {
	margin: 0px;
	border: 0px;
	padding: 0px;} 

/* ------------------ REFERENCE COLORS ------------------
  
	White  - FFFFFF ; Black - 000000 ; Grey - CCCCCC ; Light Grey - F5F5F5 ; Transition Grey - 333333 (18)	
	Red    - FF0000 ; Rose Red - E4082E, Maroon - 990033, Violet Red - CC0099 ; Fucia - FF00FF
	Violet - EE82EE ; Pink - FFCCFF ; Salmon - F7E9E5 ; Light Pink - FFF5F5 ; CC99FF - Lavender 
	Purple - 9900FF ; Lavender - CC99FF ; Dark Purple - 6100C1, Darker Purple - 5A1BAF, Darkest Purple - 48158E
	Orange - FF7F00 ; FF9900 - Gold ; Yellow Gold - FFCC00 
	Yellow - FFFF00 ; Light Yellow - FFFF66 ; Lime - CCFF33
	Green  - 00FF00 ; Bright Green - 00FF33 ; Light Green - CCFFCC ; Olive - CCFF33 ; Dark Green - 33CC33 
	Cyan   - 00FFFF ; Light Cyan - 66FFFF ; Medium Cyan - 33CCFF ;  Turquoise - 00FFCC
	Blue   - 0000FF ; Light Blue - 00CCFF ; Medium Blue - 3366FF ;  Dark Blue - 000066 ; Darkest Blue - 00004F */