/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    background-color: #DC0067;
    overflow:hidden;
}

.container { position:relative; width:70%; max-width:730px; margin-left:auto; margin-right:auto; }
.container p { display:block; margin:0; font-family: 'Roboto Condensed', sans-serif; font-size:4em; font-weight:300; color:#FFF; line-height:120%; opacity:.9; }
.container p a { color:#7B0F44; text-decoration:none; font-weight:400; }
.container p a:hover { opacity:.5; }

.logo { position:absolute; z-index:100; bottom:20px; right:20px; width:100px; }
.logo img { width:100%; height:auto; opacity:.7; }

.overlay { position:absolute; margin:0; padding:0; z-index:10; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); display:none; }

.overlay form {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-170px;
    z-index:20;
    width:70%;
    max-width:300px;
    background-color:#FFF;
    padding:20px;
}

.overlay h1 { margin:0 0 20px 0; padding:0; font-family:'Roboto Condensed', sans-serif; font-size:1.5em; font-weight:400; color: #DC0067; }

.overlay input { position:relative; width:95%; padding:5px; margin-bottom:15px; border:1px solid #CCC; }
.overlay textarea { position:relative; width:95%; padding:5px; margin-bottom:15px; border:1px solid #CCC; }
.overlay input.sendbtt { position:relative; width:35%; margin:0; border:1px solid #DC0067; background-color:#DC0067; color:#FFF; font-family:'Roboto Condensed', sans-serif; font-size:1em; font-weight:400; }

.overlay .close { position:absolute; z-index:30; top:10px; right:10px; display:block; width:15px; height:15px; background:url('../imgs/close.png') center center; opacity:.6; }


.success { position:absolute; margin:0; padding:0; z-index:10; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); }

.success .messagebox {
    position:absolute;
    top:30%;
    left:50%;
    margin-left:-170px;
    z-index:20;
    width:70%;
    max-width:300px;
    background-color:#FFF;
    padding:20px;
}
.success .messagebox p { display:block; font-size:1em; color:#333; }
.success .closemsg { position:relative; display:block; width:35%; margin:0; border:1px solid #DC0067; background-color:#DC0067; color:#FFF; font-family:'Roboto Condensed', sans-serif; font-size:1em; font-weight:400; line-height:160%; text-align:center; text-decoration:none; }