/*
Table Of Contents:
	0. CSS Reference
	1. Reset
	2. Headings
	3. Anchors
	4. Form Elements
	5. General Classes
	6. Template & Layout
	7. Print
	8. Handheld
	9. Aural

Sizing in EMs
--------------------------------
#container - Parent .75em -- Number/12px = 0.0EMs
	11px      .9em
	12px     1.0em
	13px     1.1em
	14px     1.2em
	15px     1.25em
	16px     1.3em
	19px     1.6em
	
CSS References
http://www.w3.org/TR/css3-selectors/#selectors
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(CSS)
http://www.tanfa.co.uk/css/examples/

IE Bugs
http://css-class.com/articles/explorer/guillotine/
http://www.satzansatz.de/cssd/onhavinglayout.html
Fixes browser viewport resize and misaligned background images due to odd numbered width - !=IE6 - http://csscreator.com/node/472 - border-left: 1px solid transparent; 

Layout Source
http://www.tutorialtastic.co.uk/page/create_a_tableless_layout
*/



/****************************************************************
 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; }

address { font-style: normal; }
acronym, abbr { border-bottom: 1px #000000 dashed; cursor: help; }

a img, img { border: none; }
a { text-decoration: none; }
img { display: block; } /* http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps */

table { border: 1px solid #999999; border-collapse: collapse; border-spacing: 0px; }
table td, table th { border: 1px solid #999999; margin: 0px; padding: .3em; empty-cells: show; vertical-align: top; }
caption {}
th {}
/* table tr:nth-child(even) table tr:nth-child(odd) */
table .def td { background: #ffffff; }
table .alt td { background: #ececec; }

ul, ol
{
margin-top: 1em;
margin-bottom: 1em;
}
blockquote{
margin-left: 25px;}


/****************************************************************
 2. Headings
****************************************************************/
h1 a
{
background: url(/files/images/template/logo.gif);
display: block;
height: 24px;
width: 165px;
position: absolute;
top: 15px;
left: 15px;
}

h1 span { display: none; }

#content h2
{
color: #F47B20;
font-size: 1em;
letter-spacing: 1px;
margin-bottom: 1em;
text-transform: uppercase;
font-weight:  bold;
}

#content h2 span { color: #696A6C; }

#content h3 {
font-weight: normal;
}

#nav h2 

{ display: none; }

#subnav h2 { display: none; }

#content h3:first-child { margin-bottom: 0px; }
#content h3:first-child + p { margin-top: 0px; }

#content h3
{
color: #F47B20;
font-size: 1em;
margin: 1em 0em;
}

#aside h3
{
color: #696A6C;
font-size: 1em;
letter-spacing: 1px;
margin: 0em 0em 1em 0em;
position: relative;
text-transform: uppercase;
}

#aside h3 img { position: absolute; top: 0px; right: 0px; }

#content h4
{
font-size: 1em;
margin: 1em 0em;
}



/****************************************************************
 3. Anchors - Link - Visited - Hover - Focus - Active
****************************************************************/
a:link { color: #F47B20; }
a:visited { color: #F47B20; }
a:hover { color: #F47B20; text-decoration: underline; }
a:focus { color: #F47B20; }
a:active { color: #F47B20; }
*[accesskey]:focus { outline: 1px solid #aaaaaa; }

a[href^="http://"], a[target="_blank"] { }
a[href^="mailto:"] { }
a[href$=".pdf"] { }
a[href^="#"] { }



/****************************************************************
 4. Form Elements - http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/
****************************************************************/

textarea { overflow-y: auto; resize: both; }

select, textarea, input, button
{
color: #696A6C;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
outline-width: 0px; /* removes mac outline */
}

textarea, input[type="password"], #content input[type="text"] { border: 1px solid #cccccc; padding: 4px; }

input[type="text"]:focus, textarea:focus { border: 1px solid #aaaaaa; }



/****************************************************************
 5. General Classes
****************************************************************/

::-moz-selection 
{
background: #aaaaaa;
color: #ffffff;
}

::selection 
{
background: #aaaaaa;
color: #ffffff;
}



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

body 
{
background: #C6C7C7; /* #696A6C */
color: #696A6C;
font-family: Tahoma, sans-serif, Helvetica;
font-size: .75em; /* http://clagnut.com/blog/348/#c794 */
text-align: center; /* center things in <= IE6 */
vertical-align: baseline;
}

#container 
{
background: #ffffff;
border: 1px solid #696A6C;
margin: 0px auto;
text-align: left;
width: 740px;
}

#accessibility { display: none; }

#header 
{
background: url(/files/images/template/header_bg.jpg);
border-bottom: 1px solid #696A6C;
height: 116px;
position: relative;
}

	#search
	{
	background: url(/files/images/template/search_bg.png) no-repeat left top;
	height: 45px;
	width: 205px;
	position: absolute;
	top: 25px;
	right: 15px;	
	}
	
	#search div { margin: 12px 0px 0px 10px; }	
	
	#search input 
	{
	border: 1px solid #7C7D7E;
	padding: 3px 5px;
	}
	
	/* http://www.tanfa.co.uk/css/examples/menu/ */
	#nav
	{
	position: absolute;
	bottom: 7px;
	left: 164px;
	}
	
	#nav ul
	{
	float: left;
	list-style: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: block;
	width: 110px;
	}
	
	#nav ul.services
	{
	float: left;
	list-style: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: block;
	width: 90px;
	}
	
	#nav ul.blog
	{
	float: left;
	list-style: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: block;
	width: 115px;
	}
	
	#nav a
	{	
	color: #7C7D7E;
	display: block;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
	#nav a:hover
	{	
	}
	
	#nav li 
	{
	position: relative;
	}
	
		#nav ul ul
		{
		position: absolute;
		width: 175px;
		z-index: 500;
		}
		
			#nav ul ul ul
			{
			position: absolute;
			top: 0px;
			left: 100%;
			}
	
			#nav ul ul a
			{
			background: #ececec;
			font-weight: normal;
			letter-spacing: normal;
			padding: 7px 3px;
			text-transform: none;
			}
			
			#nav ul ul a:hover
			{
			background: #bbbbbb;
			color: #ffffff;
			}
	
	/* div#nav specificity? */
	div#nav ul ul,
	div#nav ul li:hover ul ul,
	div#nav ul ul li:hover ul ul
	{ display: none; }
	
	div#nav ul li:hover ul,
	div#nav ul ul li:hover ul,
	div#nav ul ul ul li:hover ul
	{ display: block; }		

#content 
{
line-height: 1.75em;
padding: 15px 25px;
width: 690px;
}

/* Page 2 */
#banner {}

#copy
{
background: url(/files/images/template/copy_bg.png) no-repeat center 150px;
float: left;
margin-right: 40px;
width: 415px;
}

#copy.aboutus
{
background: url(/files/images/template/copy_bg.png) no-repeat center 50px;
float: left;
margin-right: 40px;
width: 100%;
}

#aside
{
padding-top: 12px;
float: right;
width: 225px;
}

	#submenu, #submenu ul, #submenu ul ul
	{
	margin: 0px;
	padding: 0px;
	}
	
	#submenu a {
	
	}
	
	#submenu ul { 
	padding: 0px 0em; 
	}
	
		#submenu li
		{
		list-style-type: none;
		text-transform: uppercase;
		padding: 0px 0em;
		
		}
		
			#submenu li li 
			{			
			text-transform: none;
			font-size: .9em;
			}
			
			#submenu li li li
			{
			padding-left: 20px;
			font-size: 1em;
			}
			
			#submenu li li a { color: #696A6C; }
			
			#submenu a.current { color: #F47B20 }

	#aside .roll
	{
	margin: 0px;
	padding: 0px;
	}

		#aside .roll li
		{
		list-style-type: none;
		margin-bottom: 1em;
		}
		
		#aside .more { text-align: right; }
		#aside .more a { color: #696A6C; }

#legal 
{
background: #F47B20;
border-top: 1px solid #696A6C;
clear: both;
color: #ffffff;
font-size: .9em;
height: 19px;
line-height: 1.75em;
padding: 3px 0px;
text-indent: 20px;
}

#footer
{
margin-top: 5px;
text-align: center;
}

	#footer ul 
	{
	display: block;
	list-style-type: none; 
	list-style-position: inside; 
	margin: 0px;
	padding: 0px;
	}
	
	#footer li	{ display: inline; padding: 0px 15px; }
	
	#footer a 
	{
	color: #7C7D7E;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	}



/****************************************************************
 7. Print - http://www.alistapart.com/stories/goingtoprint/
****************************************************************/
@media print {
#container { border-width: 0px; }
#header, #nav, #nav { display: none; }
#content 
{ 
border-width: 0px; 
color: #000000; 
/*width: 6.7in;*/ 
/*float: none;*/ }
#content a { text-decoration: underline; border-bottom-width: 0px; }

/* Additions to this affect IE6, See ie6.css */
#content a:after { content: "........" attr(href) " ] "; font-size: 70%; font-style: italic; padding-left: 12px; }
#content a[href^="/"]:after { content: " [ http://www.absolutebrand.com" attr(href) " ] "; padding-left: 12px; }
}



/****************************************************************
 8. Handheld
****************************************************************/
@media handheld {
#accessibility { display: block; }
}



/****************************************************************
 9. Aural
****************************************************************/
@media aural {
#accessibility { display: block; }
}