﻿/* CSS Document */
/* TUNDRA INTERACTIVE */
	
	
	html {
		height: 100%;
		overflow: auto;
	}
	
	/*
	 *	THE FOLLOWING BLOCK OF TAGS NEED TO BE
	 *	CUSTOMISED FOR EACH PROJECT
	 *
	 *	BACKGROUND-COLOR IS NEEDED FOR VALID CSS
	 */
	p { 	
		font-family: verdana, sans-serif;
		color: #000000;
		
		font-size: 0.9em;
		text-align: left;
	}
	
	h1 {
		font-family: Arial, verdana, sans-serif;
		color: #c5b79d;
		font-size: 2em;
		text-align: left;
		
		border-top: 2px solid #624f41;
		background-color: #0d0401;
		margin: 0px 0px 10px 0px;
		padding: 5px;
	}
	
	h2 {
		font-family: Arial, verdana, sans-serif;
		color: #000000;
		font-weight:100;
		font-size: 1.4em;
		text-align: left;
	}
	
	h3 {
		font-family: Arial, verdana, sans-serif;
		color: #000000;
		font-weight:100;
		font-size: 1.2em;
		text-align: left;
	}
	
	a:link {
		color: #641900;
	}
	
	a:hover {
		color: #a66315;
		text-decoration:none;
	}
	
	a:visited {
		color: #a66315;
	}
	
	
	img.displayed {
		display: block;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		border:none;
	}	
	
	/**
	 *	THIS DIV GETS REPLACE WITH FLASH
	 *
	 ***********************************
	 *	DO NOT CHANGE ANYTHING HERE	   *
	 ***********************************
	 *
	 */
	#flashcontent {
		position: absolute;
		top: 0px;
		left: 0px;	
		height: 100%;
		width: 100%;
	}
	
	/***************************************
	 *
	 *	IN ORDER FOR SWFFORCESIZE TO WORK
	 *	THE BODY TAG _MUST_ BE STYLED
	 *	
	 *	DO NOT CHANGE EXCEPT FOR BACKGROUND COLOR
	 *
	 *	SERIOUSLY DO NOT CHANGE ANYTHING EXCEPT FOR BACKGROUND COLOR
	 *
	 *	SERIOUSLY DON'T
	 *
	 ***************************************/
	body {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #3b2314;
	}	


	/***************************************
	 *
	 * Additional Tags
	 *
	 ***************************************/
	.header 
	{
		margin-left:0px;
		background-image: url(../images/ObusLogo.png);
		background-repeat: no-repeat;
		background-position:left;
		height: 96px;
	}
	.mainMenu
	{
		position: absolute;
		font-family: Arial;
		width: 250px;
	}
	.mainMenu UL
	{
		margin-left: 10px;
		padding-left: 0px;
	}
	.mainMenu LI
	{
		list-style-type: none;
		font-size:0.95em;
	}
	.mainMenu A
	{
		border-width: 0px 1px 0px 1px;
		border-style: solid;
		border-color: #47403e;
		display:block;
		background-color: #0d0401;
		color: #FFF;
		text-decoration: none;
		font-weight: 100;
		padding: 3px 5px 3px 22px;
	}
	.mainMenu LI.active > A
	{
		border-color: #FFF;
	}
	.mainMenu A:Hover
	{
		background-image: url(../images/aciveMenu.png);
		background-repeat: no-repeat;
		background-position:left;
		background-color: #1e1613;
		font-weight: 600;
	}
	.mainContent
	{
		border-width: 0px 1px 0px 1px;
		border-style: solid;
		border-color: #000;
		background-color: #c5b79d;
		margin-left:10px;
		position: absolute;
		left: 250px;
		padding: 10px;
	}
	.contentItem 
	{
		border-top: 1px solid #000;
		clear:both;
	}
	.contentItem > IMG
	{
		float: left;
		margin: 0px 6px 4px 0px;
	}
	.contentItem  H2
	{
		background-color: #624f41;
		margin: 0px 0px 0px 0px;
		padding: 5px;
		color: #FFF;
	}
	
	.rangeImage
	{
		float: left;
		background-color: #231b18;
		border-left: solid 1px #624f41;
		border-right: solid 1px #624f41;
		border-top: solid 2px #FFF;
		text-align: center;
	}
	
	.rangeImage IMG
	{
	}
	.rangeImage > H2
	{
		height: 100px;
		left: 180px;
		color: #FFF;
		font-size: 1.1em;
	}
	.rangeImageList .rangeImage > H2
	{
		width: 165px;
		background-color: #231b18;
		padding: 2px;
	}
	.product
	{
		background-color: #fff3e7;
		border: solid 1px #8f7f6c;
		margin: 10px;
		padding: 5px;
	}
	.product IMG
	{
		border: solid 1px #000;
		margin: 0px 1px 1px 0px;
	}
