/* 

COLORS:
Light Blue: #bfd7e3;
Dark Blue: #213b73;
Bright Blue: #8cc6e3;


Gradient: 
Top: #2A79FF
Bottom: #1b9de8

*/

h2{ 
	color: #ffffff;
	margin-left: 10px;
}

#hfwrap {height:400px;}
#main_header {height:70px;}

#info img {
	
	-webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    
	}
	
#registry img {
	
	-webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    margin: auto;
	}			
	
#info a {
color: #213b73;
text-align: center;
}

.text_right {
	text-align: right;
}
	
/* #wedding_party {height:320px;} */
#main_footer {
	text-decoration: none; 
	color: white; 
	
	background-color: rgba(33, 59, 115, 0.9);
	background: rgba(33, 59, 115, 0.9);
	
	bottom: 0px;
	
	height: auto;
	-webkit-border-radius: 0.8em 0.8em 0em 0em;
    -moz-border-radius: 0.8em 0.8em 0em 0em;
	}
#main_footer a { color: #ffffff; text-decoration: none; }
#main_footer a:hover { TEXT-DECORATION: underline; }
#main_footer li { list-style-type:none; }
.store {height:100px;}

/*
	#gradient_old {
		z-index: -2;
		width: auto;
		height: auto;
		background-color: #1B9DE8;
		background: -moz-linear-gradient(100% 100% 90deg, #1B9DE8, #2A79FF);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1B9DE8), to(#2A79FF));
	}
*/

	#gradient {
		background-repeat: repeat-x;
		background-image: url(../images/damask_bg.jpg);
		width: 100%;
		height: 100%;
		min-height: 972px;
		position: fixed;
		top: 0px;
		background-color: #1B9DE8;
		background-attachment: scroll;
		z-index: -1;
	}


    /* @header
    =======================*/

    #main-nav h1 {text-indent:-7777em;}
    #main_nav li, #info li {
    	padding-top: 20px;
        display:inline;
        text-transform:capitalize;
       /*
        float:left;
        margin-left: auto;
        margin-right:  auto;
        text-align: center;
        */
    }
    #main_nav li a,
    #info a
     {
        padding:10px;
        color:#ffffff;
        font:18px/1.5 Tahoma, Geneva, sans-serif;
        text-decoration:none;
        text-shadow:1px 1px 1px #333;
        filter:dropshadow(color=#333, offx=1, offy=1);        
    }
    
    #info a
    {
    	text-align: center;
    }
    
    #info li
    {
    	height: 75px;
    }
    
    #main_header {
    	/*background-color: #bfd7e3; */
    	/*background-color: rgba(143, 183, 250, 0.7); */
    	/*background-color: rgba(22, 62, 129, 0.9); */
    	background-color: rgba(33, 59, 115, 0.9);
		background: rgba(33, 59, 115, 0.9);
    	z-index: -5;
    	height: auto;
    	-webkit-border-radius: 0em 0em 0.8em 0.8em;
    	-moz-border-radius: 0em 0em 0.8em 0.8em;
    }
    
    #main_nav {
    	position: absolute;
    	top: 185px;
    	background-color: rgba(33, 59, 115, 0.75);
		background: rgba(33, 59, 115, 0.75);
		/*color: rgba(33, 59, 115, 100);*/	
		height: 30px;	
		text-vertical-align: 50%;
		border:hidden;
		-moz-border-radius: 5px;  
		-webkit-border-radius: 5px; 
		border-radius: 5px;
    }
     
    #main_nav .current a,
    .information a:hover,
    #info a:hover,
    #main_nav li:hover > a {
    	text-decoration: none;
    	color: #ffffff;
        background:#8cc6e3;
        -webkit-border-radius: 0.8em;
        -moz-border-radius: 0.8em;
    }
   /* #wrapper {
    	border-left-color: #666666;
    	border-right-color: #666666;
    	border-left-style: solid;
    	border-bottom-style: solid;
    	border-right-style: solid;
    	border-top-style: solid;
    	border-left-width: 2px;
    	border-bottom-width: 0px;
    	border-right-width: 2px;
    	border-top-width: 0px;
    	margin: auto;
    	height: auto;
    	width: 960px;
    }
    */
    /*THIS SECTION IS FOR THE BIOS PAGE*/
        
    #bride_groom, #info, .black_bg {
    -webkit-border-radius: 0.8em;
    -moz-border-radius: 0.8em;
	background-color: rgba(0, 0, 0, 0.8); 
	color: #ffffff;
	height:auto;
	}
	
#bride_groom img,
.hotel_main img,
#our_story img
 {
	
	-webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    
	}


	
#wedding_party img {
	
	-webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    
	}
	
    
    
    #wedding_party, #hotels_other, #our_story, .white_bg {
    	background: rgba(255, 255, 255, 0.95);
    	-webkit-border-radius: 0.8em;
        -moz-border-radius: 0.8em;
    	/*
    	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
		box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
		*/
    }
    
    
    
    /*THIS SECTION IS FOR THE DIRECTIONS*/
    
    #directions li { 
    	list-style-type:none; 
    }
    
    #itinerary li { 
    	list-style-type:none; 
    }
    
    .large {
    	font-size: x-large;
    }
    
    #directions img {
    	border:hidden;  text-align:center; background:#213b73;   -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;
    }
    
    
    /* CONTACT FORM CSS */
    
#contact {
	width: 480px;
	margin-left: auto; 
	margin-right: auto; 
}



#form-container{
	background-color:#f5f5f5;
	padding:15px;
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}


    
    
    label{
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

.tutorial-info{
	color:white;
	text-align:center;
	padding:10px;
	margin-top:10px;
}