body { background-color: #09C; font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 2; margin: 0px 0px 0px 0px; }
img { vertical-align: bottom; }
.ctr { text-align: center; }
.spacer { height: 3em; }
/*TopNav/Logo*/
#topnav { padding: 10px 20px; position: relative; z-index: 10; background-color: #09C; }
#logo { font-size: 250%; font-family: 'Mouse Memoirs', sans-serif; letter-spacing: 1px; }
#logo, div.phone { font-family: 'Mouse Memoirs', sans-serif; color: #fff; text-align: center; }
div.phone { font-size: 200%; }
div.phone a { color: #FF9; }
#banner { max-width: 100%; margin: 0 auto 0 auto; text-align: center; }
img.scalable { height: auto !important; width: auto !important; max-width: 100%; vertical-align: bottom; }
/*.fancy { border: 1px solid rgba(255,255,255,.5); box-shadow: 0px 0px 20px rgba(0,0,0,.5); }(*/
.accented { border: 1px solid #222;border-radius: 5px 5px 0 0;  }
/*Layout Wrapper*/
#layout { max-width: 70%; margin: 0px auto; background-color: #FFF; border: 1px solid #ccc; border-radius: 4em 4em 0 0; }
.affinity-row { padding: 0px; }
/*.affinity-row:nth-child(even) { background-color: #EEE; background-image: -webkit-linear-gradient(#EEE, #CCC); background-image: linear-gradient(#EEE, #CCC); }
.affinity-row .affinity-row:nth-child(even) { background-color: transparent; background-image: none; background-image: none; }*/
.affinity-row:after { visibility: hidden; display: block; content: "\0020"; clear: both; height: 0; }
.affinity-row .column-half { width: 50%; float: left; }
.affinity-row .column-third { width: 33.3333333%; float: left; }
.affinity-row .column-fourth { width: 25%; float: left; }
.affinity-row .column-fifth { width: 20%; float: left; }
.affinity-row.sidebar-left .column-1 { width: 66%; float: right; }
.affinity-row.sidebar-left .column-2 { width: 34%; float: right; }
.affinity-row.sidebar-left .column-content { line-height: 1.5; }
.affinity-row.sidebar-left .column-2 .column-content { font-size: .9em; }
.affinity-row.sidebar-right .column-1 { width: 66%; float: left; }
.affinity-row.sidebar-right .column-2 { width: 34%; float: left; }
.affinity-row.sidebar-right .column-content { line-height: 1.5; }
.affinity-row.sidebar-right .column-2 .column-content { font-size: .9em; }
.left-border { border-left: 1px solid #000; }
.right-border { border-right: 1px solid #000; }
.left-right-border { border-left: 1px solid #000; border-right: 1px solid #000; }
.wid50 { max-width: 50%; margin: 0 auto 0 auto; }
.garage { max-width: 70%; margin: 2em auto 2em auto; border: 1px solid #000; border-radius: .25em; padding: 2em 1em 2em 1em; }
/*Column Content*/
.column-content { line-height: 1.35; padding: 15px 24px; }
.affinity-row.sidebar-right .column-content, .affinity-row.sidebar-left .column-content, .affinity-row.thirds.full-height .column-content { padding: 30px; }
/*Padding*/
.no-pad-left-top-bottom { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.no-pad-right-top-bottom { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; }
.no-pad-top-bottom { padding-top: 0px !important; padding-bottom: 0px !important; }
/*Headings*/
h1, h2, h3, h4 { line-height: normal; margin: 30px 0px 0px 0px; text-align: center; }
h1 { font-size: 200%; font-family: 'Mouse Memoirs', sans-serif; letter-spacing: 1px; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4, p { font-size: 100%; }
.red { color: #ff0000; }
.ltblue {background-color:#9CF; }
ul { font-size: 90%; margin: .5em; padding: .25em; list-style: none; }
li { padding: .125em .25em; line-height: 1.5; }
li.rt { text-align: right; color: #00F; }
.column-content h1:first-child, .column-content h2:first-child, .column-content h3:first-child, .column-content h4:first-child { margin-top: 10px; }
.inner-row-heading { position: relative; top: 20px; margin: 0px 30% 2em 30%; background-color: #063; color: #fff; border-radius: 4em; padding: .25em 0 2em 0; }
figure {width:98%;margin:0 1% 0 1%; }
figcaption {width:99%;margin:0;background-color:#006633; color:#fff;padding:.25em; text-align:center;border-radius: 0 0 5px 5px; }
/*Footer*/
#footerwrap { width: 100%; margin: 0 auto 0 auto; background-color: #000; }
.footer { max-width: 70%; margin: 0 auto 0 auto; color: #fff; font-size: 100%; }
.footer h3, .footer h4 { font-weight: normal; text-transform: uppercase; margin: 10px 0px 0px 0px; }
.footer ul { margin: 0px; padding: 0px; margin-top: 10px; }
.footer li { list-style-type: none; line-height: 1.75; }
.footer li.phone { font-size: 120%; }
.footer li.website { font-size: 100%; }
.footer a, p.webdesigner a { color: #FF9; }
.footer a:hover, .footer a:focus, p.webdesigner a:hover { color: #CCC; }
p.webdesigner { width: 100%; margin: 0 auto 0 auto; font-size: 80%; text-transform: uppercase; clear: both; color: #fff; text-align: center; }
p iframe .map {border: none; max-width:600px; max-height:450px; }
 @media only screen and (min-width: 0px) and (max-width: 700px) {
body { margin: 0px; }
#logo { font-size: 150%; font-family: 'Mouse Memoirs', sans-serif; }
div.phone { font-size: 180%; }
#layout { max-width: none; padding: 0px; }
.wid50, .garage { max-width: 98%; margin: 0 1% 0 1%; }
.garage { border: 1px solid #000; border-radius: .25em; }
h1, h2, h3, h4 { margin: 20px 0px 0px 0px; }
h1 { font-size: 140%; font-family: 'Mouse Memoirs', sans-serif; }
h2 { font-size: 110%; }
h3 { font-size: 90%; }
h4, p { font-size: 80%; }
.inner-row-heading { position: relative; top: 20px; margin: 0px 5% 2em 5%; background-color: #063; color: #fff; border-radius: 3em; padding: .75em .5em 1em .5em; }
.footer { max-width: 100%; margin: 0 auto 0 auto; color: #fff; font-size: 100%; }
.footer li { list-style-type: none; line-height: 1.75; text-align: center; }
.footer li.phone { font-size: 120%; }
.column, .column-1, .column-2, .column-3, .column-half, .column-third, .column-fourth, .column-fifth { float: none !important; width: auto !important; }
.column-content { height: auto !important; max-height: 888678px; border: none !important; }
p iframe .map {border: none; max-width:100%; max-height:300px; }
}
@media only screen and (min-width: 700px) and (max-width: 1380px) {
#layout { max-width: none; }
h1, h2, h3, h4 { margin: 30px 0px 0px 0px; ; }
h1 { font-size: 180%; font-family: 'Mouse Memoirs', sans-serif; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4, p { font-size: 100%; }
.inner-row-heading { position: relative; top: 20px; margin: 0px 10% 2em 10%; background-color: #063; color: #fff; border-radius: 4em 4em 0 0; padding: .25em 3% 2em 3%; }
.footer { max-width: 100%; margin: 0 auto 0 auto; color: #fff; font-size: 100%; }
.footer li.phone { font-size: 120%; }
.wid50, .garage { max-width: 90%; margin: 0 5% 0 5%; }
.garage { margin: 2em auto 2em auto; border: 1px solid #000; border-radius: .25em; padding: 2em 1em 2em 1em; }
}
/*CityScope Net - and PVII Affinity  Copyright (c)  Project Seven Development  www.projectseven.com  Boardroom Theme*/