/*-----------------------------------------------------
[01] HTML / Body
[02] Header
[03] Navigation
[04] Content
[05] Footer
[06] Misc
-------------------------------------------------------*/

/*-----------------------------------------------------
   Branding colours:
   1] Orange: #F60;
-------------------------------------------------------*/

/* [01] HTML / Body
-------------------------------------------------------*/
html {
	overflow: auto;
}
#page {
/* 	overflow: hidden; */
	min-width: 980px;
}

/* [02] Header
-------------------------------------------------------*/
#header {
	width: 535px;
	height: 1440px;
	float: left;
	background: url('/images/branding/bg-rich.jpg') 0 0 no-repeat;
	position: fixed;
}

#header .fade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/images/backgrounds/bg-fade.png');
	z-index: 2;
}

/* [03] Navigation
-------------------------------------------------------*/
#nav-global {
	list-style: none;
	margin: 155px 0 0 190px;
	padding: 0;
	position: relative;
	z-index: 3;
}
#nav-global a {
	
	display: block;
	
	height: 38px;
	width: 110px;
}
#nav-global li {
	margin: 0 0 4px 0;
}
#nav-global .home a {
	background-position: 0 0;
}	
#nav-global .home a.current,
#nav-global .home a:hover {
	background-position: -321px 0;
}				
#nav-global .about a {
	background-position: 0 -42px;
}	
#nav-global .about a.current,
#nav-global .about a:hover {
	background-position: -321px -42px;
}		
#nav-global .contact a {
	background-position: 0 -84px;
}
#nav-global .contact a.current,
#nav-global .contact a:hover {
	background-position: -321px -84px;
}		
#nav-global .blog a {
	background-position: 0 -126px;
}
#nav-global .blog a.current,
#nav-global .blog a:hover {
	background-position: -321px -126px;

}



/* [04] Content
-------------------------------------------------------*/
h1 {
	width: 400px;
	height: 165px;
	margin: 8px 0 0 100px;
	background: url('imr-rich2.png') 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#content {
	min-height: 635px;
	padding-left: 235px;
}

#brownwhite {
	list-style: none;
	margin: 22px 0 0 102px;
	padding: 0;
	position: relative;
}
#brownwhite a {
	background: url('/images/branding/brownwhite.png') 0 -13px no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 13px;
	width: 141px;
}

#brownwhite a.current,
#brownwhite a:hover {
	background-position: 0 0;
}				


a, a:link, a:visited, a:active, a:hover {
	outline: none; /* Removes dotted outline from Firefox anchors */
	text-decoration: none;
	color: #362e1f;
	font-weight: bold;
}
a:hover {
	color: #362e1f;
	text-decoration: underline;
}
a:visited {
	color: #362e1f;
}


/* [05] Footer
-------------------------------------------------------*/

/* [06] Misc
-------------------------------------------------------*/