/* -------- begin CSS file -------- */
html	{
        background: url(/images/sand.jpg);
        background-repeat: repeat;
        display: block;
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

.starfish {
        background: url(/images/starglasses3.png); 
        background-repeat: no-repeat;
        height: 767px;
        margin-bottom:20px;
}
.header {	background-image: url(/images/header1.png);
        background-repeat: no-repeat;
        width: 657px;
        height: 190px;
        margin-left: 325px;
}	
.main1 {
            
        font-family: Arial, Geneva, sans-serif;
        font-size: 16px;
        color: black;
        text-align: center;
        text-decoration: none;
        background-color: rgba(255,255,255,0.7);
        border-style: none;
        border-collapse: collapse;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-box-shadow: 5px 5px 5px #000;
        -webkit-box-shadow: 5px 5px 5px #000;
        box-shadow: 5px 5px 5px #000;
        margin-left: 80px;
        margin-top: 0px;
        width: 300px;
        cursor: pointer;
        
}

.main1-ie {
            
        font-family: Arial, Geneva, sans-serif;
        font-size: 16px;
        color: black;
        text-align: center;
        text-decoration: none;
        background-color: #FFFFFF;
        border-style: none;
        border-collapse: collapse;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-box-shadow: 5px 5px 5px #000;
        -webkit-box-shadow: 5px 5px 5px #000;
        box-shadow: 5px 5px 5px #000;
        filter:alpha(opacity=85);
        -moz-opacity:0.85;
        opacity: 0.85;
        margin-left: 80px;
        margin-top: 0px;
        width: 500px;
        cursor: pointer;
        
}

.main-link-top {
        overflow:auto;
        width:300px;
        padding: 8px 0px;
}

.main-link {
        overflow:auto;
        width:300px;
        padding: 8px 0px;
}

.main-link-bottom {
        overflow:auto;
        width:300px;
        padding: 8px 0px;
}

.main-link-top:hover {
    background-color: #0095cd;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    opacity: 0.70;
}

.main-link:hover {
    background-color: #0095cd;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    opacity: 0.70;
}

.main-link-bottom:hover {
    background-color: #0095cd;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    opacity: 0.70;
}

.main1 a {
        text-decoration: none;
        font-weight: bold;
        color: black;
}
.main1-ie a {
        text-decoration: none;
        font-weight: bold;
        color: black;
}

.main1-top2 {
    border-style: none;
    border-collapse: collapse;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
}
.main1-top2 div:hover {
    background-color: #D3D3D3;
}

.main1-bottom {
    border-style: none;
    border-collapse: collapse;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
}
.main2 {
    font-family: Arial, Geneva, sans-serif;
    font-size: 14px;
    color: black;
    text-align: center;
    text-decoration: none;
    background-color: rgba(255,255,255,0.7);
    border-style: none;
    border-collapse: collapse;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #000;
    box-shadow: 5px 5px 5px #000;
    overflow:none;
    margin: 0px auto 25px auto;
    margin-bottom: 25px;
    width: 750px;
    padding: 20px;
    position: relative;
}

.main2-ie {
    font-family: Arial, Geneva, sans-serif;
    font-size: 14px;
    color: black;
    text-align: center;
    text-decoration: none;
    background-color: #FFFFFF;
    border-style: none;
    border-collapse: collapse;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
     -moz-box-shadow: 5px 5px 5px #000;
     -webkit-box-shadow: 5px 5px 5px #000;
     box-shadow: 5px 5px 5px #000;
     filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity: 0.85;
    overflow:none;
    margin: 0px auto 25px auto;
    margin-bottom: 25px;
    width: 750px;
    padding: 20px;
    position: relative;
}

.guests-coming {
    width: 45%;
    float: left;
    position: relative;
    text-align: center;
}

.guests-declined {
    width: 45%;
    float: right;
    position: relative;
    text-align: center;
}

#information {
    width: 100%;
    overflow:auto;
    padding: 5px;
}

.photo {
    background: url(/images/joeandbripool.jpg) no-repeat;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #000;
    box-shadow: 5px 5px 5px #000;
    margin: 0 auto;
    width: 411px;
    height: 309px;
}

.guest-add a {
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    color: #007dc6;
}

.countdown {
    margin-left: 68px;
    padding-top: 30px;
}
.cover {
    position: absolute; 
    width: 400px; 
    filter: alpha(opacity=0);	
    -moz-opacity: 0; 
    opacity: 0; 
    height: 200px; 
    top: 480px; 
    left: 50px;
}
.header1 {
    font-size: 24px;
    font-weight: bold;
}
.header2 {
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    color: black;
}
.small {
    font-size: 10px;
}
.cursive {
    font-family: "Apple Chancery", "Zapf Chancery", cursive;
    font-size: 16px;
}
.guests {
    overflow:none;
    width:93%;
    font-size: 13px;
    margin-left: 50px;
}

.error {
    color: red;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
    height: 15px;
}

.guest {
    overflow:auto;
    width:100%;
    font-size: 13px;
    padding: 10px;
    margin-bottom: 15px;
}
.guest .guest-photo {
    float:left;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}
.guest-photo2 {
    float:left;
    width:225px;
    height:225px;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}
.guest-caption {
    margin-left:200px;
    margin-top: 20px;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
}

.guest-info {
    margin-left:200px;
    margin-top: 10px;
}

.guest-details {
    float:left;
}

.guest-detail {
    overflow:auto;
    width:100%;
    margin-left:250px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.guest-detail .guest-info-title {
    float:left;
    font-weight:bold;
}
.guest-detail .guest-info-result {
    margin-left: 280px;
}
.links {
    text-decoration: none;
}
.next {
    text-decoration: none;
    font-weight: bold;
    white-space:nowrap;
    color: #000000;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    background: #0095cd;
    border: solid 1px #0076a3;
    margin: .5em 1em .55em .8em;
    padding: .5em 1em .55em .8em;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    outline: none;
    -moz-outline-style: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .7em; 
    -moz-border-radius: .7em;
    border-radius: .7em;
    -webkit-box-shadow: 2px 2px 4px #000;
    -moz-box-shadow: 2px 2px 4px #000;
    box-shadow: 2px 2px 4px #000;
    background-image: url(/images/palm.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.next a::-moz-focus-inner { border: 0; }

.prev {
    text-decoration: none;
    font-weight: bold;
    white-space:nowrap;
    color: #000000;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    background: #0095cd;
    border: solid 1px #0076a3;
    margin: .5em 1em .55em .8em;
    padding: .5em 1em .55em .8em;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    outline: none;
    -moz-outline-style: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .7em; 
    -moz-border-radius: .7em;
    border-radius: .7em;
    -webkit-box-shadow: 2px 2px 4px #000;
    -moz-box-shadow: 2px 2px 4px #000;
    box-shadow: 2px 2px 4px #000;
    background-image: url(/images/palm2.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.prev::-moz-focus-inner { border: 0; }

.submit {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    background: #0095cd;
    border: solid 1px #0076a3;
    padding: .5em 1em .55em .8em;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    outline: none;
    -moz-outline-style: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .7em; 
    -moz-border-radius: .7em;
    border-radius: .7em;
    -webkit-box-shadow: 2px 2px 4px #000;
    -moz-box-shadow: 2px 2px 4px #000;
    box-shadow: 2px 2px 4px #000;
    background-image: url(/images/star.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.submit::-moz-focus-inner { border: 0; }

.travel-agency {
    font-size: 18px;
}

.travel-agency a {
    font-weight: bold;
    color: blue;
    text-decoration: none;
}

.travel-agency div {
    font-weight: normal;
    font-size: 14px;
}

.travel-agent {
    margin-top: 25px;
    font-size: 15px;
}

.travel-agent a {
    font-weight: bold;
    color: blue;
    text-decoration: none;
}

.travel-details {
    margin-top: 50px;
    font-weight: bold;
    font-size: 18px;
}

.travel-details a {
    font-weight: bold;
    color: blue;
    text-decoration: none;
}

.travel-phone {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-color: blue;
    margin-top: 20px;
}