/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, h1, h2, h3, h4, p, blockquote, pre, a, cite, em, img, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, caption, tbody, article, embed, figure, figcaption, footer, header, menu, nav, section, summary, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1.1;} ol, ul {list-style: none;} /* end */ body {color: #000; background: #fff; font-family: Verdana, sans-serif; font-size: 1em; text-align: center;} h1 {font-size: 1.3em; margin: 5% 3% 8% 3%;} h2 {font-size: 1.2em;} h3 {font-size: 1.1em;} .nav {display: none; width: 100%; margin: 0;} a {text-decoration: none; color: #aa0000;} .nav ul li {float: right;} .nav a {display: block; float: none; margin: 0; color:#a69150; padding: 0.6em;} .wrp {margin: 0 auto; width: 90%;} img {border-width: 0; max-width: 100%;} .wds img {box-shadow:0 .5em 1em 0 rgba(0,0,0,0.4),0 .4em 1.3em 0 rgba(0,0,0,0.3);} .fp {display:block; margin: 2% auto; max-height: 100%;} .fp2 {display:block; margin: 2%; max-width: 10em;} p {line-height: 1.3; margin: .5em 0 .8em 0;} .sm {font-size: .8em;} .bk, .bk2, .bk3 {position: relative; margin: 0 auto 10% auto;} .bk {width: 60%;} .bk img, .bk2 img, .bk3 img {margin: 0 auto;} .wds {display:block; padding: 0 0 2% 0;} .cp, .cm {width: 89%; margin: 0 auto;padding:0 0 0 6%;} .jsbs, .sfp, .doh {margin: .1em; float: left;} .sfp {width: 47%;} .jsbs {width: 30%;} .doh {width: 65%;} .ie8jL, .ie8sL {width:600px;} .ie8js {width:275px;} .ie8ss {width:299px;} .ie8dL {width:960px;} .ie8ds {width:300px;} .m, .rm {width: 42%; float: left; margin: .1em; padding: 7% .8%; border: solid 1px #400;} .rm {background: -moz-linear-gradient( top left,rgba(255, 0, 0, 1) 0%,rgba(255, 255, 0, 1) 15%,rgba(0, 255, 0, 1) 30%, rgba(0, 255, 255, 1) 50%,rgba(0, 0, 255, 1) 65%,rgba(255, 0, 255, 1) 80%,rgba(255, 0, 0, 1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 0, 0, 1)), color-stop(15%, rgba(255, 255, 0, 1)), color-stop(30%, rgba(0, 255, 0, 1)),color-stop(50%, rgba(0, 255, 255, 1)),color-stop(65%, rgba(0, 0, 255, 1)), color-stop(80%, rgba(255, 0, 255, 1)),color-stop(100%, rgba(255, 0, 0, 1)));} .clr {position: relative; clear: both; padding: 0;} .clrdos {position: relative; clear: both; padding: 3% 0 3% 0;} .bold {font-weight:bold;} .boldital {font-style:italic; font-weight:bold;} @media only screen and (max-aspect-ratio: 1/1) {.bk {width: 98%;margin: 0 auto 30% auto;}} @media screen and (min-width: 250px) {.m, .rm {width: 29%;} .bk2{width: 75%;} .bk3{width: 95%;}} @media screen and (min-width: 320px) {.m, .rm {width: 21%;}.cp {padding: 0 0 0 8%;}} @media screen and (min-width: 550px) {.jsbs, .sfp {width: 31%;}.doh {width: 48%;}} @media screen and (min-width: 750px) {body {font-size: 1.063em;} .cm {max-width: 70%;padding: 0 0 0 4%;} .bk2 {width: 75%;}} @media screen and (min-width: 900px) {.bk2 {width: 66%;}.jsbs, .sfp {width: 21%;}.doh {width: 32%;}} @media screen and (min-width: 1200px) {.bk2 {width: 45%;} .cp {width:70%;} @media screen and (min-width: 1440px) {.bk3 {width: 90%;}} @media screen and (min-width: 1600px) and (max-width: 1799px) {body {font-size: 1.125em;}} @media screen and (min-width: 1800px) and (max-width: 1999px) {body {font-size: 1.25em;}} @media screen and (min-width: 2000px) and (max-width: 2399px) {body {font-size: 1.313em;}} @media screen and (min-width: 2400px) and (max-width: 2799px) {body {font-size: 1.688em;}} @media screen and (min-width: 2800px) and (max-width: 2999px) {body {font-size: 1.75em;}} @media screen and (min-width: 3000px) and (max-width: 3399px) {body {font-size: 2em;}} @media screen and (min-width: 3400px) and (max-width: 3799px) {body {font-size: 2.188em;}} @media screen and (min-width: 3800px) and (max-width: 3999px) {body {font-size: 2.375em;}} @media screen and (min-width: 4000px) and (max-width: 4399px) {body {font-size: 2.5em;}} @media screen and (min-width: 4400px) and (max-width: 4799px) {body {font-size: 2.75em;}} @media screen and (min-width: 4800px) {body {font-size: 2.938em;}}