/*	Primary Styles
	Author: ImageWorks, LLC
	Questions: Please visit http://www.imageworksllc.com or call 860-647-7725 
-----------------------------------------------------------------------------*/
/*	Browser resets
-----------------------------------------------------------------------------*/	
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }
	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	html, button, input, select, textarea { font-family: sans-serif; color: #222; }
	body { margin: 0; font-size: 1em; line-height: 1.4; }
	::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
	::selection { background: #fe57a1; color: #fff; text-shadow: none; }
	abbr[title] { border-bottom: 1px dotted; }
	b, strong { font-weight: bold; }
	blockquote { margin: 1em 40px; }
	dfn { font-style: italic; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	ins { background: #ff9; color: #000; text-decoration: none; }
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
	pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	svg:not(:root) { overflow: hidden; }
	figure { margin: 0; }
	form { margin: 0; }
	fieldset { border: 0; margin: 0; padding: 0; }
	label { cursor: pointer; }
	legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	button, input { line-height: normal; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	textarea { overflow: auto; vertical-align: top; resize: vertical; }
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { background-color: #f0dddd; }
	table { border-collapse: collapse; border-spacing: 0; }
	.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0;}
/*	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);}
	.top-curve {-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0; behavior:url(css/pie/PIE.php);}
	.bottom-curve {-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 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:#EEFF99;
		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);
		}
	.piped-nav { /* Inserts vertical pipes between nav items  */
		li:after {content:" | ";}
		li.last:after {content:"";}
		}
	.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
	.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: #69f;}
	a:hover, a:active {color: #f00;}
	a:active {text-decoration: none;}
	a:hover, a:active, a:focus { outline: none; }
	.fb-facepile {
		background-color: #fff;
		padding:5px;
		* {color:#fff !important;}
	}
	h1, h2, h3, h4, h5, h6, th {padding:0; margin:0; padding:0; line-height:1em; color:#fff;}
	h1 {font-size:36px;}
	h2 {font-size:30px;}
	h3 {font-size:24px;}
	h4 {font-size:18px;}
	.normal-font {font-size:14px; line-height:24px; margin-top:0; padding-top:0; margin-bottom:1em; color:#fff;}
	.small, small {font-size:10px;}
	.quotes p {text-indent: -0.5em;} /*usually used for testimonials, and such */
	.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:Arial, Helvetica, sans-serif;background:#000 url(../images/template/body-back.jpg) top center no-repeat; }
	body {text-align: center; height:100%; background:url(../images/template/html-back.png) top left repeat-x;}
	#document {
		margin:0 auto /*this centers the web page in the middle of the screen*/; position:relative;
		.page-width;
		.clearfix;
		header, #content, #main-nav, #teasers, #banner, footer {.page-width;}	
		}
	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:23px; left:0;}	
		p, a {color:#fff !important;}
		a:hover {text-decoration:none;}
		#contact-info {position:absolute; top:70px; left:326px; p {.normal-font; margin-bottom:0;} .phone {font-size:36px; line-height:1em; margin:0; padding:0;}}	
		}
	#banner {background:url(../images/template/home-banner-back.jpg) no-repeat; position:relative; height:246px; margin-bottom:10px;z-index:1;
			.images {position:relative;height:246px;width:950px;float:left;cursor:pointer;}
			/* single slide */
			.images .slide {display:none;position:absolute;top:0;left:0;height:246px;}
			/* tabs (those little circles below slides) */
			.images .slide img {position:absolute; top:0; left:0;}
			.images .slide .text {position:absolute; top:20px; left:375px; width:500px; text-align:left; p, h2, ul {color:#fff; margin:0; padding:0;} h2 {font-size:72px; letter-spacing:-1px;}}
			.slidetabs {}
			/* single tab */
			.slidetabs a {}
			/* mouseover state */
			.slidetabs a:hover {}
			/* active state (current page state) */
			.slidetabs a.current {}	
			/* disabled navigational button. is not needed when tabs are configured with rotate: true */
			.disabled {visibility:hidden !important;}
			
			/* prev and next buttons */
			.forward, .backward {
				position:absolute;
				top:105px;
				width:37px;
				height:37px;
				cursor:pointer;
			}
			
			/* next */
			.forward {right:-16px;}
			.backward {left:-16px;}

			
			
			
			
		}
	#teasers {
		background:url(../images/template/teaser-back.png) top left repeat-y;
		text-align:left;
		margin-bottom:10px;
		clear:both;
		position:relative; z-index:10;
		h3, p, ul {color:#fff; margin:0; padding:0;}
		h3 {font-size:30px;}
		p, ul {.normal-font; line-height:21px;}
		a {color:#fff;}
		.col-1 {float:left; width:333px; margin:10px 0 10px 190px;}
		.col-2 {float:right; width:333px; margin:10px 40px 10px 0;}
		}
	#content {
		float:left; text-align:left; z-index:1;
		.clearfix;
		background:url(../images/template/content-back.png);
		margin-bottom:10px;
		p, ul, ol, td {.normal-font;}
		#wide-content {width:870px; margin:40px; position:relative;}
		#primary-content {
			float:left; width:550px; margin:40px 0 40px 40px; position:relative; /*for CSS3 PIE */	
			}
		#secondary-content {
			float:right; width:270px; margin:40px 40px 40px 0;  position:relative /*for CSS3 PIE */;
			}	
		}
	footer {clear:both;  position:relative;background-color:#720008; 
		ul, ol, p, h5, a {margin:0 !important; font-size:11px; color:#fff !important; font-weight:normal;}
		.gutter {padding:10px;}
		table {width:100%;}
		}
/*	Navigation
-----------------------------------------------------------------------------*/	
	#main-nav {
		background:url(../images/template/nav-back.jpg) no-repeat; height:60px;
		li {display:inline; color:#fff; font-size:18px;
			a {line-height:60px; text-decoration:none; color:#fff; padding:0 16px;}
			a:hover, a:focus, a.active {color:#ccc;}
			a.active:hover {cursor: default;}
			}
		.piped-nav;
		}
	/* 
	Superfish Drop Down Navigation
	-----------------------------------------------------------------------------*/	
	.sf-menu {}
	.sf-menu ul {position:absolute;	top:-999em;	width:15em !important; /* left offset of submenus need to match (see below) */}
	.sf-menu ul li {width:15em !important;}
	.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
	.sf-menu li {float:left; position:relative;}
	.sf-menu a {}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {left:0;top:41px; /* match top ul list item height */z-index:99;}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {top:-999em;}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {left:15em !important; /* match ul width */top:0;}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {top:-999em;}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {left:15em; /* match ul width */top:	0;}
	.sf-menu ul {}
	.sf-menu ul a {background-color:#; display:block; width:15em !important; background-image:none !important; color:# !important;}
	.sf-menu ul a:hover {background-color:#!important;}
	.sf-menu {float:left;}
/*	Images
-----------------------------------------------------------------------------*/	
	.img-right {float:right; margin:0 0 1em 1em;}
	.img-left {float:left; margin:0 1em 1em 0;}
/* 	Container for JQuery Tools Image Slider
-----------------------------------------------------------------------------*/	
	
/*	Forms
-----------------------------------------------------------------------------*/	
	input[placeholder], [placeholder], *[placeholder]{color: #999 !important;}
/*	Tables
-----------------------------------------------------------------------------*/	
#shop-logos {
	width:100%;
	background-color:#fff; 
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
	td {
		vertical-align: middle;
		text-align: center;
		padding:10px;
	}
}