/* Meyer Reset */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* END RESET */ h1 { letter-spacing: -4pt; font-size: 100px; font-family: helvetica, arial, sans-serif; color: white; text-align: center; margin: auto; position: relative; text-decoration:none; } h2 { font-size: 40px; font-family: helvetica, arial, sans-serif; color: white; text-align: center; margin: auto; position: relative; } h4 { font-size: 30px; font-family: helvetica, arial, sans-serif; color: #FF00FF; text-align: center; margin: auto; position: relative; } p { font-size: 16px; font-family: helvetica, arial, sans-serif; color: white; text-align: left; margin: auto; margin-top: 10px; position: relative; width: 66%; text-align: center; } div { margin:0px; } div > p{ font-size: 16px; font-family: helvetica, arial, sans-serif; color: #FF00FF; text-align: left;; position: relative; margin: 0px, 10px, 0px, 10px; margin-top: 0px; padding:0px; width: 98%; } li { font-size: 16px; font-family: helvetica, arial, sans-serif; color: #FF00FF; text-align: left; margin: 0px; padding: 0px; position: relative; } section { width: 66%; max-width:650px; margin: 30px; margin-right:auto; margin-left:auto; padding: 15px; } a:link {text-decoration:none; color:white; } a:visited {text-decoration:none; color:white;} img { display: block; max-width:600px; width: 100%; height:auto; padding-top:10px; margin-Left:auto; margin-right:auto; } #option1 { background-color:white; } #option2 { background-color:white; } #option3 { background-color:white; } #option4 { background-color:white; } #option1 div { display:none; } #option2 div { display:none; } #option3 div { display:none; } #option4 div { display:none; } .pics { display: block; max-width:600px; width: 100%; height:auto; padding: 0px; margin: 0px; margin-Left:auto; margin-right:auto; margin-bottom: 25%; } .pics > img { display: block; float: right; position: relative; width: 25%; height: auto; padding: 0px; margin: auto; } .pics > img:hover { opacity: 0.7; } #inverse{ clear:both; padding:0px; margin:0px; background-color:black; width:100%; bottom:0px; position:absolute; float:bottom; }