/*-----------------------------------------------------------------------------
	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:970px;}
.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:;
	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);
	}
/* Insert vertical pipes between nav items  */
.piped-nav {
	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; }
.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: #fff;}
a:hover, a:active {color: #ccc;}
a:active {text-decoration: none;}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
h1, h2, h3, h4, h5, h6, th {padding:0; margin-top:0; color:#fff;}
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
.normal-font {font-size:16px; line-height:24px; margin-bottom:1em; color:#fff;}
p, li, td {color:#fff;}
.normal-link {color:#69f;}
.small, 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;} /*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;}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/*----------------------------------------------------------------------------- 
	Containers
-----------------------------------------------------------------------------*/	
html {padding:0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#290f1a;}
body {text-align: center;}
#document {
	margin:0 auto /*this centers the web page in the middle of the screen*/; position:relative;
	.page-width;
	.clearfix;
	header, #content {.page-width;}
	background:#0f2570;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0f2570), to(#3b65b0));
	background: -moz-linear-gradient(#0f2570, #3b65b0);
	background: linear-gradient(#0f2570, #3b65b0);
	-pie-background: linear-gradient(#0f2570, #3b65b0);
	behavior:url(css/pie/PIE.php);	
	}
header {
	height:184px; 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:26px; left:25px;}
	#tagline {position:absolute; top:93px; right:69px;}	
	#gallery-link {position:absolute; top:21px; right:48px;}	
	}
#content {
	float:left; text-align:left; z-index:1;
	background:url(../images/template/content-back.png) top right no-repeat;
	.clearfix;
	
	p, ul, ol, td {.normal-font;}
	#primary-content {
		float:left; width:550px; margin:60px 0 0 73px; position:relative; /*for CSS3 PIE */	
		min-height:520px;
		#headline {margin-left:-40px;}
		}
	#secondary-content {
		float:right; width:310px; margin:0;  position:relative /*for CSS3 PIE */;
		}	
	}
footer {clear:both; width:887px; margin-left:42px; padding:30px 0; text-align:left; position:relative; border-top:#a5a0a6 1px solid;
	ul, ol, p, h5, a {margin-bottom:0 !important; font-size:11px; color:#fff !important; font-weight:normal;}
	table {border:none !important; width:100%; margin:0; padding:0; td{vertical-align:top;}}
	}
/*----------------------------------------------------------------------------- 
	Navigation
-----------------------------------------------------------------------------*/	
#main-nav {
	background:#48323b;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#48323b), to(#290f1a));
	background: -moz-linear-gradient(#48323b, #290f1a);
	background: linear-gradient(#48323b, #290f1a);
	-pie-background: linear-gradient(#48323b, #290f1a);
	behavior:url(css/pie/PIE.php);	
	height:40px;
	ul {float:left; background:url(../images/template/nav-border.png) top left repeat-y; margin:0 0 0 42px; padding:0;}
	li {float:left; line-height:40px; width:175px; background:url(../images/template/nav-border.png) top right repeat-y; line-height:40px; list-style:none;
		a {float:left; display:block; width:173px; color:#fff; font-size:18px;}
		a:hover, a:focus, a.active {color:#ccc; text-decoration:none; background:url(../images/template/nav-hover.png);}
		a.active:hover {cursor: default;}
		}
	}
#footer-nav {
	li {display:inline; list-style:none;}
	.piped-nav	
}
/*----------------------------------------------------------------------------- 
	Images
-----------------------------------------------------------------------------*/	
.img-right {float:right; margin:0 0 1em 1em;}
.img-left {float:left; margin:0 1em 1em 0;}
/*----------------------------------------------------------------------------- 
	Forms
-----------------------------------------------------------------------------*/	
input[placeholder], [placeholder], *[placeholder]{color: #999 !important;}