/*    [Landing Site] Layout Styles - Capacitor for Composite-C1    */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img { margin: 0; padding: 0; border: none; }
body { padding: 0 1%; }
#landingwrap { min-width: 960px; max-width: 1280px; margin: 0 auto; }

/*    Two Column Styles    */
.two-column-wrapper2 { clear: both; float: left; overflow: hidden; position: relative; width: 100%; }
.two-column-wrapper1 { float: left; position: relative; right: 76%; width: 100%; }

.two-column-column1 { float: left; overflow: hidden; position: relative; left: 0%; width: 24%; padding: 0.6em 0; }
.two-column-column2 { float: left; overflow: hidden; position: relative; left: 100%; width: 76%; padding: 0.6em 0; }

/*    Three Column Styles    */
.three-column-wrapper3 { clear: left; float: left; position: relative; width: 100%; overflow: hidden; }
.three-column-wrapper2 { float: left; width: 100%; position: relative; right: 31.5%; }
.three-column-wrapper1 { float: left; width: 100%; position: relative; right: 37%; }
.three-column-column1 { float: left; overflow: hidden; position: relative; left: 69.5%; width: 29.5%; padding: 1em 0; text-align: center; }
.three-column-column2 { float: left; overflow: hidden; position: relative; left: 71%; width: 36%; padding: 1em 0; text-align: center; }
.three-column-column3 { float: left; overflow: hidden; position: relative; left: 72.5%; width: 29.5%; padding: 1em 0; text-align: center; }

/*      Footer Styles       */
.footwrap {clear: both; width: 100%; text-align: center; font-variant: small-caps; padding: 0.3em 0; }
.httphost { font-size: 120%; }
.footwrap a { font-weight: normal; }
.footwrap a:link, .footwrap a:visited { text-decoration: none; }
.footwrap a:hover { text-decoration: underline; }

/*    Skyscraper Styles   */
.skyscrapers { float: left; text-align: center; width: 100%; margin: 0 auto; }
.leftskyscraper, .rightskyscraper { float: left; margin: 0; padding-left: 6px; }
.rightskyscraper { float: right; padding-right: 6px; }

/*      Teaser Styles           */
ul.teasers { list-style: none; margin: 0; font-size: 90%; text-align: center; clear: both; padding: 0; }
ul.teasers li { margin: 0; padding: 0; }
div.teaser { margin: 1em 3%; min-height: 1%; overflow: hidden; border-width: 2px; border-style: solid; }
a.teaserheader:link, a.teaserheader:visited { text-decoration: none; font-weight: bold; display: block; padding: 0.3em 2em; text-align: left; border-bottom: 1px solid; }
a.teaserfooter:link, a.teaserfooter:visited { text-decoration: none; font-weight: bold; display: block; padding: 0.3em 2em; text-align: right; border-top: 1px solid; clear: both; }
ul.teasers li p { text-align: justify; }