/*==========================================================
|Maylander Wedding
|built by WebSightDesign  
|date: 03/03/2009
=============================================================*/

*{margin:0px; padding:0px;}

body{
  text-align:center;
  background:#000 url('../images/body_bg.jpg') repeat-x top left;
  font-family: Georgia1, Georgia, serif;
  font-size: 13px; 
  color:#333;
  
}

.clearer{ clear:both;}

.wrapper{
  margin: 40px auto;  width: 839px;  height: 608px;
  background: url('../images/main_bg.png') repeat-x top left !important;
  background: url('../images/main_bg.jpg') repeat-x top left;
}

a:link, a:visited{color:#666; text-decoration: none; font-weight: bold;}
a:hover, a:active{color:#FF33FF;text-decoration: underline; font-weight: bold; }


.content{
  margin: 0px 0px 0px 130px; width: 680px; height:590px; text-align:center; padding: 5px 0px 0px 0px; 
}

.sub_content{width: 620px; height:450px; overflow:auto; border:#f00 0px solid; margin:0px auto;}

.content p{
  margin: 10px 0px 5px 0px; 
}

.header{ width: 521px; margin:0px auto;  border:#f00 0px solid;}

.nav{ width: 610px; border:#f00 0px solid; margin:10px auto 10px;}

.nav ul{ list-style-type: none;}
.nav li{ float:left; display:inline;}

.nav span{ visibility: hidden;}
.nav a{text-decoration: none; }
  
a.home{display: block; height:18px; width:42px; background:url('../images/menu_off/home.gif') no-repeat top left; }
a.home:hover, a.home:active {display: block; height:18px; width:42px; background:url('../images/menu_on/home.gif') no-repeat top left; }
a.home_active {display: block; height:18px; width:42px; background:url('../images/menu_on/home.gif') no-repeat top left; }

a.rsvp{display: block; height:18px; width:39px; background:url('../images/menu_off/rsvp.gif') no-repeat top left; }
a.rsvp:hover, a.rsvp:active {display: block; height:18px; width:39px; background:url('../images/menu_on/rsvp.gif') no-repeat top left; }
a.rsvp_active {display: block; height:18px; width:39px; background:url('../images/menu_on/rsvp.gif') no-repeat top left; }

a.wedding{display: block; height:18px; width:87px; background:url('../images/menu_off/wedding.gif') no-repeat top left; }
a.wedding:hover, a.wedding:active {display: block; height:18px; width:87px; background:url('../images/menu_on/wedding.gif') no-repeat top left; }
a.wedding_active {display: block; height:18px; width:87px; background:url('../images/menu_on/wedding.gif') no-repeat top left; }

a.dinner{display: block; height:18px; width:108px; background:url('../images/menu_off/dinner.gif') no-repeat top left; }
a.dinner:hover, a.dinner:active {display: block; height:18px; width:108px; background:url('../images/menu_on/dinner.gif') no-repeat top left; }
a.dinner_active {display: block; height:18px; width:108px; background:url('../images/menu_on/dinner.gif') no-repeat top left; }

a.hotel{display: block; height:18px; width:73px; background:url('../images/menu_off/hotel.gif') no-repeat top left; }
a.hotel:hover, a.hotel:active {display: block; height:18px; width:73px; background:url('../images/menu_on/hotel.gif') no-repeat top left; }
a.hotel_active {display: block; height:18px; width:73px; background:url('../images/menu_on/hotel.gif') no-repeat top left; }

a.photos{display: block; height:18px; width:54px; background:url('../images/menu_off/photos.gif') no-repeat top left; }
a.photos:hover, a.photos:active {display: block; height:18px; width:54px; background:url('../images/menu_on/photos.gif') no-repeat top left; }
a.photos_active {display: block; height:18px; width:54px; background:url('../images/menu_on/photos.gif') no-repeat top left; }

a.registry{display: block; height:18px; width:62px; background:url('../images/menu_off/registry.gif') no-repeat top left; }
a.registry:hover, a.registry:active {display: block; height:18px; width:62px; background:url('../images/menu_on/registry.gif') no-repeat top left; }
a.registry_active {display: block; height:18px; width:62px; background:url('../images/menu_on/registry.gif') no-repeat top left; }

a.contact{display: block; height:18px; width:86px; background:url('../images/menu_off/contact.gif') no-repeat top left; }
a.contact:hover, a.contact:active {display: block; height:18px; width:86px; background:url('../images/menu_on/contact.gif') no-repeat top left; }
a.contact_active {display: block; height:18px; width:86px; background:url('../images/menu_on/contact.gif') no-repeat top left; }

.home_pic{width: 433px; height: 367px; margin:50px auto;}

.rsvp_form{float: right; margin:63px 30px 0px 0px; border:#f00 0px solid; width:160px; height:300px; color:#333; font-size:11px; text-align:center;}

.rsvp_form input{ border:#999 1px solid; height: 12px; color:#333; font-size:11px; width:140px;} 
.label{ padding: 5px 0px 0px 0px;}