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

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

/* #Site Styles
================================================== */

.logo {
position:relative;
text-align:center;
margin:26px 0 15px 0;	
}

.logo img {
width:60%;
height:60%;	
}

.welcome {
width:100%;
}

.welcome img {
width:100%;
height:100%;
margin-bottom:12px;	
}

.bark {
float: right;
padding: 0 0 20px 20px;
}

.clear {
clear:both;	
}

.contact {
margin: 40px 0 0 0;
color: #6b608b;	
}

.statement {
margin: 30px 0 30px 0;	
}

.navigation {
text-align:center;
font: 22px 'latolight', Helvetica, Arial, sans-serif;	
}

.navnew {
font-size: 8vw;	
}

.newcontainer {
position: relative;
width:100% !important;	
display:inline-block
}

.teas {
float:left;
width:32%;
margin-right:10px;	
}

.teas2 {
float:left;
width:48%;
margin-right:10px;	
}


.padding10 {
padding:0 10px;	
}

.padding20 {
padding:0 20px;	
}

.price { 
font-family: 'questa_granderegular',"Georgia", "Times New Roman", serif;
font-size: 18px; 
color:#fffcaf; }

.quote { 
font-family: 'questa_granderegular',"Georgia", "Times New Roman", serif;
font-size: 18px; 
color:#fffcaf;
text-align:right !important; }

.greybg {
width:80%;
background-color: rgba(64, 84, 94, 0.6); 
color:#fff; 
padding:20px;	
}

.divider {
margin:12px 0 30px 0;	
}

.next {
float:right;
font-family: 'questa_granderegular',"Georgia", "Times New Roman", serif;
text-align:right;	
color:#ff96a1;
font-size:16px;
}

.next a {	
color:#ff96a1;
}

.next a:hover {	
color:#FFAFB8;
}

.chevron {
font-family: "Typewriter","Georgia", "Times New Roman", serif;	
}

.chevron a {	
color:#ff96a1;
}

.chevron a:hover {	
color:#FFAFB8;
}

.privacy-link {
	position:fixed;
	bottom:10px;
	right:20px;
}



.quotes1, .quotes1 p { font-size: 20px; line-height: 24px; color:#fffcaf; font-family: 'questa_granderegular',"Georgia", "Times New Roman", serif; }
.quotes1 { float:right; text-align:left; width:220px; margin:0; padding: 0 0 10px 25px; border-left: 0px solid #ddd; }
	
.quotes2, .quotes2 p { font-size: 20px; line-height: 24px; color:#FFAFB8; font-family: 'questa_granderegular',"Georgia", "Times New Roman", serif; }
.quotes2 { float:right; text-align:left; width:260px; margin:0; padding: 0 0 10px 25px; border-left: 0px solid #ddd; }

.body-about {
		background-color: #fafafa;
		background-image:url(../images/background-about.jpg);
		background-position: center center;
		background-attachment:fixed;
		background-repeat: no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;	
		font: 16px 'latoregular', Helvetica, Arial, sans-serif;
		color: #fff;
		/*color: rgba(0, 106, 102, 0.7);*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
 
 .body-afternoon {
		background-color: #fafafa;
		background-image:url(../images/rotate/teas/rotate.php);
		background-position: center center;
		background-attachment:fixed;
		background-repeat: no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;	
		font: 16px 'latoregular', Helvetica, Arial, sans-serif;
		color: #fff;
		/*color: rgba(0, 106, 102, 0.7);*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

 .body-gallery {
	 	background: url(../images/bg-repeat.gif) repeat top left;
		font: 16px 'latoregular', Helvetica, Arial, sans-serif;
		color: #fff;
		/*color: rgba(0, 106, 102, 0.7);*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

  .body-weddings {
		background-color: #fafafa;
		background-image:url(../images/rotate/weddings/rotate.php);
		background-position: center center;
		background-attachment:fixed;
		background-repeat: no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;	
		font: 16px 'latoregular', Helvetica, Arial, sans-serif;
		color: #fff;
		/*color: rgba(0, 106, 102, 0.7);*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
 
  .body-crafternoon {
		background-color: #fafafa;
		background-image:url(../images/rotate/crafternoon/rotate.php);
		background-position: center top;
		background-attachment:fixed;
		background-repeat: no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;	
		font: 16px 'latoregular', Helvetica, Arial, sans-serif;
		color: #fff;
		/*color: rgba(0, 106, 102, 0.7);*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
 
  .body-hire {
		background-color: #fafafa;
		background-image:url(../images/background-hire.jpg);
		background-position: center center;
		background-attachment:fixed;
		background-repeat: no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;	
		font: 16px 'latoregular', Helvetica, Arial, sans-serif;
		color: #fff;
		/*color: rgba(0, 106, 102, 0.7);*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
 
 .body-clients {
		background-color: #fafafa;
		background-image:url(../images/background-clients.jpg);
		background-position: center center;
		background-attachment:fixed;
		background-repeat: no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;	
		font: 16px 'latoregular', Helvetica, Arial, sans-serif;
		color: #fff;
		/*color: rgba(0, 106, 102, 0.7);*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
 
 .body-contact {
		background-color: #fafafa;
		background-image:url(../images/background-contact.jpg);
		background-position: center center;
		background-attachment:fixed;
		background-repeat: no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;	
		font: 16px 'latoregular', Helvetica, Arial, sans-serif;
		color: #fff;
		/*color: rgba(0, 106, 102, 0.7);*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

 .body-privacy {
		background-color: #fafafa;
		background-image:url(../images/background-privacy.jpg);
		background-position: center center;
		background-attachment:fixed;
		background-repeat: no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;	
		font: 16px 'latoregular', Helvetica, Arial, sans-serif;
		color: #fff;
		/*color: rgba(0, 106, 102, 0.7);*/
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
 
 #outer {
		width:100%;
		margin-top:10px;
 }
 
 #inner {
    	display: table;
    	margin: 0 auto; 
}
 
 .telno {
		float:left;
		display:none;
		margin-bottom:20px; 
 }
 
 .tw {
		float:left;
		display:block; 
		margin-bottom:20px;
 }
 
 .fa {
		float:left;
		display:block;
		margin-bottom:20px; 
 }

/* #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) {
		
	.contact {
	margin: 12px 0 0 0;
	color: #6b608b;	
	}	
	
	.logo img {
	width:90%;
	height:90%;	
	}
	
	.teas {
	float:left;
	width:100%;
	}
	
	.quotes1, .quotes1 p { font-size: 18px; line-height: 24px; color:#fffcaf; font-family: 'questa_granderegular',"Georgia", "Times New Roman", serif; }
	.quotes1 { float:right; text-align:left; width:170px; margin:0; padding: 0 0 10px 15px; border-left: 0px solid #ddd; }
	
	.quotes2, .quotes2 p { font-size: 18px; line-height: 24px; color:#FFAFB8; font-family: 'questa_granderegular',"Georgia", "Times New Roman", serif; }
	.quotes2 { float:right; text-align:left; width:150px; margin:0; padding: 0 0 10px 15px; border-left: 0px solid #ddd; }
	
	 .telno {
		display:block;
 	}
		
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.contact {
	margin: 12px 0 0 0;
	color: #6b608b;	
	}
	
	.logo img {
	width:90%;
	height:90%;	
	}
	
	.teas {
	float:left;
	width:100%;
	}
	
	.quotes1, .quotes1 p { font-size: 18px; line-height: 24px; color:#fffcaf; font-family: 'questa_granderegular',"Georgia", "Times New Roman", serif; }
	.quotes1 { float:right; text-align:left; width:170px; margin:0; padding: 0 0 10px 15px; border-left: 0px solid #ddd; }
	
	.quotes2, .quotes2 p { font-size: 18px; line-height: 24px; color:#FFAFB8; font-family: 'questa_granderegular',"Georgia", "Times New Roman", serif; }
	.quotes2 { float:right; text-align:left; width:150px; margin:0; padding: 0 0 10px 15px; border-left: 0px solid #ddd; }
	
	.telno {
		display:block;
 	}
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}
	
	
	/* Tablet Landscape Orientation */
	@media only screen and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) { 
	
	.logo img {
	width:40%;
	height:40%;	
	}
	
	.welcome {
	display:none;
	}
	
	}
	
	/* Tablet Portrait Orientation */
	@media only screen and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) { 
	
	.logo img {
	width:55%;
	height:55%;	
	}
	
	.welcome {
	display:none;
	}
	
	}


/* #Font-Face
================================================== */

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

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

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

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

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