/*-----------------------------------------------------------------------------
Please visit http://lesscss.org/ for information on .less stylsheet use
To allow a .less file to function as a regular CSS file in Dreamweaver, 
please visit: http://www.kaisersblog.com/2011/09/less-css-in-adobe-dreamweaver/
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
	Primary Styles
	Author: ImageWorks, LLC
	Questions: Please visit http://www.imageworksllc.com or call 860-647-7725 
-----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------- 
	Mixins (can be called in other items without being duplicated)
-----------------------------------------------------------------------------*/	
.page-width {width:950px;}
.curvy {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius: 6px; behavior:url(css/pie/PIE.php);}
.shadow {box-shadow:0 0 8px #333; -o-box-shadow:0 0 8px #333; -moz-box-shadow:0 0 8px #333; -webkit-box-shadow:0 0 8px #333; behavior:url(css/pie/PIE.php);}
.linear-gradient {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
	background: -moz-linear-gradient(#EEFF99, #66EE33);
	background: linear-gradient(#EEFF99, #66EE33);
	-pie-background: linear-gradient(#EEFF99, #66EE33);
	behavior:url(css/pie/PIE.php);
	}
.gutter {margin:0 auto /*this centers the web page in the middle of the screen*/;.page-width; position:relative;}		
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*-----------------------------------------------------------------------------
	Typography
-----------------------------------------------------------------------------*/	
a:link, a:visited {color: #0000ff;}
a:hover, a:active {color: #f00;}
a:active {text-decoration: none;}
h1, h2, h3, h4, h5, h6, th {padding:0; margin:0; font-family: Copperplate Gothic Light, Copperplate, sans-serif; text-transform:lowercase; font-weight:normal; line-height:1em; }
h1 {font-size:44px; margin-bottom:.5em !important;}
h1 strong {font-size:56px; font-weight:normal; margin-bottom:.5em !important;}
h2 {font-size:24px;}
h3 {font-size:18px;margin-bottom:0 !important;}
h4 {font-size:16px;margin-bottom:0 !important;}
.normal-font {font-size:14px; line-height:24px; margin-bottom:1em; color:#211c0a; padding-top:0; margin-top:0;}
.normal-link {color:#69f;}
.small {font-size:10px;}
.large {font-size:14px;}
.extra-large{font-size:16px;}
.red {color:#F00;}
.blue {color:#00F;}
.green {color:#0F0;}
.yellow {color:#FF0;}
.quotes p {text-indent: -0.5em; border-bottom:#b4afa7 1px solid; padding:10px 0;} /*usually used for testimonials, and such */
.quotes q { font-style:italic !important;}
.quotes q:before {content: "\"";}
.quotes q:after {content: "\"";}
.quotes cite {display: block;text-align: right;font-style: normal;font-weight: bold;}
/*----------------------------------------------------------------------------- 
	Containers
-----------------------------------------------------------------------------*/	
html {padding:0; margin:0; font-family: Verdana, Geneva, sans-serif;}
body {text-align: center; background:#e0dad8 url(../images/template/html-back.jpg) top center no-repeat; margin:0; padding:0;}
.document {
	width:100%;
	position:relative;
	
	}
#header {
	height:159px; z-index:2; text-align:left; position:relative /*gives the ability to position child items within *this* container */ /*for CSS3 PIE */;
	#logo {position: absolute; top:20px; left:0;}
	#contact-info {.invisible;}	
	.gutter {background:url(../images/template/mast-hilite.png) top left no-repeat;}
	}
#banner {
	background:url(../images/template/banner-back.png); border-bottom:#ece8e7 1px solid; border-top:#ece8e7	 1px solid;
	height:233px;
	padding-top:20px;
	
	.gutter {
		ul {background:url(../images/template/banner-images-back.png) top left no-repeat; float:left;
			height:223px;
			margin:0 !important; padding:0 !important;
			li {float:left;list-style:none; width:310px; margin-right:10px;padding-top:6px;}
			li.last {margin-right:0;}
			}
		.clearfix;
	}
}
#content {
	clear:both;
	text-align:left; z-index:1;
	padding-top:25px;
	#primary-content {
		float:left; width:630px; margin:0; position:relative; /*for CSS3 PIE */
		background:url(../images/template/content-back.png); 
		width:707px; border:#b4afa7 1px solid;
		p, ul, ol, td {.normal-font;}	
		.padding {padding:30px;}
		.hcard {.normal-font;}
		table {margin-bottom:1.5em;}
		hr + h1 {margin-top:40px;}
		}
	#secondary-content {
		float:right; width:230px; margin:50px 0 0 0;  position:relative /*for CSS3 PIE */;
		p, li, td {.normal-font;}
		h2 {font-size:29px;}
		h3, h4 {margin:0;}
		p {padding-top:0; margin-top:0;}
		hr {margin:30px 0;}
		}	
	}
#footer {clear:both; text-align:left; position:relative;
	ul, ol, p, h5, a {margin:0 !important; font-size:11px; color:#211c0a; font-weight:normal;}
	.gutter {padding:30px;}
	}
/*----------------------------------------------------------------------------- 
	Navigation
-----------------------------------------------------------------------------*/	
nav {font-family: Copperplate Gothic Light, Copperplate, sans-serif; text-transform: lowercase;}

#main-nav {
	position:absolute; top:60px; right:0;
	li {display:inline; color:#211c0a; font-size:14px;
		a {text-decoration:none; color:#211c0a;}
		a:hover, a:focus, a.active {color:#5c5449;}
		a.active:hover {cursor: default;}
		}
	li:after {content:" | ";}
	li.last:after {content:"";}
	}
#tabbed-nav {position:absolute; top:115px; right:0;
	ul {float:left; height:46px; margin:0 !important; padding:0 !important;}
	li {float:left; width:189px; height:46px; list-style:none; text-align:center; margin-left:1px; font-size:16px; text-transform:uppercase; }
	a {background:url(../images/template/mast-nav-sprite.png) bottom left no-repeat; line-height:46px; width:189px; float:left; display:block; text-decoration:none; color:#e0dad8;}
	a:hover, a.active {background:url(../images/template/mast-nav-sprite.png) top left no-repeat;}
}
#footer-nav {
	ul {margin:0 !important; padding:0 !important;}
	li {display:inline; list-style:none;}
	li:after {content:" | ";}
	li.last:after {content:"";}
	}

/*----------------------------------------------------------------------------- 
	Images
-----------------------------------------------------------------------------*/	
.img-right {float:right; margin:0 0 1em 1em;}
.img-left {float:left; margin:0 1em 1em 0;}
a img {border:none !important; outline: none !important;}
/*----------------------------------------------------------------------------- 
	Forms
-----------------------------------------------------------------------------*/	
label {display: block;}
input[placeholder], [placeholder], *[placeholder]{color: #999 !important;}

/*----------------------------------------------------------------------------- 
	Tables
-----------------------------------------------------------------------------*/	
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
#contact-info {width:100%;
	td {vertical-align:top; p {margin:0; padding:0;}}
	}
#specials-list {
	width:100%;
	td {padding:20px 15px !important; width:50%; vertical-align:top; border-bottom:#ece8e7 1px solid; background:url(../images/template/content-back.png) ;}
	}
.menu-table {width:100%;
	td {padding:5px !important; vertical-align:top; border-bottom:#ece8e7 1px solid; background:url(../images/template/content-back.png) ;}

	}

/*
"Tiger Striping"
if you want the rows to alternate colors, add class="stripe" to the 
table tag on your web page.
*/
.stripe {width:100%; border-collapse:collapse;}
.stripe td {padding:5px;}
.stripe tr.alt td {background-color:#f4f4f4} /*This will make every other table row a different back ground color. */
.stripe tr.over td {background-color:#000 !important;} /*This will make the background color change when you hover over a table row. */








/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}