/*
Author: Lissa Pattillo
Author URI: http://www.lissapattillo.com
*/


#shs_slider_cont a.shs_nav { position: absolute !important; z-index: 1 !important; }

body { font-family: Trebuchet MS, Arial, Verdana, sans-serif; font-size: 1em; color: #444444; margin: 0; padding: 15px; -webkit-text-size-adjust: none;
border-top: 30px solid #e74398; background: url('images/bg-circ.jpg') top center; background-repeat: no-repeat;}

a { text-decoration: none; color: #cc1465; }
a:hover { text-decoration: none; color: #e93b86; }

img { border: 0; padding: 0; }

img.alignright {float:right; margin:0 0 1em 0.5em}
img.alignleft {float:left; margin:0 0.4em 0.5em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wrapper { margin: auto; width: 990px; overflow: hidden; }

#header { height: 125px; width: 990px; margin: 10px auto 0 auto; }
#name { float: left; width: 220px; }

#nav { float: right; width: 600px; font-weight: bold; font-size: 1em; margin: 75px -30px 0 0; }
#nav ul { margin: auto; }
#nav li { float: left; padding: 0px 35px 0px 35px; list-style-type: none; }
#nav li:last-child { padding: 0 0 0 30px!important; }
#nav a { color: #2c9de1; font-family: 'Bubblegum Sans', cursive; font-size: 28px; }
#nav a:hover { color: #95cef0; }

#sub-nav { float: right; clear: both; margin: 0 5px 0 0; }
#sub-nav ul { margin: auto; font-size: 20px; }
#sub-nav li { float: left; padding: 0px 20px 0px 20px; list-style-type: none; }
#sub-nav li:last-child { padding: 0 0 0 20px!important; }
#sub-nav a { color: #e74398; font-family: 'Bubblegum Sans', cursive; }
#sub-nav a:hover { color: #f3a1cb; }

.sitepic { float: left; margin: 20px 0 0 0; }

#service-box { float: left; padding: 0 20px 0 20px; }
#service-box ul { margin: 20px 0 0 -10px; }
#service-box li { margin-left: 30px; }
#service-box h3 { margin: 0 0 10px 0; }
#service-box a { margin: 0 0 0 30px; }

.totop { float: right; margin: -35px 0 0 0; }
.content { padding: 0; }

table { width: 100%; }
table td { text-align: center; padding: 0 0 25px 0; }
.list { width: 70%; margin: 0; padding: 0!important; }
.list td { padding: 0; text-align: left!important; }

h1 { margin: 0; padding: 0; font-size: 34px; }
h2 { color: #e74398; margin: 15px 0px 10px 25px; font-family: 'Bubblegum Sans', cursive; font-size: 28px; }
h3 { margin: 15px 0 15px 0; text-transform: uppercase; font-size: 17px; font-weight: bold; color: #2c9ddb; }

#intro { width: 260px; float: right; margin: -10px 0 0 0; }
#slider { width: 685px; float: left; height: 240px; margin: 10px 0px 0px -15px;  }

#testimonial { width: 600px; margin: 10px auto 0 auto; color: #2c9de1; text-align: center; }

#notes { float: right; width: 240px; }

#bluebar { clear: both; height: 25px; margin: 0px 0px 25px 0px; border-bottom: 5px solid #2c9ddb; width: 950px; }

.footer { margin: 25px auto 0 auto; height: 90px; border-top: 5px solid #e74398; width: 990px; text-align: center;}


@media only screen and (max-device-width: 480px) {

body { font-size: 2.5em!important; padding: 1.5em!important; }
.wrapper { width: 100%!important; }

#header { height: auto!important; width: 100%!important; display: block; }
#header img { width: 50%!important; height: auto!important; }
#name { float: none!important; width: 100%!important; margin: 0 0 15px 0; clear: both; }

#nav { float: none!important; width: 100%!important; margin: 0!important; }
#sub-nav { display: none!important; }
#nav a { font-size: 1.25em!important; }

h2 { font-size: 1.5em; }
h3 { font-size: 1.20em; }

.sitepic { display: none!important; }
#service-box { float: none!important; padding: 0!important; }
#service-box h3 { font-size: 1.5em; margin: 35px 0 0 0; }

table img { max-width: 290px; }

#intro { width: 90%; float: none!important; margin: auto!important; }
#slider { width: 100%; float: none!important; height: auto!important; margin: 0 0 30px 55px; }

.footer { height: auto!important; border-top: 5px solid #e74398; width: 95%; }


}