/*css reset for firefox*/
a {
   outline: 0;
   text-decoration: none;
}
a img { border: 0; }

/*Zurb Buttons*/
.zurbButton{
background: #222;
display: inline-block;
padding: 3px 5px 3px;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size:12px;
background-color: #b3b3b3;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.zurbButton:hover{
background-color:#a3a3a2;
}

/*        */

#header{
height:30%;

}
/*#top{
height:30px;

background-image:url('../images/top3.png');
background-repeat: no-repeat;

}
#bottom{
background-image:url('../images/bottom3.png' );
height:49px;
background-repeat: no-repeat;
z-index:40;
}

#right{
background-image:url('../images/right3.png' );
height:456px;
background-repeat: no-repeat;
}

#center{
overflow:hidden;

height: 481px;
}
#left{
background-image:url('../images/left3.png' );
height:456px;
width:164px;
background-repeat: no-repeat;
background-position:left;
}
*/

#main{
overflow:hidden;
	height:456px;
width:516px;
background-repeat: no-repeat;
background-position:right;
margin-top:10px
}

#greenline{
background-image:url('../images/greenline.gif' );
height:446px;
width:5px;
background-repeat: no-repeat;
background-position:left;
margin-top:10px;
}


/*main card CSS*/

.wideSection{
width:1900px;
position:relative;
float:left;
}

#cardcontainer{
width:710px;
background-color:white;
overflow:hidden;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

#cardcontainer:before,#cardcontainer:after{
content: '';
z-index: -1;
position: absolute;
left: 27px;
bottom: 21px;
width: 70%;
max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
height: 55%;
-webkit-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.3);
box-shadow: 0 10px 16px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-16deg) rotate(-9deg);
-moz-transform: skew(-16deg) rotate(-9deg);
-ms-transform: skew(-16deg) rotate(-9deg);
-o-transform: skew(-16deg) rotate(-9deg);
transform: skew(-16deg) rotate(-9deg);
}
#cardcontainer:after {
left: auto;
right: 27px;
-webkit-transform: skew(15deg) rotate(6deg);
-moz-transform: skew(15deg) rotate(6deg);
-ms-transform: skew(15deg) rotate(6deg);
-o-transform: skew(15deg) rotate(6deg);
transform: skew(15deg) rotate(6deg); 
}


.top{
z-index:30;
}
.content{
z-index:1;
width:515px;
height:456px;
}

#leftnav{
background-image:url('../images/greenline.gif' );
background-repeat: no-repeat;
background-position: right;
height:100%;
}


@font-face {
    font-family: 'HattoriHanzoLight';
    src: url('../fonts/Hattori_Hanzo-webfont.eot');
    src: url('../fonts/Hattori_Hanzo-webfont.eot?#iefix') format('eot'),
         url('../fonts/Hattori_Hanzo-webfont.woff') format('woff'),
         url('../fonts/Hattori_Hanzo-webfont.ttf') format('truetype'),
         url('../fonts/Hattori_Hanzo-webfont.svg#webfontJEbpVH30') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
font-family:HattoriHanzoLight,arial;
font-size:1em;
color:#575855;
background-image: url('../images/bodybg.png');
background-repeat-x: repeat;
background-repeat-y: repeat;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
}

#savethedate-calendar{
/*margin:56px 0px 0px 25px;*/

}


#ceremony .content {
margin-top:5px;
}

#ceremonyInfoCol p {
margin:10px 0 0 0;
}

#ceremonyInfoCol ul {
list-style-type: none;
padding: 4px;
margin: 0 10px 14px 10px;
text-align:center;

}
#ceremonyInfoCol ul#parking {
margin-top: -14px;
}

.infoCol {
background-color: #ececec;
margin:0 0 5px 9px;
display: inline-block;
padding: 5px 5px 0px 5px;
text-decoration: none;
line-height: 1;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow:0 1px 3px rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;

}

#oasisImageCol {
margin:0 0 0 5px;
}

#streetView {
	width:245px;
	height:120px;
	border: 5px solid #ececec;
	border-bottom: 9px solid #ececec
}
#ourstory-1 {
/* width:515px;
height:456px;
position:absolute;
	left:50%;
	top:50%;
	*/
	margin:10px 0 0 0;
}

.ourstory{
width:515px;
float:left;
font-size:1em;
line-height:1.25em;

}
.ourstory3{
width:500px;
float:right;
}

.tagline{
text-shadow: 1px 1px 1px white;
font-style: normal;
color: #888;
}


/* Travel Info */
#travelinfo-details {
margin: 10px 0px 0px 0px;
text-align:center;	

}
#travel .content {
margin-top:5px;
}

#travelInfoCol p {
margin:2px 0 0 0;
}

#travelInfoCol ul {
list-style-type: none;
padding: 4px;
margin: 0 10px 14px 10px;
text-align:center;

}
#travelInfoCol ul#flight {
margin-top: -10px;
}

#travelInfoCol ul#hotel {
height:82px;
}
#travelInfoCol ul#car {
height:82px;
}

#food img {
margin-top:8px;
}

#beach img {
margin-top:8px;
}

#hikes img {
margin-top:8px;
}

/* Navigation */


#navigation{
margin-top:10%;
}
#navigation a {
font-size:25px;
text-decoration:none;
color:black;
}

ul#navlist li a{
	float:left;
	text-indent:-9999px;
	width:143px;
	height:34px;
}
/*nav bg images*/
ul#navlist li#nav-1 a{
	background:url(../images/navsprite.png) no-repeat 0 0;
}

ul#navlist li#nav-2 a{
	background:url(../images/navsprite.png) no-repeat 0 -34px;
}
ul#navlist li#nav-3 a{
	background:url(../images/navsprite.png) no-repeat 0 -68px;
}
ul#navlist li#nav-4 a{
	background:url(../images/navsprite.png) no-repeat 0 -102px;
}
ul#navlist li#nav-5 a{
	background:url(../images/navsprite.png) no-repeat 0 -136px;
}
ul#navlist li#nav-7 a{
	background:url(../images/navsprite.png) no-repeat 0 -170px;
}

/*nav bg images:hover*/
ul#navlist li#nav-1 a:hover{
	background-position: -143px 0px;
}

ul#navlist li#nav-2 a:hover{
	background-position: -143px -34px;
}
ul#navlist li#nav-3 a:hover{
	background-position: -143px -68px;
}
ul#navlist li#nav-4 a:hover{
	background-position: -143px -102px;
}
ul#navlist li#nav-5 a:hover{
	background-position: -143px -136px;
}
ul#navlist li#nav-7 a:hover{
	background-position: -143px -170px;
}

/*nav bg active */
ul#navlist li#nav-1.active a{
	background-position: -143px 0px;
}

ul#navlist li#nav-2.active a{
	background-position: -143px -34px;
}
ul#navlist li#nav-3.active a{
	background-position: -143px -68px;
}
ul#navlist li#nav-4.active a {
	background-position: -143px -102px;
}
ul#navlist li#nav-5.active a {
	background-position: -143px -136px;
}



#navigation li {

}
#navigation ul {

list-style-type: none;
padding: 4px;
margin: 0;
float:right;
text-align:right;

}