/*******************************************************************************
White Orchid Films - style.css

Version:  Release - v1.0
Author:   Mat Wasik
Date:     June 10, 2007
*******************************************************************************/

/*
 * #01 - General
 * #02 - Headings
 * #03 - Other Text (by tag)
 * #04 - Other Text (by class/id) 
 * #05 - Menus / Lists
 * #06 - Forms
 * #07 - Other    
 */

/* #01 - GENERAL **************************************************************/

html
{
  font: .8em verdana, helvetica, arial, sans-serif;
}

body
{
	color: #6c9d30; /* WOF green */
}

p
{
  /* Nice spacing around paragraphs */
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
}

#mainContent
{
  color: #354d18; /* WOF dark green */ 
  background-color: #ffffff;
}

.flowerBackground
{
  background: transparent url('../images/flower_watermark.jpg') no-repeat scroll 100% 100%;
  /* allows flower to sit below the content */ 
  padding-bottom: 284px; 
}


/* #02 - HEADINGS *************************************************************/

h1 a /* used for masthead */
{
	display: block;
	width: 748px;
	height: 164px;
	margin-top: 6px;
  
  /* Phark */
  text-indent: -9999px;
	overflow: hidden;
}

h2 a /* used for pageTitle... */
{
  display: block;
  width: 225px;
  height: 25px;
  
  text-align: right;
  
  /* Phark - needed large positive number for text-indent - because of text-align: right? */ 
  text-indent: 9999px;
  overflow: hidden;
}

#mainNav a /* used for Menu */
{
  display: block;
  width: 214px;
  height: 34px;
  
  text-indent: -9999px;
  overflow: hidden;
}

/* #03 - OTHER TEXT (BY TAG) **************************************************/

/* Move wedding packge title to the left so it lines up with list underneath */
.packageTitle
{
  margin-left: 15px;
  padding-left: 0px;
}

/* Used when listing wedding packages and other events */
#packages .list
{
  margin-left: 15px;
  margin-right: 50px;
}

/* Needed to pad the bottom before the next paragraph */
#packages .listFirstItem
{
  margin-left: 15px;
  margin-right: 50px;
  /* Need to move top margin up 15 px to compensate for p tags default of 15px 
     margin-bottom so the list of items sits right underneath the title of the list */ 
  margin-top: -15px;
}

#packages .listLastItem
{
  margin-left: 15px;
  margin-right: 50px;
}

#events .list
{
  margin-left: 15px;
  margin-right: 15px;
}

/* Needed to pad the bottom before the next paragraph */
#events .listFirstItem
{
  margin-left: 5px;
  margin-right: 15px;
  /* Need to move top margin up 15 px to compensate for p tags default of 15px 
     margin-bottom so the list of items sits right underneath the title of the list */ 
  margin-top: -15px;
}

/* Needed to pad the bottom before the next paragraph */
#events .listLastItem
{
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px; 
}

/* Used in incentives page to seperate text of first/third referels to keep in
  line with photos */
.lastItem
{
  margin-right: 5px;
  /* 39px lines up the text with the image right now, could easily change beware */
  margin-bottom: 39px;
}

/* need to set the width of the p in incentives to be less than all other p's (504px) */
#diningText p,
#bedText p
{
  width: 320px;
}

.whiteText
{
  color: #ffffff; /* white */
  font-weight: bold;
}

.darkGreenText
{
  color: #354d18; /* WOF dark green */
}

.darkGreenTextBold
{
  color: #354d18;
  font-weight: bold;
}

.lightGreenText 
{
  color: #6c9d30;
}

.lightGreenTextBold 
{
  color: #6c9d30;
  font-weight: bold;
}

.redText
{
  color: #a91d2d; 
}

.redTextBold
{
  color: #a91d2d;
  font-weight: bold; 
}

/* Don't think I use these anymore */
.verticalAlignImageContactUs
{
  vertical-align: -10px;
}

.verticalAlignTextContactUs
{
  vertical-align: 0px;
}

a:link,
a:visited,
a:hover
{
  text-decoration: none;
  font-weight: normal;
  color: #6c9d30;
}

.lightGreenText a:link,
.lightGreenText a:visited,
.lightGreenText a:hover
{
  color: #6c9d30;
  text-decoration: underline;
  /* font-weight: bold; */
}

.darkGreenText a:link,
.darkGreenText a:visited,
.darkGreenText a:hover
{
  color: #354d18;
  text-decoration: underline;
  /* font-weight: bold; */  
}

.whiteText a:link,
.whiteText a:visited,
.whiteText a:hover
{
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

/* #05 - MENUS / LISTS ********************************************************/

/* Change menu item when hovering over */
#menuHome a:hover
{
  width: 214px;
  height: 34px;
  background: url('../images/menu_all_pages.gif') no-repeat scroll 0px -34px;
}

#menuWeddingPackages a:hover
{
  width: 214px;
  height: 34px;
  background: url('../images/menu_all_pages.gif') no-repeat scroll -214px -34px;
}

#menuOtherEvents a:hover
{
  width: 214px;
  height: 34px;
  background: url('../images/menu_all_pages.gif') no-repeat scroll -428px -34px;
}

#menuIncentiveProgram a:hover
{
  width: 214px;
  height: 34px;
  background: url('../images/menu_all_pages.gif') no-repeat scroll -652px -34px;
}

#menuTechInfo a:hover
{
  width: 214px;
  height: 34px;
  background: url('../images/menu_all_pages.gif') no-repeat scroll -866px -34px;
}

#menuTestimonials a:hover
{
  width: 214px;
  height: 34px;
  background: url('../images/menu_all_pages.gif') no-repeat scroll -1080px -34px;
}