/* --- CSS --- */
/* ---   chris@grafeio.co.uk   --- */

/* --- main body settings --- */

body {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	color: silver;
	background: url(../img/home_bg2.jpg) repeat-x #afafaf;
	}

img {
	border: none;
	}
	
p { 
	margin-top: 4px;
	}
	
em {
	font-style: normal;
	font-weight: bold;
	}

h1 {
	font-style: normal;
	font-weight: bold;
	font-family: georgia, times, serif;
	font-size: 125%;
	color: #779;
	}
	
.right {float: right;}
.left {float: left;}
.note {font-size: 90%; color: #555;}


/* --- page layout --- */




/* -------------------- */

#container1 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 99%;
	height: 500px;
	background: url(../img/home_c1bg.jpg) no-repeat 0px 87px;
	}

#container2 {
	margin: 85px auto 0 auto;
	padding: 0;
	width: 820px;
	height: 412px;
	background: url(../img/xxx.jpg) no-repeat;
	}

/* -------------------- */

#header {
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	width: 453px;
	height: 95px;
	background: url(../img/home_header.gif) no-repeat;
	}
/*-- ------------- --*/

#navigation {
	clear: both;
	margin: 0;
	text-align: center;
	}

#navigation ul {
	margin: 0;
	padding: 8px 0 7px 0;
}

#navigation li {
	display: inline;
	list-style-type: none;
	}

#navigation li a, #navigation li a:visited{
	padding: 7px 6px;
	color: #036;
	text-decoration: none;
	border-right: 1px solid #ccc;
	}
	
#navigation li a:hover{
	color: #fff;
	}

#navigation li#active a{
	color: #fff;
	border-left: 1px solid #ccc;
	}
	
/* -------------------- */

#right_pane {
	display: none;
	}


	
/* -------------------- */

#content {
	clear: both;
	float: right;
	margin: 10px 0 20px 0;
	padding: 0;
	width: 320px;
	height: 225px;
	text-align: right;
	}
	
#content a {
	color: silver;
	text-decoration: underline;
	}

#content a:hover, a:active {
	color: #fff;
	text-decoration: none;
	}


/* -------------------- */
/* -------------------- */

#footer {
	position: absolute;
	top: 63px;
	left: 0px;
	padding-left: 10px;
	width: 250px;
	height: 20px;
	text-align: left;
	font: 10px "Lucida Grande", verdana, sans-serif;
	color: #e5e5e5;
	}

#footer ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#footer ul li { display: inline; }
		
#footer a:link, a:visited {
	color: #e5e5e5;
	text-decoration: none;
	}

#footer a:hover, a:active {
	color: #fff;
	}

/* ------------ */



/*--- Finito ---*/