html, body{ 
 margin: 0; 
 padding:0; 
 text-align:center; 
} 

body{
	 background: url('img/background.jpg') repeat center center;
	  margin:20px 0 0 0; 
	  background-attachment: fixed;

}

.photobody, .weddingbody{
	 background: url('img/background.jpg') repeat center center;
	  margin:20px 0 0 0; 
	  background-attachment: fixed;

}

 
#pagewidth{ 
 width:800px; 
  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:40px; 
 width:100%;
} 

#indexbody #header{
 position:relative; 
 height:40px; 
 width:600px;
 margin: 0 auto;
 border-bottom: 1px solid #AA9033;
} 

#datebody #header{
 position:relative; 
 height:320px; 
 width:100%;
  background: url('img/top3.gif') no-repeat top center;

}

.photoheader{
 position:relative; 
 height:300px!important; 
 width:100%;
  background: url('img/top2.gif') no-repeat top center!important;

}

#header h1{
color: #FEE874;
font: bold italic 170% Times New Roman, Times, Serif;
letter-spacing: 1px;
}

#datebody #header h1{
color: #5D0C24;
font: bold italic 200% Times New Roman, Times, Serif;
letter-spacing: 1px;
position: relative;
top: 200px;
}

#flashmovie{
background: transparent;
border: 5px solid #3F1306;
}

#indexbody #maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
width:800px; 
height:525px;
 background: url('img/itsabouttime.gif') no-repeat center center;
 }
 
#datebody #maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
width:800px; 
 background: url('img/middle.gif') repeat-y center center;
 margin-left: 2px;
 }

 .weddingbody p{
line-height: 160%;
 }

 

 .weddingbody h2{
color: #5D0C24;
font: bold italic 150% Times New Roman, Times, Serif;
 border-top: 1px solid #AA9033;
 border-bottom: 1px solid #AA9033;
padding: 20px 0;
margin-right:  100px;
margin-left:  100px;
 }

  #receptionh2{
font-size: 140%;
 }

.weddingbody strong{
font: bold 105% Times New Roman, Times, Serif;
color: #4C0016;
  }

   .weddingbody h4{
color: #5D0C24;
font: bold italic 110%/170% Times New Roman, Times, Serif;
 }

  .weddingbody h4 span{
color: #653C0A;
font: bold italic 85% Times New Roman, Times, Serif;
letter-spacing: 2px;
border-bottom: 1px solid;
  }


  .weddingbody a{
color: #8C6D18;
font: italic 100% Times New Roman, Times, Serif;

  }

   .weddingbody .datebox{
   	background: transparent url('img/timetop2.gif') top center no-repeat;
width:300px;
margin: 40px auto 30px auto;
padding: 25px 1px 5px 1px;
border-bottom: 2px solid #CFBE86;

   }

#datetext{
font: bold italic 120% Times New Roman, Times, Serif;

}
 
#footer{
 height:100px; 
 clear:both;
 }

#indexbody #footer{
 height:60px; 
 clear:both;
 border-top: 1px solid #AA9033;
 width: 600px;
margin: 0 auto;
padding-top: 10px;
 }  

 #datebody #footer{
 height:300px; 
 clear:both;
  background: url('img/bottom.gif') no-repeat top center;

 } 

 #indexbody #footer a{
color: #FEE874;
font: bold italic 160% Times New Roman, Times, Serif;
text-decoration: none;
margin: 0 20px;
letter-spacing: 1px;
 }  


 #indexbody #footer a:hover{
color: #B69A28;
font: bold italic 160% Times New Roman, Times, Serif;
text-decoration: none;
margin: 0 20px;
padding-bottom: 5px;
letter-spacing: 1px;
 } 

  #datebody #footernav{
padding-top: 100px;
padding-bottom: 25px;
width: 350px;
border-bottom: 1px solid #B49E43;
margin: 0 auto;
  background: url('img/rule.gif') no-repeat center 20px;
  }


 

 #datebody #footer a{
color: #61292A;
font: bold italic 140% Times New Roman, Times, Serif;
text-decoration: none;
margin: 0 10px;
 }  


#datebody #footer a:hover{
color: #B69A28;
font: bold italic 140% Times New Roman, Times, Serif;
text-decoration: none;
margin: 0 10px;
padding-top: 5px;
padding-bottom: 5px;
 } 
 
#datebody #subnav{
color: #B49E43;
font: bold italic 80% Times New Roman, Times, Serif;
padding-top: 5px;
text-decoration: none;
  }

  #datebody #subnav a, #datebody #subnav a:hover{
color: #B49E43;
font: bold italic 100% Times New Roman, Times, Serif;
padding-top: 5px;
text-decoration: none;
border: 0 0;
  }

#datebody #subnav span{
color: #B49E43;
font: bold italic 100% Times New Roman, Times, Serif;
padding-top: 5px;
text-decoration: none;
border: 0 0;
  }


#datebody #subnav a:hover{
color: #5C420D;
}

.menupage strong{
font-size: 1.1em;
color: #61292A;
font-style: italic;
border-bottom: 1px solid #D2C58A;
}
#menulist{
	margin-left: 0px;
	padding-left: 0px;
	text-indent: 0px;
	margin-bottom: 35px;
}

#menulist li{
	list-style-type: none;
	margin-bottom: 15px;
}

.menureceptiontimes{
	margin-bottom: 35px;
}
	
h3{
	font-style: italic;
color: #61292A;
font-size: 140%;
}
 #emailus{
 	font-size: 100%;
 	font-weight: bold;
 	margin: 40px 0;
 }

 #emailus a{
 	font-size: 150%;
 	font-weight: bold;
 	border: 1px solid;
 	padding: 15px 20px;
 }
 
 #emailus a:hover{
 	border: 1px solid #fff;
color: #5D0C24;

 }

 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

