/*******************
COLOR REFERENCE

Blue: #0f5e95
Red: #c9181f
Dark red: #670c0c
Yellow: #ffe81d
Golden: #f4b627
Button blue: #0066cc
Sky Blue: #347ba6
Dark blue: #0d588c
Text blue: #0d5384
Text red: #c9181f


/*************** FONTS ***********************/

@font-face {
    font-family: 'crayon';
	src: url('fonts/crayon-webfont.eot'); /* IE9 Compat Modes */
  	src: url('fonts/crayon-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/crayon-webfont.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/crayon-webfont.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/crayon.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arcena';
	src: url('fonts/arcena-webfont.eot'); /* IE9 Compat Modes */
  	src: url('fonts/arcena-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/arcena-webfont.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/arcena-webfont.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/ARCENA.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eras-light';
	src: url('fonts/13620_erasm260-webfont.eot'); /* IE9 Compat Modes */
  	src: url('fonts/13620_erasm260-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/13620_erasm260-webfont.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/13620_erasm260-webfont.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/13620_erasm260-webfont.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

.dhwidget.content-dhwidget img, .dhwidget.content-simplified-dhwidget img { height:auto !important; }

.dhwidget.form-dhwidget .form-submit { text-align: left; }

.width-0-67 {
    width: 57%;
}

.width-1-00 {
    width: 92%;
    padding: 0 2%;
    margin: 0 2%;
}

body {
    /* background: url('../media/images/middle-bg.png') top center no-repeat #0f5e95; */
	background: #0f5e95;
	font-family: Verdana, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #0d5384;
}

a { text-decoration: none; }

a:hover { text-decoration: underline; }

#wrapper {
    overflow: hidden;
}

#header {
	background: url('../media/images/top.png') top center repeat-x;
	position: relative;
	z-index: 500;
}

#header-logo {
    background: url('../media/images/logo.png') no-repeat;
    background-size: cover;
    height: 282px;
    width: 527px;
    position: relative;
    left: -90px;
    top: 0;
    float: none;
    z-index: 580;
}

#header-content {
	position: relative;
	height: 128px;
}

#tagline {
	display: none;	
}

#header-stars {
    background: url('../media/images/header-stars.png') no-repeat;
    background-size: cover;
    height: 165px;
    width: 173px;
    position: absolute;
    right: -167px;
    top: 0;
    z-index: 65;
}

#header #nav-container {
    background: url('../media/images/nav-bg.png') no-repeat;
    background-size: cover;
    height: 65px;
    width: 696px;
    position: relative;
    right: -430px;
    top: -229px;
	z-index: 575;
}

#header .navigation {
    margin: 14px 0 0 23px;
    position: absolute;
    width: 100%;
    left: 0;
	float: none;
	transform: rotate(0.2deg);
}

#header .navigation > li {
    margin-right: 26px;
	position: relative;
	padding-bottom: 26px;
}

/*
#header .navigation > li+li:before {
    width: 16px;
    height: 60px;
    top: 50%;
    right: 0;
    position: relative;
    transform: translateY(-38%);
    border-radius: 49%;
    box-shadow: -3px 0px 0 0 #a70c0c;
    display: inline-block;
    content: '.';
    color: transparent;
}
*/

#header .navigation .menu-separator {
    background: url('../media/images/menu-separator.png') no-repeat;
    background-size: cover;
    height: 63px;
    width: 6px;
    position: absolute;
    display: inline-block;
    right: -20px;
    top: -12px;
}

#header .navigation > li > a {
    font-size: 1.9em;
	color: #fff;
	text-transform: uppercase;
}

#header a:hover { text-decoration: none; }

#header .navigation > .parent:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  top: 55px;
}

#header .navigation > li > ul {
	padding: 0;
	position: absolute;
	top: -500px;
	right: -12px;
	width: 120px;
	display: none;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	margin: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,.6);
	-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.6);
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.6);
}

#header .navigation > li > ul a {
	font-size: 1.65em;
}

#header .navigation > .parent > ul > li { 
  display: block; 
  border-bottom: 1px solid #dbc4a1;
  padding: 5px 10px;
  text-align: left;
}

#header a {
    font-family: 'arcena', Verdana, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#share-tools {
    padding: 4%;
}

#footer-top {
	background: url('../media/images/footer-bg.png') top center repeat-x;
    max-width: initial;
    width: 100%;
    margin: 0 auto;
    height: 22px;
}

#footer {
	background: #f4b627;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}

#footer-content {
    max-width: 1000px;
    padding: 29px 0;
	position: relative;
	font-size: 0.9em;
}


#footer-links, #footer-phone, #footer-phone-col1, #footer-phone-col2 {
    float: left;
}

#footer-phone-col2 {
	margin-left: 30px;
}

#footer-phone {
	margin-left: 60px;
}

#footer a, #footer a:visited {
	color: #0d5384;	
}

#footer-icons {
    float: left;
    margin-left: 20px;
}

#footer-email {
    background: url('../media/images/email-icon.png') no-repeat;
    background-size: cover;
    height: 30px;
    width: 27px;
	display: inline-block;
}

#footer-facebook {
    background: url('../media/images/facebook-icon.png') no-repeat;
    background-size: cover;
    height: 32px;
    width: 31px;
	display: inline-block;
	margin-left: 10px;
}

#footer-crayon {
    background: url('../media/images/red-crayon.png') no-repeat;
    background-size: cover;
    height: 72px;
    width: 287px;
    position: absolute;
    right: -42px;
    top: -50px;
    z-index: 150;
}

#footer-star {
    background: url('../media/images/where-every-child-is-a-star.png') no-repeat;
    background-size: cover;
    height: 149px;
    width: 474px;
    position: absolute;
    right: -54px;
    top: -31px;
    z-index: 140;
}

#footer-content  .row {
	position: relative;
    z-index: 800;	
}

.row {
    display: block;
    margin: 10px;
}

#inner #pre-container {
    max-width: 1000px;
    background: #670c0c;
    height: 100px;
    margin: -48px auto;
}

#inner #title-container, #index #title-container {
    background: url('../media/images/middle-bg.png') top center repeat-x;
    max-width: 1000px;
    margin: 0 auto;
    height: 168px;
    position: relative;
	z-index: 90;
}

#index #title-container {
    max-width: 100%;
	text-align: center;
	margin: -26px auto 0 auto;
}

#title {
    font-family: 'crayon', Verdana, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 4em;
	font-weight: normal;
    color: #fff;
}

#index #title {
    font-family: "eras-light", "Open Sans", "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
    font-size: 3em;
	font-weight: lighter;
	color: #ffe81d;
    text-transform: none;
    position: relative;
    bottom: -42px;
    margin: 0 auto;
    width: 90%;
	letter-spacing: 0.05em;
}

/*
#index-title-star {
    background: url('../media/images/green-star.png') no-repeat;
    background-size: cover;
    height: 61px;
    width: 63px;
    position: absolute;
    right: 0;
    top: 0;
}
*/

#inner #title {
    text-align: right;
    position: absolute;
    right: 101px;
    bottom: -14px;
    color: #fff;
}

.index-content {
    width: 92%;
    padding: 2%;
    margin: 0 2%;
}

#container a {
	color: #c9181f;
}


#inner #container {
    max-width: 1000px;
    margin: -25px auto 0 auto;
    padding-top: 38px;
	padding-bottom: 15px;
    background: #ffe81d;
	position: relative;
}

#inner #container-center {
    background: #fff;
    width: 92%;
    margin: 0 auto;
	float: none;
	position: relative;
	z-index: 100;
}

#index #container {
    max-width: 1000px;
	position: relative;
	z-index: 100;
	margin: -64px auto 0 auto;
}

#index #container-center {
    background: none;
    margin: 0 auto;
	float: none;
	position: relative;
	z-index: 70;
}

#index #content-container {
    background: #fff;
	width: 92%;
    margin: 0 auto;
	float: none;
	position: relative;
	z-index: 100;
}

#index #row1 #content-container {
    margin: 0 auto 0 13%;
    width: 83%;
}

#index .section-title {
    margin: 0 2% 10px 2%;
    padding: 0 2%;
	font-size: 2.5em;
	font-family: "eras-light", "Open Sans", "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
	font-weight: lighter;
}

#row1 {
    background: #ffe81d;
	padding-bottom: 15px;
}

#row1 .section-title { color: #006699; } 

#row1 .row {
	margin: 0 0 30px 0;	
}

#index #location-container {
	width: 48%; 
	float: left; 
	margin-right: 2%;
}

#index #map {
	width: 50%; 
	height: 382px; 
	float: left;
}

#index #location-container {
	display: inline-block;	
}

#index #location-container td {
    width: 42%;
    padding-right: 7%;
	padding-bottom: 15px;
}


#index #location-container img {
	margin: 6px 0;
}


#row2 {
    background: #c9181f;
    padding: 49px 0 13px 0;
    margin-top: -49px;
}

#row2 .col-1 {
	float: left; 
	width: 70%;	
}

#row2 .col-2 {
	float: right; 
	width: 27%; 
	margin-left: 2%;	
}

#row2 .section-title { color: #ffe81d; } 

.index-content h2 { margin-top: 0; }

#index #top-crayon-blocks {
    background: url('../media/images/crayon_and_blocks.png') no-repeat;
    background-size: cover;
    height: 169px;
    width: 383px;
    position: absolute;
    right: -51px;
    top: -118px;
    z-index: 80;
}

#inner #top-crayon-blocks {
    background: url('../media/images/crayon_and_blocks2.png') no-repeat;
    background-size: cover;
    height: 231px;
    width: 376px;
    position: absolute;
    right: -157px;
    top: -178px;
    z-index: 80;
}


#glue {
    background: url('../media/images/glue.png') no-repeat;
    background-size: cover;
    height: 434px;
    width: 349px;
    position: absolute;
    right: -208px;
    top: 78px;
    z-index: 60;
}

#index #glue {
    top: 200px;
}

#index #stars {
    background: url('../media/images/stars.png') no-repeat;
    background-size: cover;
    height: 139px;
    width: 204px;
    position: absolute;
    left: -86px;
    top: -115px;
    z-index: 150;
}

#scissors {
    background: url('../media/images/scissors.png') no-repeat;
    background-size: cover;
    height: 222px;
    width: 154px;
    position: absolute;
    left: -106px;
    top: -72px;
    z-index: 150;
}

#index #scissors {
    top: 9px;
}

#special-offer {
    background: url('../media/images/special-offer.png') no-repeat;
    background-size: cover;
    height: 326px;
    width: 263px;
    position: absolute;
    left: -101px;
    top: 158px;
    z-index: 110;
}

#inner #special-offer {
    display: none;
}

#inner #main-content-bottom {
    background: url('../media/images/main-bottom-bg.png') top center no-repeat;
    max-width: initial;
    width: 100%;
    margin: 0 auto;
    height: 54px;
}

#index #main-content-top {
    background: url('../media/images/section-top-yellow.png') top center no-repeat;
    max-width: initial;
    width: 100%;
    margin: 0 auto;
    height: 31px;
}

#index #main-content-bottom-row1 {
    background: url('../media/images/main-bottom-bg.png') top center no-repeat;
    max-width: initial;
    width: 100%;
    margin: 0 auto;
    height: 54px;
    position: relative;
    z-index: 210;
}

#index #main-content-bottom-row2 {
    background: url('../media/images/section-bottom-red.png') top center no-repeat;
    max-width: initial;
    width: 100%;
    margin: 0 auto;
    height: 54px;
}

.form-dhwidget {
    border: 1px solid #ccc;
    background: #fafafa;
}

input[type="submit"] {
	border: none;
  	color: #fff;
  	background: #c9181f;
  	padding: 11px;
  	text-transform: uppercase;
  	font-size: 1.2em;
}

.gallery-topline, #gallery-content {
    width: 92%;
    padding: 2%;
	margin: 0 auto;
}

.gallery-topline {
	position: relative;
    z-index: 90;
}

#thumbs-wrapper .next, #thumbs-wrapper .prev {
    bottom: 21.5% !important;
}

#thumbs-wrapper .next {
    right: 0 !important;
}

#thumbs-wrapper .prev {
    left: -2% !important;
}

#pause {
    vertical-align: super;
}

.cycle-prev, .cycle-next {
	display: none;	
}

#star-five {
   margin: 50px 0;
   position: relative;
   display: block;
   color: red;
   width: 0px;
   height: 0px;
   border-right:  100px solid transparent;
   border-bottom: 70px  solid red;
   border-left:   100px solid transparent;
   -moz-transform:    rotate(35deg);
   -webkit-transform: rotate(35deg);
   -ms-transform:     rotate(35deg);
   -o-transform:      rotate(35deg);
}
#star-five:before {
   border-bottom: 80px solid red;
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;
   position: absolute;
   height: 0;
   width: 0;
   top: -45px;
   left: -65px;
   display: block;
   content: '';
   -webkit-transform: rotate(-35deg);
   -moz-transform:    rotate(-35deg);
   -ms-transform:     rotate(-35deg);
   -o-transform:      rotate(-35deg);

}
#star-five:after {
   position: absolute;
   display: block;
   color: red;
   top: 3px;
   left: -105px;
   width: 0px;
   height: 0px;
   border-right: 100px solid transparent;
   border-bottom: 70px solid red;
   border-left: 100px solid transparent;
   -webkit-transform: rotate(-70deg);
   -moz-transform:    rotate(-70deg);
   -ms-transform:     rotate(-70deg);
   -o-transform:      rotate(-70deg);
   content: '';
}

#mobile-menu-btn {
	display: none;
    background: url('../media/images/mobile-menu-btn.png');
    background-size: cover;
    width: 46px;
    height: 33px;
    position: absolute;
    top: 24px;
    right: 33px;
	z-index: 1000;
}

#back-to-top {
  background: url('../media/images/back-to-top.png');
  background-size: cover;
  height: 60px;
  width: 60px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  display: none;
  z-index: 2000;
}

.directions input[type="submit"] {
    width: 100%;
}

.button a:hover { text-decoration: none; }

.slide-overlay { display: none; }

@media screen and (max-width: 1219px) {
	#index #row1 #content-container {
		margin: 0 auto 0 7%;
		width: 89%;
	}
	
	#special-offer {
		height: 208px;
		width: 168px;
		left: -62px;
		top: 158px;
	}
	
	#scissors {
		height: 172px;
		width: 121px;
		left: -74px;
		top: -72px;
	}
	
	#glue {
		height: 357px;
		width: 287px;
		right: -167px;
	}
	
	#index #glue {
		top: 140px;
	}
}

@media screen and (max-width: 1060px) {


	#header-logo {
		height: 263px;
		width: 487px;
		position: relative;
		left: -66px;
		top: 0;
	}
	
	#header #nav-container {
		height: 55px;
		width: 589px;
		position: relative;
		right: -412px;
		top: -208px;
	}
	
	#header .navigation > .parent:hover ul {
	  top: 48px;
	}
	
	#header .navigation > li > a {
		font-size: 1.5em;
	}
	
	#header .navigation > li+li:before {
		height: 53px;
		top: 50%;
		right: 0;
		transform: translateY(-38%);
	}
	
	#header .navigation .menu-separator {
		height: 50px;
	}
	
	#index #pre-container {
	    height: 465px;	
	}
	
	#information {
		height: 180px !important;
		width: 302px !important;
		right: -10px !important;
		top: 213px !important;
	}
	
	#testimonial {
		font-size: 1.0em !important;
		padding: 14px 25px 10px 25px !important;
	}
	
	#author {
		font-size: .8em !important;
		padding: 0 24px !important;
	}
	
	.button {
		margin: 10px 27px 0 19px !important;
		padding: 11px !important;
		font-size: .8em !important;
	}

    #index-gallery #index-dots-container {
        bottom: 20px;
    }
	
	.index-dot {
		margin: 0 13px !important;
		font-size: 3em !important;
	}
}

@media screen and (max-width: 1105px) {
	#special-offer {
		display: none;	
	}
	
	#index #row1 #content-container {
		margin: 0 auto;
		width: 92%;
	}
}

@media screen and (max-width: 1000px) {
	#scissors {
		display: none;
	}
}

@media screen and (min-width: 969px) {
	#header .navigation {
		display: inline-block !important;	
	}
}

@media screen and (max-width: 969px) {
	#header-logo {
		height: 210px;
		width: 390px;
		left: -50px;
	}
	#header-stars { display: none; }
	
	#header #nav-container {
		background: none;
		background-size: cover;
		height: 55px;
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	#mobile-menu-btn {
		display: block;
	}
	
	#header .navigation {
		margin: 77px 0 0 0;
		position: absolute;
		width: 100%;
		left: inherit;
		transform: none;
		background: #c9181f;
		padding-top: 146px;
		z-index: 525;
		display: none;
		-webkit-box-shadow: 0 8px 5px 2px rgba(0,0,0,.6);
		-moz-box-shadow: 0 8px 5px 2px rgba(0,0,0,.6);
		box-shadow: 0 8px 5px 2px rgba(0,0,0,.6);
	}
	
	#header .navigation > li {
		display: block;
		margin: 0;
		padding: 5px 15px;
	}
	
	#header .navigation .menu-separator { display: none; }
	
	#header .navigation > li > a {
		font-size: 2em;
	}
	
	#header .navigation > li+li {
		border-top: 1px solid #670c0c;
	}
	
	#header .navigation > li+li:before {
		display: none;
	}
	
	#header .navigation > li > ul {
		padding: 0;
		position: inherit;
		display: none;
		background: none;
		width: 100%;
		opacity: 1;
		visibility: visible;
		margin: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		visibility: visible;
	}
	
	#header .navigation > li > ul a {
		color: #fff;
	}
	
	#header .navigation > .parent > ul > li { 
	  display: block; 
	  padding: 5px 10px;
	  text-align: left;
	  border-bottom: none;
	}
	
	#header .navigation > .parent > ul { 
		opacity: 1;
		visibility: visible;
		top: 0;
    	right: 0;
	}
	
	#header .navigation > .parent:hover > ul { 
		top: 0;
    	right: 0;
	}
	
	#header .navigation > .parent > ul > li+li { 
	  border-top: 1px solid #dbc4a1;

	}

	.mplus {
		display: inline-block;
		cursor: pointer;
		width: 19px;
		height: 19px;
		background: transparent url('../media/images/minusplus.png') no-repeat left top;
		margin-right: 16px;
		position: relative;
		top: 1px;
	}
	
	.mminus {
		display: inline-block;
		cursor: pointer;
		width: 19px;
		height: 19px;
		background: transparent url('../media/images/minusplus.png') no-repeat left bottom;
		margin-right: 16px;
		position: relative;
		top: 1px;
	}
	
	#pre-container {
		margin-top: -65px !important;
	}
	
	#stars {
		height: 104px;
		width: 152px;
		left: 0;
		top: -89px;
	}
	
	#index #top-crayon-blocks {
		height: 118px;
		width: 268px;
		right: 6px;
		top: -82px;
	}
	
	#index #container {
		margin: -64px auto 9px auto;
	}
	
	#inner #container {
		margin: -92px auto 0 auto;
		padding-top: 0px;
	}
	
	#footer-content {
		text-align: center;
	}
	
	#footer-links, #footer-phone, #footer-phone-col1, #footer-phone-col2 {
		float: none;
	}
	#footer-links, #footer-phone {
		margin: 0 0 15px 0;
	}
	
	#footer-phone {
		margin-left: 0;
	}

	#footer-crayon {
		height: 72px;
		width: 287px;
		left: 15px;
		top: -50px;
	}	
	
	#footer-star {
		height: 149px;
		width: 474px;
		right: 15px;
		top: -80px;
	}
}

@media screen and (max-width: 776px) {
	#top-crayon-blocks, #index #stars {
		display: none;
	}	
	
	#footer-crayon {
		height: 44px;
		width: 180px;
		left: 15px;
		top: -20px;
		transform: rotate(-10deg);
	}
	
	#footer-star {
		height: 116px;
		width: 370px;
		right: 15px;
		top: -45px;
	}
	
	#index #location-container {
		width: 100%; 
		float: none; 
		margin-right:  0;
	}
	
	#index #map {
		width: 100%;  
		float: none;
	}	
	
	#row2 .col-1, #row2 .col-2 {
		float: none; 
		width: 100%; 
		margin-left: 0;	
	}
	
	.width-0-67, .width-0-33 {
		width: 92%;
		padding: 2%;
		margin: 2%;
	}
	
	.gallery-topline {
		margin-bottom: 40px !important;
	}
	
	#categories {
		float: left !important;
		margin: 11px 0;
	}
}

@media screen and (max-width: 640px) {
	#inner tr, #inner td {
		display: block;
		text-align: center;
    	width: 100% !important;
	}
	
	td {
		margin-bottom: 20px;	
	}
	
	#footer-content {
		text-align: center;
		padding-top: 13%;
	}
	
	#share-tools {
		display: none;
	}
}

@media screen and (max-width: 476px) {
	
	h1 { font-size: 1.5em; }
	
	h2 { font-size: 1.25em; }
	
	#header {
		background: url('../media/images/top.png') 0 -6px repeat-x;
	}	
	
	#header-logo {
		height: 136px;
		width: 251px;
		left: -35px;
	}
	
	#mobile-menu-btn {
		top: 20px;
		right: 28px;
		width: 41px;
    	height: 29px;
	}
	
	#header .navigation {
		margin: 62px 0 0 0;
		padding-top: 80px;
	}
	
	#index #pre-container {
		height: 347px !important;
	}
	
	#inner #title-container {
		height: 91px;
		background-size: cover;
		top: -13px;
	}
	
	#inner #title {
		right: 20px;
		bottom: -1px;
		font-size: 2em;
	}
	
	#index #title {
		font-size: 2em;	
	}
	
	#index tr, #index td {
		display: block;
		text-align: center;
		width: 100% !important;	
		margin: 0 auto;
	}
	
	#index #location-container td { 
		width: 54%;
		padding-right: 7%;
		padding-bottom: 15px;
	}
	
	#information {
		display: none;	
	}
	
	#footer-crayon {
		display: none;	
	}
	
	#footer-star {
		height: 100%;
		width: 90%;
		right: 15px;
		top: -45px;
		background-size: contain;
	}
}

@media screen and (max-width: 430px) {
	#header {
		background: url('../media/images/top.png') 0 -18px repeat-x;
	}
}