@charset "utf-8";
/* CSS Document */

html, body {
	margin-top: 0em;
	padding: 0em;
	background-color: #B946a3;
	}

#container{
	width:1117px;
	position: relative;
	overflow:hidden;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;}

#leftmargin{
	background-image: url(images/BkgFlowersLeft.jpg);
	width:145px;
	height:730px;
	float: left;
	overflow:hidden;
	margin-left: 0em;
	margin-top: 0em;
	background-repeat: no-repeat;
}
	
#rightmargin{
	background-image: url(images/BkgFlowersRight.jpg);
	width:217px;
	height:730px;
	overflow:hidden;
	margin-left: 0em;
	float: right;
	margin-top: 0em;
	background-repeat: no-repeat;
}

#container1{
	width:755px;
	height:auto;
	position: relative;
	overflow:hidden;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	background-color: #B946a3;}
	
#header{
	width:755px;
	height:178px;
	overflow:hidden;
	background-image: url(images/BackgroundAreas_01.jpg);
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	float: left;
	margin-left: 0em;
	background-repeat: no-repeat;}
	
#headerALL{
	width:755px;
	height:178px;
	overflow:hidden;
	background-image: url(images/BackgroundAreas_01ALL.jpg);
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	float: left;
	margin-left: 0em;
	background-repeat: no-repeat;}

#mainContent{
	width:755px;
	height:403px;
	position: relative;
	overflow:hidden;
	background-image: url(images/BackgroundAreas_02.jpg);
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	float: left;
	margin-left: auto;
	background-attachment: scroll;
	background-repeat: no-repeat;}
	
#mainContentAll{
	width:755px;
	height:auto;
	position: relative;
	overflow:hidden;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	float: left;
	margin-left: auto;}

#nav{
	width:215px;
	height:225px;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	float: left;
	overflow:hidden;}

#navGallery{
	background-image: url(images/GalleryBkg_01.jpg);
	width:215px;
	height:403px;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	float: left;
	overflow:hidden;}

#navExtra{
	background-image: url(images/NavExtra.jpg);
	width:755px;
	height:auto;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	float: left;
	overflow:hidden;
	background-attachment: scroll;
	background-repeat: repeat-y;
}
	
#main{
	width:540px;
	height:auto;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	float: left;
	overflow:hidden;
	}
	
#mainGallery{
	background-image: url(images/GalleryBkg_02.jpg);
	width:540px;
	height:auto;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	float: left;
	overflow:hidden;
	}

#footer{
	width:755px;
	background-image: url(images/BackgroundAreas_03.jpg);
	height:149px;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	float: left;
	overflow:hidden;}
	
#footerALL{
	width:755px;
	background-image: url(images/BackgroundAreas_03ALL.jpg);
	height:149px;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	float: left;
	overflow:hidden;}
	
#logo{
	background:url(images/JoDewarLogo.jpg) no-repeat;
	margin-top:0em;
	margin-left:2em;
	margin-right:0em;
	margin-right:0em;
	width:383px;
	height:113px;
	float:left;
	overflow:hidden;}
	
	#logo a {display:block;width:383px;height:113px;}


				#homebutt{
					background:url(images/homeButt.jpg) no-repeat;
					width:64px;
					height:26px;
					float:left;
					margin-left:2em;
					margin-top:47px;
					margin-left:58px;
					margin-right:5em;
				}
				#homebutt a {display:block;width:64px;height:26px;}
				#homebutt:hover {
					
					background-image: url(images/homeButtOver.jpg);
					background-repeat: no-repeat;
				}
				
				
				#gallerybutt{
					background:url(images/galleryButt.jpg) no-repeat;
					width:67px;
					height:27px;
					float:left;
					margin-left:53px;
					margin-top:47px;
				}
				#gallerybutt a {display:block;width:67px;height:27px;}
				#gallerybutt:hover {width:67px;height:27px;background:url(images/galleryButtOver.jpg) no-repeat;}
				
				#contactbutt{
					background:url(images/contactButt.jpg) no-repeat;
					width:193px;
					height:28px;
					float:left;
					margin-left:22px;
					margin-top:48px;
				}
				#contactbutt a {display:block;width:193px;height:28px;}
				#contactbutt:hover {width:193px;height:28px;background:url(images/contactButtOver.jpg) no-repeat;}
				

		.bodyText{
			width:510px;
			margin-left: 0.5em;
			margin-right: 0.5em;
			margin-top: 0em;
			float: left;
			overflow:hidden;}
		
		#flashContainer{
			width:580px;
			height:172px;
			margin-left: 165px;
			margin-right: 0em;
			margin-top: 6px;
			float: left;
			overflow:hidden;}
			
		.bodyTextImgDescript{
			width:510px;
			height:50px;
			margin-left: 3.8em;
			margin-right: 0.5em;
			margin-top: 0em;
			float: left;
			overflow:hidden;}
		
		.introText{
			width:510px;
			height:auto;
			margin-left: 0.8em;
			margin-right: 0em;
			margin-top: 0em;
			float: left;
			overflow:hidden;}
		
		#show{
			width:510px;
			height:50px;
			margin-left: 3.8em;
			margin-right: 0.5em;
			margin-top: 0em;
			float: left;
			overflow:hidden;}
		
		#gallery{
			width:535px;
			height:auto;
			margin-left: 0em;
			margin-right: 0em;
			margin-top: 0em;
			float: left;
			overflow:hidden;}
		
		#LrgImage{
			width:397px;
			height:340px;
			margin-left: 4.5em;
			margin-right: 0em;
			margin-top: 0.5em;
			float: left;
			overflow:hidden;}
		
		#thumbsHolder{
			width:510px;
			height:auto;
			margin-left: 0em;
			margin-right: 0.5em;
			margin-top: 0em;
			float: left;
			overflow:hidden;}
		
		.Thumbs{
			width:78px;
			height:79px;
			margin-left: 1.5em;
			margin-right: 0em;
			margin-top: 0em;
			float: left;
			cursor: pointer;
			overflow:hidden;}
		
		.bodyTextThumbName{
			width:78px;
			height:60px;
			margin-left: 1.5em;
			margin-right: 0em;
			margin-top: 0em;
			float: left;
			overflow:hidden;}


						.footerNav{
							width:500px;
							margin-left: 5.8em;
							margin-right: 0em;
							margin-top: 3.7em;
							float: left;
							overflow:hidden;}	
								
						.copyright{
							width:500px;
							margin-left: 6.8em;
							margin-right: 0em;
							margin-top: 0.3em;
							float: left;
							overflow:hidden;}	

.bodyGrey {
	font-family: verdana;
	font-size: 0.7em;
	font-weight: normal;
	line-height:15px;
	color: #666666;
	text-decoration: none;
	line-height: 1.4em;}

.bodyLilac {
	font-family: verdana;
	font-size: 0.7em;
	font-weight: normal;
	line-height:15px;
	color: #B946a3;
	text-decoration: none;
	}
	
.bodyTeal {
	font-family: verdana;
	font-size: 0.7em;
	font-weight: normal;
	line-height:15px;
	color: #04869E;
	text-decoration: none;}

.bodyTealBold {
	font-family: verdana;
	font-size: 0.7em;
	font-weight: bold;
	line-height:15px;
	color: #04869E;
	text-decoration: none;
	line-height: 1.4em;
}
	
.bodyWhtBoldSml {
	font-family: verdana;
	font-size: 0.6em;
	font-weight: bold;
	line-height:15px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.4em;}

.bodyPinkBoldSml {
	font-family: verdana;
	font-size: 0.6em;
	font-weight: bold;
	line-height:15px;
	color: #eb0290;
	text-decoration: none;}
	
.bodyLilacBold {
	font-family: verdana;
	font-size: 0.7em;
	font-weight: bold;
	line-height:17px;
	color: #B946a3;
	text-decoration: none;
}

.bodyTealSml {
	font-family: verdana;
	font-size: 0.6em;
	font-weight: bold;
	margin-top:5px;
	line-height:12px;
	color: #04869E;
	text-decoration: none;
}
	
.bodyWhtLrg {
	font-family: verdana;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	line-height:15px;
	color: #aace2c;
	text-decoration: none;
}
.bodylinksGrey{
	font-family: Verdana;
	font-size: 0.7em;
	color: #666666;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;}
.bodylinksGrey:hover {
	font-family: Verdana;
	font-size: 0.7em;
	color: #04869E;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;}
	
.bodylinksPink{
	font-family: Verdana;
	font-size: 0.7em;
	color: #eb0290;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;
	margin-top: 12em;
	margin-left: 3em;}
.bodylinksPink:hover {
	font-family: Verdana;
	font-size: 0.7em;
	color: #CCCCCC;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;
	margin-top: 12em;
	margin-left: 3em;
	}
	
.bodylinkspurple{
	font-family: Verdana;
	font-size: 0.7em;
	color: #04869E;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;}
.bodylinkspurple:hover {
	font-family: Verdana;
	font-size: 0.7em;
	color: #aace2c;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;
	}
	
.bodylinkssmlGrey{
	font-family: Verdana;
	font-size: 0.6em;
	color: #666666;
	font-style: normal;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;
	margin-top: 0em;
	margin-left: 0em;}
.bodylinkssmlGrey:hover {
	font-family: Verdana;
	font-size: 0.6em;
	color: #AACE2C;
	font-style: normal;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;
	margin-top: 0em;
	margin-left: 0em;}

.linksmlPurple{
	font-family: Verdana;
	font-size: 0.6em;
	color: #04869E;
	font-style: normal;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;
	margin-top: 0em;
	margin-left: 0em;}
.linksmlPurple:hover {
	font-family: Verdana;
	font-size: 0.6em;
	color: #666666;
	font-style: normal;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;
	margin-top: 0em;
	margin-left: 0em;}
	
#menu {position:relative; top:0px; left:15px; width:75px; background-color:#fff; z-index:100; margin-top:10px; margin-left:10px; }
#menu a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a img {border:1px #CCCCCC;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large {
	display:block;
	position:absolute;
	width:0;
	height:0;
	border:0;
	top:0;
	left:79px;
}
#menu a.p1:hover .large {display:inline; position:relative; top:-80px; left:90px; width:395px; height:325px; border:1px solid #ccc;}

#info {z-index:100; height:1em;}