body {
	background: #562e75 url(../images/BG-2.jpg) ;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	}
a:link, a:visited {color: #372942}
a:hover, a:active {color: black; text-decoration: none;}
em {color: #372942}
h1, h2, h3, h4 {margin-left: 14px; width: 690px;}
p {margin-left: 14px; width: 690px; text-align:justify;}
ul { width: 685px; font-size:95%; padding-left: 14px; color: #372942}
li { background: url(../images/bullet-list-arrow.jpg) top left no-repeat; padding-left:20px; padding-right: 15px; list-style: none; text-align:justify; margin:.4em;}
#outer-wrapper {
	background: url(../images/header-in-the-mix-wedding-events.jpg) top no-repeat;
	width: 860px;
	margin: 0 auto;
	position:relative;
	padding:0;
	padding-top: 230px;
	}
	
#content-wrapper {
	margin:0px auto 30px auto;
	padding-top: 0px;
	width: 725px;
	position:relative;
	border: #e8e4ee solid 14px;
	border-top: none;
	border-bottom: none;
	background-color: #bfb1ca;
	}
ul#main-nav{
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #e8e4ee;
	width: 725px;
	margin: 0;
	padding: 5px 0px;
	font-size: 90%;
	text-align: center;
	list-style-type: none;
	}	
ul#main-nav li{
	display: inline;
	font-size: 110%;
	border-left: #a094aa 1px solid;
	padding: 5px 6px 5px 6px;
	border-bottom-style: none;
	margin-right: 0px;
	margin-left: 0px;
	background-image: none;
	}	
ul#main-nav li.last-link{border-right: #a094aa solid 1px;}	
ul#main-nav li a:link,
ul#main-nav li a:visited {
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	margin-left: 1px;
	color: #372942;
	}
ul#main-nav li:hover{background: #bfb1ca;}	

ul#main-nav li#here {background:#bfb1ca; color:#e8e4ee; text-decoration: none;}

#footer {
	width: 860px;
	background: url(../images/footer-bg-non-ie.jpg) top no-repeat;
	text-align: center;
	font-size: 80%;
	color:#562e75;
	margin: -30px auto 30px auto;
	padding: 140px 0 30px 0;
}
#footer a:link,
#footer a:visited {color:#562e75; text-decoration: none;}
#footer a:hover,
#footer a:active {color:#e8e4ee;}
#footer p {margin: 2px auto 8px auto; text-align:center;}
p#copyright {
	font-size: 85%;
	color:#562e75;
}
.clear {clear:both;}
/*
body#WEDDING-HOME h1,
body#WEDDING-PACKAGES h1,
body#CONTACT h1,
body#CORPORATE-HOME h1*/
body#ENHANCEMENTS h1
 { margin-bottom:0;}

.contact-info-wrapper {
	width: 320px;	
	padding: 4px;
	margin-left:50px;
	font-size: 90%;
}
.contact-info-wrapper .email {display:block;}
.contact-info-wrapper .vcard {margin-left: 62px;}

body#ENHANCEMENTS div.column2{
	width: 360px;
	margin-left: -30px;
	margin-right: 10px;
	position: relative;
	float: right;
}
body#ENHANCEMENTS div.column2 p,
body#ENHANCEMENTS div.column2 li
{ width: 320px; text-align: left;
}

.light-bold {
	color:#483870;
}

.photo-credit {
	font-size:75%;
	text-align: right;
	width: 300px;
	float:right;
	clear:right;
	margin-top:0px;
	margin-right: 120px;
}
.photo-credit a{
}
#web-credit { font-size:10px; line-height: .3em; }



.warning {
    font-weight: bold;
    color: #372942;
}

	
#contact-form {
	margin-left: 40px;
	margin-right: 30px; 
	width: 620px;
}
#contact-form p {width: 600px;}/* width set for firefox 3 */

form {
  width: 40em;
}

/* fieldset styling */
fieldset {
  margin: 1em 0px; /*  space out the fieldsets a little*/
  padding: 1em;
  width:610px;/* width stated for Chrome and Safari (PC version) */
  border : 1px solid #372942;
}

/* legend styling */
legend {
  font-weight: bold;
  color: #372942;
  background: #bfb1ca;
  padding: 0px 5px;
}

label {
  display: block;
  width: 500px;  
}

/* style for required labels */
label .required-text {
  font-size: 0.75em;
  font-weight:bold;
  color:#562e75;
}

input {
  width: 300px;
}


input.radio, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
  width: 300px;
  height: 100px;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* End the hack */	
	
	
	
#link-box {
	position: absolute; margin-top: 3.5em; margin-left: 488px; width: 230px; position: absolute; 
}
	#link-box h3{
		width: 230px; margin-bottom: 1px;  
	}	
	#link-box ul{
		width: 230px; margin-top: 1px;
	}
	#link-box li {
		border-bottom: #e8e4ee 1px solid;
		background: url(../images/icon-page.png) no-repeat left;
		padding: 4px 0px 4px 19px; 
		list-style: none;
		margin: 0px;
	}