@charset "utf-8";
/* Muon Design | A UK Design Services Company | CSS Document */

* {padding:0; margin:0;}

a, a:visited {
			color: #eee;
			text-decoration:none;
			}

a:hover {
			color:#faa;
			text-decoration:none;
			}
			
body {
			font:11px Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			background:#f7f4be url(images/bg.jpg) repeat-x;
			position:absolute;
			width:860px;
			height:800px;
			margin-left:-430px;
			left:50%;
			}

#header {
			position:absolute;
			top:10px;
			z-index:2;
			}

#wrap {
			position:absolute;
			top:26px;
			width:860px;
			height:818px;
			background:#f26222 url(images/bgimage_muon2.jpg) no-repeat bottom right;
			z-index:1;
			left: 0px;
			}
			
#details	{
	position:absolute;
	top:6px;
	left:617px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	z-index:5;
	height: 65px;
	width: 227px;
	border-bottom: solid 2px #f8a681;
			}

#navigation {
			position:absolute;
			display:inline;
			top: 115px;
			width: 510px;
			left: 25px;
			}

#navigation ul {
			list-style:none;
			}

#navigation li {
			display:inline;
			} 

#navigation a, #navigation a:visited, #navigation a:active {
			display:block;
			float:left;
			background:url(images/menu_static.jpg) repeat-x;
			height:19px;
			padding:5px 13px 0 13px;
			margin-right:5px;
			font-size:12px;
			color:#900;
			text-decoration:none;
			border:solid 2px #f37333;
			}


#navigation a:hover {
			background:url(images/menu_hover.jpg) repeat-x;
			color:#fff;
			border: solid 2px #d95111;
			}


#navigation .active a {
			background:url(images/menu_active.jpg) repeat-x;
			color:#fff;
			border: solid 2px #af0000;
			}		

			
#left {
	position:absolute;
	top:149px;
	padding-top:30px;
	padding-left:25px;
	width: 595px;
	height:581px;
	left: 1px;
			}
			
#sidebar {
	position:absolute;
	top:145px;
	left:638px;
	width: 200px;
	padding-top:5px;
	padding-right:20px;
			}
					
#bottomcontent {
	position:absolute;
	top:564px;
	left:25px;
	padding-top:10px;
	width: 625px;
	height:150px;
			}


.style2 {
			color:#900;
			}
.style3 {
			font:16px Arial, Helvetica, sans-serif;
			text-align:right;
			padding-left:300px;
		
}




#footer {
	position:absolute;
	top:785px;
	background:url(images/footer.jpg) no-repeat;
	height:65px;
	width:856px;
	padding:10px 0 0 5px;
	z-index:5;
			}


#left p {
			line-height:18px;
			margin-bottom:20px;
			}


#breadcrumb {
	position:absolute;
	left:24px;
	padding:5px;
	background:url(images/breadcrumb2.jpg) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	color:#900000;
	text-transform:uppercase;
	height:15px;
	width: 588px;
	top: 150px;
			}


h1, h2, h3, h4 {
			font-family: Arial, Helvetica, sans-serif;
			}


#topbar {
			height:5px;
			padding-left:25px;
			padding-top:2px;
			}
			

#logo {
	position:absolute;
	top:5px;
	left:25px;
	z-index:5;
			}


#bottomcontent h2 {
			color:#900!important;
			font-size:16px;
}

#sidebar h2 {
			display:block;
			color:#900;
			font:16px Arial, Helvetica, sans-serif;
			padding:7px;
			border-bottom: solid 1px #bbb;
			text-transform:uppercase;
			}


#sidebar ul {
			list-style:none;
			margin-bottom:15px;
			}


#sidebar li {
			display:block;
			height:21px;
			padding-top:7px;
			border-bottom:solid 2px #f8a681;
			}

#sidebar a, #sidebar a:visited {
			display:block;
			height:21px;
			padding:0px 5px 0 5px;
			color:#900;
			text-decoration:none;
			}


#sidebar a:hover {
			color:#fff;
			padding-left:25px;
			
			font-weight:bold;
			background:url(images/sidebar_dot.jpg) no-repeat;
			}


h3.columntitle {
			background:url(images/columntitle2.png) repeat-y;
			font-size:16px;
			color:#900;
			display:block;
			padding-bottom:5px;

			}
			
h4.columntitle {
			background:url(images/columntitle2.png) repeat-y;
			font-size:16px;
			color:#900;
			display:block;
			padding-bottom:5px;
			padding-left:10px;
			padding-top:5px;

			}

			
h4.column2title {
			background:url(images/details.jpg) repeat-y;
			font-size:16px;
			color:#900;
			display:block;
			padding-bottom:5px;
			padding-left:10px;
			padding-top:5px;

			}

#columnleft {
			background:url(images/column_bg.jpg) repeat-y left;
			width:596px;
			text-indent:2%;
			float:left;
			height:auto;
			}
			
#columnleft #column_footer{
			height:5px;
			padding-bottom:0px;
			background:url(images/columntitle2.png) repeat-y;
			display:block;
			text-indent:5%;
}

#columnbottom {
			width:596px;
			height:5px;
			background-image:url(images/columnbottom.jpg);
}

.columns div p {
			padding:5px;
			}


#subnav {
			padding: 9px 50px 0 420px;
			color:#fff;
			}


#subnav a {
			color:#fff;
			text-decoration:none;
			}

img.leftalign, img.rightalign {
			display:block;
			margin-top:5px;
			margin-left:10px;
			}


img.leftalign {
			float:left;
			margin-right:8px;
			}


img.rightalign {
			float:right;
			margin-left:8px;
			}

h1#sitename {
			display:block;
			padding:5px 70px 0 50px;
			color:#fff;
			font:16px normal Arial, Helvetica, sans-serif;
			}

#footer p {
			text-align:center;
			display:block;
			padding:3px;
			}

#left h2 {
			color:#900!important;
			font-size:16px;
			}
			
#left h3 {
			color:#900!important;
			padding-top:5px;
			}
			
#left h4 {
			color:#900!important;
			padding-left:5px;

}

#left .titles {
			
}

blockquote {
			background:#efefef;
			padding:5px;
			border:solid 1px #ddd;
			display:block;
			margin:5px;
			}


blockquote.leftalign {
			width:300px;
			float:left;
			}

code {
			background:#ccc;
			white-space:pre;
			display:block;
			margin:5px;
			padding:5px;
			}