body{
	background:#fff url('../images/bg.png') repeat;
	padding-top:40px;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	-o-animation-delay: 10s;
	-ms-animation-delay: 10s;
	animation-delay: 10s;
	color:#666;
	font-size:13px;
	line-height:25px;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Droid Serif", Georgia, "Times New Roman", serif;
	font-weight:normal;
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	-o-animation-delay: 10s;
	-ms-animation-delay: 10s;
	animation-delay: 10s;
}

h1{
font-size:50px;
line-height:75px;
}

h2{
font-size:35px;
line-height:45px;
}

h3{
font-size:22px;
line-height:28px;
}

h4{
font-size:18px;
line-height:24px;
}

h5{
font-size:14px;
line-height:20px;
}

p{
margin:5px 0px;
}

a, a:visited{
color:#557d0d;
}

a:hover{
color:#406903;
}

form{
margin-top:15px;
}

form input{
margin:10px 0px;
}

form button{
margin:10px 0px;
}

#groompic {
	width: 225px;
	height: 275px;
	background: gray url(../images/groom.png);
	border: 1px solid;
	border-color: #bbb #999;
	box-shadow: 
		0 2px 5px hsla(0,0%,0%,.4),
	
		inset 0 1px 0 #ccc,	
		inset 1px 0 0 #aaa,
		inset 0 -1px 0 #ccc,
		inset -1px 0 0 #aaa,
			
		inset 0 2px 0 #c6c6c6,
		inset 2px 0 0 #a6a6a6,
		inset 0 -2px 0 #c6c6c6,
		inset -2px 0 0 #a6a6a6,
		
		inset 0 3px 0 #c0c0c0,
		inset 3px 0 0 #a0a0a0,
		inset 0 -3px 0 #c0c0c0,
		inset -3px 0 0 #a0a0a0,	
		
		inset 0 4px 0 #b9b9b9,
		inset 4px 0 0 #999,
		inset 0 -4px 0 #b9b9b9,
		inset -4px 0 0 #999,
		
		inset 0 5px 0 #b6b6b6,
		inset 5px 0 0 #969696,
		inset 0 -5px 0 #b6b6b6,
		inset -5px 0 0 #969696,
		
		inset 0 6px 0 #b0b0b0,
		inset 6px 0 0 #909090,
		inset 0 -6px 0 #b0b0b0,
		inset -6px 0 0 #909090,
		
		inset 0 7px 0 #a9a9a9,
		inset 7px 0 0 #898989,
		inset 0 -7px 0 #a9a9a9,
		inset -7px 0 0 #898989,
		
		inset 0 8px 0 #a6a6a6,
		inset 8px 0 0 #868686,
		inset 0 -8px 0 #a6a6a6,
		inset -8px 0 0 #868686,
		
		inset 0 9px 0 #a0a0a0,
		inset 9px 0 0 #808080,
		inset 0 -9px 0 #a0a0a0,
		inset -9px 0 0 #808080,
		
		inset 0 10px 0 #888,
		inset 10px 0 0 #666,
		inset 0 -10px 0 #888,
		inset -10px 0 0 #666,
		
		inset 0 0 10px 10px hsla(0,0%,0%,.5);
}


#bridepic {
	width: 225px;
	height: 275px;
	background: gray url(../images/bride.png);
	border: 1px solid;
	border-color: #bbb #999;
	box-shadow: 
		0 2px 5px hsla(0,0%,0%,.4),
	
		inset 0 1px 0 #ccc,	
		inset 1px 0 0 #aaa,
		inset 0 -1px 0 #ccc,
		inset -1px 0 0 #aaa,
			
		inset 0 2px 0 #c6c6c6,
		inset 2px 0 0 #a6a6a6,
		inset 0 -2px 0 #c6c6c6,
		inset -2px 0 0 #a6a6a6,
		
		inset 0 3px 0 #c0c0c0,
		inset 3px 0 0 #a0a0a0,
		inset 0 -3px 0 #c0c0c0,
		inset -3px 0 0 #a0a0a0,	
		
		inset 0 4px 0 #b9b9b9,
		inset 4px 0 0 #999,
		inset 0 -4px 0 #b9b9b9,
		inset -4px 0 0 #999,
		
		inset 0 5px 0 #b6b6b6,
		inset 5px 0 0 #969696,
		inset 0 -5px 0 #b6b6b6,
		inset -5px 0 0 #969696,
		
		inset 0 6px 0 #b0b0b0,
		inset 6px 0 0 #909090,
		inset 0 -6px 0 #b0b0b0,
		inset -6px 0 0 #909090,
		
		inset 0 7px 0 #a9a9a9,
		inset 7px 0 0 #898989,
		inset 0 -7px 0 #a9a9a9,
		inset -7px 0 0 #898989,
		
		inset 0 8px 0 #a6a6a6,
		inset 8px 0 0 #868686,
		inset 0 -8px 0 #a6a6a6,
		inset -8px 0 0 #868686,
		
		inset 0 9px 0 #a0a0a0,
		inset 9px 0 0 #808080,
		inset 0 -9px 0 #a0a0a0,
		inset -9px 0 0 #808080,
		
		inset 0 10px 0 #888,
		inset 10px 0 0 #666,
		inset 0 -10px 0 #888,
		inset -10px 0 0 #666,
		
		inset 0 0 10px 10px hsla(0,0%,0%,.5);
}

.border{
height:20px;
}

.color{
color:#406903;
}

a:hover,a:active,a:focus {
outline: 0;
}

:focus {outline:none;}

::-moz-focus-inner {border:0;}

.well{
background:url('../images/grey.png') repeat;
border-radius:15px;
border:1px solid #ddd;
padding:10px 20px;
box-shadow:inset 0px 0px 1px #ccc;
}

.bor{
background:url('../images/bor.png') no-repeat;
height:20px;
width:240px;
margin:0 auto;
}

.itop{
width:20px;
margin:0 auto;
text-align:center;
position:relative;
top:-32px;
border:1px solid #ddd;
height:20px;
background:#eee;
border-radius:30px;
font-size:12px;
line-height:16px;
}

.itop a{
color:#aaa;
}

.itop a:hover{
text-decoration:none;
}

/* Image alignment*/

.alignleft, images.alignleft {
margin-right: 8px;
margin-top:5px;
display: inline;
float: left;
}

.alignright, images.alignright {
margin-left: 8px;
margin-top:5px;
display: inline;
float: right;
}
   
.aligncenter, images.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}

.button{
margin:10px 0px;
}

.button a, .button a:visited{
background:#224004;
color:#fff;
width:100px;
padding:6px 15px;
font-size:14px;
font-weight:700;
border-radius:5px;
border-bottom:2px solid #152e06;
}

.button a:hover{
background:#152e06;
text-decoration:none;
}

/* Navigation */

.navbar-inner{
border-radius:0px;
background: #557d0d !important; 
background-image: none;
background-repeat: no-repeat;
filter: none !important;
border:none !important;
border-bottom:1px solid #000 !important;
}

.navbar .nav, .navbar .nav > li {
float:none;
display:inline-block;
*display:inline; /* ie7 fix */
*zoom:1; /* hasLayout ie7 trigger */
vertical-align: top;
}

.navbar-inner {
text-align:center;
}

.navbar .btn{
background:#406903 !important;  
}

.navbar .btn:hover{
background:#406903 !important;
}

.navbar .caret{
border-top-color:#fff !important;
border-bottom-color:#fff !important;
}

.navbar .nav > li > a{
padding: 14px 15px 13px; 
color:#fff !important;
text-shadow:none !important;
font-size:15px;
font-weight:700 !important;
}

.navbar .nav > li > a:hover{
background:#406903 !important;
color:#fff !important;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus {
color: #ffffff;
box-shadow:none;
background: #406903 !important;
}

.dropdown-toggle{
background: #406903 !important;
}

.nav-collapse a{
font-weight:normal !important;
text-shadow:none !important;
}

.dropdown-menu{
background:#406903 !important;
}

.dropdown-menu a{
color:#fff !important;
text-shadow:none !important;
}

.dropdown-menu a:hover{
filter:none !important;
background:#406903 !important;
}

/* Header */

header{
background:url(http://1.bp.blogspot.com/_P2I5p5Qd2SY/S7qF_U8z7LI/AAAAAAAAB7c/B8piwIelCfA/s1600/FinalAngle.jpg) repeat;
background-position:25%;
background-attachment:fixed;
height:550px;
text-align:center;
padding-top:70px;
color:#fff;
margin-bottom:20px;
border-bottom:1px solid #000;
}

header h1{
color:#557d0d;
text-shadow:0px 0px 1px #000;
}

header h2 span{
color:#777;
}

header .well{
color:#666;
background:#fff url('../images/well.png') repeat;
padding:13px 15px;
box-shadow:inset 0px 0px 2px #111;
border:1px solid #406903;
display:inline-block;
border-radius:10px;
max-width:600px;
font-size:13px;
line-height:24px;
}

header h3{
font-size:18px;
line-height:23px;
}

/* Head */

.head{
text-align:center;
margin-bottom:20px;
}

/* Slider */


.flexslider  ul li{
background-image:none;
padding:0px;
}

.flexslider{
margin-top:10px;
margin-bottom:15px;
border:1px solid #bbb;
padding:1px;
border-radius:0px;
box-shadow:none;
}

.flexslider .flex-control-nav{
bottom:0px;
}

.flex-control-paging li a{
background:#fff;
box-shadow:0px 0px 3px #555;
}

.flex-control-paging li a:hover{
background:#ccc;
}

.flex-control-paging li a.flex-active{
background:#ccc;
}

.flexslider .slides > li {
position:relative;
}

.flex-caption{
	width: 80%;
	padding: 10px;
	margin: 0 0 40px 40px;
	background-color: #222;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
}

.flex-caption h3 {
font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 5px;
	margin:0;
   margin-bottom:3px;
}

.flex-caption h3 span{
   padding-bottom:3px;
}
	
.flex-caption p {
	margin:0;
	line-height: 19px;
	color: #ddd;
}

/* About */

.about{
padding:10px 20px;
background:#fafafa url('../images/wave.png') repeat;
border:1px solid #eee;
border-radius:10px;
margin-bottom:10px;
}

.about images{
float:left;
margin-top:8px;
margin-right:8px;
border:1px solid #ccc;
box-shadow:inset 0px 0px 3px #ccc;
background:#fff;
}

.about h3{
font-weight:700;
}

.about .ameta{
color:#888;
font-weight:normal;
font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;
}

/* Wedding */

.wedding{
padding:10px 20px;
background:#fafafa url('../images/wave.png') repeat;
border-radius:10px;
margin-bottom:10px;
border:1px solid #eee;
}

.wedding h4 i{
margin-top:4px;
margin-right:2px;
}

/* Form */

form button{
margin-left:15px;
}

/* Footer */


/* Responsive */

@media (max-width: 480px){
   header{
   padding-top:20px !important;
   }
   .navbar .nav, .navbar .nav > li {
   float:left;
   display:inline;
   }  
   .navbar-inner{
   text-align:left;
   }
   .flex-caption{
   display:none;
   }   
}

@media (max-width: 767px){
   header{
   margin-top:-20px;
   margin-left:-20px;
   margin-right:-20px;
   padding-top:50px;
   }
   header h1{
   font-size:35px;
   line-height:53px;
   text-shadow:none;
   }
   header .well{
   margin:5px 10px;
   }
   .navbar .nav, .navbar .nav > li {
   float:left;
   display:inline;
   }  
   .navbar-inner{
   text-align:left;
   }  
   .wedding{
   text-align:center;
   max-width:350px;
   margin:10px auto;
   }   
   form button{
   margin-left:0px;
   }   
}

@media (min-width: 768px) and (max-width: 979px){
   header{
   margin-top:-20px;
   }
   .navbar .nav, .navbar .nav > li {
   float:left;
   display:inline;
   }  
   .navbar-inner{
   text-align:left;
   }   
}

/* FlexSlider Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides images {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs images {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs images:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}