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

* { margin:0; padding:0; border:0;}

/*png fix*/
img, div, a, input, h1, h2, h3  { behavior: url(css/iepngfix.htc); }


/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*end reset*/


/*main*/
	body{ background: #160b01 url(../images/bg.jpg) repeat-x; padding: 0 0; margin: 0 0}
		#wrapper{ width: 951px; height: auto; padding: 0 0; margin: 0 auto; position:relative;}
			#inner-wrapper{ background: transparent url(../images/bg-effect.png) no-repeat; padding: 0 0; margin: 20px 0 0 0; float: left}
			#footer{ width: 873px; height: auto; float: left; padding: 10px 43px 10px 35px; clear: both; text-align: right; font-family: tahoma; font-size: 11px; color: #582f0c;}
			
	
/*end main*/


/*content*/
	#header{ width: 951px; height: auto; float:left;}
		#logo-container{width: 445px; height: auto; float:left; padding: 10px 10px 0 20px; }
		#content-container{ width: 891px; height: auto; float:left; padding: 10px 30px 0 30px }
		#content-sub-container{ width: 881px; height: auto; float: left; padding: 10px 10px 10px 0px; font-family:Arial, 
			Helvetica, sans-serif; ; font-size: 14px; }
			#content-sub-header{ width: 861px; height: auto; float: left;  font: normal bold 12px Arial, Helvetica, sans-serif;
				border-bottom: 1px dotted #321b04; padding: 10px 10px 15px 0; color: #985610;}
				#content-sub-header ul{ display: inline;}
				#content-sub-header ul li{ display: inline; padding: 0 5px 0 0;}
				#content-sub-header a{ text-decoration: none; border-bottom: 1px dotted #5a2f01; color: #985610;}
				#content-sub-header a:link, .gallery-text a:visited, .gallery-text a:active{color: #985610;}
				#content-sub-header a:hover{ color: #fff; border-bottom: 1px dotted #fff;}
				
				
			#content-sub-text{ width: 871px; height: auto; float: left; font-family:Arial, Helvetica, sans-serif; ; font-size: 	
				14px;  padding: 0 0 15px 0;  border-bottom: 1px solid #321b04;}
				#content-sub-text p{color: #713e0a}
				#content-sub-text a { color: #afadad; text-decoration: none; border-bottom: 1px dotted #5a2f01; margin-bottom: 3px}
				#content-sub-text a:link, #content-sub-text a:visited, #content-sub-text a:active{ color: #985610;; font-weight: 
					normal;}
				#content-sub-text a:hover{ color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
			
			
			
			/*media*/	
			.media-container{ width: 871px; height:auto; float: left; font-family:Arial, Helvetica, sans-serif; ; font-size: 	
				12px;  padding: 15px 0;}
				
				.events-container{ width: 395px; height: auto; float: left; padding: 20px;}
					.events-container p{ font-family:Arial, Helvetica, sans-serif; color: #713e0a}
				
				
				.media-sub-left2 { width: 391px; height: auto; float: left; padding: 20px 15px 15px 0}
				.media-sub-left { width: 230px; height: auto; float: left; padding: 20px 15px 15px 0}
					.media-sub-text{ width: 871px; height: auto; float: left; font-family: Arial, Helvetica, sans-serif; ; 	
						font-size:14px; padding: 0 0 3px 0;  border-bottom: 1px solid #321b04;}
					.media-sub-picture{ width: 215px; height: auto; float: left; padding: 0px 0 20px 0}
					.media-sub-picture2 { width: 376px; height: auto; float: left; padding: 0px 0 10px 0}
						.media-sub-picture2 img { border:none;}
				
				.media-sub-right2 { width: 464px; height: auto; float: left; padding: 15px 0;} 	
				
				.media-sub-right{ width: 625px; height: auto; float: left; padding: 15px 0; margin-bottom: 88px;} 
							.media-sub-right p{color: #74400a}
							.media-sub-right ul{ color: #74400a; padding: 10px 0 10px 25px; line-height: 20px; list-style: circle; }
						.media-sub-right2 a, .media-sub-right a{ text-decoration: none; border-bottom: 1px dotted #5a2f01; margin-bottom: 3px}
						
						.media-sub-right2 a:link, .media-sub-right2 a:active, .media-sub-right a:link, .media-sub-right a:visited, .media-sub-right a:active{ color: #985610;}
					
						.media-sub-right2 a:hover, .media-sub-right a:hover{ color: #fff; border-bottom: 1px dotted #fff;}
					.media-right-text{ width: 485px; height: auto; float: left; font-family: Georgia, "Times New Roman", Times, 
						serif;}
						.media-picture-container{  width: 871px; height: auto; float: left; padding: 0 0 5px 0; padding: 0 0}
							.media-picture{ width: 300px; height: auto; float: left; padding: 15px}
			
			
			/*gallery*/
			.gallery-container{ width: 881px; height: auto; float: left; padding: 0px 0 15px 0;  border-bottom: 1px solid #321b04;}
				.gallery-header{ width: 881px; height: auto; float: left; padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif}
				.gallery-picture-container{ width: 881px; height: auto; float: left; padding: 0 0; font-family: Georgia, "Times New Roman", Times, serif;}
					.gallery-next{width: 735px; height: auto; float: left; font-family: Georgia, "Times New Roman", Times, serif; padding: 5px 45px 5px 25px}
						.gallery-next a{ text-decoration: none; border-bottom: 1px dotted #5a2f01; color: #985610;}
						.gallery-next a:link, .gallery-text a:visited, .gallery-text a:active{color: #985610;}
						.gallery-next a:hover{ color: #fff; border-bottom: 1px dotted #fff;}
						
						
					.gallery-picture{ width: 150px; height: auto; float: left; padding: 10px 25px;}
					.gallery-text{ width: 150px; height: auto; float: left; padding: 6px 0; font-size: 12px; text-align: center; line-height: 20px}
						.gallery-text a{ text-decoration: none; border-bottom: 1px dotted #5a2f01; margin-bottom: 2px}
						.gallery-text a:link, .gallery-text a:visited, .gallery-text a:active{color: #985610;;}
						.gallery-text a:hover{ color: #fff; border-bottom: 1px dotted #fff;}
					
					.gallery-sub-picture{ width: auto; height: auto; float: left; padding: 10px 21px;}
						
						
		/*picture and playlist (div format)*/ 
		#playlist-picture{ background: url(../images/picture.jpg) no-repeat; width: 876px; height: 391px; padding-bottom: 5px; 	
			float: left }
		#playlist-bar{ width: 877px; height: 30px; float: left; border: 1px solid #4b2702}


/*end content*/




/*menu*/
#menu-container{ width: 425px; height: auto; float: left; padding: 120px 20px 0 0 }
		#menu_box { background: #1d1001 url(../images/menu-bg.jpg) top left repeat-y; width: 425px; height: 32px; font: 14px Georgia, "Times New Roman", Times, serif;}
			
			ul#nav {
			  padding: 0;
			  margin: 0;
			  list-style: none;
			  }
			  
			#nav li {
			  float: left;
			  position: relative;
			  /*width: 10em;*/
			  padding: 8px 18px 0 18px;
			  height: 28px;

			  }
			#nav ul li{
			  height: 8px; margin-bottom: 10px}
			 

			
			
			#nav ul li a{ padding: 0 0;}
			  
			#nav li a{ text-decoration: none; color: #5e3102;}
			
			#nav li ul {
			  display: none;
			  position: absolute; 
			  top: 1em;
			  left: 0;
			  background:#1d1001;
			  padding: 0px 25px 0px 0px;
			  line-height: 20px;
			  margin: 7px 0 0 0;
			  font-style:italic;
			  }
			
			
			#nav li > ul {
				top: auto;
				left: auto;
				list-style:none;
				}
			
			
			#nav li a:hover, #nav li a.over{  color: #985610;}
			#nav li:hover, #nav li.over{  color: #985610;}
			
			#nav li ul a:hover, #nav li ul a.over{ color: #985610;}
			#nav li ul:hover, #nav li ul.over{ color: #985610;}
			
			#nav li:hover ul, #nav li.over ul { color: #985610; display: block; clear:left;}
			#nav li:hover li, #nav li.over li { color: #985610; clear:left;}

		
		
/*end menu*/

/*form*/
#form-container{ width: 529px; height: auto; float: left; padding: 15px  0 0 0; margin: 0 0; }
.text{  font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #160b01; border: 1px solid #321b04; padding: 5px; color: #703c07}
textarea{ font: 12px Arial, Helvetica, sans-serif; background-color: #160b01; border: 1px solid #321b04; padding: 5px; color:#985610}
select{ color: #000; background-color: #CCCCCC; border: 1px solid #666666;}
#form-container table td { color: #985610; font-weight: normal; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; padding: 0; margin: 0; vertical-align:top; }

/*send and clear*/
.send_clear { color: #321b04; display: block; width: 60px; height: 29px; background-color: #160b01; padding: 0px 0; margin: 0px 2px 0 0; text-align: center; text-decoration: none; float: left; border: 2px solid #321b04; font: 11px Arial, Helvetica, sans-serif;}
.send_clear:hover { background-color: #985610; }
/*end send and clear*/

		
/*classes*/
h1.logo{
	background: url(../images/logo03.png) no-repeat;
	width: 404px;
	height: 144px
}
h1.picture{ background: url(../images/picture.jpg) no-repeat; width: 876px; height: 390px; margin-bottom: 5px; float: left; border: 1px solid #4b2702}
h1.fireworks{background: url(../images/fireworks04.jpg) no-repeat; width: 876px; height: 390px; margin-bottom: 5px; float: left; border: 1px solid #4b2702 }
h1.flowers{background:  url(../images/flowers.jpg) no-repeat; width: 876px; height: 390px; margin-bottom: 5px; float: left; border: 1px solid #4b2702 }
h1.dinner{background: url(../images/dinner.jpg) no-repeat; width: 876px; height: 390px; margin-bottom: 5px; float: left; border: 1px solid #4b2702 }
h1.red-wine{background: url(../images/red-wine.jpg) no-repeat; width: 876px; height: 390px; margin-bottom: 5px; float: left; border: 1px solid #4b2702 }
h1.candles{background:  url(../images/candles.jpg) no-repeat; width: 876px; height: 390px; margin-bottom: 5px; float: left; border: 1px solid #4b2702 }
h1.wine{background: url(../images/wine06.jpg) no-repeat; width: 876px; height: 390px; margin-bottom: 5px; float: left; border: 1px solid #4b2702 }
h1.bride{background:  url(../images/bride.jpg) no-repeat; width: 876px; height: 390px; margin-bottom: 5px; float: left; border: 1px solid #4b2702 }
h1.candle-light{background: url(../images/candlelight.jpg) no-repeat; width: 876px; height: 390px; margin-bottom: 5px; float: left; border: 1px solid #4b2702 }
h1.candle-dinner{background: url(../images/candlelight-dinner.jpg) no-repeat; width: 876px; height: 390px; margin-bottom: 5px; float: left; border: 1px solid #4b2702 }
h1.playlist-bar{ background: url(../images/playlist.jpg) no-repeat; width: 876px; height: 22px; float: left }
.margin-bottom{ margin-bottom: 100px}
.line-height-par{ line-height: 20px}
.padding-bottom-form{ padding-bottom: 35px}
.border-bottom{border-bottom: 1px solid #321b04;}
#border-bottom{ border-bottom: 1px solid #321b04; }

/*image*/
img{ width: auto; height: auto; float: left}

.img-border{ border: 2px solid #985610  }



/*end image*/

/*font*/
h4{ font-weight: normal}
h3{ font: normal 16px Georgia, "Times New Roman", Times, serif;}
h5{ font-weight: normal}
p{ font: normal 12px/18px Arial, Helvetica, sans-serif; color: #713e0a}

/*other*/
.padding-li{ padding-bottom:20px}
#no-margin{ margin: 0 0 0 0}
.float-left{float: left}
.float-right{ float: right}
.no-float{ float: none}
#no-padding{ padding: 0 0 0 0;}
.margin-border{margin-right: 15px; border: 2px solid #985610}
.margin-left{ margin-left: 5px}