@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
}

div#outer_container {
	position: relative;
	left: 50%;
	margin: 0px 0px 0px -475px;
	padding: 0px;
	width: 950px;
}

div#container {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 1410px;
	background: url(images/bg2.jpg) no-repeat;
	color: #fff;
}


a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
	margin: 0px;
}

img#about_flowers {
	float: right; 
	margin: 10px 0px 0px 20px;
}


div#top_contact {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 950px;
}

#top_contact p {
	position: relative;
	float: left;
	margin: 3px 0px 3px 0px;
	padding: 0px;
	font-size: 1.3em;
	width: 475px;
	height: 32px;
	text-align: center;
	color: #660066;
} 

#top_contact p a {
	color: #660066;
}



div#header {
	position: relative;
	float: left;
	clear: both;
	width: 900px;
	height: 275px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: url(images/logo.png) no-repeat right;
}

h1 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	color: #fff;
	font-size: 1em;
}

h2 {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	font-weight: normal;
	font-size: 0.8em;
}

h3 {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	font-weight: normal;
	font-size: 1em;
}



div#content {
	position: relative;
	float: left;
	margin: 30px 0px 40px 0px;
	padding: 0px 0px 0px 70px;
	width: 530px;
}

div#facebook_stream {
	position: relative;
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

div.nonslideshow {
	position: relative;
	float: left;
	width: 600px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}


div#slideshow {
	position: relative;
	float: left;
	width: 500px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

iframe {
	margin: 0px;
	padding: 0px;
	text-align: center;
}


#content p {
	font-size: 0.9em;
}

#slideshow p {
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

p.about {
	line-height: 140%;
	word-spacing: 0.2em;
}


ul#friendslist {
	background: #660033;
	padding: 20px;
	list-style: disc inside;
	margin: 0px;
}

#friendslist li {
	margin: 0px 0px 10px 0px;
}



div#nav {
	position: relative;
	float: left;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 350px;
}

ul#links {
	position: relative;
	float: right;
	margin: 0px 70px 0px 0px;
	padding: 0px;
	list-style: none outside;
	font-size: 1.2em;
}

ul#links li {
	text-align: right;
	margin: 0px;
	padding: 0px 8px 16px 8px;
}

#links li a {
	color: #fff;

}

li#home {
	padding-top: 0px;
}




div#footer {
	position: relative;
	float: left;
	clear: both;
	width: 950px;
	padding: 0px;
	margin: 0px;
}

h3#contact {
	padding: 0px;
	margin: 20px 0px 40px 70px;
	font-size: 1.4em;
	font-weight: bold;
}

div#contact_stuff {
	position: relative;
	float: left;
	width: 950px;
	margin: 20px 0px 40px 0px;
	padding: 0px;
	border-bottom: 1px #fff solid;
	border-top: 1px #fff solid; 
	background: url(images/form_bg.png) repeat;
}

p.contact_details {
	position: relative;
	float: left;
	margin: 0px 73px 20px 140px;
	padding: 0px;
	font-size: 1.4em;
}

div#formpt1 {
	position: relative;
	float: left;
	width: 450px;
	margin: 0px;
	padding: 0px;
}

div#formpt2 {
	position: relative;
	float: left;
	width: 450px;
	margin: 0px 0px 0px 6px;
	padding: 0px;
}

form#contact_form {
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 950px;
	background: url(images/form_bg.png);
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
}

fieldset {
	padding: 20px;
	width: 910px;
	font-size: 0.9em;
	margin: 0px;
	color: #fff;
	border: none;
}

input {
	float: left;
	margin: 5px 10px;
	width: 250px;
}

input#submit {
	float: right;
	clear: none;
	width: auto;
	margin: 15px 40px 0px 0px;
}

input#reset {
	float: right;
	width: auto;
	clear: none;
	margin: 15px 54px 0px 0px;
}

label {
	width: 120px;
	float: left;
	text-align: right;
	margin: 5px 10px 5px 0px;
	clear: both;
}

p#compulsory {
	color: #fff;
	display: block;
	margin: 20px 0px 0px 70px;
	padding: 0px;
	font-size: 0.9em;
}

p#error {
	position: relative;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px 0px 40px 0px;
	padding: 25px 0px;
	z-index: 10;
	width: 950px; 
	text-align: center;
	background: url(images/form_bg.png) repeat;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	color: #660033;
}

p#success {
	position: relative;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px 0px 40px 0px;
	padding: 25px 0px;
	z-index: 10;
	width: 950px; 
	text-align: center;
	background: url(images/form_bg.png) repeat;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	color: #660033;
}

textarea {
	float: left;
	margin: 5px 10px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000;
}

p#illustration {
	position: relative;
	float: right;
	margin: -28px 120px 10px 0px;
	padding: 0px;
	font-size: 0.8em;
}

#illustration a {
	color: #660066;
}

p.legals {
	position: relative;
	float: left;
	margin: 10px 137px 10px 70px;
	padding: 0px;
	font-size: 0.8em;
	color: #660066;
}

.legals a {
	color: #660066;
}

p.mylink {
	margin-top: 0px;
	width: 810px;
}

p.privacy {
	margin-right: 0px;
}


/* /////////// Mega menu ////////////// */
	
	

.megamenu{
position: absolute;
display: none;
left: 0px;
top: 0px;
background-color: #FF3399;
border: 1px solid #fff;
padding: 20px 10px 10px 20px;
font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
z-index: 100;
color: #fff;
}

.megamenu .column{
float: left;
width: 230px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 10px;
}

.megamenu .column ul li a{
text-decoration: none;
color: #fff;
}

.megamenu .column ul li a:hover {
	text-decoration: underline;
}