/*
	I. Table Of Contents
	II. Fonts
	1. Reset
	2. Tables
	3. Headings
	4. General Classes
	5. Template & Layout
*/



/****************************************************************
 II. Fonts
****************************************************************/
@font-face
{
font-family: Bree;
src: url('../font/BreeBold.otf');
font-weight: bold;
}


@font-face
{
font-family: Bree;
src: url('../font/BreeRegular.otf');
font-weight: normal;
}



/****************************************************************
 1. Reset  -  http://tantek.com/log/2004/undohtml.css  -  http://meyerweb.com/eric/tools/css/reset/
****************************************************************/
html, body, h1, h2, h3, h4, h5, h6, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre
{ margin: 0px; padding: 0px; }

a img, img { border: none; }
a { text-decoration: none; }
img
{
display: block; /* http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps */
-ms-interpolation-mode: bicubic; /* http://css-tricks.com/ie-fix-bicubic-scaling-for-images/ */
}

ul, ol, p
{
margin-top: 1.2em;
margin-bottom: 1.2em;
}



/****************************************************************
 2. Tables
****************************************************************/
table
{
border: 1px solid #ccc;
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
}

td, th
{
border: 1px solid #ccc;
empty-cells: show;
margin: 0px;
padding: .3em;
vertical-align: top;
}

th
{
font-weight: bold;
line-height: 1.5em;
text-align: center;
}

caption
{
background: #7fb542;
color: #ffffff;
font-size: 1.1em;
font-weight: bold;
margin-left: -1px;
padding: .5em;
}

/* table tr:nth-child(even) table tr:nth-child(odd) */
.odd td { background: #ffffff; }
.even td { background: #f1f1f1; }



/****************************************************************
 2. Headings
****************************************************************/
h1
{
background: none;
color: #666;
font-family: Bree, 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 37px;
font-weight: bold;
position: absolute;
top: 15px;
left: 0px;
}

h1, h2 { text-align: left; }

#content h2, #content h3, #content h4 { margin: 12px 0px; line-height: 1em; }

#content h2
{
color: #666;
font-family: Bree, 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 19px;
margin-top: 0px;
}

#content h3
{
color: #666;
font-size: 1.3em;
}

#content h4
{
color: #666;
font-size: 1em;
}



/****************************************************************
 3. Template & Layout
****************************************************************/
html
{
background: #fff;
font-size: 100%; /* http://www.alistapart.com/articles/howtosizetextincss */
overflow-y: scroll; /* http://webdevel.blogspot.com/2007/05/controlling-browser-scrollbars.html */
}

body
{
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: .75em; /* http://clagnut.com/blog/348/#c790 */
text-align: center; /* center things in <= IE6 */
vertical-align: baseline;
}

#container
{
margin: 0px auto;
position: relative;
text-align: left;
}

#accessibility { display: none; }

#header
{
height: 67px;
width: 760px;
margin: 0px auto;
position: relative;
z-index: 3;
}

#save
{
position: absolute;
top: 0px;
right: 20px;
z-index: 2;
}

#splash
{
border-bottom: 4px solid #7fb542;
border-top: 4px solid #7fb542;
height: 250px;
position: relative;
}

#bg
{
background: url(../images/splash_bg.jpg) no-repeat center top;
height: 250px;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}

#left, #right
{
position: absolute;
top: 0px;
height: 250px;
width: 50%;
}

#left
{
background: #505560;
left: 0px;
}

#right
{
background: #000;
right: 0px;
}

#nav
{
margin: 0px auto;
width: 760px;
position: relative;
}

	#splash ul
	{
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 204px;
	z-index: 2;
	}

	#splash li
	{
	background: url(../images/tab_bg.png) no-repeat left top;
	display: block;
	font-family: Bree, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 50px;
	width: 138px;	
	float: left;
	margin-right: 15px;	
	text-align: center;
	}

	#splash li a
	{
	color: #777;
	display: block;		
	margin-top: 13px;
	}

	#splash li a:hover { color: #000; }

#content_bg
{
background: url(../images/body_bg.png) repeat-x left bottom; /* IF IE 6 */
margin-bottom: 25px; /* 100 */
}

#content
{
line-height: 2em;
margin: 0px auto;
padding-bottom: 135px; /* IF IE 6 */
position: relative;
text-align: justify;
width: 760px;
}

#content div
{
margin-top: 20px;
width: 440px;
/* http://www.dustindiaz.com/min-height-fast-hack/ */
min-height: 886px;
height: auto !important;
height: 886px;
}

#huebsch-financial
{
float: right;
margin: 10px 0px 15px 15px;
}

#jennifer
{
position: absolute;
top: -115px;
right: 0px;
}

#footer
{
background: #80b539;
border-top: 1px solid #666; /* IF IE 6 */
height: 100px; /* IF IE 6 */
width: 100%; /* IF IE 6 */
position: fixed; /* IF IE 6 */
bottom: -75px;
left: 0px;
}

#footer:hover
{
-webkit-transition: bottom .5s linear;
bottom: 0px;
}

	#sub-footer
	{	
	margin: auto;
	position: relative; /* IF IE 6 */
	width: 760px;
	}

		#locator
		{
		background: url(../images/locator.png) no-repeat left top; /* IF IE 6 */
		height: 207px;
		width: 318px;		
		position: absolute;
		top: -115px; /* IF IE 6 */
		left: 8px; /* IF IE 6 */	
		-moz-transform: rotate(9deg);
		-webkit-transform: rotate(9deg);
		}

			#locator h2
			{
			color: #666;
			font-family: Bree, 'Trebuchet MS', Arial, Helvetica, sans-serif;			
			font-size: 22px;
			margin-top: 55px;
			text-align: center;			
			}

			#locator p { text-align: center; }

			#locator input
			{
			border: 1px solid #ccc;
			font-family: Bree, 'Trebuchet MS', Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 15px;
			padding: 4px;
			width: 60px;
			}

		#logo
		{
		background: url(../images/logo.png) no-repeat left top; /* IF IE 6 */
		display: block;
		height: 54px;
		width: 223px;	
		position: absolute;
		left: 530px; /* IF IE 6 */
		top: 25px; /* IF IE 6 */
		}