/*
* 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 */

#menu-main-menu li a {
	font-size: .9em;
	display: inline-block;
	padding: .2em .9em;
	float: left;
	color:white;
	text-decoration:none;
}

.title {
	min-height:90px;
	color: white;
	padding-top: 10px;
	background-color: #BA660C;
		background-image: url(../images/topbg.png);
	background-repeat: repeat-x;
}
.workshops {
	font-size:14px;
}
.workshops img {
   max-height:100px;
}

blockquote p { margin-bottom: 10px; font-size:14px; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	font-size: 10px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #EFB436;
	width: 170px; /* required */
	margin: 0 auto;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #F9E8C4;
	}
.product {
	text-align: center;
	float: left;
	margin: 10px;

}
.product img {
	max-width:280px;

}
.prod {
	font-size: 28px;
line-height: 34px;
color: #630;
font-weight:bold;
}
.pricing {
	font-size: 28px;
line-height: 34px;
}
.listing td {
	padding:5px;
}
.listing table {
	padding:5px;
}

/* #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) {

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #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: 'samarkannormal';
    src: url('../fonts/samarn__-webfont.eot');
    src: url('../fonts/samarn__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/samarn__-webfont.woff') format('woff'),
         url('../fonts/samarn__-webfont.ttf') format('truetype'),
         url('../fonts/samarn__-webfont.svg#samarkannormal') format('svg');
    font-weight: normal;
    font-style: normal;

}