/* THE MODERN WEDDING WEBSITE interior CSS DOC */
body {
	margin: 0;
	padding: 0;
	background-color: #00CCFF;
	background-image: url(../images/bg_walldot.jpg);
}

a {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: none;
	text-decoration: none;
}

a:link, #tips a:visited {
	color: #336699; /*blue*/
}

a:hover {
	color: #669900; /*green*/
}

li {
	list-style-type: circle;
	color: #CC6600; /*medium brown*/
}

#logo {
	position: absolute;
}	

#logo img { 
	border: none;
}

#logo p {
	margin: 0;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	background-color: #FFF;
}

/*---------------------- NAV --------------------*/
#nav {
	margin: auto;
	padding: 0 5px 0 0;
	width: 636px;
	height: 60px;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: right;
}

#nav ul {
	margin: 15px 0 0 0;
	padding: 5px;
	float: right;
}

#nav ul li {
	margin: 0 0 0 10px;
	padding: 0;
	display: inline;
}

#nav ul li a {
	margin: 0;
	padding: 0 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	text-decoration: none;
}

#nav ul li a:link, #nav ul li a:visited {
	color: #333;
	border-left: 3px dotted #CCC;
}

#nav ul li a:hover {
	color: #FF0066; /*hot pink*/
	border-left: 3px solid #543900; /*brown*/
}
/*---------------------- END of NAV --------------------*/

/*---------------------- MAIN ---------------------*/

#main {
	margin: 0 10px;
	width: 67%;
	text-align: justify;
	line-height: 1.4em;
	float: left;
	position: relative;
	top: -30px;
}

#main h1 {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	letter-spacing: 0.25em;
	color: #333333;
}

#main h4 {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color: #543900; /*brown*/
	font-weight: bold;
}

#main p {
	margin: 10px;
	padding: 3px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#main img {
	margin: 0 10px 0 0;
	padding: 5px;
	float: left;
	border: 1px dashed #543900; /*brown*/
}

#main p.signature {
	font-style: italic;
	font-weight: bold;
	color: #333333;
}

#main table {
	margin: 0 0 0 5px;
}

#main tr {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: text-top;
}

#main td.leftcolumn {
	font-weight: bold;
	color: #CC6600;
	vertical-align: top;
}
/*--------------------- END of MAIN ------------------*/

/*--------------------- MAIN RSVP FORM ------------------*/
#main table.form {
	margin: 0px 0 0 50px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

#main td.formleftcolumn {
	margin: 20px;
	padding: 5px;
	font-weight: bold;
	color: #CC6600;
	vertical-align: top;
	border: 1px dotted #CCC;	
}

#main td.formrightcolumn {
	padding: 5px;
	font-weight: bold;
	color: #666666;
	vertical-align: top;
	border: 1px dotted #CCC;
}

#main td.formrightcolumn input, select, textarea {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #543900;	/*brown*/
	border: 1px outset #543900; /*brown*/
}
/*--------------------- END of MAIN RSVP FORM ------------------*/

/*---------------------- MAIN2 ---------------------*/

#main2 {
	margin: 0 20px 0 0;
	width: 100%;
	text-align: justify;
	line-height: 1.4em;
	float: left;
	position: relative;
	top: -30px;
}

#main2 h1 {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	letter-spacing: 0.25em;
	color: #333333;
}

#main2 h4 {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color: #543900;
	font-weight: bold;
}

#main2 p {
	margin: 10px;
	padding: 3px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#main2 img {
	margin: 0 10px 0 0;
	padding: 10px;
	float: left;
	border: 1px dashed #543900; /*brown*/
}
/*--------------------- END of MAIN2 ------------------*/

/*---------------------- TIPS ---------------------*/
#tips {
	margin: 0 16px 0 0;
	padding: 5px;
	background-color: #ffe7f2;
	width: 27%;
	position: relative;
	float: right;
	border: 1px dashed #FF0066;
	top: -20px;
	line-height: 1.1em;
	text-align: justify;
}

#tips h3 {
	margin: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #543900;
	letter-spacing: 0.2em;
	font-size: 0.9em;
}

#tips p {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/*---------------------- END of TIPS ---------------------*/

/*---------------------- BRIDE ---------------------*/
#bride {
	margin: 0;
	padding: 0;
	width: 48%;
	text-align: justify;
	line-height: 1.4em;
	float: left;
	position: relative;
}

#bride h4 {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color: #543900;
	font-weight: bold;
}

#bride p {
	margin: 10px;
	padding: 3px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#bride img {
	margin: 0 10px 0 0;
	padding: 10px;
	float: left;
	border: 1px dashed #543900; /*brown*/
}
/*--------------------------- END of BRIDE --------------------*/

/*---------------------- GROOM --------------------- */
#groom {
	margin: 0 20px 0 0;
	padding: 0;
	width: 48%;
	text-align: justify;
	line-height: 1.4em;
	float: right;
	position: relative;
}

#groom h4 {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color: #543900;
	font-weight: bold;
}

#groom p {
	margin: 10px;
	padding: 3px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#groom img {
	margin: 0 10px 0 0;
	padding: 10px;
	float: left;
	border: 1px dashed #543900; /*brown*/
}

/*----------------------END of GROOM ---------------------*/

/*-------------- ALBUM ----------------*/
#album {
	margin: 0 10px;
	width: 100%;
	text-align: justify;
	line-height: 1.4em;
	float: left;
	position: relative;
	top: -30px;
}

#album h1 {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	letter-spacing: 0.25em;
	color: #333333;
}

#album h4 {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color: #543900;
	font-weight: bold;
}

#album p {
	margin: 10px;
	padding: 3px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#album img {
	margin: 0 10px 0 0;
	padding: 5px;
	float: left;
	border: none;
/*	border: 1px dashed #543900; /*brown*/
}

#album table {
	margin: 0 0 0 5px;
}

#album tr {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: text-top;
}

#album td.leftcolumn {
	font-weight: bold;
	color: #CC6600;
	vertical-align: top;
}

#album.slideshow td {
	border: none;
}

/*-------------- END of ALBUM ----------------*/

/*-------------- ENGAGEMENT -----------------*/

#engagement {
	margin: 35px;
	padding: 0;
	width: 900px;
}

#engagement img {
	margin: 0 10px 0 0;
	padding: 5px;
	float: left;
	border: 1px dashed #543900; /*brown*/
	text-align: center;
}

/*-------- Use to disable the border --------------
#engagement img {
	border: none;
}
*/

#engagement a {
	margin: 10px;
	padding: 0;
	width: 200px;
	height: 200px;
	position: relative;
	float: left;
	display: list-item;
	list-style-type: none;
	text-align: center;
}

/* --------------------Use the class .portrait to style the portrait thumbnails-------------------DON'T DELETE*****************
.portrait {
	margin: 10px;
	padding: 0 10px;
	width: 200px;
	height: 200px;
	position: relative;
	float: left;
	display: list-item;
	list-style-type: none;
	text-align: center;
	background-image: url(../images/engage/3portrait3x4-underlay.png);
	background-repeat: no-repeat;
}
*/

/*-------------- END of ENGAGEMENT -----------------*/

/* --------------------- FOOTER ------------------------*/
#footer {
	margin: 0;
	border-top: 1px dotted #CCC;
	position: relative;
/*	top: -50px; */
	background-color: #CCCCCC;
}

#footer p {
	margin: 0;
	padding: 0.25em 0 0 0;
	height: 1.8em;
	color: #666666;
	font-size: 11px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer a {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer a:link, #footer a:visited {
	color: #FF0066; /*#ff4799; hot pink*/
	text-decoration: none;
}

#footer a:hover {
	color: #543900; /*brown*/
	text-decoration: none;
}

.clear0 {
	clear: both;
	height:0;
}
/* --------------------- END of FOOTER ------------------------*/