@font-face {
    font-family: 'Seravek'; 
    src: url('../fonts/Seravek.ttf');
}

* {
    margin: 0px;
    width:auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
select, select:focus,   textarea,   input[type="text"],   input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{ font-size: 16px; }
}

body {
    background-image: url("../images/background.png");
    color: white;
    font-family: 'Seravek', 'Arial';
    font-weight: 100;
}

.header {
    height: 94px;
}

.clear {
    position: absolute;
    right: 6px;
    top: 15px;
}

.menu {
    position: relative;
    left: 18px;
    top: 38px;
}

.logo {
    position: absolute;
    right: 0px;
    top: 0px;
}

.mainWindow, .purchaseWindow {
    background-image: url("../images/photo-background.jpg");
    background-color: white;
    color: #1560dc;
}

.purchaseWindow, .thankyou, .helpWindow {
    padding: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.helpdetails { text-align: left; margin-top:15px; }

.mainImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.tagline {
    text-align: center;
    margin: 20px;
    font-size: 20px;
}

.textHighlight {
    color: #ff7f01;
}

.iconGroup { vertical-align: center; }
.applePadding { padding-bottom: 3px; }

.footer { text-align: center; color:white; margin-top: 15px; margin-bottom: 15px;  }
.footer a { color: white; }

.formIntro, .innerHelp { max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.entryform { text-align: left; width: 260px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.entryform input[type=text], .entryform select, .entryform textarea { width: 260px; margin-bottom: 10px; }
.entryform textarea  { height: 50px; }
.invalid {background-color: #efb3b3;}
.thankyou {display: none;}