@charset "utf-8";
/* ~~ Ink Wonderland Stylin' & Profilin' ~~ */
/* ~~~~~~ Common to all screen sizes ~~~~~~ */
html, body {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	min-height: 100%;	
	margin: 0;
	padding: 0;
	outline: none;
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	font-weight: 100; 
	letter-spacing: .08em;
	line-height: 1.2em;
	z-index: 0;
	zoom: 1;
}
body {

}
body::-webkit-scrollbar {

}
#loading {
	position: relative;
	top: 10px;
	left: 0;
	width: 100%;
	min-width: 150px;
	height: 100%;
	min-height: 125px;
	height: auto !important;
	margin: 10% auto 10px auto;
	background-image: url(../images/logoLoad.gif);
	background-repeat: no-repeat;
	background-size: 150px 125px;
	background-position: center;
	text-align: center;
	z-index: 10000;
}
/* #loading::after {position: relative;top:140px;content:"Please wait...";} */
#container {
	position: fixed;
	top: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	max-width: 100%;
	min-height: 100%;
	margin: 0 auto 0 auto;
	z-index: 0;
}
#jsmsg {
	position: absolute;
	top: 10px;
	left: 0;
}
#bkg-right {
	position: fixed;
	top: 0;
	right: 0;
	background-image: url(../images/bkg-r.jpg);
	background-repeat: repeat;
	background-size: 380px 225px;
	width:50%;
	height:100%;
	overflow: hidden;
	z-index: 1;	
}
#bkg-left {
	position: fixed;
	top: 0;
	left: 0;
	background-image: url(../images/bkg-l.png);
	background-repeat: repeat;
	background-size:  350px 350px;
	width:50%;
	height:100%;
	overflow: hidden;
	z-index: 1;	
}
#center-run {
	position:fixed;
	height:100%;
	width: 100%;
	margin: 0 auto 0 auto;
	background-image:url(../images/center-run.png);
	background-repeat:repeat-y;
	background-position: center;
	overflow: hidden;
	z-index: 2;
}
#background {
	position: absolute;
	margin: 0 auto;
    background-image:url(../images/splashbkg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position: bottom;
	opacity: 1;
	width:100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
}
#floater {
	position: fixed;
	background-image:url(../images/floatflower.png);
	background-size: contain;
	width: 250px;
	height: 250px;
	max-width: 250px;
	max-height: 250px;
    overflow: hidden;
    z-index: 4;
    padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(-15deg);
	top: 170px;
	left: 50%;
	margin-left: 290px;
	filter: drop-shadow(5px 5px 5px #222);
}
#floater2 {
	position: fixed;
	background-image:url(../images/floatflower.png);
	background-size: contain;
	width: 325px;
	height: 325px;
	max-width: 325px;
	max-height: 325px;
    overflow: hidden;
    z-index: 4;
    padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	bottom: 50px;
	right: 50%;
	margin-right: 325px;
	filter: drop-shadow(-5px 5px 5px #222);
	transform: rotate(15deg);
}
#main-100w {
	position: fixed;
	display: block;
	top: 0;
	bottom: 0;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 auto;	
	z-index: 4;
}
#main {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 5;
	zoom: 1;
	}
#glass {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 49.5%;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	width: 80%;
	margin: 0 0 0 -40%;
	background-image: url(../images/mid.png);
	background-repeat: repeat-y;
	background-position: center;
	-moz-box-shadow: 0 0 3px 3px #666;
    -webkit-box-shadow: 0 0 3px 3px #666;
    box-shadow: 0 0 3px 3px #666;
	border: outset 2px #666;
	text-align: center;
	z-index: 4;
	opacity: .95;
	zoom: 1;
	}
/* ~~ Header ~~ */
#header {
	position: relative;
	top: 0;
	min-height: 60px;
	margin: 0 auto 50px auto;
	text-align: center;
	z-index: 6;	
}
#logo {
	text-align: center;
	display: inline-block !important;
	margin: 0 auto;
	width: 80%;
	max-width: 720px;
	z-index: 5;

}
#logo a, #logo h1 a {
	text-decoration: none;
}
#logoPic {
	margin: 0 0 -15px 40px;
	width: 50%;
	max-width: 150px;
	max-height: 150px;
	text-align: left;
}
#sloganPic {
	float: right;
	margin: 50px 0 0 0;
	width: 500px;
	max-width: 100%;
	text-align: right;
}
#menuNav {
	clear: both;
}
#menuNav ul {
	display: inline;
}
#menuNav li {
	display: inline-block;
}
.aboutStar {
	width: 18px;
	height: 17px;
	position: relative;
	left: 1px;
	top: 2px;
}
.btn1 a {
	background-position: top center;
	background-image: url(../images/inkbtn1.png);
	background-repeat:no-repeat;
	background-size: contain;
	font: 1.25em/1.25em 'Painty_Paint', Arial, serif;
	height: 57px;
	width: 150px;
	padding: 24px 0px 0px 10px !important;
	display: block;
	letter-spacing: .1em;
}
.btn1 a:hover {
	background-image: url(../images/inkbtn1h.png);
	background-size: contain;
	text-decoration: none;
}
.btn2 a {
	background-position: top center;
	background-image: url(../images/inkbtn2.png);
	background-repeat:no-repeat;
	background-size: contain;
	font: 1.3em/1.3em 'Painty_Paint', Arial, serif;
	height: 57px;
	width: 150px;
	padding: 22px 0px 0px 0px !important;
	display: block;
	letter-spacing: .15em;
}
.btn2 a:hover {
	background-image: url(../images/inkbtn2h.png);
	background-size: contain;
	text-decoration: none;
}
.btn3 a {
	background-position: top center;
	background-image: url(../images/inkbtn3.png);
	background-repeat:no-repeat;
	background-size: contain;
	font: 1.3em/1.3em 'Painty_Paint', Arial, serif;
	height: 57px;
	width: 150px;
	padding: 22px 0px 0px 0px !important;
	display: block;
	margin-right: 10px;
	letter-spacing: .15em;
}
.btn3 a:hover {
	background-image: url(../images/inkbtn3h.png);
	background-size: contain;
	text-decoration: none;
}
.btn4 a {
	background-position: top center;
	background-image: url(../images/inkbtn4.png);
	background-repeat:no-repeat;
	background-size: contain;
	font: 1.3em/1.3em 'Painty_Paint', Arial, serif;
	height: 57px;
	width: 150px;
	padding: 22px 0px 0px 0px !important;
	display: block;
	letter-spacing: .2em;
}
.btn4 a:hover {
	background-image: url(../images/inkbtn4h.png);
	text-decoration: none;
	background-size: contain;
}

/* ~~ Page Content ~~ */
#menuNav ul li a, .clickbutton a {
	padding-top: 19px;
	padding-left: 2px;
	color: #fff;
}
.content {
}
.content-bkg {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	max-width:720px;
	margin: 0 auto 50px auto;
	background-image: url(../images/mid.png);
	background-repeat: repeat-y;
	background-position: center;
	-moz-box-shadow: 2px 2px 4px 4px #666;
    -webkit-box-shadow: 2px 2px 4px 4px #666;
    box-shadow: 2px 2px 4px 4px #666;
	border: outset 2px #666;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;	
	text-align: center;
	z-index: 6;
}
.content-bkg-narrow {
	position: relative;
	display: block;
	top: 0;
	left: 4px;
	width: 100%;
	max-width:680px;
	margin: 0 auto 50px auto;
	background: #ffffff;
	background-repeat: repeat-y;
	background-position: center;
	-moz-box-shadow: 2px 2px 4px 4px #666;
    -webkit-box-shadow: 2px 2px 4px 4px #666;
    box-shadow: 2px 2px 4px 4px #666;
	border: outset 2px #666;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;	
	text-align: center;
	z-index: 6;
}
.content-bkg-small {
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	max-width: 550px;
	padding: 10px;
	display: block;
	text-align: center;
	margin: 0 auto 20px auto;
	background-image: url(../images/mid.png);
	background-repeat: repeat-y;
	background-position: center;
	-moz-box-shadow: 2px 2px 4px 4px #666;
    -webkit-box-shadow: 2px 2px 4px 4px #666;
    box-shadow: 2px 2px 4px 4px #666;
	border: outset 2px #666;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 6;
}
.content p, .content-bkg p, .content-bkg-small p, .content-bkg-narrow p {
	text-align: left;
}
.contentLinks {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center !important;
	margin: 0 auto;
	display: inline-block;
	line-height: 2em;
}
.contentLinks a {
	margin: 0 10px 10px 10px;
	font-size: 5vw;
}
.content-bkg .contentLinks a {
	font-size: 1.1em;
	padding: 5px;
}
/*  ~~~  HOME PAGE  ~~~ */
#introMovie {
	text-align: center;
	margin: 0 auto;
	display: none;
}
#altswf {
	width: 80%;
	max-width: 600px;
	min-width: 200px;
}
#amznFrame {
width: 100%;
height: 300px;
}
#slideart {
	position: relative;
	top: 0;
	left: 0;
	width: 90%;
	max-width: 720px;
	min-width: 120px;
	margin: 0 auto 50px auto;
	background-image: url(../images/mid.png);
	background-repeat: repeat-y;
	background-position: center;
	-moz-box-shadow: 2px 2px 4px 4px #666;
    -webkit-box-shadow: 2px 2px 4px 4px #666;
    box-shadow: 2px 2px 4px 4px #666;
	border: outset 2px #666;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	display: block;
	z-index: 5;
}
#slideart h1 {
	font-size: 2em;
}
#Link {
	z-index: 10;
	width: 100%;
	height: 100%;
}
#Link a, #slideLink a:hover  {
	text-decoration: none;
	color: #002e95;
}
#slideartList {
}
#slideartList li {
	display: inline-block;
	margin: 0 3% 20px 3%;
}
#slideart img.first { 
    display: block; 
}
#slideart1 img, #slideart2 img, #slideart3 img {
	display: none;
	position: relative;
	top: 0px;
	left: 0px;
	border: groove 2px #000;
	background-position: center;
	height: 160px;
	width:  160px;
	background-size: 160px 160px;
	background-size: contain;
}
#slideart4 img, #slideart5 img, #slideart6 img, #slideart7 img {
	display: none;
	position: relative;
	top: 0px;
	left: 0px;
	border: groove 2px #000;
	background-position: center;
	height: 150px;
	width:  125px;
	background-size: 150px 125px;
	background-size: contain;
}
.privacyPlz {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/blank.gif);
	background-repeat: repeat;
	z-index: 999999;
}
/* ~~~ Services ~~~ */
#services {
	position: relative;
	top: 0;
	left: 0px;
	background-image: url(../images/mid.png);
	background-repeat: repeat-y;
	background-position: top center;
	background-attachment: fixed;
	-moz-box-shadow: 2px 2px 4px 4px #666;
    -webkit-box-shadow: 2px 2px 4px 4px #666;
    box-shadow: 2px 2px 4px 4px #666;
	border: outset 2px #666;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 0px 5% 40px 5%;
	min-width: 160px;
	max-width: 720px;
	text-align: left;
	z-index: 6;
}
#servicesNav { 
  display: block;
  position: relative;
  width: 90%; 
  margin: 0 auto 20px auto; 
}
#servicesNav ul, #servicesNav li {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
#servicesNav li {
	list-style: none;
    text-align: center;
}
#servicesNav > li > a { 
  display: block; 
  padding: 18px 8px;
  font-size: 1.2em;
  font-weight: bold;
  color:#002e95;
  border-bottom: none;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  text-decoration: none;
  background: #FEF7FF;
}
#servicesNav > li:last-child { 
  border-bottom: 1px solid #666;
}
#servicesNav > li > a:hover {
  text-decoration: underline;
  color: #800080;
}
#servicesNav > li > a.open {
	  color: #800080;
}
#servicesNav li ul { 
  display: none; 
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: none;
 }
#servicesNav li ul li  {
	position: relative;
	left: 0px;
	padding: 0px 6px 16px 3%;
}
#servicesNav li ul li a:hover {
}
.titleJustify {
	text-align: justify;
	margin: 5px 10px 5px 10px;
}
#services nav {
	margin-top: 20px;
}
/* ~~~ PORTFOLIO  ~~~  */
#login {
	width: 200px;
	margin: 0 auto;
	text-align: center;
}
#loginForm {
}
#login label {
	position: relative;
	top: 2px;
}
.loginBtn, .loginBtn:visited {
	width: 80px;
	height: 50px;
	font-size: 1.1em !important;
	font-family: 'Painty_Paint', Times New Roman, Times !important;
	letter-spacing: .10em;
	background-image:url(../images/inkbtn3sm.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent !important;
	background-size: contain;
	-moz-border-radius: none; 
    -webkit-border-radius: none;
	border-radius: none;
	box-shadow: none;
	color: #FFF;
	border: none !important;
	padding-right: 10px !important;
	margin: 0 5px 0 0;
}
.loginBtn:hover, .loginBtn:active {
	background-image:url(../images/inkbtn3hsm.png);	
	background-size: contain;
}
.helpBtn,.helpBtn:visited {
	width: 80px;
	height: 50px;
	font-size: 1.1em !important;
	font-family: 'Painty_Paint', Times New Roman, Times !important;
	letter-spacing: .15em;
	background-image:url(../images/inkbtn1sm.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent !important;
	-moz-border-radius: none; 
    -webkit-border-radius: none;
	border-radius: none;
	box-shadow: none;
	color: #FFF;
	border: none !important;
	padding: 5px 0 0 5px;
	margin: 0 0 0 5px;
}
.helpBtn:hover, .helpBtn:active {
	background-image:url(../images/inkbtn1hsm.png);	
	background-size: contain;
}
#help-msg {
	z-index: 10;
}
#login input {
	border: 1px #333 inset;
	background-color: #f6fdff;
}
#myusername, #mypassword {
	width: 190px;
	max-width: 100%;
}
#myusername:focus, #mypassword:focus {
	border: 2px #33ccff inset;
}
#portfolioMenu, #portfolioMenu2 {
	text-align: center;
	margin: 0 auto;
	width: 80%;
	max-width: 720px;
}
#portfolioMenu ul, #portfolioMenu2 ul {
	text-align: center;
	list-style: none;
	margin: 0 auto;
}
#portfolioMenu li, #portfolioMenu2 li {
	width: 20%;
	min-width: 90px;
	font-size: .9em;
	font-weight: 800;
	display: inline-block;
	padding: 5px 0 0 0;
	margin: 0 auto;
	white-space: nowrap;
}
#portfolioMenu a:hover, #portfolioMenu2 a:hover {
	text-decoration: underline;
}
#portfolioMenu img, #portfolioMenu2 img {
	border: 2px ridge #000;
	-moz-box-shadow: 2px 2px 4px #666;
    -webkit-box-shadow: 2px 2px 4px #666;
    box-shadow: 2px 2px 4px #666;
}
.catpic {
	width: 70px;
}
.menuBtn {
	width: 100px;
}
#portfolioList, .portfolioList {
	list-style: none;
}
#portfolioList li, .portfolioList li {
	display: inline-block;
	width: 110px;
	max-width: 44%;
	white-space: nowrap;
	padding: 2% 2%;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	font-size: .9em;
}
#portfolioList a, .portfolioList a {
	color: #A40052;
	display: inline-block;
}
#portfolioList img, .portfolioList img {
	width: 80px;
	height: 80px;
	display: inline-block;
}
#signOut, #signOut2 {
	text-align: right;
	padding: 10px;
}
.signOut {
	width: 80px;
	height: 60px;
	margin: 10px 1% 10px 1%;
	background-image:url(../images/inkbtn2sm.png);
	background-position: center;
	background-size: contain ;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #FFF;
	border: none !important;
	font-family: 'Painty_Paint', Times New Roman, Times !important;
	font-size: 1em;
	letter-spacing: .10em;
}
.signOut:hover {
	background-image:url(../images/inkbtn2hsm.png);
}
.menuOut {
	width: 80px;
	height: 60px;
	margin: 10px 1% 10px 1%;
	background-image:url(../images/inkbtn4sm.png);
	background-position: center;
	background-size: contain ;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #FFF;
	border: none !important;
	font-family: 'Painty_Paint', Times New Roman, Times !important;
	font-size: 1em;
	letter-spacing: .10em;
}
.menuOut:hover {
	background-image:url(../images/inkbtn4hsm.png);
}
.portfolioCat {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1.1em;
	text-align: center !important;
	margin: 2% 0 2% 0;
}
#sb-nav-expand {
	display: none !important;
}
.rtArrow {
	position: relative;
	top: -10px;
	border: none !important;
	box-shadow: none !important;
	width: 71px !important;
	height: 43px !important;
}
.upArrow {
	border: none !important;
	box-shadow: none !important;
	margin: 5px 0 0 0;
}
.upArrow, .dnArrow {
	border: none !important;
	box-shadow: none !important;
	margin: 0 0 5px 0;
	width: 20px;
	height: 19px;
}
#galleryLinks a {
	font-size: .9em;
	padding: 10px;
}
#popupInfo {
    width: 300px; 
	max-width: 100%;
	height: 300px;
	max-height: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	text-align: center;
	color: #FFF;	
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #666666 50%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #000000 0%,#666666 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #000000 0%,#666666 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999 !important;
}
#popupInfo p {
	max-width: 200px;
	margin: 10px auto 0;
	text-align: center;
	font-size: .95em;
}
#popupLinks {
	text-align: center;
}
#popupInfo a {
	color: #FC6;
}
#popupInfo a.popupLink {
	color: #FC6;
}
#popupInfo a:hover {
	color: #FC6;
	text-decoration: underline;	
}
#popupInfo h3 {
	color: #FC6;
	margin: 15px 0 0 0;	
}
#popupInfo h4 {
	color: #fff;
	font-size: 1em;
	margin: 10px 0 2px 0;
	padding: 2px;
}
/* ~~~ Web Design ~~~ */
.webimg {
	float: left;
	margin-right: 5px;
}
.webimg1 {
	position: relative;
	top: 4px;
	left: 0px;
	float: left;
	margin: 0 5px 0 0;
	width: 80px;
	border: 1px solid #000;
	
}
.webimg2 {
	position: relative;
	top: 4px;
	left: 0px;
	float: left;
	margin-right: 5px;
	width: 100px;
	
}
.webimg3 {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	margin: 5px 5px 2px 0;
	width: 100px;
	border: 1px solid #888;
}
.aboutLogo {
	width: 110px;
	height: 110px;
	margin: -3px 5px -14px 7%;
	max-width: 100px;
	float: left;
}
.aboutPic {
	float: left;
	margin: 4px 5px 0px 2px;
	border: groove 1px #FC3;
	width: 120px;
	max-width: 120px;
}
.joanImg {
	width: 125px;
	height: 150px;
	border: groove 1px #ccc;
	margin: 4px !important;
	text-align: center !important;
}
#webDiv {
	margin: 0 auto;
}
#webTable {
	text-align: center;
	margin: 0 auto;
}
.webList ul {
}
.webList li {
	list-style: disc inside;
	padding: 5px 0 5px 0;
	text-align: left;
	margin: 0 auto;
}
/* ~~~ Estimates ~~~ */
#pricing {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	-moz-box-shadow: 2px 2px 4px 4px #666;
    -webkit-box-shadow: 2px 2px 4px 4px #666;
    box-shadow: 2px 2px 4px 4px #666;
	border: outset 2px #666; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 0 auto 40px auto;
	width: 80%;
	min-width: 160px;
	max-width: 720px;
	text-align: center;
	z-index: 6;
}
#pricecalc {
	position: relative;
	width: 100%;
	top: 0px;
	left: 3px;
	text-align: left;
}
#pricecalc h4 {
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
	font-size: 1.1em;
	width: 100%;
}
#pricecalc fieldset {
	border: 2px #000000 ridge;
	min-width: 100px;
	margin-left: -5px;
	margin-top: -2px;
}
#pricecalc input {
	float: left;
	padding: 0 5px;
	-moz-border-radius: none; 
    -webkit-border-radius: none;
	border-radius: none;
	box-shadow: none;
}
#textInput1, #textInput2, #calculate, #reset {
	float: none !important;
}
#calcBtns {
	clear: both;
	padding: 20px 0 20px 0;
	margin: 0 auto;
	text-align: center;	
}
#calcBtns input {
	border: none !important;
}
.priceInfo {
	display: block;
	margin:  2px 0 10px 20px;
	}
#pricecalc legend {
	text-align: center !important;
	color: #06C;
	font-weight: 600;
	font-size: 1.2em;
	font-family: 'Bellota', Times New Roman, serif;
}
#textInput1, #textInput2 {
	width: 30px;
	border: 1px #333 inset;
	background-color: #f6fdff;
	font-size: 1em;
	padding: 0 !important;
}
#totalPrice {
	font-family: Tahoma, Geneva, sans-serif;
	padding: 5px 0 5px 4px;
	font-size: 1.38em;
	line-height: 1.4em;
	width: 33%;
	min-width: 150px;
	border: 2px inset #000;
	margin: 30px auto 0 auto;
	background-color: #f6fdff;
	border-radius: 5px;
}
.estimateReminder: {
	font-size: 1.0em;
	max-width: 90%; 
}
#flower {
	position: absolute;
	bottom: 0;
	right: 0;
	float: right;
	width: 82px;
	height: 100px;
}
.calcbtn1, .calcbtn1:visited {
    border: none;
    background: url(../images/inkbtn1.png) no-repeat top center;
	background-size: contain;
	width: 150px;
	height: 57px;
	color: #FFF;
	font-size: 1.4em !important;
	font-family: 'Painty_Paint', Times New Roman, Times !important;
	letter-spacing: .15em;
	margin: 0 !important;
	padding: 10px 10px 0px 0px !important;
}
.calcbtn1:hover, .calcbtn1:active {
    border: none;
    background: url(../images/inkbtn1h.png) no-repeat top center;
	background-size: contain;
	margin: 0px;
}
.calcbtn2, .calcbtn2:visited {
    border: none;
    background: url(../images/inkbtn4.png) no-repeat top center;
	background-size: contain;
	width: 150px;
	height: 57px;
	color: #FFF;
	font-size: 1.4em !important;
	font-family: 'Painty_Paint', Times New Roman, Times !important;
	letter-spacing: .15em;
	margin: 0px !important;
	padding: 10px 0px 0px 0px !important;
}
.calcbtn2:hover, .calcbtn:active {
    border: none;
    background: url(../images/inkbtn4h.png) no-repeat top center;
	background-size: contain;
}

/* ~~ Contact Page ~~ */
#contactWrap {
	width: 100%;
	min-width: 170px;
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}
#contact {
	width: 100%;
	padding: 0;
	text-align: center;
	line-height: 16px;
	margin: 0 auto;
	z-index: 6;
}
#contact li.textarea {
	width: 90%
}
#contact ul {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	list-style: none;
}
#contact li {
	display: inline-block;
	padding: 10px 2%;
}
#contactForm  {
	color: #000000;
	font-size: .85em;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	min-width: 190px;
} 
#contactForm label {
	margin-left: 2px;
	max-width: 300px;
} 
#Name, #EmailFrom, #Confirm, #Company {
	width: 100%;
	min-width: 170px;
	max-width: 300px;
}
#Subject {
	width: 100%;
	min-width: 170px;
	max-width: 450px;
}
#Message {
	width: 100%;
	min-width: 170px;
	max-width: 96%;
	min-height: 200px;
	max-height: 400px;
	resize: both;
}
#Send, #Reset {
	width: 100px;
	height: 40px;
	position: relative; 
}
.contactbtn, .contactbtn:visited {
    background: url(../images/inkbtn4.png) no-repeat top center;
	background-size: contain;
	width: 150px;
	height: 57px;
	color: #FFF;
	font-size: 1.6em !important;
	font-family: 'Painty_Paint', Times New Roman, Times !important;
	letter-spacing: .15em;
	margin: 0px;
	padding: 10px 0px 0px 18px;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.contactbtn:hover, .contactbtn:active {
	border: none !important;
	box-shadow: none !important;
    background: url(../images/inkbtn4h.png) no-repeat top center;
	background-size: contain;
}
.contactbtn2, .contactbtn2:visited {
    background: url(../images/inkbtn2.png) no-repeat top center;
	background-size: contain;
	width: 150px;
	height: 57px;
	color: #FFF;
	font-size: 1.6em !important;
	font-family: 'Painty_Paint', Times New Roman, Times !important;
	letter-spacing: .15em;
	margin: 0 0 0 20px;
	padding: 10px 0px 0px 18px;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.contactbtn2:hover, .contactbtn2:active {
    border: none !important;
	box-shadow: none !important;
    background: url(../images/inkbtn2h.png) no-repeat top center;
	background-size: contain;
}
#contactButtons, #contactButtons2 {
	text-align: center;
	margin: 0 auto;
}
.recaptcha {
	text-align: center !important;
	margin: 0 auto !important;
}
#rc-imageselect, .g-recaptcha {
	transform:scale(1);
	-webkit-transform:scale(1);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	margin: 0 auto !important;
	text-align: center !important;
	display: inline-block;
}
.error {
	text-align: left !important;
}
/*  ~~~  Validation  ~~~  */
#contactForm input:focus, #contactForm textarea:focus{
 outline: 0;
 box-shadow: none;
 border: inset 2px #33ccff;
}
#contact form input, #contact form textarea {
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
	border-radius: 6px;
	border: ridge 2px #999;
	-moz-box-shadow: 2px 2px 2px 2px #999;
    -webkit-box-shadow: 2px 2px 2px 2px #999;
    box-shadow: 2px 2px 2px 2px #999;
}
#contact form input.error, #contact form textarea.error {
	border: 2px inset #F00 !important;
	background-image: url(../images/ques.png);
	background-repeat: no-repeat;
	background-position: top right;
}
#contact form input.valid, #contact form textarea.valid { 
	border: 2px inset #0C0 !important;
	background-image: url(../images/ok.png);
	background-repeat: no-repeat;
	background-position: top right;
}
#contact form label.error {
	  position: absolute;
	  display: block;
	  margin: 5px auto 0 auto;
      line-height: 10px;
      padding: 5px;
      font-size: .9em;
      text-align: center;
      color: #800000;
      background-color: #FFF9EC;
      border: 1px solid #666;
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;
	  z-index: 10;
}
#contact form label.error:after {
      content: "";
      position: absolute;
	  top: -10px;
      left: 10px;
      width: 20px;
      height: 10px;
	  background-image: url(../images/tooltip-arrow.png);
	  background-repeat: no-repeat;
	  background-position: left;
	  background-size: contain;
	  z-index: 9;
}
label.valid {
}
.contactLink {
	width: 200px;
	height: 23px;
}
/* ~~~ FAQ ~~~ */
#content-faq {
	position: relative;
	top: 0;
	left: 6px;
	background-image: url(../images/mid.png);
	background-repeat: repeat-y;
	background-position: center;
	-moz-box-shadow: 2px 2px 4px 4px #666;
    -webkit-box-shadow: 2px 2px 4px 4px #666;
    box-shadow: 2px 2px 4px 4px #666;
	border: outset 2px #666;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 0 auto 40px auto;
	max-width: 720px;
	min-height: 100%;
	min-height: 200px;
	text-align: left;
	z-index: 6;
}
#content-faq p {
	position: relative;
	left: 0px;
	padding: 10px 6% 50px 6%;
	margin: 0 0 0 8%;
	z-index: 6;
}
#faq p {
	text-align: left !important;
}
span.ques, span.faq, faq {
	color: #06C;
} 
span.faq, span.faq2, faq2 {
	margin: 0px 0px 5px 20px !important;
	display: block;
}
span.ques, ques {
	color: #06C;
	float: left;
	font-weight: bold;
}
span.ans, ans {
	color: #800080;
	float: left;
	font-weight: bold;
}
#lowerLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 !important;
	margin: 0 !important;
	width: 60%;
	max-width: 250px;
	max-height: 80%;
	z-index: 5;
}

/* ~~ Footer ~~ */
#prefooter {
}
#footer {
	position: absolute;
	bottom: 0;
	margin-bottom: 0px;
	left: 5px;
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 6;
	padding-top: 20px;
}
#footerMenu {
	position: relative;
	text-align: center;
	padding: 0;
	text-shadow:  -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
	line-height: 1.5em;
	font-weight: 800;
}
#footerMenu a {
	color: #002e95;
	font-size: .85em;
	font-weight: bold;
	padding-right: 10px;
}
#footerMenu a:hover {	
	color: #800080;
}
#copyright {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	text-shadow:  -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
	line-height: 13px;
	font-weight: bold;
}
#copyright a {
	font-weight: bold;
	color: #002e95;
	padding-right: 10px;
}
#copyright a:hover {	
	color: #800080;
}
#copyright p {
	text-align: center !important;
}
.span_credit {
	font-size: .9em;
}
.span_credit a:link, .span_credit a {
	font-size: .9em;
	color: #000;
	text-decoration: none;
}
.span_credit a:hover {
	text-decoration: underline;
}
/* ~~ return-to-top ~~ */
#return-to-top {
    position: fixed;
    bottom: 0px;
    right: 15px;
    background: #666;
    width: 50px;
    height: 40px;
    display: block;
	display: none;
	text-align: center;
    text-decoration: none;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index: 1000;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 0px;
    top: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top a {
	display: inline-block;
	position: relative;
	top: 5px;
	padding: 20px;
	margin: -20px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	border: none;
	color: #CCC;
}
#return-to-top a:hover {
	text-decoration: none;
	color: #FFF;
}
#return-to-top:hover {
    background: #999999;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
/* ~~ Miscellaneous ~~ */
strong {
    font-weight: bold;
}
red {
    font-weight: bold;
	color: #A40052;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear: both;
	height: 0;
	font-size: .01em;
	line-height: 0px;
}
.break {
	clear: both;
}
/* ~~ Fonts ~~ */
@font-face {
    font-family: 'Painty_Paint';
    src: url('../fonts/paintypaint-webfont.eot');
    src: url('../fonts/paintypaint-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/paintypaint-webfont.woff') format('woff'),
         url('../fonts/paintypaint-webfont.ttf') format('truetype'),
         url('../fonts/paintypaint-webfont.svg#Painty_Paint') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Bellota';
    src: url('../fonts/bellota-regular-webfont.eot');
    src: url('../fonts/bellota-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bellota-regular-webfont.woff2') format('woff2'),
         url('../fonts/bellota-regular-webfont.woff') format('woff'),
         url('../fonts/bellota-regular-webfont.ttf') format('truetype'),
         url('../fonts/bellota-regular-webfont.svg#Bellota') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~ Formatting ~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul, ol, dl {
	padding: 0;
	margin: 0;
}
input, textarea {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#f6fdff;
}
input[type="radio"], input[type="checkbox"] {
	background-color: #FFF;
}
p {
	font-size: 1.1em;
	line-height: 1.4em;
}
h2 {
	text-align: center;
	margin: 10px 0 20px 0;
	font-family: 'Bellota', Times New Roman, Times, serif !important;
	font-size: 1.85em;
	line-height: 1.1em;
	font-weight: bold;
	color: #520072;
}
.subTitle {
	margin: 0px;
	font-size: .8em;
}
h1, .h1 {
	text-align: center;
	margin: 10px 0 5px 0;
	font-family: 'Bellota', Times New Roman, Times, serif !important;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #520072;
}
h3, .h3 {
	text-align: center;
	margin: 10px 0 10px 0;
	font-family: 'Bellota', Times New Roman, Times, serif !important;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
h4 {
	text-align: center;
	margin: 10px 0 10px 0;
	font-family: 'Bellota', Times New Roman, Times, serif !important;
	font-size: 1.3em;
	letter-spacing: .2em;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
h5 {
	margin: 0;
	padding: 5px;
	font-size: .9em;
}
a img {
	border: none;
}
a, a:visited {
	color: #002e95;
	font-size: .88em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
a:active {
	color: #800080;
	text-decoration: none;
	text-transform: uppercase;
}
a:hover {
	text-decoration: underline;
	color: #800080;
}
.nextPage {
    width: 80%;
    text-align: center;
    margin: 20px auto;
    max-width: 300px;
	min-height: 300px;
	position: relative;
	left: -4px;
}
.nextPage p {
    text-align: center;
    margin: 0 auto;
}
.nextPage a {
    text-transform: uppercase;
}
.nextPage a:hover {
    color: #800080;
}
.nobr {
	white-space: nowrap;
}
span.nobr {
	display: inline-block;
	margin: 0;
	padding: 2px;
}
br {
	clear: both;
}
.center {
	text-align: center !important;
}
.right {
	text-align: right !important;
}
.left {
	text-align: left !important;
}
.justify {
	text-align: justify !important;
}
.bold {
	font-weight: bold;
}
.centerBold {
	text-align: center !important;
	font-weight: bold !important;
	color: #000;
	line-height: 26px !important;	
}
.centerSmall {
	text-align: center !important;
	font-size: .8em;
	font-weight: bold !important;
	color: #000; 	
}
.noBorder {
	border: none !important;
	box-shadow: none !important;
}
.small {
	font-size: .8em;
	max-width: 90%;
	margin: 0 auto;
}
.recap {
	text-align: center !important;
	padding: 0;
	margin: 0 auto;
	font-size: 1em;
}
span.red {
	color: #E60000;
	font-size: 1.3em;
}
.title {
	color: #06C;
	font-weight: 600;
	font-size: .9em;
	text-align: center;
}
span.info {
	color: #A40052;
	text-align: center;
}
span.infoL {
	color: #A40052;
	text-align: left;
}
.preload {
	display: none;
}
.centerDivBtn {
	margin: 0 auto;
	width: 100%;
	display: inline-block;
}
.clickbutton {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 50px;
	display: block;
	
}
.clickbutton a {
	list-style: none;
	width: 130px;
	height: 50px;
	line-height: 1;
	display: inline-block;
}
.icon1 {
	position: relative;
	top: 6px;
	width: 50px;
}
.errorMsg {
	text-align: center !important;
	color: #A40052;
	font-size: 1.5em;
	font-weight: 800;
}
.privacy {
	background-image: url(../images/blank.gif);
	background-repeat: repeat;
}
/* ~~~ NoScript ~~~*/
#noscriptDiv {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden !important;
	z-index: 999999;
	text-align: center;	
	padding: 10% 0 0 0;
	color: #000;
	background-color: #fff;
}
#noscriptDiv h1, #noscriptDiv h2 {
	color: #000;
}
#noscriptDiv a {
	
}
#noscriptDiv a:hover {
	text-decoration: underline;
}
#noscriptLogo {
height: 150px;
width: 150px;
margin: 0 auto -20px auto;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~ Screen Sizes ~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (max-width:399px) {
html, body {
	font-size: .90em;
	font-weight: 400; 
	letter-spacing: 1.1px;
	line-height: 1.1em;	
	text-align: center;
}
#main {
}
#glass {
	width: 95%;
	margin-left: -48%;
	}
#slideart {
padding: 2px;
left: -4px;
text-align: center;
width: 76%;
}
#pricing {
	width: 85%;
	left: 0;
	padding: 10px 0;
}
#pricecalc {
	position: relative;
	top: 0;
	left: 0px;
	margin: 0 auto 0 auto;
	padding: 10px 0px 10px 0px !important;
	text-align: left;
}
#pricecalc fieldset {
	border: none !important;
	margin-left: -10px;
}
#pricecalc fieldset h3 {
	border: none !important;
	margin-left: 10px;
}
#totalPrice {
	margin: 0 auto;
}
#pricecalc .estimateReminder {
	font-size: .9em;
	max-width: 93%;
	margin-left: 10px;
}
.content-bkg {
    width: 80%;
	box-shadow: 1px 1px 2px 2px #666;
	left: -2px;
}
.content-bkg-narrow {
	width: 80%;
	box-shadow: 1px 1px 2px 2px #666;
	left: -2px;
}
.content-bkg-small {
	width: 80%;
	box-shadow: 1px 1px 2px 2px #666;
	left: -2px;
}
#loading {
	top: 10px;
}
#logo {
	text-align: center;
}
#logoPic {
	margin: 4px auto -20px auto;
	text-align: center;	
	max-width: 80%
}
#sloganPic {
	float: none;
	text-align: center;
	margin: 10px auto 10px auto;
	max-width: 100%;
}
#menuNav {
	list-style: none;
	text-align: center;
	width: 190px;
	letter-spacing: 0px;
	z-index: 10;
	overflow: visible;
	margin: 0 auto 0 auto;
	top: 6px;	
}
#menuNav li {
	margin: 2px !important;
	width: 150px;
	height: 60px;
	display: inline-block !important;
}
#menuNav ul li a {
	list-style: none;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1;
}
.content p, .content-bkg p, .content-bkg-narrow p, .content-bkg-small p {
	width: 100%;
	padding: 2px;
}
.contentLinks a {
	font-size: 5vw;
}
#floater {
	top: -4%;
	left: 50%;
	margin-left: 25%;
	max-width: 190px;
	max-height: 190px;
	width: 35%;
	height: 35%;
}
#floater2 {
	bottom: 18%;
	right: 50%;
	margin-right: 18%;
	max-width: 250px;
	max-height: 250px;
    width: 40%;
	height: 40%;
	transform: rotate(50deg);
	background-image:url(../images/floatflower.png);
}
#return-to-top {
    right: 0px;
	}
#bkg-right {
	position: fixed;
	top: 0;
	right: 0;
	background-image: url(../images/bkg-r.jpg);
	background-repeat: repeat;
	background-size: 182px 108px;
	width:50%;
	height:100%;
	overflow: hidden;
	z-index: 1;	
}
#bkg-left {
	position: fixed;
	top: 0;
	left: 0;
	background-image: url(../images/bkg-l.jpg);
	background-repeat: repeat;
	background-size:  168px 168px;
	width:50%;
	height:100%;
	overflow: hidden;
	z-index: 1;	
}
#center-run {
	position:fixed;
	height:100%;
	width: 100%;
	margin: 0 auto 0 auto;
	background-image:url(../images/center-run.png);
	background-repeat:repeat-y;
	background-position: center;
	overflow: hidden;
	z-index: 2;
}
.portfolioCat {
	font-size: 1em !important;
	font-weight: bold;
	letter-spacing: 8px;
	text-align: center !important;
	margin: 2% 0 2% 0;
}
#login {
	width: 160px;
	position: relative;
	left: -10px;
}
.loginBtn, .helpBtn {
	width: 70px;
}
#signOut, #signOut2  {
	text-align: center !important;
}
#introMovie {
	height: 200px;
}
.aboutLogo {
margin: 5px 5px -12px 5px;
width: 70px;
height: 70px;
text-align: center;
}

.aboutPic {
	width: 85px;
	height: 102px;
}

#contact ul {
	width: 90%;
}
#contact li {
	width: 95%;
}
#contactForm {

}
.contactbtn {
margin: -20px 0 0 0;

}
.contactbtn2 {
	margin: 30px 0 0 0;
}
#Name, #EmailFrom, #Confirm, #Company {
	width: 84%;
}
#Subject {
	width: 84%;
}
#Message {
	width: 90%;
	min-width: 160px;
	margin-left: 0px;
}
.g-recaptcha {
}
.nextPage {
	padding: 40px 5px 40px 5px;
	min-height: 450px;
	text-align: center;
}
#content-faq p {
	padding-bottom: 60px;
	position: relative;
	left: 5px;
	z-index: 10;
	max-width: 95%;
}
.content-bkg .contentLinks {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.content-bkg .contentLinks a {
	font-size: 1em;
	text-align: center;
	padding: 5px;
	margin: 0 auto;
}
.contentLinks a {
	margin: 0 10px 10px 10px;
	font-size: 5vw;
}
#content-faq {
max-width: 76%;
left: 0px !important;
}
#lowerLeft {
	max-height: 60%;
}
h2 { 
	font-size: 1.5em !important;
}
h1, .h1, h3, .h3 {
	font-size: 1.5em;
}
#slideart h1 {
	font-size: 1.5em;
}
#footer {
}
#footerMenu {
	line-height: 30px;
	width: 75%;
	margin: 0 auto 30px auto;
}
#footerMenu a {
}
#copyright {
min-height: 50px;
width: 75%;
margin: 0 auto;
position: relative;
left: -10px;
}

#servicesNav li a {
	min-height: 20px;
	font-size: inherit;
	padding-top: 20px;
}
#servicesNav li {
	text-align: center !important;
}
.addPadding {
	line-height: 40px;
}
.centerBold {
	font-size: .8em !important;	
}
}
@media screen and (min-width:400px) and (max-width: 799px) {
html, body {
	font-size: .95em;
	font-weight: 400; 
	letter-spacing: 1.1px;
	line-height: 18px;
	text-align: left;
}
#main {
	
}
#loading {
    top: 10px;
}
#logo {
	position: relative;
	top: 0;
	left: -4px;
	text-align: center;
}
#logoPic {
	margin: 8px auto -20px auto;
	max-width: 150px;
	max-height: 150px;
	text-align: left;
	padding: 0 0 0 4px;
}
#sloganPic {
	margin: 8px 10px;
	max-width: 95%;
	text-align: center;	
	float: none;
}
#menuNav {
	position: relative;
	list-style: none;
	text-align: center;
	width: 340px;
	letter-spacing: 0px;
	z-index: 10;
	overflow: visible;
	margin: 0 auto 0 auto;
	top: 6px;
}
#menuNav li {
	margin: 1px !important;
	width: 150px;
	height: 60px;
	display: inline-block !important;
}
#menuNav ul li a {
	list-style: none;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1;
}
#introMovie {
	height: 320px;
}
.aboutLogo {
margin: -4px 5px -14px 5%;
}
.aboutPic {

}
.content {
	width: 100%;
	text-align: left;
}
.content-bkg {
	width: 72%;
}
.content-bkg-narrow {
	width: 68%;
}
.content-bkg-small {
	width: 64%;
}
.content p, .content-bkg p, .content-bkg-narrow p, .content-bkg-small p {
	margin: 10px 4% 10px 4%;
}
.contentLinks {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.contentLinks a {
	font-size: 1.3em;
	text-align: center;
	padding: 10px;
	margin: 0 auto;
}
#slideart, #content-faq, #pricing {
	width: 72%;
}
.portfolioCat {
	font-size: 1em !important;
	font-weight: bold;
	letter-spacing: .85em;
	text-align: center !important;
	margin: 2% 0 2% 0;
}
#floater {
	top: 0%;
	left: 60%;
	margin-left: 20%;
	max-width: 200px;
	max-height: 200px;
	width: 24%;
	height: 24%;
}
#floater2 {
	bottom: 5%;
	right: 70%;
	margin-right: 7%;
	max-width: 250px;
	max-height: 250px;
	width: 28%;
	height: 28%;
	transform: rotate(50deg);
	background-image:url(../images/floatflower.png);
}
#content-faq p {
	padding:  5px 10% 90px 10% !important;
	position: relative;
	left: 5px;
	z-index: 10;
}
#lowerLeft {
	max-height: 60%;
	max-width: 40%;
}
#copyright {
	margin: 0 auto 20px;
	max-width: 80%;
}
.nextPage {
	padding: 40px 5px 80px 5px;
	min-height: 200px;
}
#contact ul {
	width: 90%;
}
#contact {
width: 90%;
}
#contactForm {
}
#Name, #EmailFrom, #Confirm, #Company {
	width: 170px;
}
#Subject {
	width: 250px;
}
#Message {
}
#footer {
	left: 5px;
}
#footerMenu {
	line-height: 30px;
	font-size: .85em;
	margin: 0 auto 0px auto;
	width: 70%;
}
#copyright {
	width: 100%;
	margin: 0 auto;
}
#servicesNav li {
}
.addPadding {
	line-height: 40px;
}
#slideart h1 {
	font-size: 1.5em;
}
}
@media screen and (min-width:800px) and (max-width: 1199px) {
#loading {
    top: 10px;
}
#glass {
	width: 80%;
	margin-left: -40%;
}
#logo {
	position: relative;
	top: 0;
	left: -4px;
	text-align: center;
}
#logoPic {
	margin: 15px 50px 0px 0px;
	width: 125px;
	max-width: 125px;
	max-height: 125px;
	text-align: left;
}
#sloganPic {
	margin: 55px auto 0 auto;
	max-width: 70%;
	width: 400px;
	}
#menuNav {
	position: relative;
	top: 6px;
	left: 0px;
	list-style: none;
	text-align: center;
	width: 100%;
	letter-spacing: 0px;
	z-index: 10;
	overflow: visible;
	margin: 0 auto 10px auto;
}
#menuNav li {
	margin: 1px !important;
	width: 150px;
	height: 60px;
	display: inline-block !important;
}
#menuNav ul li a {
	list-style: none;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1;
}
#main {
}
#content-faq, .content-bkg, #slideart {
	width: 74%;
}
.content-bkg-narrow {
	width: 68%;
}
.content-bkg-small {
	width: 60%;
}
.content p {
	margin: 10px 9% 10px 9%;
}
.content-bkg p {
	margin: 10px 6% 10px 6%;
}
.contentLinks a {
	font-size: 1.2em;
}
#introMovie {
	height: 420px;
}
.aboutLogo {
margin: -4px 5px -14px 6%;
}
.aboutPic {}

#floater {
	top: 15%;
	left: 60%;
	margin-left: 23%;
	max-width: 200px;
	max-height: 200px;
	height: 20%;
	width: 20%;
}
#floater2 {
	bottom: 5%;
	right: 60%;
	margin-right: 18%;
	max-width: 300px;
	max-height: 300px;
	height: 27%;
	width: 27%;
	transform: rotate(15deg);
}
.nextPage {
	padding: 40px 5px 5% 5px;
	min-height: 200px;
}
#lowerLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 !important;
	margin: 0 !important;
	width: 60%;
	max-width: 250px;
	max-height: 80%;
	z-index: 5;
}
#contactWrap {
width: 90%;
}
#contact ul {
	width: 100%;
}
#contact {
}
#contactForm {

}
#Name, #EmailFrom, #Confirm, #Company {
	width: 250px;
}
#Subject {
	width: 350px;
}
#Message {
}
#pricing {
width: 74%
}
#slideart h1 {
	font-size: 1.7em;
	margin-bottom: 15px;
}
#portfolioList img, .portfolioList img {
	width: 90px;
	height: 90px;
}
}
@media screen and (min-width:1200px) {
#glass {
	width: 800px;
	margin-left: -400px;
}
#logo {
	margin: 8px 15px 0px 0;
	width: 90%;
	min-height: 115px;
	height: auto;
	text-align: left;
}
#logoPic {
	margin: 8px 0 -15px 40px;
	width: 50%;
	max-width: 150px;
	max-height: 150px;
	text-align: left;
}
#sloganPic {
	float: right;
	margin: 60px 0 0 0;
	max-width: 66%;
	text-align: right;
}
#logo h1 {
	float: right;
	font: 30px/28px 'Painty_Paint', Times New Roman, Times, serif;
	margin: 30px 0px 0px 0px;
	letter-spacing: 1px;
	color: #000;
}
#menuNav {
	position: relative;
	top: 6px;
	list-style: none;
	text-align: center;
	width: 100%;
	letter-spacing: 0px;
	z-index: 10;
	overflow: visible;
	margin: 0 auto 10px auto;
}
#menuNav li {
	margin: 0 10px 0 10px !important;
	width: 150px;
	height: 60px;
	display: inline-block !important;
}
#menuNav ul li a {
	list-style: none;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1;
}
.content p {
	margin: 10px 5% 10px 5%;
}
.content-bkg p, .content-bkg-small p, .content-bkg-narrow p, .content p {
	margin: 10px 5% 10px 7%;
}
.contentLinks a {
	font-size: 1.2em;
}
#introMovie {
	height: 420px;
}
.aboutLogo {

}
.aboutPic {

}
.nextPage {
	padding: 40px 5px 5% 5px;
	min-height: 200px;
}
#sb-nav-expand {
	display: none !important;
}
#lowerLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 !important;
	margin: 0 !important;
	width: 60%;
	max-width: 250px;
	max-height: 80%;
	z-index: 5;
}
#contact ul {
	width: 700px;
}
#contactForm {
}
#Name, #EmailFrom, #Confirm, #Company {
	width: 280px;
}
#Subject {
	width: 450px;
}
#Message {
	width: 600px;
}
#portfolioList img, .portfolioList img {
	width: 100px;
	height: 100px;
}
}
@media screen and (min-width:1600px){
#bkg-right {
	position: fixed;
	top: 0;
	right: 0;
	background-image: url(../images/bkg-r.svg);
	background-repeat: repeat;
	background-size: 380px 225px;
	width:50%;
	height:100%;
	z-index: 1;	
}
#bkg-left {
	position: fixed;
	top: 0;
	left: 0;
	background-image: url(../images/bkg-l.svg);
	background-repeat: repeat;
	background-size:  350px 350px;
	width:50%;
	height:100%;
	z-index: 1;	
}
.nextPage {
	min-height: 200px;
}
#slideart h1 {
	font-size: 1.7em;
	margin-bottom: 15px;
}
}
/*Edge*/
@supports ( -ms-accelerator:true ) 
{
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}