@charset "utf-8";
/* CSS - FIT - BLR - 09.16.09 */
* {margin: 0; padding: 0;}
	body {text-align:center; background:url(../images/bg.png) repeat-x #a4bde0; font:62.5% Arial, Helvetica, sans-serif;}
	#container {width:960px; background:none; margin:0px auto;}
	
	#header {background:url no-repeat #FFFFFF; margin:0px; padding:0px; width:960px; height:145px; }
	#header .logo {float:left; border:none; margin: 20px 0px 0px 0px;}	
	
	#nav {padding:0px; margin:100px 20px 0px 0px; float:right;}
	#nav li {font-size:1.4em; color:#333333; text-decoration:none; display:block; margin:0px 8px 0px 0px; padding:0px; float:left;}
	#nav li a {color:#333333; text-decoration:none; display:block;}
	#nav li a:hover {font-weight:bold; color:#3c3c3c;}
	#nav li a.active {font-weight:bold; color:#5785c5;}
	#nav li .home {width:50px; margin:0px; padding:0px;}
	#nav li .events {width:50px; margin:0px; padding:0px;}
	#nav li .weddings {width:70px; margin:0px; padding:0px;}
	#nav li .meetings {width:65px; margin:0px; padding:0px;}
	#nav li .parties {width:55px; margin:0px; padding:0px;}
	#nav li .contact {width:55px; margin:0px; padding:0px;}
	/*Home Page Styles*/
	#main-images {margin:20px 0px 0px 0px; width:960px; height:410px; padding:0px;}
	#main-images a {color:#ffffff; text-decoration:none;}
	.main-image1 {float:left; margin:0px; padding:0px; width:320px; height:410px; background:url(../images/hp-image1.jpg) no-repeat; text-align:left;}
	.main-image1 .head3 {color:#ffffff; font-size:30px; font-weight:100; padding:285px 20px 5px 20px; float: left;}
	.main-image1 .text {color:#ffffff; font-size:12px; padding:5px 20px; line-height:1.4em; clear: both; float: left;}
	.main-image2 {float:left; margin:0px; padding:0px; width:320px; height:410px; background:url(../images/hp-image2.jpg) no-repeat; text-align:left; }
	.main-image2 .head3 {color:#ffffff; font-size:30px; font-weight:100; padding:285px 20px 5px 20px; float: left;}
	.main-image2 .text {color:#ffffff; font-size:12px; padding:5px 20px; line-height:1.4em; clear: both; float: left;}
	.main-image3 {float:left; margin:0px; padding:0px; width:320px; height:410px; background:url(../images/hp-image3.jpg) no-repeat; text-align:left;}
	.main-image3 .head3 {color:#ffffff; font-size:30px; font-weight:100; padding:285px 20px 5px 20px; float: left;}
	.main-image3 .text {color:#ffffff; font-size:12px; padding:5px 20px; line-height:1.4em; clear: both; float: left;}
	#magnets {width:960px; height:230px; margin: 0px 0px 0px 0px;}
	#magnet1 {width:285px; height:210px; float:left; margin: 10px 0px 0px 0px; padding:15px 30px 0px 15px; background: url(../images/magnet-1.jpg) no-repeat;}
	#magnet2 {width:285px; height:210px; float:left; margin: 10px 0px 0px 0px; padding:15px 30px 0px 15px; background: url(../images/magnet-2.jpg) no-repeat;}
	#magnet3 {width:285px; height:210px; float:left; margin: 10px 0px 0px 0px; padding:15px 0px 0px 15px; background: url(../images/magnet-3.jpg) no-repeat;}
	#magnet1 img, #magnet2 img, #magnet3 img {border:none;}
	#magnet1 h3, #magnet2 h3, #magnet3 h3 {font-size:21px; color:#3c3c3c; text-align:left; font-weight:100;}
	#magnet1 p, #magnet2 p, #magnet3 p {font-size:12px; color:#333333; text-align:left; line-height:1.6em; margin:5px 150px 0px 0px;}
	#magnet1 a, #magnet2 a, #magnet3 a {color:#5785c5;}
	#magnet1 a:hover, #magnet2 a:hover, #magnet3 a:hover {text-decoration:none;}
	#magnet1 a:visited, #magnet2 a:visited, #magnet3 a:visited {color:#3c3c3c;}
/*End Home Page Styles*/	
	/*Interior Page Styles*/
	#content {
	width:960px;   
	text-align:left; 
	margin:20px 0px 0px 0px;
	padding-top:20px;
	background:url(../images/body-top.gif) top left no-repeat; 
	}
	
	#copy {
	padding-top:10px;
	background:#ffffff;
	width:960px;
	min-height: 400px;

	} 
	
	#copy h3 {font-size:2.6em; margin:0px 0px 0px 30px; color:#0F356D; font-weight:300;}
	#copy h4 {font-size:1.8em; margin:0px 0px 0px 30px; color:#5785c5; font-weight:300; border-bottom: 1px dotted #5785c5; width: 300px;}
	#copy h5 {font-size:1.8em; margin:10px 0px 5px 30px; color:#5785c5; font-weight:300;}
	#copy p {font-size:1.4em; color:#333333; text-align:left; margin:0 30px 0px 30px; line-height:1.6em; padding-bottom:10px;}
	#copy p a {color:#5785c5;}
	#copy p a:hover {text-decoration:none;}
	#copy ul {padding:0px; margin:0px 0px 0px 0px; padding-bottom:20px;}
	#copy li {font-size:1.4em; list-style-image:url(../images/bullet.gif); margin:0px 20px 0px 60px; line-height:1.6em;}
	#copy li a {color:#5785c5;}
	#copy li a:hover {text-decoration:none;}
	#copy img.right {float:right; padding:3px; border:1px solid #0F356D; margin:10px 20px 7px 20px;}
	
	#image-caption {float:right; width:395px; height:auto;}
	#image-caption p {float:right; font-weight:bold; margin: 0 25px 0 30px;}
	
	
	#copy .slideshow {margin:10px auto 20px auto; height:570px; width:720px; background:url(../images/slideshow-bg.jpg) no-repeat; padding:10px 0px;}
	#int-footer {margin:0px auto; text-align:center; width:960px; padding: 0px 20px 20px 10px; background:url(../images/footer.gif) no-repeat;}
	#int-footer p {font-size:1.2em; color:#3c3c3c; padding:35px 0px 0px 0px;}
	#int-footer a {color:#ffffff; text-decoration:underline;}
	#int-footer a:hover {text-decoration:none;}
	/*End Interior Page Styles*/
	
	/* Event Styles */
	#copy h4.event-date {font-size:1.8em; margin:20px 0px 0px 30px; color:#5785c5; font-weight:300; border-bottom: 1px dotted #5785c5; width: 400px;}
	#copy p.event-info {font-size:1.4em; color:#333333; text-align:left; margin:5px 30px 0px 30px; line-height:1.2em;}
	
	#footer {margin:0px auto; text-align:center; width:960px; padding: 0px 20px 20px 10px;}
	#footer p {font-size:1.2em; color:#3c3c3c; padding:0px 0px 0px 0px;}
	#footer a {color:#ffffff; text-decoration:underline;}
	#footer a:hover {text-decoration:none;}

	
	p.clear {clear:both;}