body {background-color: #292929;font-family: 'Open Sans', sans-serif;margin: 0px 0px 0px 0px;}
img {vertical-align: bottom; border: 0px;}
#logo {padding: 30px 20px;position: relative;z-index: 10;background-color: #292929;box-shadow: 0px 0px 30px #000;color: #d59c58;font-weight: 600;}
#banner {background-color: #01171d;}
.banner-scale-webdesign {width:100%;padding-bottom: 5%; background-image:url(../images/top-heads.jpg);background-size:cover;background-position:center;}
.banner-scale-lowcost {width:100%;padding-bottom: 5%;background-image:url(../images/top-train.jpg);background-size:cover;	background-position:center;}
.banner-scale-mobile {width:100%;padding-bottom: 5%; background-image:url(../images/top-bike.jpg);background-size:cover;background-position:center;}
.banner-scale-database {width:100%;padding-bottom: 5%;background-image:url(../images/top-scramble.jpg);background-size:cover;
	background-position:center;}
.banner-scale-networking {width:100%;padding-bottom: 5%;background-image:url(../images/top-clock.jpg);background-size:cover;
	background-position:center;}
.banner-scale-socialmedia {width:100%;padding-bottom: 5%;background-image:url(../images/top-phone.jpg);	background-size:cover;
	background-position:center;}
.banner-scale-email {width:100%;padding-bottom: 5%;	background-image:url(../images/top-typewriter.jpg);background-size:cover;
	background-position:center;}
.banner-scale-bca {width:100%;padding-bottom: 5%; background-image:url(../images/top-buckscounty.jpg);background-size:cover;
	background-position:center;}
.banner-scale-portfolio {width:100%;padding-bottom: 5%;	background-image:url(../images/top-camera.jpg);background-size:cover;
	background-position:center;}
.banner-scale-seo {width:100%;padding-bottom: 5%; background-image:url(../images/top-telescope.jpg);background-size:cover;
	background-position:center;}
.banner-scale-about {width:100%;padding-bottom: 5%;	background-image:url(../images/top-clock2.jpg);
	background-size:cover;background-position:center;}
.banner-scale-contact {width:100%;padding-bottom: 5%;background-image:url(../images/top-typewriterparts.jpg);background-size:cover;background-position:center;}
.banner-scale-webdesign2 {width:100%;background-image:url(../images/top-webdesign.jpg);position: absolute;top: 0px;}
.banner-scale-webdesign .container {padding-top: 40px;text-align: center;}
.banner-scale-webdesign h1 {font-size: 56px;color: #fff;}
#content-row {background-color: #fff;font-size: 1em;line-height: 1.6em;}
#content-row-dark {font-size: 1em;line-height: 1.6em;color: #fff;}
#footer {color: #fff;}
.footer-scale {width:100%;padding-bottom: 5%;background-image:url(../images/footerbackground3.jpg);	background-size:cover;background-position:center;}
.banner-scale-webdesignrow2 {width:100%;padding-bottom: 0%;	background-image:url(../images/footerbackground.jpg);
	background-size:cover;background-position:center;}
img.scalable {height: auto !important;width: auto !important;max-width: 100%;vertical-align: bottom;}
#layout {max-width: 980px;margin: 0px auto;	position:relative;}
.affinity-row {padding: 0px;}
.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 .column-60 {width: 60%;float: left;}
.affinity-row .column-40 {width: 40%;float: left;}
.affinity-row .column-70 {width: 70%;float: left;}
.affinity-row .column-30 {width: 30%;float: left;}
.affinity-row .column-60top {width: 60%;float: left;}
.affinity-row .column-40top {width: 40%;float: left;}
.affinity-row .column-third-footer {width: 33.3333333%;	float: left;}
.affinity-row.sidebar-left .column-1 {width: 76%;float: right;}
.affinity-row.sidebar-left .column-2 {width: 24%;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: 76%;float: left;}
.affinity-row.sidebar-right .column-2 {width: 24%;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 #d69e5b;}
.left-right-border {border-left: 1px solid #000;border-right: 1px solid #000;}
.column-content {line-height: 1.5;	padding: 15px 24px;}
.affinity-row.sidebar-right .column-content,.affinity-row.sidebar-left .column-content,.affinity-row.thirds.full-height .column-content {padding: 30px;}
.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;}
.no-pad-right {padding-right: 0px !important;}
.no-pad-right-left {padding-right: 0px !important;padding-left: 0px !important;}
.padbottom {padding-bottom:30px;}
.align-right {text-align: right;}
.align-center {text-align: center;}
h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif;line-height: normal;margin: 20px 0px 0px 0px;}
h1.lineheading {display:block;background:url(../images/lineheading.gif) repeat-x 0 50%;font-size:2.7em;	padding-bottom:5px;	font-weight:400;text-align:center;}	
h1.lineheading span {padding:0 20px;background: #fff;}
h2 {font-size: 1.6em;text-transform: uppercase;	font-weight: normal;}
h3 {font-family: 'Satisfy', cursive;font-weight: normal;font-size: 1.5em;}
.fancy {font-family: 'Satisfy', cursive;}
.font-large1 {font-size: 1.3em;	line-height: 1.6em;}
a {color: #bd6e0f;text-decoration: none;font-weight: 700;}
a:hover {color: #bd6e0f;text-decoration: underline;}
.more-link a {text-transform: uppercase;font-weight: 700;font-size: .9em;}
b {font-weight: 700;}
.no-margin-top {margin-top: 0px;}
.no-margin-bottom {margin-bottom: 0px;}
.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 0px 0px 24px;}
.learn-more {margin: 30px 0;}
.learn-more a {border: 2px solid #a16b2a;	text-align: center;text-transform: uppercase;font-size: 14px;padding: 15px 20px;	font-weight: 600;color: #fff;text-decoration: none;	background-color: #d69e5b;}
.learn-more a:hover {color: #000;}
.footer-icon {float: left;	margin: -10px 10px 10px 0;}
.footer-icon2 {float: left;	margin: 0px 10px 10px 0;}
.footer-menu {font-size: .95em;	line-height: 1.9em;}
#footer a {color: #fff;	font-weight: 400;}
#footer a:hover {color: #fff;}
.clearfloat {clear: both;}
.font-blue {color: #4190a7;}
.font-brown {color: #bd6e0f;}
.font-small {font-size: .85em;}
.banner-content {padding: 40px 0;text-align: center;}
.banner-webdesign {position:relative;overflow:hidden;}
.banner-webdesign:before,.develop:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;-moz-box-shadow:inset 0 10px 10px -10px #000,inset 0 -10px 10px -10px #000;-webkit-box-shadow:inset 0 10px 10px -10px #000,inset 0 -10px 10px -10px #000;box-shadow:inset 0 10px 10px -10px #000,inset 0 -10px 10px -10px #000;}
.banner-webdesign {background:#01171d url(../images/footerbackground.jpg) top center no-repeat;}
.interior-top1 {font-size: 2.5em;color: #fff;padding: 110px 0;}
.footer-started {font-size: 3em;padding: 40px 0 0 0;text-shadow: 2px 2px 8px #000000;line-height: 1em;font-family: 'Satisfy', cursive;}
.footer-started a:hover {text-decoration: none;	color: #d8a572 !important;}
.quotefield1 {background-color: #ebe9e7;border: 0px solid #60aabf;width: 50%;margin: 5px 0 7px 0;padding: 2px;height: 30px;font-family: 'Open Sans', sans-serif;}
.quotefield2 {height: 129px;background-color: #ebe9e7;border: 0px solid #60aabf;width: 50%;margin: 5px 0 5px 0;}
#quotesubmit {width: 80px;height: 26px;background-color: #d69e5b;border: 0px solid #38899f !important;font-family: 'Open Sans', sans-serif;font-weight: 700;border: 0;color: #000;font-size: .9em;
	border-radius: 12px;-webkit-appearance: none;}
#quotesubmit:hover {cursor:pointer;	background-color: #eeeef0;border: 0;}
.about-sliderwrapper {height: 100%;}
.frame {border: 6px solid #c0ad96;}
.textlist p {line-height:1em;font-size:.9em;}

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 350px) {
	h1.lineheading {display: inherit;background:none;font-size: 1.4em;line-height: 1.4em;padding-bottom: 5px;font-weight: 400;text-align: center;}	
	h2 {font-size: 1.1em;}
	.learn-more a {border: 2px solid #000;text-align: center;text-transform: uppercase;font-size: 10px;	padding: 15px 20px;font-weight: 600;color: #000;text-decoration: none;}
.quotefield1 {width: 90%;}
.quotefield2 {width: 90%;}
.font-large1 {font-size: 1em;}
}
@media only screen and (min-width: 350px) and (max-width: 700px) {
h1.lineheading {display:block;background:url(../images/lineheading.gif) repeat-x 0 50%;font-size:1.7em;line-height:1.7em;padding-bottom:5px;font-weight:400;text-align:center;}	
	h2 {font-size: 1.3em;}
.quotefield1 {width: 90%;}
.quotefield2 {width: 90%;}
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {margin: 0px;}
.p7DMM03.p7DMM.p7dmm-left, .p7DMM03.p7DMM.p7dmm-right {	padding: 0px !important;}
#layout {max-width: none;padding: 0px;}
.column, .column-1, .column-2, .column-3,
.column-half, .column-third, .column-fourth,
.column-fifth, .column-60, .column-40, .column-70, .column-30 {
	float: none !important;	width: auto !important;}
.column-content {height: auto !important;max-height: 888678px;	border: none !important;}
	
}
@media only screen and (min-width: 000px) and (max-width: 960px) {
.column-60top, .column-40top {
	float: none !important;
	width: auto !important;
}
.column-40top {
	text-align: center !important;
}
@media only screen and (min-width: 000px) and (max-width: 880px) {
.column-third-footer {
	float: none !important;
	width: auto !important;
}
.icon-container {
	margin: 0 auto;
	max-width: 300px;
}
.footer-menu {
	text-align: center;
}
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
#layout {max-width: none;}
}