/* CSS Document */

body{
	margin:0; padding:0; background:url(images/bg.gif) repeat-x 0 0 #000000;
	color:#FFFFFF;
	}

div, p, h1, h2, h3, ul, li, a, form, input, label, img{
	margin:0; padding:0;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
/*------------------------------------------Dedication Divs----------------------------------*/


#parents{	
	/*
	border-width: 5;
    border-style : solid ;
    border-color:#666;
	*/
	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:3px 0px 5px 20px;
	}
#song-pop{	

	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#CCC; background-color:#000000; padding:3px 0px 5px 20px;
	}
#grandparents{	

	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:3px 0px 5px 20px;
	}
#siblings{	

	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:3px 0px 5px 20px;
	}
#aunts-uncles{	

	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:3px 0px 5px 20px;
	}
#older-relatives{	

	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:3px 0px 5px 20px;
	}
#younger-relatives{	

	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:3px 0px 5px 20px;
	}
#friends-of-parents{	

	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:3px 0px 5px 20px;
	}
#friends-of-goh{	

	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:3px 0px 5px 20px;
	}
#memory{	

	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:3px 0px 5px 20px;
	}
#goodluck{	

	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:3px 0px 5px 20px;
	}
/*------------------------------------------Header Start----------------------------------*/

#container{
	margin:0 auto; padding:0 0 54px 0; width:778px;
	}
	
#header{
	position:relative;
	background:url(images/sweet-16-candle-ceremony-song-suggestions.jpg) no-repeat 0 0 #000000; color:#FFFFFF;
	width:778px; height:328px; margin:0 0 15px 0; float:left;
	}
	
#header ul.headerTop{
	margin:0; padding:0; list-style:none;
	position:absolute; left:52px; top:5px;
	}
#header ul.headerTop li{	
	background:url(images/header_nav_border.gif) no-repeat right top #003737;
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;
	color:#FFFFFF; text-align:center; float:left;
	}
#header ul.headerTop li a{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#003737; 
	color:#FFFFFF; text-decoration:none; display:block; padding:0 17px; margin:0 1px 0 0;
	}
#header ul.headerTop li a:hover{
	background:url(images/header_nav_bg.gif) no-repeat 3px 0 #003737;
	color:#FFFFFF;
	}
#header ul.headerTop li a.home{
	background:url(images/header_nav_bg.gif) no-repeat 3px 0 #003737;
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#FFFFFF; text-decoration:none; display:block; padding:0 17px; margin:0 1px 0 0;
	}
#header ul.headerTop li.contact{
	background:none; background-color:#003737; 
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;
	color:#FFFFFF; text-align:center; float:left;
	}

#header img{
	position:absolute; left:343px; top:80px;
	background:url(images/logo.png) no-repeat 0 0 #000000;
	color:#FFFFFF;
	}
	
#header h1{
	position:absolute; left:343px; top:150px;
	background:url(images/subheader-vert-suggestions-advice.png) no-repeat 0 0 #000000;;
	font:bold 20px/22px Arial, Helvetica, sans-serif;
	color:#333333; text-indent:-1000px; width:383px; height:78px;
	}

#header a.login{
	position:absolute; right:63px; top:5px;
	background:url(images/login_bg.gif) no-repeat 0 0 #000000;
	color:#333333; text-indent:-1000px; width:86px; height:72px;
	}
	
#header form#search{
	position:absolute; left:313px; top:32px;
	width:443px; height:24px; padding:1px 0 1px 22px; margin:0;
	background-color:#FF0084; color:#000000;
	}
#header form#search label{
	background:url(images/search_icon.gif) no-repeat 0 0 #FF0084;
	font:normal 18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; padding:0 5px 0 22px; margin:0; float:left;
	}
#header form#search input{
	background-color:#FFFFFF; border:#A90158 solid 1px;
	width:140px; height:20px;
	font:normal 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; margin:1px 0; padding:0 4px; float:left;
	}
	
#header ul.headerBottom{
	position:absolute; left:400px; top:252px;
	margin:0; padding:0; list-style:none;
	}
#header ul.headerBottom li{
	float:left;	margin:0 14px 0 0;
	}
#header ul.headerBottom li.topics a{
	background:url(images/tips.gif) no-repeat 0 0 #B0005B;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-indent:-1000px; width:72px; height:62px;
	text-decoration:none; display:block;
	}
#header ul.headerBottom li.meetings a{
	background:url(images/photo-video.gif) no-repeat 0 0 #B0005B;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-indent:-1000px; width:72px; height:62px;
	text-decoration:none; display:block;
	}
#header ul.headerBottom li.support a{
	background:url(images/dj.gif) no-repeat 0 0 #B0005B;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-indent:-1000px; width:72px; height:62px;
	text-decoration:none; display:block;
	}
#header ul.headerBottom li.graph a{
	background:url(images/screens.gif) no-repeat 0 0 #B0005B;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-indent:-1000px; width:72px; height:62px;
	text-decoration:none; display:block;
	}


/*------------------------------------------Header End----------------------------------*/

/*------------------------------------------Left Start----------------------------------*/

#left{
	position:relative;
	width:239px; padding:9px 0 0 51px; margin:0 23px 0 0;
	float:left;
	}
#left div.leftForm{
	width:239px; float:left;
	}
#left div.topCurve{
	background:url(images/contact_top_curve.gif) 0 0 #000000; color:#FFFFFF;
	width:239px; height:2px; display:block; line-height:0; font-size:0;
	}
#left div.bottomCurve{
	background:url(images/contact_bottom_curve.gif) 0 0 #000000; color:#FFFFFF;
	width:239px; height:2px; display:block; line-height:0; font-size:0;
	}
	
#left form#contactForm{
	background-color:#1F1F1F; color:#000000; 
	border-left:#333333 solid 1px; border-right:#333333 solid 1px;
	padding:20px 21px 31px 21px; width:195px;
	}
#left form#contactForm h2{
	font:normal 24px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#1F1F1F; float:left;
	}
#left form#contactForm label{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#1F1F1F; text-transform:uppercase;
	} 
#left form#contactForm input{
	background-color:#FFFFFF; border:#959595 solid 1px;
	width:183px; height:20px;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; padding:0 4px; float:left;
	}
#left form#contactForm textarea{
	background-color:#FFFFFF; border:#959595 solid 1px;
	width:190px; height:81px;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; float:left;
	}
	
#left form#contactForm input.submit{
	position:absolute; left:209px; top:347px;
	border:none; width:58px; height:15px;
	background-color:#1F1F1F; color:#000000;
	}


/*------------------------------------------Left End----------------------------------*/

/*------------------------------------------Right Start----------------------------------*/
.dedication{
	
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding: 10px 0px 0px 15px;	
}
.line{
	
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding: 0px 0px 0px 0px;	
}
.pink a{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FF0084; text-decoration:none; background-color:#000000;
	padding:0px 15px 5px 15px;
	}
	
.pink a:hover{
	background-color:#000000; color:#7F144C;
	}
.pink2 a{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FF0084; text-decoration:none; background-color:#000000;
	}
	
.pink2 a:hover{
	background-color:#000000; color:#7F144C;
	}

#right{
	background:url(images/candles-scale.png) no-repeat;
	background-position: 150px 250px;
	float:left;	width:411px;
	}
	
#right h2{
	background:url(images/contact_line.gif) repeat-x 0 19px #000000; color:#FFFFFF;
	width:406px; float:left; 
	}
#right h2 span{
	font:normal 24px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#000000; padding:0 3px 0 0; 
	}
#right p.lightGrey{
	font:normal 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#000000; padding:6px 0 26px 0;
	float:left;
	}
	
#right p.lightGrey span{
	font:bold 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#FF0084; background-color:#000000; 
	}
	
#right ul{
	margin:0; padding:8px 0 0 0; list-style:none;
	}
	
#right ul li.no1{
	/* background:url(images/company_li_1.gif) no-repeat 0 0 #000000; */
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding:0 0 14px 35px;
	}
#right ul li.no2{
	/* background:url(images/company_li_2.gif) no-repeat 0 0 #000000; */
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding:0 0 14px 35px;
	}
#right ul li.no3{
	/* background:url(images/company_li_3.gif) no-repeat 0 0 #000000; */
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding:0 0 14px 35px;
	}
#right ul li.no4{
	/* background:url(images/company_li_4.gif) no-repeat 0 0 #000000; */
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding:0 0 14px 35px;
	}
#right ul li.no5{
	/* background:url(images/company_li_5.gif) no-repeat 0 0 #000000; */
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding:0 0 14px 35px;
	}
#right ul li.no6{
	/* background:url(images/company_li_6.gif) no-repeat 0 0 #000000; */
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding:0 0 14px 35px;
	}
#right ul li.no7{
	/* background:url(images/company_li_7.gif) no-repeat 0 0 #000000; */
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding:0 0 14px 35px;
	}
#right ul li.no8{
	/* background:url(images/company_li_8.gif) no-repeat 0 0 #000000; */
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding:0 0 14px 35px;
	}
#right ul li.no9{
	/* background:url(images/company_li_9.gif) no-repeat 0 0 #000000; */
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding:0 0 14px 35px;
	}
#right ul li.no10{
	/* background:url(images/company_li_10.gif) no-repeat 0 0 #000000; */
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00DDDD; text-transform:uppercase; padding:0 0 14px 35px;
	}
#right ul li span{
    font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#B2B2B2; text-transform:none; background-color:#000000;
	}
#right ul li span a{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FF0084; text-decoration:none; background-color:#000000;
	}
#right ul li span a:hover{
	background-color:#000000; color:#7F144C;
	}


/*------------------------------------------Right End----------------------------------*/
/*------------------------------------------CSS Tool ----------------------------------*/
a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -15px;
	width: 125px;
	padding: 5px;
	z-index: 100;
	background: #003737;
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}
a.tip2 {
	position: relative;
}

a.tip2 span {
	display: none;
	position: absolute;
	top: 16px;
	left: -10px;
	width: 100px;
	padding: 5px;
	z-index: 100;
	background: #292929;
	color: #fff;
	text-align: center;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip2 {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip2 span {
	display: block;
}

/*------------------------------------------Footer Start----------------------------------*/

#footerOutside{
	background-color:#121212; color:#FFFFFF;
	}
	
#footer{
	margin:0 auto; width:681px;
	background:url(images/footer_logo-comingsoon.jpg) no-repeat 0 0 #121212;
	color:#FFFFFF; height:107px;
	padding:16px 46px 0 51px;
	}
	
#footer ul.nav{
	margin:0; padding:0; list-style:none;
	}
	
#footer ul.nav li{
	font:bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#121212; float:right; 
	display:block;
	}
	
#footer ul.nav li a{
	font:bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#121212; text-decoration:none; padding:0 8px;
	}
#footer ul.nav li a:hover{
	background-color:#292929; color:#FFFFFF;
	}

#footer p{
	width:454px; margin:5px 5px 8px 0; text-align:right;
	height:16px; background-color:#1C1C1C; color:#B2B2B2; 
	float:right;
	}
#footer p span{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#1C1C1C; 
	}
	
#footer ul.navlink{
	margin:0; padding:0; list-style:none;
	}
	
#footer ul.navlink li{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#121212; 
	float:right;
	}
	
#footer ul.navlink li a.xhtml{
	background:url(images/xhtml_icon.gif) no-repeat 42px 2px #121212;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-decoration:none; width:40px; 
	padding:0 15px 0 0; display:block; margin:0 8px 0 0; 
	}
#footer ul.navlink li a.xhtml:hover{
	background:url(images/xhtml_icon.gif) no-repeat 42px 0px #121212;
	color:#FFFFFF;
	}

#footer ul.navlink li a.css{
	background:url(images/xhtml_icon.gif) no-repeat 27px 2px #121212;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-decoration:none; width:38px; 
	padding:0 7px 0 0; display:block;
	}
#footer ul.navlink li a.css:hover{
	background:url(images/xhtml_icon.gif) no-repeat 27px 0px #121212;
	color:#FFFFFF;
	}
	
#footer ul.design{
	margin:0; padding:6px 6px 0 0; list-style:none;
	}
	
#footer ul.design li{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#121212;  
	float:right;
	}
#footer ul.design li a{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#00DDDD; background-color:#121212; text-decoration:none;
	text-transform:uppercase;  
	}
#footer ul.design li a:hover{
	background-color:#292929; color:#00DDDD;
	}

/*------------------------------------------Footer End----------------------------------*/
/*--------------------------------------- Lightbox Start ------------------------------*/

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#000000;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}