/* = WEB FONTS = */
@import url(http://fonts.googleapis.com/css?family=Cabin:400,700);	/* CABIN */
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);	/* DROID SERIF */
@import url(http://fonts.googleapis.com/css?family=Courgette);

/* = RESET STYLES = */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a img {
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
}

/* = DEFAULT STYLES = */
body {text-align:center;margin:0;font-family: "Cabin", arial, sans-serif;font-size:12px;background:#d63681 url(images/background.jpg);;}
/* DEFAULT - LINKS */
a {text-decoration:none;font-weight:bold;color: #193e4e;}
a:hover {text-decoration:underline;color: #8eb848;}
/* DEFAULT - CLEARS */
.clear {clear:both;height:0;width:0;display: block;}
.clear-right {clear:right;height:0;width:0;}
.clear-left {clear:left;height:0;width:0;}

/* = PAGE = */
#page-container {}
#page {}

/* = LEADER = */
#leader-container {}
#leader {}

/* = HEADER = */
#header-container {text-align: center;}
#header {position:relative;width:1000px;margin:0 auto;height: 125px;background: #fff;}
/* HEADER - LOGO */
#header #logo {position:absolute;top:0;left:0;width: 320px;height: 125px;}
#header #logo:hover img {opacity:.7;}
/* HEADER - CALL TO ACTION */
#header #c2a {position:absolute;top:10px;right:25px;text-align: right;font-size: 20px; font-family:"Times New Roman", Times, serif;}
#header #c2a #tagline {color: #774790; font-weight:bold; font-style:italic;}
#header #c2a #number {color: #d54487;font-size: 36px; font-weight:bold;}
#header #c2a #number i {font-size: 30px;color: #a687b6;}
#header #c2a #address {font-family:arial, sans-serif;font-size:16px;color:#333;}
#header #c2a #social-media a {color:#000;}

/* = NAVIGATION = */
#nav-container {background: #d63681;text-align: center;height: 55px; border-top: 2px solid #fff;}
#nav {padding:0;position:relative;z-index: 50;height: 55px;width: 1000px;margin: 0 auto;}
#nav ul {padding:0;margin:0;list-style-type:none;float: left;border-left: 0px solid #333;}
#nav ul li {float:left;position: relative;border-right: 0px solid #333;}
#nav ul li a, #nav ul:hover li.current a {display:block;height: 40px;line-height: 35px;color: #FFF;font-family: 'Courgette', cursive;font-size: 20px;padding: 0px 25px;background: url(images/navi-bg.jpg) ;margin:14px 20px 0 20px; border-radius: 8px 8px 0 0; border: 1px solid #fff; border-bottom: none;}
#nav ul li a:hover, #nav ul li.current a, #nav ul:hover li.current:hover a, #nav > ul > li:hover > a {text-decoration: none;background: url(images/navi-bg-hover.jpg) ;color: #fff;}
/* NAVIGATION - DROP-DOWN */
#nav ul ul {position:absolute;top:0;left:0;visibility:hidden;width:auto;height:auto;z-index: 50;}
#nav ul li:hover ul {visibility:visible;}
#nav ul ul li {float:none;}
#nav ul ul li a {float:none;}
#nav ul ul li a.first {}
#nav ul ul li a:hover {}

/* = BANNER = */
#banner-container {background: #d63681;border-bottom: 2px solid #fff;}
#banner {width:996px;height:300px;margin: 0 auto;position: relative;border: 2px solid #fff;}
#banner ul#slider {width:996px;height:300px;list-style:none;}
#banner div.rhino-container, #banner div.rhino-container li.rhino-item {}
/* BANNER - TEASE */
#banner #tease {position: absolute;top: 35px;right: 25px;text-align: center;z-index: 50;background: #764c8f; border-radius:50%; padding: 35px 20px; border:0px solid #bb2820;box-shadow:5px 5px 0px #000; width:220px; height: 150px;}
#banner #tease h2 {color: #FFF;font-size: 20px;font-family: 'Courgette', cursive;padding: 10px 10px;margin: 0;}
#banner #tease p {font-size: 18px;margin: 10px 0;background: #FFF;color: #222;padding: 2px 15px;display: block;} 

/* = CONTENT = */
#content-container {text-align: center;}
#content {text-align:left;line-height:24px;width: 1000px;margin: 0 auto;background: #FFF;font-size: 14px;font-family: "Droid Serif", georgia, serif;color: #444;}
#content ul {list-style-position: inside;padding: 0 0 0 25px;}
/* CONTENT - HEADINGS */
h1 {padding: 0;margin: 0;font-size: 30px;color: #d54487;border-bottom: 1px solid #666;font-family: 'Courgette', cursive; }
h1 span.sub-header {color: #000;font-size: 22px; font-weight:bold;text-transform:none;font-family: "Times New Roman", Times, serif;}
h1 span.more {color: #774790;font-size: 20px; font-weight:bold;text-transform:none;font-family: "Times New Roman", Times, serif;}
h2 {}
h3 {color: #FFF;font-size: 26px; font-weight:bold;text-transform:none;font-family: "Times New Roman", Times, serif; display: block; margin: 10 auto; text-align: center; text-shadow: 1px 1px 1px #000; padding: 20px 5px 5px 5px;}
h4 {color: #FFF;font-size: 22px; font-weight:bold;text-transform:none;font-family: "Times New Roman", Times, serif; display: block; margin: 10 auto; text-align: center; text-shadow: 1px 1px 1px #000; padding: 20px 5px 5px 5px;}
h5 {color: #774790;font-size: 20px; font-weight:bold;text-transform:none;font-family: "Times New Roman", Times, serif;display: block; margin: 10 auto; text-align: center;}

/* = PRIMARY = */
#primary {float:left;width:695px;margin: 35px 25px;}
#primary.full-width {width: 950px;}
#primary p {margin:15px 0;}
#primary.full-width img.inline-left {float: left; margin: 20px 15px 25px 0; border: 2px groove #FFF; padding: 3px;}
#primary.full-width img.inline-right { float: right; margin: 20px 0 25px 15px; border: 2px groove #FFF; padding: 3px;}
#primary.full-width img.super-light-image {float: left; margin: 0 15px 15px 0; border: 2px groove #FFF; padding: 3px;}

#primary.full-width .light-image-description {float: left; width: 150px; padding: 5px; margin: 60px 0 0 0; font-size: 20px; font-weight: bold;}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake:hover,
.shake:focus {-webkit-animation-name: spaceboots;-webkit-animation-duration: 0.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
.shake {display:block;position:relative;}
a.shake,
.shake.inline {display:inline-block}
/* FEATURE */
#feature-container {}
#feature {background: #222;border: 1px solid #999;padding: 10px 10px;border-radius: 10px;margin: 0px 0 15px 0;height:170px;}
#feature div {display:block;width:150px;margin:7px;float:left;height:149px;background:#fff;border-radius:8px;-webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 8px 0px rgba(50, 50, 50, 0.75);border:1px solid #fff;}
#feature div > h3 {font-family: 'Courgette', cursive;color:#fff;padding-top:7px;padding-bottom:7px; text-align:center;background: url(images/navi-bg.jpg); font-size:16px;border-radius:8px 8px 0 0;}
#feature div > img {border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:150px;}
#feature div:hover {opacity:.8;}

/* = SIDEBAR = */
#sidebar {float:right;width:230px;margin: 35px 25px 25px 0;}
#sidebar h3 {color: #d54487;border-bottom: 1px dotted #193e4e;padding: 0 0 3px 0; font-size:18px;}
#sidebar h3 i {font-size: .7em;color: #193e4e;}
/* SIDEBAR - FORM */
#sidebar form {padding: 0 10px;font-size: 12px;}
#sidebar form textarea {}
#sidebar form input[type="submit"] {}


/* = FORM = */
form {text-align:left;list-style-type:none;}
/* FORM - LABEL */
form label {cursor:pointer;float: left;clear: both;margin: 5px 0 0 0;}
/* FORM - INPUT FIELDS */
form input[type="text"] {border-radius: 3px;}
form input {border: 1px solid #999;float: left;clear: both;width: 95%;}
form input:focus, form textarea:focus {background: #d4ff8b;}	/* make field background yellow when filling out */
form textarea {resize:vertical;float: left;clear: both;height: 80px;width: 95%;}
/* FORM - CAPTCHA */
form #hiddencheckbox {display:inline-block;margin:0 10px 0 0;padding:3px 0;width:auto;}
form input[type="checkbox"] {border:none;}
form a {display:block;float:left;clear:both;}
/* FORM - SUBMIT BUTTON */
form input[type="submit"] {clear:both;width:100px;padding:3px 0px;margin:10px 0;float:left;width:100%;display:block;clear:both;}
form input[type="submit"]:hover {}
form input[type="submit"]:active {}

#contact-info {min-width:1000px;margin:0;background:#d54487;text-shadow:0px 0px 0 #000;border-top:1px solid #c6c6c6;font-family:"Times New Roman", Times, serif;font-size:14px;padding:15px 0;color:#fff;}
#contact-info a {color:#fff;text-shadow:0px 0px 0 #000;}

/* = FOOTER = */
#footer-container {background: #222;}
#footer {width:970px;padding: 5px 15px;margin: 0 auto;}
#footer #sitemap {float:left;width:630px;text-align:left;}
#footer #contact-info {}
#footer #copyright {float:right;width:340px;text-align:right;}
/* FOOTER - LINKS */
#footer a {color: #FFF;font-weight: normal;}
#footer a:hover {color: #d54487;text-decoration: none;}
/* FOOTER - SITEMAP LINKS */
#footer ul {list-style-type:none;}
#footer ul li {float:left;margin:0 15px 0 0;}


/* = LIST-ITEMS = */
#content ul.list-items {float: left; margin: 10px 0; padding: 0;}
#content ul.list-items.align {text-align: center; font-size: 16px;}
#content ul.list-items li {list-style: none; line-height: 26px; font-weight: bold; font-size: 13px; color: #FFF; text-shadow: 1px 1px 1px #000; text-align: left;}
#content ul.list-items li a {font-weight: bold; text-decoration: none; color: #000;font-size: 13px;}
#content ul.list-items li a:hover {color: #000; text-decoration: underline;}

#content ul.service-items {margin: 10px auto; padding: 0; display: block;}
#content ul.service-items li {list-style: none; line-height: 26px; font-weight: bold; font-size: 16px; color: #FFF; text-shadow: 1px 1px 1px #000; text-align: center;}
#content ul.service-items li a {font-weight: bold; text-decoration: none; color: #000;font-size: 13px;}
#content ul.service-items li a:hover {color: #000; text-decoration: underline;}




/* = SITEMAP PAGE = */
#content ul.sitemap-page {margin: 20px auto; display:block; width: 500px;}
#content ul.sitemap-page li { list-style: none;}
#content ul.sitemap-page li a {font-family: 'Courgette', cursive;text-decoration: none; text-shadow: 1px 1px 1px #444; color: #d54487; /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block;}
#content ul.sitemap-page li a:hover {color: #774790; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 1px 1px 0 #FFF, 2px 2px 0 #CCC, 3px 3px 0 #444;}



/* = CONTACT PAGE = */
#primary.full-width .address-left {float: left; width: 360px; height: 640px;margin: 10px 0;}
#primary.full-width .address-left p {display: block; width: 340px; height:460px; color: #774790; font-size: 22px; text-shadow: 1px 0 1px #ccc;text-align: center; margin: 10px auto; line-height: 34px; font-weight: bold;}


/* = FORM = */
#primary.full-width #contact-form-container {font-family: 'Courgette', cursive;background: #d54487; border: 2px ridge #FFF; box-shadow: 0 0 5px #000; width:465px; min-height: 600px; padding:20px; margin: 10px 0 30px 0;position:relative; border-radius: 5px; float: right; line-height: 36px;}
#primary.full-width #location-container {background: #dcdcdc; border: 1px solid #078db6; border-radius: 4px; box-shadow: 0 0 5px #000; width:465px; height: 360px; padding:20px; margin: 10px 0 30px 0;position:relative; border-radius: 5px; float: right;line-height: 36px;}
#primary.full-width form {text-align:left;list-style-type:none;}
/* FORM - LABEL */
#primary.full-width label {cursor:pointer;float: left;clear: both;margin: 5px 0 0 0; color: #FFF; font-size: 24px; text-shadow: 1px 1px 1px #000;}
#primary.full-width .required { font-weight:bold; color:#FFF; }
#primary.full-width #req-field-desc { font-style:italic; color: #FFF; font-size: 24px; text-shadow: 1px 1px 1px #000;}
/* FORM - INPUT FIELDS */
#primary.full-width input[type="text"] {border-radius: 3px;}
#primary.full-width input {border: 2px ridge #FFF;float: left;clear: both;width: 99%;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
#primary.full-width input:focus, form textarea:focus {outline: none;background-position: 0 -1.7em;}	/* make field background color change when filling out */
#primary.full-width textarea {resize:vertical;float: left;clear: both;height: 80px;width: 97%;border: 2px ridge #FFF;font-family:arial, sans-serif;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
/* FORM - SELECT FIELD */
#primary.full-width form select[type="text"] {border-radius: 3px;}
#primary.full-width form select {border: 2px ridge #FFF;float: left;clear: both;width: 99%;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
#primary.full-width form select:focus, form textarea:focus {outline: none;background-position: 0 -1.7em;}	/* make field background color change when filling out */
/* FORM - CAPTCHA */
#primary.full-width form #hiddencheckbox {display:inline-block;margin:8px 10px 0 0;padding:3px 0;height: 20px; width: 20px;}
#primary.full-width form input[type="checkbox"] {border:none;}
#primary.full-width form a {display:block;float:left;clear:both;}


/* FORM - SUBMIT BUTTON */
#primary.full-width form input[type="submit"] {margin:10px 0;float: left;width: 100%;display:block;clear: both;height:40px; background:#774790;  -moz-border-radius:8px;font-size:18px;text-transform:uppercase;color:#FFF; text-shadow: 1px 1px 1px #000; border: 2px solid #fff;transition: all 0.3s ease-out;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 2px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(0,0,0,0.2);}
#primary.full-width form input[type="submit"]:hover {text-shadow: 0 1px rgba(0,0,0,0.7); background:#000; color: #FFF;}

#primary.full-width form input[type="submit"].embossed-link {box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 2px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(0,0,0,0.2),inset 0 3px 2px rgba(255,255,255,.22), inset 0 -3px 2px rgba(0,0,0,.15), inset 0 20px 10px rgba(255,255,255,.12), 0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.2);}
#primary.full-width form input[type="submit"].embossed-link:hover {box-shadow: inset 0 -2px 1px rgba(255,255,255,0.2),inset 0 3px 2px rgba(0,0,0,0.12);}

/* SERVICES PAGE */
#primary.full-width .services-container {width: 950px; float: left; margin: 10px 0; }
#primary.full-width .services-container.pink {background: #d54487;border: 2px groove #FFF;}
#primary.full-width .services-container.purp {background: #774790;border: 2px groove #FFF;}
#primary.full-width .services-container .services-box-purp {width: 282px; float: left; margin: 10px 5px; padding: 10px; background: #774790; border: 2px groove #FFF; }
#primary.full-width .services-container .services-box-purp.no-border {border: none; }
#primary.full-width .services-container .services-box-pink {width: 282px; float: left; margin: 10px 5px; padding: 10px; background: #d54487; border: 2px groove #FFF; }
#primary.full-width .services-container .services-box-pink.no-border {border: none; }
#primary.full-width .services-container .services-box-purp h3, #primary.full-width .services-container .services-box-pink h3 {display: block; margin: 10px auto; text-align: left; padding-bottom: 5px; border-bottom: 1px solid #FFF; color: #FFF; text-shadow: 1px 1px 1px #000; font-size: 20px;}
#primary.full-width .services-container .services-box-purp.height1, #primary.full-width .services-container .services-box-pink.height1 {min-height: 690px;}
#primary.full-width .services-container .services-box-purp.height2, #primary.full-width .services-container .services-box-pink.height2 {min-height: 250px;}
#primary.full-width .services-container .services-box-purp.long, #primary.full-width .services-container .services-box-pink.long {width: 915px;}

.bigger {font-size:larger;}

/* = BUTTON = */
#content ul.button {margin: 45px 0 0 25px;display: block; width: 250px; float: left; padding: 0;}
#content ul.button li { list-style: none;}
#content ul.button li a {text-decoration: none; text-shadow:1px 1px 0 #000; color:#FFF; /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 20px; line-height: 46px; display: block; background: #d54487; padding: 5px; margin: 0;border:2px ridge #FFF;}
#content ul.button li a:hover {background:#774790;color:#fff; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow:1px 1px 0 #000;}