charset "UTF-8";

/*Kelly&Corina color palette
*/

/*FONTS*/

/*Global styles -----------------------------------------------------------------------------------------------------------*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	border: 0;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align:baseline;}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {display: block;}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
body{300 11px/1.4 Arial,Helvetica,sans-serif}
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}
a img {border: none; outline: 0;}

.preview a {display: block; height:100%;}
.preview a:hover {border: none;}

a.phone {border: none; color: inherit;}
a.phone:hover {border: none; color: inherit; cursor: default;}

html{background-color: #fff;}
body{font-family: arial, sans-serif; margin: 0 auto 25px auto;}

a:link {color: #00d3b2; text-decoration: none;}
a:hover {color: #00d3b2;  text-decoration: underline;}
a:visited {color: #1A0066; text-decoration: underline;}

img {border: none; padding: 0;}

h1{color: #00d3b2; font-family: 'Great Vibes', cursive; font-size: 45pt; text-align: right;}
h2{color: #fff; font-family: 'Dancing Script', cursive; font-size: 30pt; margin: 5px 0; text-shadow:2px 2px 2px #000;}
h3{color: #00d3b2; font-family: 'Dancing Script', cursive; font-size: x-large;}
p{margin-bottom: 10px;}

.allcontent {margin:0 auto; position:relative; width: 990px;}

/*Header Styles*/
#shareThis {
	position: fixed;
	top: 0px;
	color: #1A0066;
	font-size: small;
	margin: 75px 0 0 -75px;
	padding:0;}

#shareThis span{float: left; clear:left;margin-bottom: 2px;}
#rss{width:32px; height:32px;}

header{
    position: relative;
    background: url("../images/background.jpg") no-repeat center;
    border-bottom: 2px solid #00d3b2;
    color:#fff;
    font-family: quattrocento, sans-serif;
    height: 235px;
    text-align: center;
    width: 100%;}

header div.allcontent{background: url("../images/headerphoto.png") no-repeat center bottom; height: 100%;}

header h1{margin: 65px 0 0 0;}
header h2{}
header h3{}
header h4{}

#title {width: 50%; float: left;  }
/*Navigation Styles*/
#mainNav h2, #mainNav #menuToggle {display: none;}
nav ul {list-style: none;}

#mainNav {
    /*margin-bottom: .25em;*/
    position: fixed;
    width: 100%;
    box-shadow: 2px 2px 2px #666;
   background: rgb(0,210,179); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZDJiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MWVhZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,210,179,1) 0%, rgba(145,234,210,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,210,179,1)), color-stop(100%,rgba(145,234,210,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,210,179,1) 0%,rgba(145,234,210,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,210,179,1) 0%,rgba(145,234,210,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,210,179,1) 0%,rgba(145,234,210,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,210,179,1) 0%,rgba(145,234,210,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2b3', endColorstr='#91ead2',GradientType=0 ); /* IE6-8 */

}

#mainNav li {float: left;}

#mainNav a, #mainNav h3 {
    border: none;
    color: rgb(255, 255, 255);
    display: block;
    font-family: arial, sans-serif;
    font-size: large;
    font-weight: normal;
    margin: 0;
    padding: 0 1em;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
}

#mainNav li:hover > a, #mainNav li:hover h3 {background-color: rgb(255,255,255); color: rgb(0,210,179);}
#mainNav a.current {color: rgb(0, 0, 0); cursor: default;}
nav#mainNav ul.topMenu li.home a, #homeButton {height: 25px; margin-bottom: 0px;}

/*Content Styles*/
.content{width: 100%;}
#welcome{background: #ddd; padding: 10px 0 25px 0; width: 100%;}
#googPlus{float: right !important;}
#aboutUs{width: 100%;}
#community{background: #ddd; width: 100%;}
#welcomeText{float: left; margin-left: 2%; width: 53%;}
#aboutUsText{float: left; width: 66%;}
#aboutUsText h2{color: #1A0066; text-shadow: none;}
#welcomeVid{float: left; height: 250px; width: 45%;}
#aboutUsConnect{background-color: #00d2b3; float: right; margin-top: 15px; width: 33%; box-shadow: 2px 2px 2px #000;}

#newsletter{background-color: #00d2b3; padding: 25px 0 10px 0; width:100%;}
#newsletter h2{float: left; font-size: 50pt; margin-top: -10px; width: 35%;}
/*Newsletter Mail Chimp Form*/
#mc_embed_signup{float: left; font:14px Helvetica,Arial,sans-serif; margin-top: 25px; width: 65%;}
#mc_embed_signup input{float: left; line-height: 30px; margin-left: 10px;}
#mc_embed_signup input#mce-FULLNAME, #mc_embed_signup input#mce-EMAIL{float: left;font:xx-large; line-height: 30px; width: 35%;}
#mc_embed_signup input#mc-embedded-subscribe{height: 38px;}
#mce-success-response{color: #fff; clear: both;}
/*End -- Newsletter Mail Chimp Form*/
.reviews{float: left;width: 30%;margin-left: 2.5%;}
.reviewPic{text-align: center; width: 100%;}
.reviewText h3{text-align: center;}
.reviewText p{padding: 0 2%; text-align: justify; width: 96%;}

/*Home Page Above the Fold*/
#slideshow {
    position:relative;
    height:250px;
    width: 100%;}

#slideshow IMG {
    position:absolute;
    top:0px;
    left:0;
    border: 2px solid #00D2B3;
    z-index:8;
    opacity:0.0;}

#slideshow IMG.active {z-index:10; opacity:1.0;}

#slideshow IMG.last-active {z-index:9;}

img.slidePhoto{max-width: 100%;height:250px;box-shadow: 2px 2px 2px #333;}

/*Begin Footer*/
footer {
    background-color: #00d2b3;
    clear: both;
	text-align: center;
	width: 100%;
}

footer h2 {color: #fff; margin: 0; text-shadow: 2px 2px 2px #000;}
footer a:link, footer a:visited  {color: rgb(255,255,204);}
footer a:hover  {color: #1A0066;}

#latestBlogs{float: left; width: 33%;}
#latestBlogs ul{font-size:large; text-align: left;}
#latestBlogs ul li a:link{color:#1A0066;}
#latestBlogs ul li a:hover{color:#fff;}
#latestBlogs ul li a:visited{color:#000;}

#signUp{
    float: left;
    width: 33%;}
/*Footer MailChimp Footer*/
#mc_embed_signup_footer{font:14px Helvetica,Arial,sans-serif; margin: 10px auto; width: 85%;}
#mc_embed_signup_footer input{float: left; line-height: 30px; margin-bottom: 10px;}
#mc_embed_signup_footer input#mce-FULLNAME-footer, #mc_embed_signup_footer input#mce-EMAIL-footer{float: left;font:xx-large; line-height: 30px; width: 100%;}
#mc_embed_signup_footer input#mc-embedded-subscribe-footer{height: 38px; margin: 5px 25%; width: 50%;}
#mce-success-response-footer{color: #fff; clear: both;}

/*End -- Footer MailChimp Footer*/
#socialMedia{
    float: left;
    width: 33%;}
/*End Footer*/

/*New Footer*/
#bottomnav {
	font-family: "eb garamond",bentham,quattrocento,sans-serif;
	font-weight: bold;
	text-align: center;}

#bottomnav ul {list-style: none; margin: 0 auto; text-decoration: none; width:75%;}

#bottomnav li {float: left;}
#bottomnav li a{padding-right: 40px; text-decoration: none;}

#bottomnav a:link{color: #1A0066;}
#bottomnav a:hover, #bottomnav a:active{color: #ffc;}
#bottomnav a:visited {color: #820000;}

/*Begin Credit*/
#credits {
	color: rgb(255,255,204);
	padding-top: 20px;
	margin: 0  auto 10px auto;
	width: 990px;}

#credits a:link, #credits a:visited{color: #820000;}

#credits a:hover {color: rgb(255,255,255);}

.designer {text-align: center; width: 130px;}

#copy{
    clear: both;
	font-size: small;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	width: 66%;}

#copy p{
	color: #1A0066;
	font-size: medium;
	line-height: 1em;
	margin: 10px 0;
}

#copy span{font-family: quattrocento,serif;}

.talo {
	border: none;
	margin: 0 0 5px 0;}
/*End Credit*/

#gplus {
	background: none;
	position: absolute;
	top: 114px;
	left: 825px;}

.clearSpace{clear:both;}

/*Secondary Pages*/
h2.secondaryTitle{color: #00d3b2; text-align: center;}
#secondaryContent{background: #fff; padding: 10px 0 25px 0; width: 100%; margin-left: 0; float: none; padding:3px 2%; text-align: justify; width:96%;}
#secondaryContent h2, #secondaryContent h3{margin: 0; padding: 0; color: #00d3b3; text-align: left; text-shadow: 1px 1px 1px #000;}

.bioOdd h2, .bioEven h2{color:#000;}
.bioOdd h3, .bioEven h3{font-size:xx-large; margin:0 0 10px 0; }
.bioOdd, .bioEven{float: none; margin-left: 0; padding-top: 50px; text-align: justify; width: 100%;}
.bioOdd{background: #fff;}
.bioEven{background: #ddd;}
.bioOdd h3 {color: #1A0066;}
.bioEven h3 {color: #00d3b2;}
.bioText{float: left; margin-left: 2%; width: 75%;}
.bioVid{float: left; width: 23%;}
/*Secondary Pages*/
/*Posts*/
main section.content div.allcontent > h1, main section.content div.allcontent article.post > h1 {margin-bottom: 0; text-align: left;}
.homePosts, .homePage {float: left; width: 75%;}
article.post, article.page {float: left; width: 100%;}
article.post span, article.page span{font-size: medium;}
article.post p, article.page p{font-size: large;}
.pagination {background: #eee none repeat scroll 0 0; border: 2px solid #00d3b2; clear: left; float: left; font-size: large; margin: 10px 15px; padding: 5px;}
aside.sidebar{background-color: #ddd; float: left; margin-left: 2%; width: 22%;}
.sidebar-widget > div{border-bottom: 2px solid #00d3b2; clear: both; float: left; font-size: large; min-height: 100px; text-align: center; width: 100%;}
.sidebar-widget > div:last-child{border:none !important;}
.sidebar-widget h3{color: #000; margin:0 0 5px 0; text-align: center;}
.comments {background-color: #eee; border: 2px solid #00d3b2; margin-bottom: 10px; padding:5px;}

/*mobile styles*/
@media screen and (max-width: 480px) {
/*nav styles*/
#mainNav {
    background: white;
    margin: 0;
    overflow: hidden;
    width: 100%;
    z-index: 1000;
}

#mainNav li {
    position: relative;
    border-bottom: 1px solid #fff;
    float: none;
    margin: 0;
}
.topMenu {max-height: 0; visibility: hidden;}

.topMenu.expand {
    background:rgb(0,210,179);
    max-height: 50em;
    padding:0;
    visibility: visible;
}

#mainNav a, #mainNav h3 {
    background: rgb(0,210,179);
    color: white;
    cursor: pointer;
    display: block;
    /*font-size: 1.2em;*/
    padding-left: 1em;
    text-align: left;
    text-transform: uppercase;
}

#mainNav a:hover {color: white;}
#mainNav a.current {color: rgb(0, 0, 0);}

#mainNav span.indicator {position: absolute;right: 2em;}

/*dropdown menu styles*/
#mainNav ul.submenu {
    float: none;
    height: auto;
    max-height: 0;
    overflow: hidden;
    width: auto;
    -moz-transition:max-height 0.5s ease;
    -webkit-transition:max-height 0.5s ease;
    -o-transition:max-height 0.5s ease;
    transition:max-height 0.5s ease;
}
#mainNav ul.submenu.expand {background-color: white; max-height: 20em; padding-left: 0; text-indent: 30px;}

#mainNav ul.submenu li a {
    background: none;
    border-bottom:2px solid rgb(0,210,179);
    color: rgb(0,210,179);
    /*font-size: 1em;*/
    padding: .2em 1em;
    text-align: left;
    white-space: nowrap;
}
#mainNav .menuToggle {
    position: relative;
    background: rgb(0,210,179);
    display: block;
    margin-bottom: .2em;
    width: 100%;
}
.menuToggle a {padding: 0; text-align: center;}
#homeButton {height: 25px; margin-bottom: 5px;}

    .allcontent, header, #title, #welcome,#newsletter, #aboutUs, #community {width: 100%;}
    header div.allcontent{background-image: none;}
    #welcomeVid{margin-bottom: 10px; width: 98%;}
    #welcomeText, #aboutUsText, #aboutUsConnect, .reviews{margin-left: 0; float: none; padding:3px 2%; text-align: justify; width:96%;}
    h2{font-size: xx-large;}
    h3{font-size: x-large;}
    header{background: url("../images/headerphotoMobile.png") no-repeat right -20px bottom;}
    #title h1{clear: both; font-size: xx-large; margin: 50px 0 15px 0; text-align: center; width:90%;}
    #newsletter h2{text-align: center; width: 100%;}
    #mc_embed_signup{float: none; margin: 0 auto; width: 90%;}
    #mc_embed_signup input#mce-FULLNAME, #mc_embed_signup input#mce-EMAIL{margin: 5px 0; width:95% !important;}
    #mc_embed_signup input#mc-embedded-subscribe{margin: 0 33%; width:100px;}
    .reviewPic{background-color: none; margin: 0 auto;width: 74%;}
    #latestBlogs, #signUp, #socialMedia{clear:both; float: none;width: 100%;}

    .bioOdd, .bioEven{width:100%;}
    .bioOdd h3, .bioEven h3{text-align: center; text-indent: 0;}
    .bioVid{float: none; text-align: center; width:98%;}
    .bioText{margin:0 5%; width:90%;}

/*Mobile Post Styles*/
main section.content div.allcontent > h1, , main section.content div.allcontent article.post > h1, main section.content div.allcontent article.page > h1 {font-size: xx-large; text-align: center;}
.homePosts, .homePage {float: none; width: 100%;}
article.post, article.page{padding: 0 2%; width: 96%;}
.comments{display: inline-block; margin-bottom: 5px;}
aside.sidebar{margin: 0; padding: 0; width: 100%;}
.sidebar-widget > div{float: none; margin: 0 0 20px 0; min-height: 100px; padding: 0; width: 100%;}
.sidebar-widget h3{color: #000; margin-top:0; text-align: center;}

}

/*tablet styles*/
@media only screen and (min-width:481px) and (max-width:768px) {
.allcontent{width: 100%;}
header h1{font-size: 30pt;}
/*nav styles*/
#mainNav {padding-bottom: 0; width: 100%; z-index: 1000;}
.topMenu {margin: 0 auto; max-width: 650px; padding-left: 0;}

#mainNav li {position: relative; width: auto;}

#mainNav a, #mainNav h3 {cursor: pointer; font-size: 1em; padding: .5em; text-align: center;}
nav#mainNav ul.topMenu li.home a, #homeButton{height: 17px;}
/*dropdown menu styles*/
#mainNav ul.submenu {
    position: absolute;
    top: 15px;
    float: none;
    height: auto;
    padding-top: 1.1em;
    max-height: 0;
    overflow: hidden;
    width: auto;
    z-index: 1000;
    -moz-transition:max-height 0.2s ease;
    -webkit-transition:max-height 0.2s ease;
    -o-transition:max-height 0.2s ease;
    transition:max-height 0.2s ease;
}
#mainNav ul.submenu li {background: rgb(0,210,179); float: none; margin: 0;}

#mainNav li.hover:hover ul, #mainNav ul.submenu.expand {max-height: 20em;padding-left: 0;}

#mainNav ul.submenu li a {
    border-bottom: 1px solid white;
    color: white;
    font-size: 1em;
    padding: .2em 1em;
    text-align: left;
    white-space: nowrap;
}
#mainNav ul.submenu li:last-child a {border-bottom: none;}
#mainNav ul.submenu li a:hover {background: rgb(0,210,179);}

/*Secondary Pages - Tablet*/
#welcome,#newsletter, #aboutUs, #community {width: 100%;}
#welcomeVid{margin-bottom: 10px; width: 98%;}
#welcomeText, #aboutUsText, #aboutUsConnect, .reviews{margin-left: 0; float: none; padding:3px 2%; text-align: justify; width:96%;}

#newsletter h2{float: none; text-align: center; width: 100%;}
#mc_embed_signup{margin-left: 12.5%; width: 85%;}

.bioOdd h3, .bioEven h3{text-align: center;}
.bioVid{margin: 0 25%;text-align: center; width: 50%;}
.bioText{clear: both; width: 96%;}

#latestBlogs, #signUp, #socialMedia{clear:both; float: none;width: 100%;}

/*Post & Page Tablet Styles*/
main section.content div.allcontent > h1, , main section.content div.allcontent article.post > h1, main section.content div.allcontent article.page > h1 {font-size: xx-large; text-align: center;}
.homePosts, .homePage {float: none; width: 100%;}
article.post, article.page{padding: 0 2%; width: 96%;}
.comments{display: inline-block; margin-bottom: 5px;}
aside.sidebar{margin: 0; padding: 0; width: 100%;}
.sidebar-widget > div{float: none; margin: 0 0 20px 0; min-height: 100px; padding: 0; width: 100%;}
.sidebar-widget h3{color: #000; margin-top:0; text-align: center;}

}

/*desktop styles*/
@media only screen and (min-width:769px) {

nav {
    position: fixed;
    width: 100%;
    z-index: 100;
}
/*nav styles*/
#mainNav li {position: relative; padding: 10px;}

.topMenu.expand.allcontent > li:hover {background-color: rgba(255,255,255,1); color: rgb(0,210,179);}

/*dropdown menu styles*/
#mainNav ul.submenu {
    position: absolute;
    top: 0;
    left: -8000em;
    float: none;
    height: auto;
    padding: 2.8em 0 0 0;
    max-height: 0;
    width: auto;
    -moz-transition:max-height 0.5s ease;
    -webkit-transition:max-height 0.5s ease;
    -o-transition:max-height 0.5s ease;
    transition:max-height 0.5s ease;
    overflow: hidden;
    z-index: 1000;
}
#mainNav ul.submenu li {
    background: rgb(0,210,179);
    float: none;
    margin: 0;
    padding: 5px;
}
#mainNav li:hover ul {
    left: 0;
    top: 42px;
    max-height: 20em;
    padding: 0;
}
#mainNav ul.submenu li a {
    border-bottom: 1px solid white;
    color: white;
    padding: .2em 1em;
    text-align: left;
    white-space: nowrap;
}
#mainNav ul.submenu li:last-child a {border-bottom: none;}
#mainNav ul.submenu li a:hover {background: #fff; color: rgb(0,210,179);}


}