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


/* main table */

body {
	background: url("/graphics/tilingbg.jpg") repeat;
	font-size: 12px;
	font-family: trebuchet ms, Arial, Sans-Serif;
	color:#000000;
	line-height:17px;
	text-align:center;
	margin:0px;
	padding:0px;
}

#box {
	width:891px;
	margin: 0px auto;
	padding:0px;
	text-align:left;
	

}

#head {
	width:100%;
	height:207px;
	background: url("/graphics/wedbg.gif") repeat-x;
}

#header {
	width:891px;
	height:207px;
	background: url("./graphics/wedhead2.gif") no-repeat;
	margin: 0 auto 0 auto;
}

#topmenu {
	width:891px;
	text-align:right;

}
#lowermenu {
	width:891px;
	text-align:right;

}

#content {
	width:891px;
	padding:0px;
	float:left;
	z-index:1;
	position:relative;
	margin-bottom: 10px;
	background: url("./graphics/wedpagebg.gif") repeat-y;

}
#topper {
	width:891px;
	height:11px;
	padding:0px;
	position:relative;
	background: url("./graphics/wedtopper.gif") no-repeat;
}


#footer {
	width: 891px;
	height: 32px;
	position:absolute;
	bottom:0;
	font-size: 11px;
	background: url("./graphics/wedfooter.gif") no-repeat;
	text-align: left;

}

#right {
	width:270px;
	text-align:center;
	padding:100px 0 6px 0px;
	float:right;

}

#ads {
	width:258px;
	margin:5px;
	padding:4px 0 6px 0px;
	float:right;

}

/* content formatting */



.tabs_top {
	width:891px;
	height:152px;
	.height:152px;
	padding-top: 15px; 
	.padding-top: 15px;
}


.example {
	float:right;
}





.contact td {font-size: 10px}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(/graphics/shadow2.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/graphics/corner_bl2.gif) left  bottom no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background:url(/graphics/corner_tr2.gif) right top no-repeat;
  }
  .wrap3 img {
  display:block;
  }


#masthead {
width:530px;
text-align:center;
padding: 60px 15px 0px 15px;
margin-left: 30px;
float:left;

}

span.names {
font-size: 28px;
font-weight: normal;
color: #6cbaba;
padding-bottom: 4px;
border-bottom: solid 3px #f3f2e6;
}
span.liland {
font-size: 12px;
color: #645d54;
}
span.date {
font-size: 18px;
text-transform: uppercase;
color: #645d54;
line-height: 53px;
.line-height: 63px;


}

span.error {
font-size: 14px;
font-style: italic;
color: #dc0c0c;

}




.divide {
	margin-top:15px;
	height:2px; 
	background: url("./graphics/divide.gif") repeat-x;
}

.pagecontent {
	width:515px;
	float: left;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:80px 0px 45px 55px;
	.padding:99px 0px 45px 55px;
}
.pagecontentmast {
	width:515px;
	float: left;
	min-height:255px;
	height:auto !important;
	height:255px;
	padding:95px 0px 45px 55px;
	.padding:114px 0px 45px 55px;
}
.welcome {
	background: url("./graphics/wed_welcome.gif") no-repeat;
}
.login {
	background: url("./graphics/wed_login.gif") no-repeat;
}
.story {
	background: url("./graphics/wed_story.gif") no-repeat;
}
.eventdetails {
	background: url("./graphics/wed_eventdetails.gif") no-repeat;
}
.weddingparty {
	background: url("./graphics/wed_weddingparty.gif") no-repeat;
}
.registry {
	background: url("./graphics/wed_registry.gif") no-repeat;
}
.guests {
	background: url("./graphics/wed_guests.gif") no-repeat;
}
.album {
	background: url("./graphics/wed_album.gif") no-repeat;
}
.rsvp {
	background: url("./graphics/wed_rsvp.gif") no-repeat;
}
.create {
	background: url("./graphics/wed_create.gif") no-repeat;
}
.manage {
	background: url("./graphics/edit.gif") no-repeat;
}
.share {
	background: url("./graphics/wed_share.gif") no-repeat;
}
.remove {
	background: url("./graphics/wed_remove.gif") no-repeat;
}


#splashpagecontent {
	width:515px;
	float: left;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding:23px 0px 45px 55px;

}

#right_foot {
	color: #ffffff;
	float: right;
	padding-top: 9px;
	padding-right:16px;
}

#left_foot {
	color: #ffffff;
	float: left;
	padding-top: 9px;
	padding-left:16px;
}

#bottom
{
	clear: both;
	height: 24px;
}



#clear {
	clear: both;
}

.thingframe{
	width: 370px;
	padding: 5px 25px 15px 25px;
	margin-left:50px;
	margin-top: 25px;
	border: solid 1px #f3f2e6;
	}
	
.thingframe2{
	width: 455px;
	padding: 5px 25px 15px 25px;
	margin-left:15px;
	margin-top: 25px;
	border: solid 1px #f3f2e6;
	}





/* text styles */



a {
	color: #6cbaba;
	text-decoration: none;
}
a:hover {
	color: #abd0a2;
	text-decoration: underline;
}
a.imedia {
	color: #ffffff;
	text-decoration: underline;
}
a.imedia:hover {
	color: #9cdbdc;
	text-decoration: underline;
}
a.photo {
	color: #494038;
	font-size:11px;
	text-decoration: none;
}
a.photo:hover {
	color: #494038;
	text-decoration: underline;
}


a.leftmenu {
	color: #000000;
	text-decoration: none;
}
a.leftmenu:hover {
	color: #9E0B0B;
	text-decoration: underline;
}
a.search {
	color: #ffffff;
	text-transform:uppercase;
	text-decoration: none;
	font-size:11px;
}
a.search:hover {
	color: #9cdbdc;
	text-decoration: underline;
}

a.storelinks  img{
	border: solid 1px #766f67;
	margin: 20px 5px 0 0 ;
	padding:0;
	height: 85px;
}
a.storelinks:hover img {
	color: #9cdbdc;
	text-decoration: underline;
	border: solid 1px #83cacb;

}


h1 {
	font-weight:normal;
	font-size:17px;
	color: #6cbaba;
	margin:-7px 0 26px 0;
}


p { 
	margin:18px 0 18px 0;
}
.formtext {
	font-size:11px;
}




/* menu codes */





ul.guests {
list-style-type: disc; color: #f1ffee;
margin:0px;
padding:32px 0 10px 24px;
text-transform: uppercase;
font-size:11px;
background: url("./graphics/guests.gif") #9cdbdc no-repeat;
}

ul.events {
list-style-type: disc; color: #66b8b9;
margin:0px;
padding:34px 0 10px 24px;
text-transform: uppercase;
font-size:11px;
background: url("./graphics/events.gif") #e0f4db no-repeat;
}

ul.interact {
list-style-type: disc; color: #66b8b9;
margin:0px;
padding:36px 0 10px 24px;
text-transform: uppercase;
font-size:11px;
background: url("./graphics/interact.gif") #f3f2e6 no-repeat;
}

li {
padding:5px 0 5px 0;
}





#thicktabs{
margin: 0;
padding: 0;
font-size: 13px;
width:891px;
text-transform:uppercase;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
color: #000000;
padding: 0 17px 0 0; /*padding of tabs*/ 
text-decoration: none;
}
#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
padding-right:0px !important;
}

#thicktabs li a:hover{
color: #4aa3a3;
}



#thicktabs2{
margin: 0;
padding: 0;
font-size: 13px;
width:891px;
text-transform:uppercase;
}

#thicktabs2 li{
display: inline;
}

#thicktabs2 li a{
color: #ffffff;
padding: 0 17px 0 0; /*padding of tabs*/
text-decoration: none;
}
#thicktabs2 li a#rightmostitem{ /*Extra CSS for right most menu item*/
padding-right:0px !important;
}

#thicktabs2 li a:hover{
color: #f3f2e6;
}






/* - - - - - - - DROP DOWN LINE 1 - - - - - - - - - - */




/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(/graphics/spacer.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu, .menu ul li {
	background: #ffffff;
	text-transform:uppercase;
}

.menu ul {
	width: 11em;
	text-align:left
}

.menu a {
	text-decoration: none;
	color: #29a6a3;
	padding: 0 20px 0 0;
	font-size: 12px;
	display: block;
	position: relative;
}

.menu a:hover, .menu li:hover>a {
	color: #abd0a2;
}

.menu li li {	/* create borders around each item */
	border: 1px solid #ccc;
	padding: 8px;
	text-align:left;
}


.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}



.sub ul {
	width: 11em;
	text-align:left
}

.sub a {
	text-decoration: none;
	color: #000000;
	padding: 0 17px 0 0;
	font-size: 11px;
	display: block;
	position: relative;
}

.sub a:hover, .menu li:hover>a {
	color: #abd0a2;
}




/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */







<!--[if lte IE 6]>
/*<![CDATA[*/

/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */

.menu, .menu ul {	/* float.clear */
	zoom: 1;
}

.menu li.adxmhover {
	z-index: 10000;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* 1st-level submenu go below their parent item */
	top: 100%;
	left: 0;
}

.menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a {	/* fix clickability-area problem */
	zoom: 1;
}

.menu li li {	/* fix white gap problem */
	float: left;
	width: 100%;
}

.menu li li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */
	color: #4aa3a3;
	text-decoration:none;
}

.menu .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/*]]>*/




/* - - - - - - - DROP DOWN LINE 2 - - - - - - - - - - */



/* - - - ADxmenu2: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu2, .menu2 ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu2 li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu2 li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu2 */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu2 li li {
	float: none;/* items of the nested menu2s are kept on separate lines */
}

.menu2 ul {
	visibility: hidden;	/* initially hide all submenu2s. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu2 li:hover>ul {
	visibility: visible;	/* display submenu2 them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu2 li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu2:after, .menu2 ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu2, .menu2 ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu2 --
	it should not disappear when your mouse moves a bit outside the submenu2
	YOU SHOULD NOT STYLE the background of the ".menu2 UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu2 ul {
	background-image: url(/graphics/spacer.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu2 ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu2.END -- */






/* - - - ADxmenu2: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */



.menu2 ul {
	width: 11em;
	text-align:left
}

.menu2 a {
	text-decoration: none;
	color: #000000;
	text-transform:uppercase;
	padding: 0 20px 0 0;
	font-size: 13px;
	display: block;
	position: relative;
}

.menu2 a:hover, .menu2 li:hover>a {
	color: #29a6a3;
}

.menu2 li li {	/* create borders around each item */
	border: 1px solid #ccc;
	padding: 8px;
	text-align:left;
}


.menu2 li li:hover>ul {	/* inset 2nd+ submenu2s, to show off overlapping */
	top: 5px;
	left: 90%;
}



.sub2 ul {
	width: 11em;
	text-align:left
}

.sub2 li  {	/* create borders around each item */
	border: 1px solid #ccc;
	padding: 3px;
	text-align:left;
}

.sub2 a {
	text-decoration: none;
	color: #ffffff;
	padding: 0 17px 0 0;
	font-size: 11px;
	display: block;
	position: relative;
}

.sub2 a:hover, .menu2 li:hover>a {
	color: #29a6a3;
}




/* Fix for IE5/Mac \*//*/
.menu2 a {
	float: left;
}
/* End Fix */







<!--[if lte IE 6]>
/*<![CDATA[*/

/* - - - ADxmenu2: IE6 BASIC styles [MANDATORY] - - - */

.menu2, .menu2 ul {	/* float.clear */
	zoom: 1;
}

.menu2 li.adxmhover {
	z-index: 10000;
}

.menu2 .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu2 .adxmhoverUL {	/* 1st-level submenu2 go below their parent item */
	top: 100%;
	left: 0;
}

.menu2 .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* - - - ADxmenu2: DESIGN styles - - - */

.menu2 ul a {	/* fix clickability-area problem */
	zoom: 1;
}

.menu2 li li {	/* fix white gap problem */
	float: left;
	width: 100%;
}

.menu2 li li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu2 a:hover, .menu2 .adxmhoverA {		/* li:hover>a selector */
	color: #4aa3a3;
	text-decoration:none;
}

.menu2 .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenu2s, to show off overlapping */
	top: 5px;
	left: 90%;
}

/*]]>*/