html{ min-height: 100%; } body { min-height: 100%; position: relative; margin: 0; padding: 0; } #main { margin: 0; padding: 0; width: 810px; } .header { position: relative; left: 0; top: 0; } #appStoreIcon { position: absolute; top: 155px; right: 16px; } #question-content { margin-left: 46px; margin-top: 34px; margin-right: 46px; font-family: Lucida Grande, tahoma,verdana,arial,sans-serif; color: #049a89; } #question-content h1 { font-size: 16pt; font-weight: bold; color: #049a89; } #question-list ul { padding:0; margin:0; } #question-list ul li { min-height: 31px; background: url("32x31px_fb_faq_icon_belote.png") no-repeat; margin-bottom: 12px; } #question-list ul li p { padding-left: 46px; padding-top: 5px; margin-top: 0; margin-bottom: 0; } #question-list ul li a.question-link { color: #049a89; } #question-list ul li p.question { font-size: 12pt; font-weight: bold; } #question-list ul li p.answer { font-size: 10pt; font-weight: normal; padding-top: 12px; padding-bottom: 12px; color: #565656; } #question-list ul li p.answer a { color: #565656; } .question-entry { list-style-type: none; } .question-link { text-decoration: none; color: #049a89; } #contact { position: relative; height: 282px; } #footer-woman { position: absolute; right: 2px; } #footer-contact-btn { position: absolute; right: 142px; bottom: 130px; font-family: tahoma, Lucida Grande,verdana,arial,sans-serif; font-weight: bold; font-size: 11pt; color: #6a5247; } #footer { width: 100%; } .overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); /*dim the background*/ display: none; } .modal { width: 650px; height: 730px; position: relative; background-color: #ffffff; border-radius: 5px; z-index: 11; display: none; } .modal-close-btn{ position: absolute; text-align: center; margin-left: 630px; margin-right: 0; width: 20px; height: 20px; background-color: gray; cursor: pointer; }