* {
	padding: 0;
	margin: 0;
}

#fullPage, #brandingWrapper {
    width: 100%;
    height: 100%;
    background-color: inherit;
}

#branding {
    height: 100%;
    margin-left: 0px;
    background-color: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

#contentDiv {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -55px auto;
    padding: 0px 100px 0px 50px;
}

.float {
	float: left;
}

#header {
    padding-top: 90px;
    margin-bottom: 80px;
    min-height: 100px;
    overflow: hidden;
	word-wrap: break-word;
    width: 350px;
	font-size: 2em;
    font-weight: lighter;
    font-family: "Segoe UI Light" , "Segoe" , "SegoeUI-Light-final", Tahoma, Helvetica, Arial, sans-serif;
}

#contentWrapper {
	width: 500px;
	background-color: #ffffff;
	position: absolute;
    right: 0px;
    top: 0px;
	bottom: 0px;
opacity: .9
}


#optionArea {
	margin-bottom: 50px;
}

#optionMessage {
	margin-bottom: 30px;
}


.illustrationClass {
    background-image: url(/phoenix-arizona-usa.jpg);
}

#footer {
    height: 40px;
    padding: 10px 50px 0px 0px;
    position: relative;
    color: #666666;
    font-size: 0.78em;
}

/* Form factor: intermediate layout (WAB in non-snapped view falls in here) */
@media (max-width: 768px) {
    html, body {
        min-width: 260px;
    }

    #brandingWrapper {
        display: none;
    }

    #contentWrapper {
        float: none;
        width: 100%;
        margin: 0px auto;
    }

    #contentDiv, #footer, #header {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
    }
	#header {
		padding-top: 30px;
		margin-bottom: 30px;
	}

    #workArea {
        width: 100%;
    }

}