/*	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:#36312d;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#36312d), to(#0b0704));
		background: -moz-linear-gradient(#36312d, #0b0704);
		background: linear-gradient(#36312d, #0b0704);
		-pie-background: linear-gradient(#36312d, #0b0704);
		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: #fcec03;}
	a:hover, a:active {color: #fff;}
	a:active {text-decoration: none;}
	a:hover, a:active, a:focus { outline: none; }
	h1, h2, h3, h4, h5, h6, th {padding:0; margin-top:0; line-height:1em; color:#fff;}
	h1 {font-size:30px;}
	h2, h3, h4 {margin-bottom:0; margin-top:20px;}
	h2 {font-size:24px;}
	h3 {font-size:18px;}
	h4 {font-size:16px;}
	.normal-font {font-size:12px; line-height:1.5em; 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:#0d0402 url(../images/template/html-back.jpg) top center no-repeat;}
	body {text-align: center; background:url(../images/template/body-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, #banner, #teasers, footer {.page-width;}	
		}
	header {
		height:154px; 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;}
		#clam-logo {position:absolute; top:20px; right:0;}
		#social-links {position:absolute; top:45px; left:256px;}
		#contact-info {position:absolute; top:33px; left:340px; color:#fff; font-size:48px;}		
		}

	#main-nav {
		margin:0;
		float:left;
		.page-width;
		background-color:#f00;
		ul {float:left; color:#fff; padding:0 10px;}
		li {float:left; line-height:36px;  list-style: none;
			a {line-height:36px; color:#fff; float:left; display:block; padding:0 6px;}
			a:hover, a:focus, a.active {color:#ffeb17;}
			a.active:hover {cursor: default;}
			}
		.piped-nav
		}


	#banner {height:308px; margin-bottom:10px; background:url(../images/template/nav-back.png) top left repeat-x; width:100%; text-align:left;
			#banner-image {float:right;}
			#main-nav {
				width:245px; float:left;
				margin:5px 0 0 0;
				height:298px;
				ul {width:215px; margin:5px 0 0 15px; padding:0;}
				li {font-size:15px; display:block; float:none;
					a {line-height:32px; color:#fff; float:none; padding:0;}
					a:hover, a:focus, a.active {color:#ffeb17;}
					a.active:hover {cursor: default;}
					}
				li:after {content: "" !important;}
				}
		}
	#teasers {width:100%; margin-bottom:10px; p {text-align:center; color:#fff !important; font-size:14px;} }
	#content {
		float:left; text-align:left; z-index:1;
		.linear-gradient;
		p, ul, ol, td {.normal-font;}
		margin-bottom:20px;
		border-top:#666 5px solid;
		border-bottom:#333 5px solid;
		padding:40px 0;
		#wide-content {width:870px; margin:0 40px; position:relative;}
		#primary-content {
			float:left; width:550px; margin:0 0 0 40px; position:relative; /*for CSS3 PIE */	
			}
		#secondary-content {
			float:right; width:270px; margin:0 40px 0 0;  position:relative /*for CSS3 PIE */;
			}	
		}
	footer {clear:both; text-align:center; position:relative;
		ul, ol, p, h5, a {margin:0 !important; font-size:11px; color:#fff !important; font-weight:normal;}
		}

	/* 
	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
-----------------------------------------------------------------------------*/	
	.images {position:relative;height:300px;width:650px;float:left;cursor:pointer;}
	/* single slide */
	.images div {display:none;position:absolute;top:0;left:0;height:256px;}
	/* tabs (those little circles below slides) */
	.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;}
/*	Forms
-----------------------------------------------------------------------------*/	
	input[placeholder], [placeholder], *[placeholder]{color: #999 !important;}
/*	Tables
-----------------------------------------------------------------------------*/