/*

		Jeff Gustafsson
		http://www.jeffgustafsson.com		
*/

* 					{ margin: 0; padding: 0; }
body 				{ background-color: #a8bdc6; background-image: url(bgofpage.gif); 
					background-repeat: repeat-x repeat-y; font-size: 82.5%; font-family: Georgia, serif;
					text-align: center;}
p					{ font-size:1.2em; color: #f4f8fb; }
.floatLeft 			{ float: left; }
.floatRight 		{ float: right; }
.clear 				{ clear: both; }
.imagecenter { text-align: center; padding: 10px 0 0 0;  margin-left: -6px;}
.coupletxtcenter { text-align: center;}

a {text-decoration: none;}

div#page-wrap 		{ width: 680px; margin-top: 25px; margin-left: auto; margin-right: auto; }


#dl_nav				{ font-size: 70%; text-align: center; min-height: 40px;}
#dl_nav ul 			{ list-style: none; margin: 0 0 0 0px; padding: 0; padding-top: .5em; }
#dl_nav li 			{ display: inline; }
#dl_nav a:link, #dl_nav a:visited { padding: 0.4em 1em 0.4em 1em; color: #FFFFFF; background-color: #B51032; background-image: url(buttonbg1.gif);   text-decoration: none; border: 1px solid #711515;	}

#dl_nav a:hover 	{ color: #FFFFFF; background-color: #333; background-image: url(buttonbg2.gif);  }

#videodirective		{ text-align: center; margin-bottom: 4px; padding-top: 10px; }
#menucenter 		{ margin-left: 9px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; background-color: black; width: 655px; }

.mainbox			{ width: 680px; height: 440px; background: url(images/mainboxbg.png) no-repeat;}
.mainbox .inside	{ padding: 0 20px; }


#box 				{background: #a7bbc5; padding: 10px 10px 0px 10px;  width: 650px;  margin-left: auto;
					margin-right: auto; text-align: left;}
					
#box_social			{background: #a7bbc5; padding: 0px;  width: 650px;  margin-left: auto;
					margin-right: auto; text-align: left;}

ul {list-style: none; }

/* MARGIN directly below 3rd value was 10. I got rid of it to bring it in closer to box above it. */
					
#catNav		{ background: #a7bbc5; overflow: hidden; margin: 0 0 0 -10px; padding: 5px 5px 5px 35px;}
			
#catNav li		{display: inline;}

#catNav li a	{display: block; width: 116px; height: 38px; text-indent: -99999px;
				background: url(images/navbg2.png); float: left;}
				
				
#catNav li a#list-one-button {background-position: -2px 0;}
#catNav li a#list-one-button:hover { background-position: -2px -38px; }
#catNav li a#list-two-button {background-position: -117px 0;}
#catNav li a#list-two-button:hover {background-position: -117px -38px;}
#catNav li a#list-three-button {background-position: -234px 0;}
#catNav li a#list-three-button:hover {background-position: -234px -38px;}
#catNav li a#list-four-button {background-position: -351px 0;}
#catNav li a#list-four-button:hover {background-position: -351px -38px;}
#catNav li a#list-five-button {background-position: -585px 0;}
#catNav li a#list-five-button:hover {background-position: -585px -38px;}

code { font-family: "Courier New", Courier, Monaco, monospace; background: #f2f2f2; margin-bottom: 20px; display: block; padding: 20px; }
blockquote p { margin-bottom: 10px; font-style: italic; color: #555;}
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	font-family: Georgia, Times, serif;
	width: 400px; /* required */
	margin: 0 auto;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quo to wrap the quotes
*/

#quote_wrap { 
	background: #a6bdc6 url(
	http://www.cupidswedding.com/_images/quote-mark.png
	) no-repeat 20px 20px;
	margin: 10px 0; padding: 20px;
	}



#couplesName h1 a{font-size: 58%; color:#e2b0c0;}
#couplesName p{font-size: 55%; color:#white;}