/*	Primary Styles
	Author: ImageWorks, LLC
	Questions: Please visit http://www.imageworksllc.com or call 860-647-7725 
-----------------------------------------------------------------------------*/

/*	Variables Mixins (can be called in other items without being duplicated)
-----------------------------------------------------------------------------*/	
	// define the primary font family stack
	@stack: Verdana, Arial, Helvetica, sans-serif;
	.absolute-l(@top, @left){
		top:@top;
		left:@left;
		//position items within a container
		position:absolute;
	}
	.absolute-r(@top, @right){
		top:@top;
		right:@right;
		//position items within a container
		position:absolute;
	}
	.float(@direction, @width, @margin){
		float:@direction;
		width:@width;
		margin:@margin;
	}

	.piped-nav { 
		//inserts vertical pipes between nav items
		li:after {
			content:" | ";
		}
		li.last:after {
			content:"";
		}
	}
/*	Typography
-----------------------------------------------------------------------------*/	
	a {
		&:link, &:visited{
			color: #e38934;
		}
		&:hover, &:active{
			color:#385b88;
		}
		&:active {
			text-decoration: none;
		}
		&:hover, &:active, &:focus {
			outline: none;
		}
	}
	h1, h2, h3, h4 { 
		margin:0;
		padding:0; 
		line-height:1em;
		color:#000080;

	}
	h1 {
		font-family:Georgia, serif;
		font-size:24px;
	}
	h2 {
		font-size:18px;
		margin-top:1.5em;
	}
	h3 {
		font-size:18px;
		margin-top:1.5em;
	}
	h4 {
		font-size:16px;
		margin-top:1.5em;
	}
	.normal-font {
		margin:0 0 1em 0; 
		padding-top:0; 
		line-height:1.8em;
		font-size:small;
	}
	.small, small {
		font-size:14px;
	}

/*	Containers
-----------------------------------------------------------------------------*/	
	html {padding-top:50px;}
	body {
		text-align: left;
	}
	#document { 
		position:relative;
		}
	#main-row {
		background:url(../img/template/diagonal.gif) bottom left repeat-x;
		padding-bottom:30px;
	}
	header {
		z-index:2;
		#logo {
			a {
				height:64px;
				width:235px;
				margin-bottom:15px;
				display:block;	
				background:url(../img/template/logo-sprite.png) top left;
				text-indent:-9000px;
				&:hover{
					background-position:0 -64px;
				}
			}
		}
		h1 {
			font-family:Georgia, serif;
			font-size:24px;
			color:#385b88;
		}
		p {
			color:#385b88;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 12px;
			letter-spacing: 2.5px;
		}
	}
	#sidebar {
		.header {
			font-family:Georgia, serif;
			color:#385b88;
			padding-bottom:10px;
			font-size: 18px;
			background:url(../img/template/diagonal.gif) bottom left repeat-x;
		}
	}
	#content { 
		z-index:1;
		float:left; 
		text-align:left;
		p, ul, ol, td {
			.normal-font;
		}
		.hilite {
			background-color:#ebeef3;
			border:#385b88 1px solid;
			margin-bottom:10px;
			.gutter {
				padding:15px;
				h2, h3 {
					margin-top:0;
					color:#385b88;
				}
				p {
					margin-bottom:0;
					color:#385b88;
				}
			}
		}
	}
	footer {
		position:relative;
		clear:both; 
		text-align:left;
		background-color:#eaeaea;
		.gutter {
			padding:20px 30px;
		}
		ul, ol, p, h5, td {
			margin:0 !important; 
			color:#9c9595 !important; 
			font-weight:normal; 
			font-size:10px;}
		}
/*	Navigation
-----------------------------------------------------------------------------*/	
	#main-nav {
		margin-bottom:20px;
		ul{
			border-top:#ebebeb 1px solid;
			border-bottom:#ebebeb 3px solid;
			margin:0;
			padding:0;
			li {
				list-style: none;
				border-bottom:#ebebeb 1px solid;
				a {
					line-height:37px;
					display:block;
					text-indent:24px;
					color:#e38934;
					&:hover, &:focus, &.active {
						color:#f00;
						background-color: #ebeef3;
						font-weight:bold;
						color:#385b88;
						text-decoration: none;
					}
					&.active:hover {cursor: default;}
				}
			}
		}
	}
/*	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;
	}
	#search {
		border-bottom:#ebebeb 4px solid;
		padding-bottom:10px;
		margin-bottom:20px;
	}
/*	Tables
-----------------------------------------------------------------------------*/