/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
	body {
		background:url(../images/bg.jpg) #FF7BC0;
		color:#8B3C9E;
		font-size:17px;
	}
	
	footer {
		background:url(../images/footer-bg.png) no-repeat;
		background-position:center;
		background-size:cover;
		text-align:center;
		font-size:14px;
		padding-bottom:20px;
		margin-bottom:-20px;
	}
	
	.container {
		background:url(../images/header-bg.png) center;
		background-position:center;
	}

#homeimages {
	background-size: cover;	
}


	h1 {
		color:#fff;
		text-align:center;
		padding-left:10px;
	}
	
	p { 
		padding:0px 20px;
	}
	
	img.header {
		color:#fff;
		text-align:center;
		font-size:36px;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		padding:20px;
		margin-left:-10px;
	}
	
	img.imgright{
		float:right;
	}
	
	img.imgleft {
		float:left;
	}
	
	.hr {
		text-align:center;
		alignment-adjust:middle;
	}
	
	h2, h3, h4 {
		color:#428ac0;
		font-family:"CareBearFamilyRegular", Georgia, "Times New Roman", Times, serif;
		padding:0px 20px;
	}
	
	.center {
		text-align:center;
	}
	
	a {
		color:#86139F;
		font-weight:bold;
	}
	
	a.nolink:visited, a.nolink:hover, a.nolink:active {
		color:#428ac0;
		font-weight:normal;
	}
	
	a.nolink {
		color:#428ac0;
		font-weight:normal;
	}
	
	.nolink a {
		color:#428ac0;
		font-weight:normal;
	}
	
	.nolink {
		color:#428ac0;
		font-weight:normal;
	}
	
	a:hover, a:visited {
		color:#91519F;
	}
	
	.homepic {
		border:#fff 5px solid;
		float:left;
		margin-right:20px;
		margin-bottom:10px;
		margin-left:20px;
	}
	
	.one-third p{
		padding:0px 15px;
	}
	
	.footerblock {
			padding-left:35px;
		}
	
	.price {
		color:#2a8c00;
	}
	
	.name {
		text-align:right;
		float:right;
		font-weight:bold;
	}
	
	ul.package {
		list-style:inherit;
		margin-top:0px;
		margin-left:80px;
	}
	
	
/*-- Links --*/

	/*--  Navbar TOP --*/
	
	ul.navbar{	
		list-style-type:none;
		margin:0 auto;
		width: 72%;
			
	}
	
	ul.navbar li{
		float:left;
		margin: 20px 0px;
	}
	
	ul.navbar li a{
		display:block;
		outline:none;
		opacity:0.70;
		color:#fff;
		text-decoration:none;
		text-align:center;
		margin:10px;
		padding:10px 25px;
		font-size:22px;
		line-height:22px;
		font-weight:normal;
		font-family:"CareBearFamilyRegular", Georgia, "Times New Roman", Times, serif;
		}
	
	ul.navbar li a.blue{
			border-radius: 50px;
	background-color: #428ac0;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#379dea),color-stop(100%,#006b98));
    background-image: -webkit-linear-gradient(top,#379dea,#006b98);
    background-image: -moz-linear-gradient(top,#379dea,#006b98);
    background-image: -ms-linear-gradient(top,#379dea,#006b98);
    background-image: -o-linear-gradient(top,#379dea,#006b98);
    background-image: linear-gradient(top,#379dea,#006b98);
		}
		
	ul.navbar li a.pink{
		border-radius: 50px;
	background-color: #ff5db1;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff5db1),color-stop(100%,#ef007c));
    background-image: -webkit-linear-gradient(top,#ff5db1,#ef007c);
    background-image: -moz-linear-gradient(top,#ff5db1,#ef007c);
    background-image: -ms-linear-gradient(top,#ff5db1,#ef007c);
    background-image: -o-linear-gradient(top,#ff5db1,#ef007c);
    background-image: linear-gradient(top,#ff5db1,#ef007c);
		}
	
	ul.navbar li a.purple{
			border-radius: 50px;
	background-color: #8B3C9E;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bb56d3),color-stop(100%,#783488));
    background-image: -webkit-linear-gradient(top,#bb56d3,#783488);
    background-image: -moz-linear-gradient(top,#bb56d3,#783488);
    background-image: -ms-linear-gradient(top,#bb56d3,#783488);
    background-image: -o-linear-gradient(top,#bb56d3,#783488);
    background-image: linear-gradient(top,#bb56d3,#783488);
		}	
		
	ul.navbar li a:hover {
		opacity:1;
		color:#fff;
		}

	ul.topnavbar {
		float:right;
		padding:3px;
		margin:2px;
		color:#D63491;
		font-size:10px;
	}
	
	ul.topnavbar li{
		list-style:none;
		display:inline;
		font-size:10px;
		padding:0px 4px;
		color:#D63491;
	}
	
	ul.topnavbar li a{
		color:#D63491;
	}
	
	ul.topnavbar li a:hover {
		color:#FFCAE8;
	}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		
		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.footerblock {
			display:block;
		}
		
		.hr {
		text-align:center;
		alignment-adjust:middle;
		overflow:hidden;
		width:300px
	}
		
		img.footerblock {
			display:block;
			padding:
		}
		
		.homepic {
			display:block;
			text-align:center;
	}
	
		p {
			padding:0px 20px;
		}
		
		
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		body {
		background:url(../images/bg.jpg) #FF7BC0;
		color:#8B3C9E;
		font-size:17px;
	}
	
	
		.footerblock {
		display:block;
		}
	
	
	.hr {
		text-align:center;
		alignment-adjust:middle;
		overflow:hidden;
		width:300px;
	}
		
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		body {
		background:url(../images/header-bg.png) #FF7BC0;
		color:#8B3C9E;
		font-size:17px;
	}
		
		.container {
		background:none;
			padding: 0px;
			margin: 0px;
	}
	
		footer {
			padding:10px;
			margin: 0px;
		}
		
		.footerblock {
			display:block;
		}
		
		.hr {
		text-align:center;
		alignment-adjust:middle;
		overflow:hidden;
		width:300px;
	}
	
	img.header {
		color:#fff;
		text-align:center;
		font-size:36px;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		padding:20px;
		margin-left:-20px;
		width:300px;
	}
		
		
		ul.navbar li{
		float:none;
		margin:0px;
	}
		
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

	@font-face {
		font-family: 'CareBearFamilyRegular';
		src: url('../fonts/care_bears_font-webfont.eot');
		src: url('../fonts/care_bears_font-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/care_bears_font-webfont.woff') format('woff'),
			 url('../fonts/care_bears_font-webfont.ttf') format('truetype'),
			 url('../fonts/care_bears_font-webfont.svg#CareBearFamilyRegular') format('svg');
		font-weight: normal;
		font-style: normal;

}









/* #Extra Slider Shit
================================================== */

#full-width-slider {
  width: 80%;
  color: #FFF;
  margin:2% 10%;
  padding:4px;
  background-color:#fff;
}

#slider1, #slider2, #slider3, #slider4, 
#slider5, #slider6, #slider7, #slider8{
  width: 80%;
  color: #FFF;
  margin:5% 10%;
  padding:4px;
  background-color:#fff;
}

.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
 position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #428ac0;
  padding: 0px 10px;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
} 
.photosBy a {
  color:#86139F;
}
.fullWidth {
  max-width: 1200px;
  margin: 0 auto 24px;
}