html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,nav,footer,header,figure{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
strong {font-weight:bold;}
p {margin-bottom:20px;}
@font-face {
font-family: 'futura_md_btbold';
src: url('futubd__-webfont.eot');
src: url('futubd__-webfont.eot?#iefix') format('embedded-opentype'),
url('futubd__-webfont.woff') format('woff'),
url('futubd__-webfont.ttf') format('truetype'),
url('futubd__-webfont.svg#futura_md_btbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'futura_lt_btlight';
src: url('futura-webfont.eot');
src: url('futura-webfont.eot?#iefix') format('embedded-opentype'),
url('futura-webfont.woff') format('woff'),
url('futura-webfont.ttf') format('truetype'),
url('futura-webfont.svg#futura_lt_btlight') format('svg');
font-weight: normal;
font-style: normal;
}
body {font-family: Arial, Helvetica, sans-serif;}
.clear {clear:both}
a {color:#9F0000}
em {font-style:italic;}
figure {}
.red {color:#e40000}
nav {font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.35em;text-transform:uppercase;height:64px;position:fixed;top:0;z-index:1000;background:#FFF;width:100%;}
nav ul {list-style:none;float:right;margin-right:20px;}
nav li {float:left;display:block;padding:0 15px;line-height:59px;height:64px; }
nav li a {display:block;color:#333;text-decoration:none;border-top: 5px solid;border-color:#FFF;
-webkit-transition: border-color .8s ease;
-moz-transition: border-color .8s ease;
-o-transition: border-color .8s ease;
-ms-transition: border-color .8s ease;
transition: border-color .8s ease; }
nav li a:hover {border-top:5px solid;border-color:#e40000;}
nav li a.current {border-top:5px solid #e40000}
#logo-home {display:inline;float:left;margin-left:20px;height:64px;width:77px;line-height:64px;}
#logo-home img {margin-top:7px;}
#content {background:url(../images/main-background.jpg) top center fixed no-repeat #f9f9f9;padding-top:30px;}
#content h1, .header-image h1 {font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;color:#333;font-size:2.25em;text-transform:uppercase;text-align:center;line-height:180px;}
#content h1 span {font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.header-image h1 {color:#FFF;text-shadow: 0 1px 1px #000;}
/* HOME PAGE */
#main-image {margin-top:64px;background:url(../images/home-image-large.jpg) center 70% scroll no-repeat;background-size:1698px 1131px;height:541px;overflow:hidden;}
#home-content {max-width: 1752px;margin:0 auto;}
#home-text {position:absolute;top:20%;margin:0 auto;width:40%;background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.7);left:10%;}
#home-text h1 {font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;font-size:2.25em;text-transform:uppercase;text-align:center;padding-top:20px;}
#home-text p {padding:20px 50px;font-size:1em;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;}
#home-contact {position:absolute;background: rgb(255, 255, 255);background: rgba(228, 0, 0, 0.8);padding:15px;width:250px;margin-right:10%;right:0;top:20%;}
#home-contact h3 {font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;font-size:1.25em;color:#FFF;}
#home-contact p {color:#fff;}
#home-contact p, #home-contact input, #home-contact select {font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;margin:8px 0;}
#home-contact input#submit {background-image:none;text-indent:0;border:0;background-color:#FFF;color:#e40000;padding:0 8px;}
.home-highlights {width:31%;float:left;padding-top:20px;margin:0 1%;margin-bottom:20px;}
.home-highlights h2 {font-family:'futura_md_btbold', "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.6em;text-transform:uppercase;margin-bottom:15px;margin-left:10px;}
.home-highlights p {font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.6em;}
.home-highlights span {color:#e40000;}
/* ------------ */
/* SERVICES */
body#services-page .header-image {background:url(../images/services-page.jpg) no-repeat top left;background-size:100% auto;height:180px;overflow:hidden;margin-top:64px;}
.web-services {margin:0 auto;max-width:1380px;}
.web-services h2 {font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;font-size:2em;color:#666666;margin-bottom:20px;text-indent:35px;line-height:1em}
.web-services span {color:#e40000;}
#web-design, #web-development, #web-maintenance, #web-hosting, #web-mobile, #web-wordpress, #who-is-rid, #rid-started, #why-rid{width:31%;margin:0 1%;float:left;font-size:.8em;color:#333;}
#web-design h2 {background:url(../images/web-services-headers.png) top left no-repeat;}
#web-development h2 {background:url(../images/web-services-headers.png) left -39px no-repeat;}
#web-maintenance h2 {background:url(../images/web-services-headers.png) left -78px no-repeat;}
#web-hosting h2 {background:url(../images/web-services-headers.png) left -130px no-repeat;}
#web-mobile h2 {background:url(../images/web-services-headers.png) left -169px no-repeat;}
#web-wordpress h2 {background:url(../images/web-services-headers.png) left -208px no-repeat;}
#web-design ul {list-style:none;margin-bottom:20px;}
#web-design ul li {background:url(../images/list-icon.png) no-repeat left center;margin-left:15px;padding-left:25px;line-height:1.4;}
#process {margin:20px auto 0; auto;max-width:1380px;}
.process {width:20%;height:162px;display:block;float:left;font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;font-size:1.9em;color:#e40000;text-align:center;margin-bottom:20px;text-shadow: -2px 0 #FFF, 0 2px #FFF, 2px 0 #FFF, 0 -2px #FFF;text-transform:uppercase;-webkit-transition: text-shadow .5s ease;
-moz-transition: text-shadow .5s ease;
-o-transition: text-shadow .5s ease;
-ms-transition: text-shadow .5s ease;
transition: text-shadow .5s ease; }
.process:hover {text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;}
.process h3 {padding-top:90px;}
.next-process {width:5%;min-width:52px;display:block;float:left;background:url(../images/design-process.png) no-repeat center -648px;height:162px;}
#process-1 {background:url(../images/design-process.png) center top no-repeat;}
#process-2 {background:url(../images/design-process.png) center -162px no-repeat;}
#process-3 {background:url(../images/design-process.png) center -324px no-repeat;}
#process-4 {background:url(../images/design-process.png) center -486px no-repeat;}
.process-hover {display:block;opacity:0;position:relative;bottom:155px;margin:0 auto;font-size:.4em;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;text-align:left;text-shadow:none;color:#555;width:150px;color:#444;padding-bottom:20px;background:url(../images/process-hover-bottom.png) center bottom no-repeat scroll;-webkit-transition: opacity .6s ease;
-moz-transition: opacity .6s ease;
-o-transition: opacity .6s ease;
-ms-transition: opacity .6s ease;
transition: opacity .6s ease;cursor:default;}
.process:hover .process-hover {opacity:1;}
.process-hover h5 {font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;font-size:1.25em;margin-bottom:10px;text-align:center;}
.process-hover ul {list-style:none;background-color:#FFF;padding:10px;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;}
#print-description {text-align:center;color:#333;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;max-width:1380px;margin:0 auto;}
#print-services {max-width:1380px;margin:20px auto;}
.print-section {display:block;float:left;margin:0 1%;}
#business-cards {width:18%;}
#brochures {width:22%}
#post-cards, #letterheads {width:15%}
#flyers {width:12%}
.print-section h3 {color:#e40000;font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;font-size:1.3em;display:block;width:auto;margin:10px;}
.print-section p {font-size:.8em;padding:10px;color:#333}
/* ------------ */
/* ABOUT */
body#about-page .header-image {background:url(../images/about-page.jpg) no-repeat top center;background-size:100% auto;height:180px;overflow:hidden;margin-top:64px;}
#about-content {margin:0 auto;max-width:1380px;}
#about-content h2 {color:#333;font-size:2em;font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;margin-bottom:30px;padding-left:55px;line-height:1em;}
#who-is-rid h2 {background:url(../images/about-page-headers.png) no-repeat top left;background-size: 50px auto /* 100/2 = 50px */; }
#rid-started h2{background:url(../images/about-page-headers.png) no-repeat left -62px;background-size: 50px auto /* 100/2 = 50px */;}
#why-rid h2{background:url(../images/about-page-headers.png) no-repeat left -122px;background-size: 50px auto /* 100/2 = 50px */;}
#testimonials h2{background:url(../images/about-page-headers.png) no-repeat left -190px;background-size: 50px auto /* 100/2 = 50px */;}
#testimonials {padding-bottom:20px;}
#testimonials p {background:url(../images/quote.png) no-repeat top left;background-size: 43px auto /* 86/2 = 43px */; font-size: .8em;font-family:Arial, Helvetica, sans-serif;margin:0 2%;padding-top:15px;padding-left:45px;}
#testimonials p em {}
#testimonials p span {margin:5px;display:block;margin-left:10px;color:#999}
/* ----------- */
/* EMAIL MARKETING */
body#email-marketing-page .header-image {background:url(../images/email-marketing.jpg) no-repeat top center;background-size:100% auto;height:180px;overflow:hidden;margin-top:64px;}
/* ----------- */
/* PORTFOLIO */
body#portfolio-page .header-image {background:url(../images/portfolio-page.jpg) no-repeat bottom center;background-size:100% auto;height:180px;overflow:hidden;margin-top:64px;}
#portfolio-container {margin:0 auto;max-width:1380px;text-align:center;}
.web-project {width:340px;margin-right:2px;display:inline-block;margin-bottom:20px;overflow:hidden;text-transform:none;}
.web-project img {border:5px solid #FFF;position:relative;z-index:25;
-webkit-transition: border .6s ease;
-moz-transition: border .6s ease;
-o-transition: border .6s ease;
-ms-transition: border .6s ease;
transition: border .6s ease;}
.web-project img:hover {border:5px solid #CCC;}
.web-project p {display:block;position:relative;z-index:50;top:200px;font-size:.8em;padding:10px;margin-left:5px;text-align:left;margin-right:5px;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF;margin-bottom:-55px;opacity:0;-webkit-transition: opacity .6s ease;
-moz-transition: opacity .6s ease;
-o-transition: opacity .6s ease;
-ms-transition: opacity .6s ease;
transition: opacity .6s ease;height:60px;
}
.web-project:hover p{opacity:1;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);text-transform:none;}
.web-project p span {display:block;text-transform:uppercase;font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;}
.web-project p a {color:#FFF;}
#portfolio-container h2 {margin:0 10% 20px 10%;}
#portfolio-container h2 span {color:#e40000;}
/* ----------- */
/* CONTACT */
body#contact-page .header-image {background:url(../images/contact-page.jpg) no-repeat center center;background-size:100% auto;height:180px;overflow:hidden;margin-top:64px;}
#email-phones, #message-form {font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;display:block;}
#email-phones {margin:0 1%;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;float:left;width:auto;}
#email-phones a {color:#e40000;text-decoration:none;}
#email-phones h3 {font-size:1.25em;width:auto;display:block;color:#e40000;margin:15px 0;}
#email-phones span {font-size:1.25em;display:block;font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;margin-bottom:5px;color:#666;text-transform:uppercase;}
#message-form {width:75%;float:left;margin:20px 0 30px 20px;}
#message-form h3, #portfolio-container h2 {font-size:1.25em;display:block;font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;text-transform:uppercase;color:#666;}
#message-form p {margin-bottom:15px;}
#form {width:auto;margin:0 auto;display:table;margin-right:20px;padding-bottom:20px;}
#form div {font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;text-transform:uppercase;color:#555;}
.contact-left {display:table-cell;width:48%;margin-bottom:10px;float:left;}
.contact-right {display:table-cell;width:48%;margin-bottom:10px;float:right;}
#form input, #payment-form input {padding:5px;float:right;width:65%;height:19px;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;border:#CCC solid 1px;none;text-indent:40px;-webkit-transition: background-color .6s ease;
-moz-transition: background-color .6s ease;
-o-transition: background-color .6s ease;
-ms-transition: background-color .6s ease;
transition: background-color .6s ease;}
#form input#name {background:url(../images/contact-form-icons.png) left top no-repeat;}
#form input#name:hover {background-color:#FFF}
#form input#email {background:url(../images/contact-form-icons.png) left -31px no-repeat;}
#form input#email:hover {background-color:#FFF}
#form input#company {background:url(../images/contact-form-icons.png) left -62px no-repeat;}
#form input#company:hover {background-color:#FFF}
#form input#website {background:url(../images/contact-form-icons.png) left -93px no-repeat;}
#form input#website:hover {background-color:#FFF}
#form input#timeline {background:url(../images/contact-form-icons.png) left -124px no-repeat;}
#form input#timeline:hover {background-color:#FFF}
#form input#budget {background:url(../images/contact-form-icons.png) left -155px no-repeat;}
#form input#budget:hover {background-color:#FFF}
.how-did-you-hear {margin:20px 0 10px;}
#form .how-did-you-hear input {float:none;width:auto;}
#text-box {margin-top:15px;}
.text-label {float:left;width:22%}
#form textarea {float:left;width:65%;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;border:#CCC solid 1px;padding:5px;background:none;-webkit-transition: background-color .6s ease;
-moz-transition: background-color .6s ease;
-o-transition: background-color .6s ease;
-ms-transition: background-color .6s ease;
transition: background-color .6s ease;height:70px;}
#form textarea:hover {background-color:#fff}
#form input.securitytext {padding:0;width:auto;text-indent:0;float:left;height:20px;border:1px solid #e40000;background:none;padding:5px;font-size:1.2em}
#submit-form {margin-top:20px;}
input#submit {float:right;height:30px;text-indent:0;width:auto;text-indent:40px;background:url(../images/send-icon.png) left center no-repeat #e40000;color:#FFF;font-family: 'futura_md_btbold', Arial, Helvetica, sans-serif;text-transform:uppercase;cursor:pointer;background-color .6s ease;
-moz-transition: background-color .6s ease;
-o-transition: background-color .6s ease;
-ms-transition: background-color .6s ease;
transition: background-color .6s ease;}
input#submit:hover {background-color:#555;}
#form .form-label {float:left;width:29%;font-size:1em;line-height:2em;}
#submit-form label {width:auto;float:left;margin-right:10px;font-size:1em;line-height:2em;}
.required {font-style:italic;font-size:.8em;}
#formfeedback {font-style:italic;font-size:1.5em;color:#F00}
#formfeedback p {font-size:.7em;}
/* ------------ */
/* PAYMENT */
body#payment-page .header-image h1 {color:#000;}
#payment-form {border:none;width:auto;float:none;height:auto;}
#payment-form div {padding:5px;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;text-align:center;margin-bottom:5px;}
#payment-form input {float:left;height:auto;width:auto;text-indent:0;text-align:left;margin-left:10px;background:none;}
#payment-form select {margin-left:10px;display:block;float:left;}
#payment-form label {float:left;width:49%;text-align:right;}
#payment-section {}
input#paybutton {padding:0;float:none;}
#invoicenum:hover {background:#FFF}
/* ERROR 404 */
body#error-page .header-image {background:url(../images/error404.jpg) no-repeat center top;background-size:100% auto;height:180px;overflow:hidden;margin-top:64px;}
body#error-page #error-content {margin:0 auto;max-width:1380px;text-align:center;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;padding-bottom:40px;padding-left:5%;padding-right:5%;}
#error-content a {font-style:italic;}
#footer-top {background:url(../images/footer-top.png) repeat-x top;height:19px;position:relative;margin-top:-19px;z-index:200}
footer{max-width:1380px;background:#FFF;padding-top:30px;color:#333;margin:0 auto 20px auto;line-height:1.5;}
#footer-1, #footer-2, #footer-3 {width:31%;float:left;border-top: 5px solid #e40000;padding-top:20px;margin:0 1%}
footer h2 {font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.6em;text-transform:uppercase;margin-bottom:15px;margin-left:10px;}
footer p {font-size:.8em;margin-left:10px;}
#services-1, #services-2 {list-style:none;color:#333;font-size:.8em;float:left;width:45%;margin-left:10px;}
#footer-2 li {text-indent:5px;}
#footer-2 li.services-list-title {font-weight:bold;text-indent:0px;}
#footer-3 p {margin-bottom:0}
#footer-3 img {margin:8px}
#bottom-info {font-size:.7em;color:#999;text-align:center;margin-bottom:15px;}
/* RESPONSIVE */
/* Minimum width of 900 pixels. */
@media screen and (max-width: 900px) {
/* HOME */
#home-text {left:3%;width:45%;}
#home-text h1 {font-size:1.8em;}
#home-contact {margin-right:3%;}
.home-highlights h2 {font-size:1.3em;}
.home-highlights p {font-size:1em;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* SERVICES */
.web-services h2 {font-size:1.6em;line-height:1.3em;}
#web-design, #web-development, #web-maintenance, #web-hosting, #web-mobile, #web-wordpress, #who-is-rid, #rid-started, #why-rid{width:31%;margin:0 1%;float:left;font-size:.8em;color:#333;}
/* ABOUT */
#about-content h2 {font-size:1.7em;line-height:1.3em;}
}
/* Minimum width of 780 pixels. */
@media screen and (max-width: 780px) {
#home-text {left:3%;width:45%;}
#home-text h1 {font-size:1.4em;}
#home-text p {padding:20px;}
#home-contact {margin-right:3%;}
.header-image {height:150px !important;}
.header-image h1 {line-height:150px;}
.home-highlights {width:98%;float:none;margin-bottom:30px;}
.home-highlights figure {float:left;margin-right:20px;}
.home-highlights h2 {font-size:1.6em;clear:right;margin-left:260px;font-family:'futura_md_btbold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.home-highlights p {font-size:1.3em;margin-left:260px;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* SERVICES */
.web-services h2 {font-size:1.6em;line-height:1.3em;}
#web-design, #web-development, #web-maintenance, #web-hosting, #web-mobile, #web-wordpress, #who-is-rid, #rid-started, #why-rid{width:31%;margin:0 1%;float:left;font-size:.8em;color:#333;}
.process {width:40%}
/* ABOUT */
#about-content h2 {font-size:1.5em;line-height:1.3em;}
/* CONTACT */
#message-form {width:auto;margin-left:20px;margin-right:20px;}
#form {margin-right:0;}
#email-phones {float:none;}
#email-phones h3 {font-size:1em;text-align:center;}
#message-form h3 {font-size:1.2em;text-align:center;}
}
/* Minimum width of 600 pixels. */
@media screen
and (min-width: 480px)
and (max-width: 720px) {
#home-text {position:relative;clear:both;margin:20px auto;left:auto;width:90%;top:auto;}
#home-text h1 {font-size:1.4em;}
#home-text p {padding:20px;}
#home-contact {position:relative;margin:20px auto;top:0;}
nav {font-size:1em;}
nav li {padding:0 10px;}
.header-image {height:100px !important;}
#content h1, .header-image h1 {line-height:100px}
.home-highlights {width:98%;float:none;margin-bottom:30px;}
.home-highlights figure {float:left;margin-right:20px;}
.home-highlights h2 {font-size:1.3em;clear:right;margin-left:260px;font-family:'futura_md_btbold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.home-highlights p {font-size:1.1em;margin-left:260px;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* SERVICES */
#web-design, #web-development, #web-maintenance, #web-hosting, #web-mobile, #web-wordpress, #who-is-rid, #rid-started, #why-rid {width:94%;margin:0 3%;float:none;color:#333;}
#process, #process-header {display:none;}
#print-description p {font-size:.8em;margin-left:4%;margin-right:4%;}
#print-services {max-width:none;margin:10px auto;}
.print-section {float:none;}
#print-services div {width:98%;}
/* FOOTER */
#footer-1, #footer-2, #footer-3 {width:98%;float:none;padding-top:20px;margin:0 auto;border-top:none;}
#footer-2 .clear {margin-bottom:20px;}
footerh2 {margin-bottom:10px;}
#footer-1 {border-top: 5px solid #e40000;margin-top:20px;}
}
/* iPads (portrait and landscape) ----------- */
@media screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
/* iPad SERVICES */
.web-services h2 {font-size:1.7em;margin-bottom:10px;line-height:1.2em;margin-top:10px;}
#print-description p {font-size:.8em;margin-left:4%;margin-right:4%;}
#print-services {max-width:none;margin:10px auto;}
.print-section {float:none;}
#print-services div {width:98%;}
#web-design, #web-development, #web-maintenance, #web-hosting, #web-mobile, #web-wordpress, #who-is-rid, #rid-started, #why-rid{width:94%;margin:0 3%;float:none;color:#333;}
/* iPad MOBILE */
#message-form {width:auto;float:none;margin-bottom:30px;margin-left:20px;}
#message-form h3 {font-size:1.2em}
#form .form-label, .text-label, #submit-form label, input#submit {float:none;width:auto;display:block;}
#form input {float:none;width:96%;}
input#submit {clear:both;margin-top:10px;width:auto}
}
/* Smartphones (portrait and landscape) ----------- */
@media screen
and (min-width: 320px)
and (max-width: 480px) {
/* Styles */
#logo-home {display:block;float:none;height:64px;text-align:center;width:auto;}
nav {font-size:.9em;height:64px;width:100%;position:relative;top:inherit;}
nav ul {list-style:none;float:none;margin: 0 auto;}
nav li {float:none;display:inline-block;text-align:center;padding:0;line-height:59px;height:64px;background:#FFF;width:24%; }
.header-image h1 {line-height:2em;}
#content h1 {font-size:1.5em;line-height:3em;}
/* MOBILE HOME */
#main-image {margin-top:64px;background:url(../images/home-image-mobile.jpg) center bottom scroll;background-size:600px auto;height:244px;overflow:hidden;}
#home-text {margin:0 10px;width:auto;left:auto;top:20px;position: relative;}
#home-text h1 {font-size:1.25em;padding-top:15px;}
#home-text p {padding:5%;font-size:.95em;}
#home-contact {display:none;}
.home-highlights {width:98%;float:none;margin-bottom:30px;}
.home-highlights figure {float:none;text-align: center;}
.home-highlights h2 {font-size:1.3em;margin:0 1%;font-family:'futura_md_btbold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.home-highlights p {font-size:1.1em;margin:0 1%;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* MOBILE SERVICES */
body#services-page .header-image {background:url(../images/services-page-mobile.jpg) no-repeat top left;height:auto !important;}
.web-services h2 {font-size:1.7em;margin-bottom:10px;line-height:1.2em;margin-top:10px;}
#process, #process-header {display:none;}
#print-description p {font-size:.8em;margin-left:4%;margin-right:4%;}
#print-services {max-width:none;margin:10px auto;}
.print-section {float:none;}
#print-services div {width:98%;}
#web-design h2 {background:url(../images/web-services-headers-mobile.png) top left no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-development h2 {background:url(../images/web-services-headers-mobile.png) left -39px no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-maintenance h2 {background:url(../images/web-services-headers-mobile.png) left -78px no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-hosting h2 {background:url(../images/web-services-headers-mobile.png) left -130px no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-mobile h2 {background:url(../images/web-services-headers-mobile.png) left -169px no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-wordpress h2 {background:url(../images/web-services-headers-mobile.png) left -206px no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-design ul li {background:url(../images/list-icon-mobile.png) no-repeat left center;background-size: 18px auto /* 36/2 = 18px */;}
/* MOBILE FOOTER */
#footer-1, #footer-2, #footer-3 {width:98%;float:none;padding-top:20px;margin:0 auto;border-top:none;}
#footer-2 .clear {margin-bottom:20px;}
footerh2 {margin-bottom:10px;}
#footer-1 {border-top: 5px solid #e40000;margin-top:20px;}
/* MOBILE ABOUT */
#web-design, #web-development, #web-maintenance, #web-hosting, #web-mobile, #web-wordpress, #who-is-rid, #rid-started, #why-rid{width:94%;margin:0 3%;float:none;font-size:.8em;color:#333;}
body#about-page .header-image {background:url(../images/about-page-mobile.jpg) no-repeat top center;height:auto !important;}
#about-content h2 {font-size:1.8em;margin-bottom:20px;}
/* MOBILE PORTFOLIO */
body#portfolio-page .header-image {background:url(../images/portfolio-page-mobile.jpg) no-repeat bottom center;height:auto !important;}
.web-project {width:300px;overflow:hidden;}
.web-project img {width:290px;height:auto;}
.web-project p {font-family:Arial, Helvetica, sans-serif;font-size:.7em;margin-bottom:-45px;}
.web-project p span {font-size:1.3em;}
#portfolio-container h2 {font-size:.9em;margin:0 5% 15px 5%;}
/* MOBILE CONTACT */
body#contact-page .header-image {background:url(../images/contact-page-mobile.jpg) no-repeat center center;background-size:100% auto;height:auto !important;}
#email-phones {float:none;}
#email-phones h3, #message-form h3 {font-size:1em;text-align:center;}
#form {margin:0 auto;}
#message-form {width:96%;float:none;margin:0 2%;}
.how-did-you-hear {font-size:.9em;}
.contact-left, .contact-right {float:none;display:block;width:auto;}
#form .form-label, .text-label, #submit-form label, input#submit {float:none;width:auto;display:block;}
#form input {float:none;width:96%;}
input#submit {clear:both;margin-top:10px;width:auto}
#form input#name {background:url(../images/contact-form-icons-mobile.png) left top no-repeat;background-size: 39px auto /* 78/2 = 39px */;}
#form input#email {background:url(../images/contact-form-icons-mobile.png) left -31px no-repeat;background-size: 39px auto /* 78/2 = 39px */;}
#form input#company {background:url(../images/contact-form-icons-mobile.png) left -62px no-repeat;background-size: 39px auto /* 78/2 = 39px */;}
#form input#website {background:url(../images/contact-form-icons-mobile.png) left -93px no-repeat;background-size: 39px auto /* 78/2 = 39px */;}
#form input#timeline {background:url(../images/contact-form-icons-mobile.png) left -124px no-repeat;background-size: 39px auto /* 78/2 = 39px */;}
#form input#budget {background:url(../images/contact-form-icons-mobile.png) left -155px no-repeat;background-size: 39px auto /* 78/2 = 39px */;}
/* MOBILE EMAIL MARKETING */
body#email-marketing-page .header-image {background:url(../images/email-marketing-mobile.jpg) no-repeat top center;background-size:100% auto;height:auto !important;}
/* PAYMENT MOBILE */
#payment-page #content {margin-top:64px;}
#payment-form div {text-align:left;}
#payment-form input {float:none;display:block;}
#payment-form select {float:none;}
#payment-form label {float:none;text-align:center;width:auto;}
/* ERROR PAGE */
body#error-page .header-image {background:url(../images/error404-mobile.jpg) no-repeat center top;height:160px;}
}
@media screen
and (min-width: 229px)
and (max-width: 319px) {
/* Styles */
#logo-home {display:block;float:none;height:64px;text-align:center;width:auto;}
nav {font-size:1.2em;height:64px;width:100%;position:relative;top:inherit;}
nav ul {list-style:none;float:none;margin: 0 auto;}
nav li {float:none;display:inline-block;text-align:center;padding:0;line-height:59px;height:64px;background:#FFF;width:100%;border-top:1px solid #f3f3f3;}
nav li a:hover {color:#e40000;border-color:#FFF;}
nav li a.current {color:#e40000;font-weight:bold;border-top:none;}
.header-image h1 {line-height:2em;}
#content h1 {font-size:1.2em;line-height:1em;}
/* MOBILE HOME */
#main-image {margin-top:64px;background:url(../images/home-image-mobile.jpg) center bottom scroll;background-size:600px auto;height:400px;overflow:hidden;}
#home-text {top:220px;margin:0 10px;width:auto;left:auto;}
#home-text h1 {font-size:1.25em;padding-top:15px;}
#home-text p {padding:5%;font-size:.75em;font-family:Arial, Helvetica, sans-serif}
#home-contact {display:none;}
.home-highlights figure {float:none;text-align: center;}
.hoom-highlights figure img {width:98%}
.home-highlights h2 {font-size:1.1em;margin:0 1%;font-family:'futura_md_btbold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.home-highlights p {font-size:.9em;margin:0 1%;font-family:'futura_lt_btlight', "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* MOBILE SERVICES */
body#services-page .header-image {background:url(../images/services-page-mobile.jpg) no-repeat top left;height:auto !important;margin-top:260px !important;}
.web-services h2 {font-size:1.7em;margin-bottom:10px;line-height:1.2em;margin-top:10px;text-indent:0;background:none !important;}
#process, #process-header {display:none;}
#print-description p {font-size:.8em;margin-left:4%;margin-right:4%;}
#print-services {max-width:none;margin:10px auto;}
.print-section {float:none;}
#print-services div {width:98%;}
#web-design h2 {background:url(../images/web-services-headers-mobile.png) top left no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-development h2 {background:url(../images/web-services-headers-mobile.png) left -39px no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-maintenance h2 {background:url(../images/web-services-headers-mobile.png) left -78px no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-hosting h2 {background:url(../images/web-services-headers-mobile.png) left -130px no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-mobile h2 {background:url(../images/web-services-headers-mobile.png) left -169px no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
#web-wordpress h2 {background:url(../images/web-services-headers-mobile.png) left -210px no-repeat;background-size: 30px auto /* 60/2 = 30px */;}
/* MOBILE FOOTER */
#footer-1, #footer-2, #footer-3 {width:98%;float:none;padding-top:20px;margin:0 auto;border-top:none;}
#footer-2 .clear {margin-bottom:20px;}
footerh2 {margin-bottom:10px;}
#footer-1 {border-top: 5px solid #e40000;margin-top:20px;}
/* MOBILE ABOUT */
#web-design, #web-development, #web-maintenance, #web-hosting, #web-mobile, #web-wordpress, #who-is-rid, #rid-started, #why-rid{width:94%;margin:0 3%;float:none;font-size:.8em;color:#333;}
body#about-page .header-image {background:url(../images/about-page-mobile.jpg) no-repeat top center;height:auto !important;margin-top:260px !important;}
#about-content h2 {font-size:1.3em;margin-bottom:20px;}
/* MOBILE PORTFOLIO */
body#portfolio-page .header-image {background:url(../images/portfolio-page-mobile.jpg) no-repeat bottom center;height:auto !important;margin-top:260px !important;}
.web-project {width:260px;overflow:hidden;}
.web-project img {width:220px;height:auto;}
.web-project p {font-family:Arial, Helvetica, sans-serif;font-size:.7em;margin-bottom:-45px;}
.web-project p span {font-size:1.3em;}
#portfolio-container h2 {font-size:.9em;margin:0 5% 15px 5%;}
/* MOBILE PORTFOLIO */
body#email-marketing-page .header-image {background:url(../images/email-marketing-mobile.jpg) no-repeat bottom center;height:auto !important;margin-top:260px !important;}
/* MOBILE CONTACT */
body#contact-page .header-image {background:url(../images/contact-page-mobile.jpg) no-repeat center center;background-size:100% auto;height:auto !important;margin-top:260px !important;}
#email-phones {float:none;}
#email-phones h3, #message-form h3 {font-size:1em;text-align:center;}
#form {margin:0 auto;}
#message-form {width:96%;float:none;margin:0 2%;}
#message-form .how-did-you-hear p {text-algin:left !important;font-size:.9em;}
.contact-left, .contact-right {float:none;display:block;width:auto;}
#form .form-label, .text-label, #submit-form label, input#submit {float:none;width:auto;display:block;}
#form input {float:none;width:96%;}
input#submit {clear:both;margin-top:10px;width:auto}
/* PAYMENT MOBILE */
#payment-page #content {margin-top:64px;}
#payment-form div {text-align:left;}
#payment-form input {float:none;display:block;}
#payment-form select {float:none;}
#payment-form label {float:none;text-align:center;width:auto;}
/* ERROR PAGE */
body#error-page .header-image {background:url(../images/error404-mobile.jpg) no-repeat center top;height:auto !important;margin-top:260px !important;}
}