/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, em, img, q, s, small, 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, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; vertical-align: baseline;}
/* HTML5 reset */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1.2;} ol, ul {list-style: none;}
body {color: #000; background: #fff; font-family:  "Century Gothic", CenturyGothic, "Futura Light", Futura-Light, Verdana, sans-serif; font-size: .75em;}
.header {margin: 0 0 0 1%; padding: 0 0 0 1%; text-shadow: -2px -2px 0 rgba(255,255,255,1), 2px 2px 0 rgba(255,255,255,1);}
.container {clear:both;}
img {border-width: 0; max-width: 90%;}
.logo {position: relative;float: right; z-index: 5; width: 33%; height:auto; margin: .3em .2em 0 0;}
.ie8logo {width:360px;margin: 10px 10px 0 0;z-index: 5;}
.logo2 {width: 30%; float: right; z-index: 5; margin: .5em .5em 0 0; max-width: 240px;}
.smdfb {position: relative; float: right; z-index: 5; margin: 10px 5px 0 0;}
.pmt {margin: 0 20px 0 0;}
h1 {font-size: 1.3em; margin: .4em 0 0 0;}
h2 {font-size: 1.2em; margin: .5em 0 0 0;}
h3 {font-size: 1.14em; margin: .8em 0 .8em 0;}
h4 {font-size: 1.1em; margin: .8em 0 .8em 0;font-weight:bold; color: #444;}
.menu {padding: 0; font-size: 110%; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,231,234,1) 100%);}
.menuhere {background: #fff;}
a {text-decoration: none; color: #cd0000;}
.navbar ul li {position: relative;float: right;}
.navbar a {position: relative;display: block;margin: 0;padding:.6em ;}
.navbar a:hover {background-color: #fff;}
.navigation ul {z-index: 6;}
.submenu {clear: both; margin: 0; min-height: 1.6em; padding: .5em 0 0 0; font-size: 120%; text-align: center;}
.twomenu {display: inline-block; margin: 0 .1em .3em 0; padding: 0;}
.twomenulnk, .twomenuhere  {padding: 5px; margin: 0; font-size: .875em; display: block; float: left; width: 5.8em;
border-width: 1px; border-style: solid; border-color: #dce7ed;
-webkit-box-shadow: 2px 2px 4px 0 #bbb; -moz-box-shadow: 2px 2px 4px 0 #ccc; box-shadow: 2px 2px 4px 0 #ccc;}
.twomenulnk{background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,231,234,1) 100%);}
.twomenulnk:hover {background: #fff;}
.twomenuhere {background: #fff;}
hr {width:50%; margin: 2em auto 3.5em auto;}
.hr2 {width:50%; margin: .3em auto .1em auto;border-width: 1px 0 0 0; border-style: solid; border-color: #DCE7ED;}
p {line-height: 1.3; margin: .5em 0 .8em 0;}
.sm {font-size: .7em;}
.white, .whitedos, .whitetres, .whitei, .whiteisix, .d, .thrd  {float:none; position: relative; min-width: 200px; max-width: 47em;}
.white, .whitedos, .whitetres {width: 88%; margin: 1em auto 1.3em auto; padding: 9% .6em .5em .8em; display: block;
background:url('dig/svg/rpp.svg') center .1em; background-repeat: no-repeat; background-size: 1.3em;
border: 1px solid #e5e5e5; box-shadow:0 .5em 1em 0 rgba(0,0,0,0.4),0 .4em 1.3em 0 rgba(0,0,0,0.3); border-radius: 5px;}
.whitei, .whiteisix, .d, .thrd {width: 94%; margin:  1% auto 1% auto; padding: 1% 4% 2% 1%;}
.white img, .whitei img, .d img, .thrd img {position: relative; display: block; margin: .6em auto .9em auto;
box-shadow:0 .5em 1em 0 rgba(0,0,0,0.4),0 .4em 1.3em 0 rgba(0,0,0,0.3);}
.s {padding: 1em 0 0 1em; margin: 0 0 1em 0;}
.gal {display:none;}
.s:hover > .gal {display:block;}
.l, .one {margin: 0 0 1em 0;border-width: .1em 0 .1em 0; border-style: solid; border-color: #DCE7ED; background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(229,232,234,1) 100%);}
.l {padding: 1em 0 0 1em;}
.one, .oneh, .onet {width: 100%; text-align: center;}
.one {clear:both; padding: 8% 0 4% 0;}
.oneh {clear:both; font-size: 120%;}
.onet{font-size: 110%;margin: 5% 0 0 0;}
.ss {padding: 10px;}
.more {background: #ffffff; max-width: 600px;}
.clr {clear: both; padding: 1.6% 0 1.6% 0;}
.clrdos {clear: both; padding: 0 0 1px 0;}
.clrcut {display: none;}
.container ul {line-height: 150%; list-style-type: disc; margin: 0 .5em 0 1.5em;}
.container li {margin: .2em 0 .4em 0;}
.boldit {font-weight:bold; color: #444;}
.boldital {font-style:italic; font-weight:bold;color: #555;}
.bq {font-size: 360%;}
.blue {color: blue;}
.ft {padding: 20px 6px 6px 20px; text-align: center;}
.digft {display: inline-block; margin: 1px 0 0 0; padding: 0 20px 16px 10px;}
.digftc {display: block; margin: 1px 0 0 0; padding: 0 2.5em 2.5em .8em;}
.c {width: 42%; float: left; margin: 1px 0 1px 0; padding: 1em 1em 1em 0; min-height: 14em;}
.center {text-align: center;}
.sup {position: relative; top: -0.5em; font-size: 80%;}
.praise, .praise2 {font-family: Georgia, serif; font-weight:bold; font-size: 1.3em;padding: 0 .1em 0 0;}
.praise {color: #cc0000;}
.praisediv {width: 500px; float: left; max-width: 92%;}
.accent {position: relative; clear: both; font-size: 110%; margin: 30px 0 10px 0; padding: 16px 0 1% 5%; border-width: .1em 0 .1em 0; border-style: solid; border-color: #DCE7ED; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,231,234,1) 100%);}
.map {position: relative; padding: 20px 1% 480px 1%; overflow: hidden; max-width: 100%;}
.map iframe {position: absolute; top: 0; left: 0; width: 100%; max-width: 100%;}
.postinfoblock {margin: 0; padding: 0; clear: both;}
/* photoediting */
.shots {padding: 0; max-width: 100%;}
.pod {width: 620px; max-width: 100%; margin: 0 auto;}
.inpodleft {float:left; padding: 0; max-width: 100%;}
/* dig has d and these */
.mainint {width:90%; height:auto; float: none; margin: 8px; padding: 10px 5px 5px 5px; max-width: 100%;}
.mainint img {max-height: 140px; max-width: 240px; display: block;  margin: 0 auto;}
.mainint li {float: left; display: inline; padding: 0;}
.pp, .pp2, .pp3, .pp4 {margin: 0 auto;padding:2%;}
.pp img, .pp2 img, .pp3 img, .pp4 img {display: block; margin:2%;}
.pp {width:2.8em;}
.pp2 {width:5em;}
.pp3 {width:90%;}
.pp4 {width:50%;}
/* changeover CSS3 code borrowed and modified from http://css3.bradshawenterprises.com/all/ thanks Brad! */
.change, .change1, .change2, .change3, .change4, .change5, .change6, .change7, .change8, .change9, .changeT, .changeT2, .changemar {
position:relative; margin:0 auto; max-width: 100%;}
.change img, .change1 img, .change2 img, .change3 img, .change4 img, .change5 img, .change6 img, .change7 img, .change8 img, .change9 img, .changeT img, .changeT2 img, .changemar img {position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;}
.after:hover {opacity:0;}
.change, .change1, .change2, .change3, .change4, .change5, .change6, .change7, .change8, .change9 {width:600px;}
.change {height:450px;}.change1 {height:160px;}.change2 {height:300px;}.change3 {height:365px;}.change4 {height:420px;}.change5 {height:500px;}.change6 {height:515px;}.change7 {height:525px;}.change8 {height:640px;}.change9 {height:680px;}.changeT {height:140px; width:240px;  max-width: 100%;} .changeT img {max-width: 100%;}.changeT2 {height:140px; width:110px;}.changemar {height:561px; width: 300px; max-width: 100%;}
@media screen and (max-width: 359px) {body {font-size: 1.188em;}}
@media screen and (min-width: 360px) and (max-width: 599px) {body {font-size: 1.25em;}}
@media screen and (min-width: 450px) {.navbar a {padding:.7em .5em;}.twomenu {width:6em;}.white, .whitedos, .whitetres {padding: 7% .6em .5em .8em; background-size: 2em;}.one {padding: 8% 0 9% 0;}.onet{width: 32.9%;float: left;}}
@media screen and (min-width: 600px) {body {font-size: 1.313em;}.navbar {padding: 0 .8em 0 0;}.navbar a {padding:.8em 1em;} .logo {margin: 0 .2em 0 0;}.submenu {margin: .5em 0 1em 4.5%; padding: .5em 0 0 0; font-size: 110%;}
.twomenu {width:7em;} .s, .l {padding: 2% 4%;}.white, .whitedos, .whitetres, .thrd {padding: 5% 1em .8em 1em;}}
/* normal bigger, skip for smaller */
@media screen and (min-width: 900px) {
body {background: #fff url('p/smdfront.jpg') no-repeat center 4.4em; font-size: 1.375em;}
.navbar a {padding:.8em 2em;}
h1 {font-size: 1.4em; margin-top: 8px;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
.s, .l {padding: 2% 5%;}
.shots {padding: 0 0 0 2em;}
.pod{width: 100%;}
.inpodleft {padding: 1em 1em 1em 0; max-width: 47%;}}
/* two column */
@media screen and (min-width: 1026px) {body {font-size: 1.375em;}
.dig {font-size: .9em; margin: 4px 0 0 0; padding: 0 10px 3px 0;}
.twomenu {margin:0; padding: 0 .2em .2em .2em; width:9em;}
.twomenulnk , .twomenuhere{display: inline-block; padding: .4em; margin:  .2em 0 0 0; width: 5.7em;}
.white, .whitedos, .whitetres, .whitei, .d, .whiteisix {position: relative; float:left; min-width: 200px; text-align:left;}
.whitei, .d, .whiteisix {padding: .5% 3% 0 1%;max-width: 46%;}
.white, .whitedos, .whitetres{margin: .8em 1.5% .8em 1.5%; padding: 2.2em 1.1em 1.2em 1.1em; max-width: 41%;}
.d {float:left; max-width: 45%;}
.thrd {clear:both; text-align: center;}
.accent {padding-top: 20px;}
.c {width: 42%; height: 14em; padding: 1em 2em 2em 0;}
.pod{width: 100%;}}
@media screen and (min-width: 1360px) {body {font-size: 1.375em;}.white, .whitedos, .whitetres{max-width: 42%;}.pod{width: 1270px;} .inpodleft {padding: 1em 1em 1em 0; max-width: 48%;}}
@media screen and (min-width: 1600px) {body {font-size: 1.438em;}.logo {width: 30%; margin: .3em .2em 0 0;}.navbar a {padding:.8em 2em;}.white, .whitedos, .whitetres{max-width: 43%;}}
/* back to normal desktop thirds*/
@media screen and (min-width: 1800px) {.s, .l {padding: 0 3%;}
.menu {padding: 0 2.9em 0 0;}
.submenu {margin: 3.2em 0 0 0; padding: .4em 3em .1em 1em;}
.twomenu {margin: 0; width: 10em;}
.twomenulnk, .twomenuhere {padding: .4em .8em .4em .8em; margin: 1em 0 0 0;}
.white, .whitedos, .whitetres {margin: 1% 1% 1% 1%; padding: 2% .8% 1% 1.2%; min-width: 220px; max-width: 29%;}
.whitei, .d, .thrd {margin:  1% 1% 1% 1%; padding: 1% 1.2% 0 .8%; min-width: 220px; max-width: 29%;}
 .whiteisix {padding: 10px .8% 0 1.2%; width: 45%; min-width: 220px; max-width: 600px;}
 .thrd {clear:none; float: left; text-align: left;}
.clrcut {clear: both; padding: 0 0 1px 0;}
.c {width: 22%; float: left; margin: 1px 0 1px 0; padding: 1em 1% 2em 0;}
.accent {padding: 1.5% 0 1% 5%;}
.mainint {width: 85%; height: 150px;}}
@media screen and (min-width: 2000px) {body {font-size: 1.5em;} .clrcut {display: none;}.whitedos, .whitetres {max-width: 14em;}}
@media screen and (min-width: 2400px) {body {font-size: 1.75em;} .whiteisix {max-width: 40em;}}
@media screen and (min-width: 2800px) and (max-width: 2999px) {body {font-size: 2em;}}
@media screen and (min-width: 3000px) {body {font-size: 2.188em;} .inpodleft {padding: 1em 1em 1em 0; max-width: 46%;} 
.pod {margin: 1em 1em 0 0; float: left;}}
@media screen and (min-width: 3400px) and (max-width: 3799px) {body {font-size: 2.5em;}}
@media screen and (min-width: 3800px) and (max-width: 3999px) {body {font-size: 2.75em;}}
@media screen and (min-width: 4000px) and (max-width: 4399px) {body {font-size: 2.938em;}}
@media screen and (min-width: 4400px) and (max-width: 4799px) {body {font-size: 3em;}}
@media screen and (min-width: 4800px) {body {font-size: 3.2em;}}