/* CSS Document */

/* ------------- MAIN ARRANGEMENTS SECTION ------------- */

#anniversary-pic {						/* (1) Anniversary - Image */
	position: absolute;
	width: 110px;
	height: 82px;
	top: 2px;
	left: 1px;
 	background-image: url('../images/major-celebrations/anniversary/anniversary_110x82.jpg');} 

#birthday-pic {							/* (2) New Baby - Image */
	position: absolute;
	width: 110px;
	height: 82px;
	top: 88px;
	left: 1px;
  	background-image: url('../images/major-celebrations/birthday/birthday-girl-on-bed_110x82.jpg');}

#new-baby-pic {							/* (3) Wedding - Image */
	position: absolute;
	width: 110px;
	height: 82px;
	top: 174px;
	left: 1px;
  	background-image: url('../images/major-celebrations/new-baby/new-baby_110x82.jpg');}

#wedding-pic {							/* (4) Birthday - Image */
	position: absolute;
	width: 110px;
	height: 82px;
	top: 260px;
	left: 1px;
 	background-image: url('../images/major-celebrations/wedding/father-n-bride_110x82.jpg');} 

/* ---------- Text for Main Arrangements Section --------- */

#valley-flower-arrangement-occassions h4 {	/* Headings - Anniversary, Birthday, New Baby, Corporate */
	position: relative;
	margin: 2px;
	padding: 5px;
	top: 1px;
	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: 0px; /* important setting */
	width: 142px;
	top: -24px;
	right: 0px;
	font-family: arial, verdana;
	font-size: 12px;  		/* PREVIOUSLY 9pt */
	font-style: normal;
	color: blue;
	background-color: none;
	text-align: center;}

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

#valley-flower-arrangement-occassions a:visited {
	color: #0000FF;}   /* VISITED COLOR - Blue - WORKS FOR BOTH IE & FOX -  */

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

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

/* ----------- SPECIAL ARRANGEMENTS SECTION ----------- */

#valley-flowers-special-arrangements {		/* SECTION - SPECIAL ARRANGEMENTS */
	position: absolute;
	top: 498px;  
	width: 329px;
	height: 174px;
	right: 0px;
	background-image:url(../images/mockups/special-arrangements_348x164x.jpg);
	background-color: none;}

#special-arrangements_title-bar {			/* TITLE BAR - "SPECIAL DAILY ARRANGEMENTS" */
	position: absolute;
	width: 329px;
	top: 3px;
	left: 0;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #CC0099;	 						/* Violet Red - CC0099, Maroon - 990033 */
	text-align: center;
	background-color: none;}

#valley-flowers-special-arrangements h5 {	/* SA Titles - "Contemporary", "Exotics", "Get Well",  "Plants", "Romance", "Sympathy" */
	position: relative;
	margin: 0; /* important setting - top, right, bottom, left */
	padding: 0; 
	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;}

  .view {						/* CONTROLS FUCIA BUTTON */
	position: relative;
	top: -14px;
	right: 25px;
	float: right;} 

/* ---------- Special Arrangements - Column 1 -------- */

#valley-flowers-special_column-1 {
	position: absolute;
	width: 152px;
	height: 156px;
	top: 21px;
	left: 0px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;				/* Darkest Blue - 00004F */
	text-align: left;
	background-color: none;} 	

#contemporary-flowers {					/* TEXT - EXOTICS */
	position: absolute; 
	width: 175px;
	height: 15px;
	top: 5px;
	left: 0px;}

#exotic-flowers {						/* TEXT - EXOTICS */
	position: absolute; 
	width: 175px;
	height: 15px;
	top: 42px;
	left: 0px;}

#get-well-flowers {						/* TEXT - GET WELL */
	position: absolute; 
	width: 175px;
	height: 15px;
	top: 79px;
	left: 0px;}

#indoor-plants {						/* TEXT - INDOOR PLANTS */
	position: absolute; 
	width: 175px;
	height: 15px;
	top: 116px;
	left: 0px;}

/* ---------- Special Arrangements - Column 2 -------- */

#valley-flowers-special_column-2 {
	position: absolute;
	width: 152px;
	height: 156px;
	top: 21px;
	right: 0px;
	font-family: Arial;
	font-size: 9pt;
	color: #00004F;				/* Darkest Blue - 00004F */
	text-align: left;
	background-color: none;} 	

#romance {								/* TEXT - ROMANCE */
	position: absolute; 
	width: 175px;
	height: 15px;
	top: 5px;
	left: 0px;}

#roses {								/* TEXT - ROSES */
	position: absolute; 
	width: 175px;
	height: 15px;
	top: 42px;
	left: 0px;}

#sympathy {								/* TEXT - SYMPATHY */
	position: absolute; 
	width: 175px;
	height: 15px;
	top: 79px;
	left: 0px;}

#thank-you {							/* TEXT - THANK YOU */
	position: absolute; 
	width: 175px;
	height: 15px;
	top: 116px;
	left: 0px;}