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

body{
	font-family: 'EB Garamond', serif;
}

.logo{
	background: url(../images/logo2024.png) no-repeat;
  width: 351px;
  height: 200px;
  margin: 0px auto;
  background-position: top center;
}

nav{
	width:550px;
	margin:0px auto;	
}

nav2{
	width:650px;
	margin:0px auto;
	text-align:center;
}

nav ul{
	margin:0px 0px;
	padding:0px 0px;	
}

nav li, nav2 li{
	list-style:none;
	display:inline-block;
	text-align:center;
	padding-left:40px;
}


nav li a, nav2 li a{
	text-decoration:none;
	font-size:20pt;
	color:#000;	
}

nav li a:hover, nav2 li a:hover{
	color:#60c9f8;
}

.topline{
	width:auto;
	height:1px;
	background-color:#CCC;	
}

.box, .box2{
	width:900px;
	height:781px;
	margin:30px auto;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);	
}

.slider li img{
	position: relative;
	top:50px;
	left:90px;
	width:700px;
	height:700px;
}

.box2 h3{
	font-size:25px;
	padding-top:14px;
	margin-bottom:-5px;	
}

.box2 .middletopline{
	width:auto;
	height:1px;
	background-color:#CCC;			
}

.box2 img{
	width:430px;
	height:300px;
	float:left;	
	margin:235px 21px;
}

.box2 .left{
	width: 1px;
  height: 550px;
  margin-top: 58px;
  margin-left: 10px;
  background-color: #ccc;
  float: left;	
}

.box2 p{
	float:right;
	text-align:left;
	font-size:16px;	
	width:270px;
	height:87px;
	padding-right:120px;
	margin-top:160px;
	clear:right;
}

.box3{
	width:900px;
	height:700px;
	margin:30px auto;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);
}

.box3 img.align-center{
	display:block;
	margin:auto;
	padding-top:50px;
}


.box5{
	width:600px;
	height:400px;
	margin:30px auto;
	text-align: center;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);		
}


.box5 .phone, .email, .hours{
	width:43px;
	height:47px;
	margin:30px auto;
}




.engagement{
	width:800px;
	height:700px;
	margin:30px auto;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.25);	
}

.engagement img{
	position: relative;
	top:50px;
	left:20px;
}

.names{
	width:800px;
	height:75px;
	margin:10px auto;
	text-align:center;
	background-color:#60c9f8;
	opacity:0.5;
	border-radius: 10px;
}

.names h2{
	font-weight:bold;
	color:#FFFFFF;
}

.names i{
	color:#FFF;
}

.welcome{
	width:700px;
	height:300px;
	margin:10px auto;
}

.welcome p{
	width:300px;
	border:2px dotted #60c9fe;
	float:left;
	padding:10px;
}

.welcome img{
	width:300px;
	height:300px;
	float:right;	
}

.our-story{
	width:700px;
	height:auto;
	margin:10px auto;
	text-align:center;
}

.our-story p{
	border:2px dotted #60c9fe;
	padding:10px;
}

.reception{
	width:700px;
	height:400px;
	margin:10px auto;
	text-align:center;
}

.reception p{
	width:300px;
	border:2px dotted #60c9fe;
	float:right;
	padding:10px;
}

.reception img{
	width:300px;
	height:300px;
	float:left;	
}

.buttons{
	width:450px;
	height:100px;
	margin:10px auto;
}

.registry{
	width:200px;
	height:50px;
	background-color:#60c9fe;
	border-radius:10px;
	float:left;
	text-align:center;
	opacity:0.5;
	margin-right:10px;
}

.registry a{
	text-decoration:none;
	padding:20px;
	font-size:30px;
	font-style:italic;
	color:#fff;
}

.rsvp{
	width:150px;
	height:50px;
	background-color:#60c9fe;
	border-radius:10px;
	float:right;
	text-align:center;
	opacity:0.5;
	margin-left:5px;
}

.rsvp a{
	text-decoration:none;
	padding:30px;
	font-size:30px;
	font-style:italic;
	color:#fff;
}




.bottomline{
	width:auto;
	height:1px;
	background-color:#CCC;	
}

.info{
	font-size:12pt;
	color:#5f6162;
	margin-left:110px;
	margin-top:22px;
	float:left;
}

.circles{
	background:#fff;
	width:730px;
	height:51px;
	postion:relative;
	margin:50px auto;	
}

.circles .darkcircle{
	background:url(../images/darkgraycircle.png) no-repeat;
	width:44px;
	height:47px;
	float:left;	
	margin-left:108px;
}

.circles .bluecircle{
	background:url(../images/bluecircle.png) no-repeat;
	width:44px;
	height:47px;
	float:left;	
	margin-left:190px;
}

.circles .lightcircle{
	background:url(../images/lightgraycircle.png) no-repeat;
	width:44px;
	height:47px;
	float:left;	
	margin-left:210px;
}

.circles .fa{
	color:#FFF;
	font-size:36px;
	text-align:center;
	float:left;
	padding-left:12px;
	padding-top:8px;
}

.circles .lightcircle .fa{
	padding-left:8px;	
	padding-top:7px;
}



.copyright{
	font-size:12pt;
	color:#5f6162;
	margin-right:110px;
	margin-top:-129px;
	float:right;
}