* {margin: 0; padding: 0;}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	line-height: 16pt;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background: url(images/dots-p.gif);
	background-color: #ccc;
	color: #333;
}

a, a:link, a:visited {
	text-decoration: none;
	color: #606;
}

a:hover {
	text-decoration: underline;
	color: #909;
}

i { font-style: italic; }



img {
	border: 0;
}

h1 {
	font-size: 15pt;
	font-weight: bold;
}

h3 {
	font-style: italic;
	font-size: 11px;
	text-align: center;
}

#wrapper {
	width: 720px;
	height: 650px;
	margin: 20px auto 0 auto;
	background: url(images/whitebox.gif);
}

#topwrapper {
		width: 720px;
		height: 160px;
}

#lefttop {
	width: 220px;
	height: 160px;
	float: left;
	background: url(images/logo.gif) no-repeat top left;
	background-position: 20px 20px;
}

#midtop {
	width: 450px;
	height: 160px;
	float: left;
	background: url(images/topimg5.jpg) no-repeat top left;
	background-position: 0px 20px;
}

#righttop {
	width: 50px;
	height: 160px;
	float: right;
	background: url(images/side.gif) no-repeat top left;
	background-position: 0px 20px;
}

#navbar {
	height: 20px;
	padding: 0;
	margin-left: 21px;
}

.navbutton { text-transform: uppercase; font-size: 82%; text-align: left; clear: both; font-weight: bold;}
.navbutton a { color:black;}
.navbutton a:hover { color: #8d3e69; text-decoration: none; }

#bottomwrapper {
		width: 720px;
		height: 430px;
		clear: both;	
}

#wedimage {
		width: 720px;
		height: 430px;
		float: left;
		background: url(images/weddingback.jpg) no-repeat top left;
		background-position: 20px 0;
}

#portimage {
		width: 720px;
		height: 430px;
		float: left;
		background: url(images/portback.jpg) no-repeat top left;
		background-position: 20px 0;
}

#aboutimage {
		width: 720px;
		height: 430px;
		float: left;
		background: url(images/aboutback3.jpg) no-repeat top left;
		background-position: 20px 0;
}

#albumimage {
		width: 720px;
		height: 430px;
		float: left;
		background: url(images/albumback2.jpg) no-repeat top left;
		background-position: 20px 0;
}

#frontimage {
		width: 720px;
		height: 430px;
		float: left;
		background: url(images/frontback.jpg) no-repeat top left;
		background-repeat: no-repeat;
		background-position: 20px 0;
}

#testimage {
		width: 720px;
		height: 430px;
		float: left;
		background: url(images/testback2.jpg) no-repeat top left;
		background-repeat: no-repeat;
		background-position: 20px 0;
}

#linksimage {
		width: 720px;
		height: 430px;
		float: left;
		background: url(images/linksback2.jpg) no-repeat top left;
		background-repeat: no-repeat;
		background-position: 20px 0;
}

#contactimage {
		width: 720px;
		height: 430px;
		float: left;
		background: url(images/contactback2.jpg) no-repeat top left;
		background-repeat: no-repeat;
		background-position: 20px 0;
}

#contactwrapper {
		width: 680px;
		height: 40px;
		padding-top: 5px;
		text-align: right;
		clear: both;
}

.thumbnail img{ margin: 4px; width: 110px; border: 1px solid #000;}
.wedthumbs { margin: 15px 0 10px 36px; border: 1px solid black; width: 120px; height: 100px; background: white; float: left; }
.portthumbs { margin: -5px 0 0 20px; border: 2px solid white; background: white;}
.portbox {width: 174px; float: left; margin-top: 15px;}
.wedthumbs:hover { border-color: #33141b; background: #f7e5e0}
.portthumbs:hover { border-color: #f8e381; background: #f8e381}
#albumbox { margin: 10px 20px 0 40px; width: 640px; height: 200px; }
.albums img{  border: thin solid black; float: right; margin: 5px 0 0 10px;}
.albums2 img{  border: thin solid black; float: left; margin: 5px 20px 0 0;}
.albumtext { font-size: 10pt; text-align: left;}
#wedbox { margin: 2px 10px 0 20px; width: 680px; height: 420px;}
#welcome { width: 148px; margin: 50px 0 0 30px; float: left;}
.welcometext { font-size: 92%; text-align: left; color: black; margin-top: 25px;}
#abouttext { width: 468px; margin: 20px  40px; line-height: 14pt; overflow: auto; height: 400px; float:left;}
#testtext { width: 640px;  margin-left: 20px; padding: 0 20px; line-height: 15pt; height: 340px; overflow: auto; float: left; font-size: 11pt}

.banner {margin-top: 20px; width: 450px;}

#aboutwords { width: 420px; height: 430px; margin-left: 20px; padding: 0 20px; line-height: 15pt; overflow: auto;  float: left; font-size: 10pt; text-align: left; }

#linkstext { width: 480px; margin: 0px  20px; line-height: 14pt; overflow: auto; height: 420px; float:left; font-size: 11pt;}
#linkstext tt, #linkstext b{ color: maroon;}
#contacttext{ width: 200px; margin: 10px  25px; line-height: 12pt; float: right; color: white; }
#contacttext a { color: white;}
#contacttext i { font-size: 11pt; color: #ccc;}
.annephoto img {float: left; margin: 20px 0 0 40px; width: 150px; border: thin solid white}

.tag, .tag a{font-size: 5pt; color: #ccc2d7;}