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

html, body {
	margin:10px 0 0 0; padding:0;
	height:100%;
	font-family:Helvetica, Arial, Verdana;
	color:#fff;
	text-align:left;
}
body {
	background-color:#fff;
}
  
#content {
	height:555px;
	width:850px;
	padding:0;
	margin:0 auto;
}

h1 {
	text-indent:-9999px;
	background-color:#ffffff;
	margin:0;
	padding:0;
	line-height:0;
	font-size:9px;
}

/* ALT FLASH CONTENT HERE */

#home #flashcontent {
	position:relative;
	margin:0;padding:0;
	height:555px;
	width:850px;
	background-image:url(images/bg-home.jpg);
	background-repeat:no-repeat;
}

#meet #flashcontent {
	position:relative;
	margin:0;padding:0;
	height:555px;
	width:850px;
	background-image:url(images/bg-meet-the-bliss.jpg);
	background-repeat:no-repeat;
}

#brides #flashcontent {
	position:relative;
	margin:0;padding:0;
	height:555px;
	width:850px;
	background-image:url(images/bg-brides.jpg);
	background-repeat:no-repeat;
}
#services #flashcontent {
	position:relative;
	margin:0;padding:0;
	height:555px;
	width:850px;
	background-image:url(images/bg-services.jpg);
	background-repeat:no-repeat;
}

#weddings #flashcontent {
	position:relative;
	margin:0;padding:0;
	height:555px;
	width:850px;
	background-image:url(images/bg-weddings.jpg);
	background-repeat:no-repeat;
}

#contact #flashcontent {
	position:relative;
	margin:0;padding:0;
	height:555px;
	width:850px;
	background-image:url(images/bg-contact.jpg);
	background-repeat:no-repeat;
}

.nav_home{
	position:absolute;
	top:225px;
	left:85px;
	margin:0;
	padding:0;
	font-family:"Comic Sans MS", Arial, sans-serif;
	font-size:22px;
	color:#000;
	line-height:54px;
	width: 360px;
	height: 289px;
}
#main_nav{
	position:absolute;
	top:77px;
	right:102px;
	width:671px;
	height:42px;
}

#main_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#main_nav ul li {
	float:left;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	font-size:16px;
}

#main_nav a:link {
	color: #000;
	text-decoration: none;
	font-weight:bold;
}
#main_nav a:visited {
	text-decoration: none;
	color: #000;
	font-weight:bold;
}
#main_nav a:hover {
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}
#main_nav a:active {
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}

/* MEET THE BLISS */

.meet_text {
	top:283px;
	left:423px;
	position:absolute;
	margin:0;
	padding:0;
	width:340px;
	height:215px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
.meet_image {
	top:283px;
	left:140px;
	position:absolute;
	margin:0;
	padding:0;
	width:205px;
	height:205px;
}



/* SERVICES */

.services1 {
	top:250px;
	left:176px;
	position:absolute;
	margin:0;
	padding:0;
	width:242px;
	height:75px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	z-index:5;
}
.services2 {
	top:296px;
	left:449px;
	position:absolute;
	margin:0;
	padding:0;
	width:319px;
	height:107px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	z-index:6;
}
.services3 {
	top:413px;
	left:232px;
	position:absolute;
	margin:0;
	padding:0;
	width:357px;
	height:76px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	z-index:7;
}

#services #body_content ul{
	margin:5px 0 0 0;
}
#services #body_content ul li {
	margin:0 0 3px -10px;
}

/* WEDDING PACKAGES */

.weddings1 {
	top:230px;
	left:176px;
	position:absolute;
	margin:0;
	padding:0;
	width:207px;
	height:144px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	z-index:5;
}
.weddings2 {
	top:265px;
	left:495px;
	position:absolute;
	margin:0;
	padding:0;
	width:274px;
	height:169px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	z-index:6;
}
.weddings3 {
	top:413px;
	left:263px;
	position:absolute;
	margin:0;
	padding:0;
	width:298px;
	height:91px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	z-index:7;
}

#weddings #body_content ul{
	margin:5px 0 0 0;
}
#weddings #body_content ul li {
	margin:0 0 3px -10px;
}


/* CONTACT - GET IN TOUCH */

.contact1 {
	top:315px;
	left:77px;
	position:absolute;
	margin:0;
	padding:0;
	width:233px;
	height:143px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
	color:#000;
	z-index:5;
}

/* General LAYOUT */

#footer {
	margin:0 auto;
	width:850px;
	height:53px;
	padding:0;
	font-size:12px;
	color:#6381b8;
	background-color:#ffffff;
	text-align:center;
}
#copyright {
	margin:0 auto;
	width:850px;
	height:20px;
	padding:10px 0 0 0;
	font-size:12px;
	color:#6381b8;
	background-color:#ffffff;
	text-align:center;
}


/* LINKS */
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #6381b8;
}
a:active {
	text-decoration: none;
	color: #6381b8;
}

#copyright a:link {
	color: #6381b8;
	text-decoration: none;
}
#copyright a:visited {
	text-decoration: none;
	color: #6381b8;
}
#copyright a:hover {
	text-decoration: underline;
	color: #6381b8;
}
#copyright a:active {
	text-decoration: none;
	color: #6381b8;
}


/* GENERAL FONT STYLES */
p {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:14px;
	text-align:justify;
}

/* HOME NAV BUTTONS */
#btnMeet
{
  display: block;
  width: 238px;
  height: 50px;
  background-image:url(images/button-meet-the-bliss.gif);
  background-repeat:no-repeat;
}
#btnMeet:hover
{ 
  background-position: 0 -50px;
}
#btnMeet span
{
  display: none;
}

#btnBrides
{
  display: block;
  width: 321px;
  height: 58px;
  background-image:url(images/button-brides-touched-by-bliss.gif);
  background-repeat:no-repeat;
}
#btnBrides:hover
{ 
  background-position: 0 -58px;
}
#btnBrides span
{
  display: none;
}

#btnServices
{
  display: block;
  width: 321px;
  height: 56px;
  background-image:url(images/button-a-touch-of-services.gif);
  background-repeat:no-repeat;
}
#btnServices:hover
{ 
  background-position: 0 -56px;
}
#btnServices span
{
  display: none;
}

#btnWeddings
{
  display: block;
  width: 321px;
  height: 56px;
  background-image:url(images/button-custom-wedding-packages.gif);
  background-repeat:no-repeat;
}
#btnWeddings:hover
{ 
  background-position: 0 -56px;
}
#btnWeddings span
{
  display: none;
}

#btnContact
{
  display: block;
  width: 238px;
  height: 51px;
  background-image:url(images/button-get-in-touch.gif);
  background-repeat:no-repeat;
}
#btnContact:hover
{ 
  background-position: 0 -51px;
}
#btnContact span
{
  display: none;
}

/* MAIN NAV BUTTONS */
#btnHome
{
  display: block;
  width: 31px;
  height: 23px;
  background-image:url(images/button-home-small.gif);
  background-repeat:no-repeat;
}
#btnHome:hover
{ 
  background-position: 0 -23px;
}
#btnHome span
{
  display: none;
}

#btnMeetSmall
{
  display: block;
  width: 68px;
  height: 23px;
  background-image:url(images/button-meet-the-bliss-small.gif);
  background-repeat:no-repeat;
}
#btnMeetSmall:hover
{ 
  background-position: 0 -23px;
}
#btnMeetSmall span
{
  display: none;
}
#meet #btnMeetSmall
{ 
  background-position: 0 -23px;
}

#btnBridesSmall
{
  display: block;
  width: 107px;
  height: 23px;
  background-image:url(images/button-brides-touched-by-bliss-small.gif);
  background-repeat:no-repeat;
}
#btnBridesSmall:hover
{ 
  background-position: 0 -23px;
}
#btnBridesSmall span
{
  display: none;
}
#brides #btnBridesSmall
{ 
  background-position: 0 -23px;
}

#btnServicesSmall
{
  display: block;
  width: 88px;
  height: 23px;
  background-image:url(images/button-a-touch-of-services-small.gif);
  background-repeat:no-repeat;
}
#btnServicesSmall:hover
{ 
  background-position: 0 -23px;
}
#btnServicesSmall span
{
  display: none;
}
#services #btnServicesSmall
{ 
  background-position: 0 -23px;
}

#btnWeddingsSmall
{
  display: block;
  width: 124px;
  height: 23px;
  background-image:url(images/button-custom-wedding-packages-small.gif);
  background-repeat:no-repeat;
}
#btnWeddingsSmall:hover
{ 
  background-position: 0 -23px;
}
#btnWeddingsSmall span
{
  display: none;
}
#weddings #btnWeddingsSmall
{ 
  background-position: 0 -23px;
}

#btnContactSmall
{
  display: block;
  width: 63px;
  height: 23px;
  background-image:url(images/button-get-in-touch-small.gif);
  background-repeat:no-repeat;
}
#btnContactSmall:hover
{ 
  background-position: 0 -23px;
}
#btnContactSmall span
{
  display: none;
}
#contact #btnContactSmall
{ 
  background-position: 0 -23px;
}