/* 
============================================================================
HAIRY DOG DIGITAL, INC.
www.hairydogdigital.com // info@hairydogdigital.com
----------------------------------------------------------------------------
project: 16507
 client: Arete Asset Management
  title: web site
   date: May 2008
----------------------------------------------------------------------------
Except where explicitly stated otherwise, all source code for this project,
including, but not limited to source code  written in HTML, XHTML, XML, CSS,
JavaScript, Java, ActionScript (Flash), PHP, MySQL, and Lingo (Director) 
is the property of and copyright (C) 2004-2008 by Hairy Dog Digital, Inc. 
All rights reserved. You are not permitted to use, reverse engineer, or 
otherwise adapt or modify this code for other projects and purposes without 
the expression written permission of Hairy Dog Digital, Inc. 
============================================================================
*/


/* ***************************************************************
   General style resets and defaults
   *************************************************************** */
* {
	margin: 0;
	padding: 0;
	}
	
html, body {
	height: 100%;
	}

body {
	background-color: #FEF8E0;	/* pale ivory background */
	color: #663200;				/* brick-red foreground  */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.6em;
	}


/* ***************************************************************
   Body Content elements
   *************************************************************** */

#contents {
	width: 455px;
	margin: 15px 0px 0px 40px;
	}


/* ***************************************************************
   Navigation Bar elements
   *************************************************************** */

#body-navbar {
	position: absolute;
	left: 72px;
	width: 230px;
	height: 100%;
	
	overflow: hidden;
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	background-color: #FFF;
	color: inherit;
	}

/*
.sublevel1 {
	display: none;
	}
*/
	
#body-navbar a {
	display: block;
	background-color: inherit;
	color: #663200;
	text-decoration: none;
	padding-left: 30px;
	font-size: 12px;
	font-weight: bold;
	}
	
#body-navbar a:hover {
	background-color: #FBECAE;
	color: inherit;
	}
	
#body-navbar a.hilited, #body-navbar a.hilited:hover {
	background-color: #F7DB6C;
	color: inherit;
	}
	
#body-navbar div.navbarLevel2 {
	display: none;
	}
	
#body-navbar div.navbarLevel2 a {
	padding-left: 50px;
	font-size: 11px;
	font-weight: normal;
	}
	
#body-navbar div.navbarLevel3 a {
	padding-left: 70px;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	}
	
#body-navbar a.hiliteParentLink {
	display: none;
	}
	
#body-navbar a.hiliteParentLink {
	display: none;
	}
	
	
/* ***************************************************************
   Page Heading elements
   *************************************************************** */

#head-logo {
	margin-left: 72px;
	}

#head-logo img {
	border: #FFF 0 none;
	}

#head-photo {
	position: absolute;
	top: 0px;
	left: 305px;
	width: 539px;
	height: 145px;
	}

#head-slogan {
	position: absolute;
	top: 0px;
	left: 305px;
	width: 539px;
	height: 145px;
	z-index: 10;
	}

#head-heading {
	position: absolute;
	bottom: 7px;
	left: 322px;
	width: 510px;
	overflow: hidden;
	z-index: 20;
	padding-bottom: 6px;
	}

#head-heading h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00562E;
	background-color: transparent;
	font-size: 30px;
	line-height: 31px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}




/* ***************************************************************
   Page Footer elements
   *************************************************************** */

.footer {
	padding-top: 3px;
	padding-left: 73px;
	padding-right: 72px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #fff;
	background-color: inherit;
}

.footer p.global-links {
	float: left;
	text-align: left;
	}
	
.footer p.copyright {
/*	float: right; */
	text-align: right;
	}

.footer a, .footer a:link, .footer a:visited, .footer a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #fff;
	background-color: inherit;
	}
	


/* ***************************************************************
   Page layout sections/regions
   *************************************************************** */

#page-bg {
	background-color: #663200;
	color: inherit;
	width: 916px;
	margin: 0 auto;
	height: 100%;
	top: 0;
	bottom: 0;
}

#page-bg-top {
	position: absolute;
	top: 0;
	width: 916px;
	height: 24px;
	background-image:url(shadow-top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#page-bg-head {
	position: absolute;
	top: 24px;
	width: 916px;
	height: 145px;
	background-image:url(shadow-bg.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}	

#page-bg-sep {
	position: absolute;
	top: 169px;
	width: 916px;
	height: 3px;
	background-image:url(shadow-sep.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}	

#page-bg-body {
	position: absolute;
	top: 172px;
	bottom: 30px;
	width: 916px;
	background-image:url(shadow-bg.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}	

#body-contents {
	position: absolute;
	left: 305px;
	width: 539px;
	height: 100%;
	overflow: auto;
	background-color: #FFF;
	color: inherit;
	}

#page-bg-btm {
	position: absolute;
	bottom: 0;
	width: 916px;
	height: 30px;
	z-index: 20;
	background-image:url(shadow-btm.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}	

