/*@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

h1, h2 { font-family: "Arial Narrow", Arial }

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

p{ margin:0 0 1em 0; }

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#787979; line-height:1.5em; margin:0;padding:0; }

#background{ background:url(../images/bg-page.png) top center no-repeat;width:100%; float:left; padding:24px 0; }

#page{ width:959px; margin:0 auto; }

#header{ margin:0 0 2px 0;float:left;display:inline; }

	#header h1{ position:absolute; top:0; left:-999em; }

#mainnav{ margin:0 0 5px 0;float:left; display:inline; }
	
	/*#dm0m0{ filter:none !important; } */



#content-wrapper{ float:left; width:641px; background:url(../images/bg-content-top.png) top left no-repeat;padding:21px 0 0 0; }
#home #content-wrapper{ background:none;padding:0;}
#content{ float:left; width:591px; margin:0 0 24px 0;padding:20px 25px;background:url(../images/bg-content.png) bottom left no-repeat;}
#home #content{ float:left; width:641px; margin:0 0 30px 0;padding:0;background:none;}

#content-wrapper h1{
    background-position: left bottom;
    background: url(../images/bg-h1.png) bottom left no-repeat;
    padding: 0 25px 30px 25px;
    font-size: 16px;
    line-height: 1.2em;
    color: #fbc325;
}

	#content-wrapper h1 em{ color:#0a64ad; }

#content-wrapper h2{
    font-size: 19px;
    border-bottom: 1px solid #fbc325;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: -10px;
}

#sidebar{
    background-position: right bottom;
    float: right;
    width: 315px;
    position: relative;
    padding: 0 0 130px 0;
    position: relative;
    background: url(../images/sidebar-shadow.png) bottom right no-repeat;
}

	#sidebar .box{ width:315px; float:right; }
		#sidebar #subnav{ background:url(../images/sidebar-top-1.png) top left no-repeat;padding:20px 0 0 0; margin:0 0 20px 0;}


		#sidebar .box .box-inner{ background:url(../images/sidebar-btm.png) bottom left no-repeat; width:265px; padding:10px 25px; float:right; }
				#sidebar #subnav .box-inner{width:267px; padding:10px 24px; float:right; }			
			#sidebar #subnav h3{ background:url(../images/subnav-header.png) bottom left no-repeat;padding:5px 0 5px 10px;margin:0 0 20px 0;color:#eebd2d; text-transform:uppercase; font-size:14px; }
				#sidebar #subnav h3 span{ background:url(../images/subnav-header-top.png) top left no-repeat; display:block; padding:5px 0 0 10px; }
					
			
		#sidebar #subnav #subnav-wrapper{ background:url(../images/bg-subnav-top.png) top left no-repeat;padding:5px 0 0 0; }
			#sidebar #subnav #subnav-list{ background:url(../images/bg-subnav-btm.png) bottom left no-repeat; padding:0 5px 5px 5px;margin:0 0 20px 0; }
				#sidebar #subnav #subnav-list table{
    background-position: left bottom;
    background: url(../images/bg-nav-highlight-btm.png) bottom left no-repeat;
    padding: 0 0 4px 0;
    margin: 0 0 0px 0;
    text-transform: none;
}
					#sidebar #subnav #subnav-list div div table{ background:none;background-color:#fbfbfb; margin:0; padding:0; }

			 			#sidebar #subnav #subnav-list table table span, #sidebar #subnav #subnav-list div div table span{color:#787979 !important; display:block; padding:5px 0;}
				#sidebar #subnav ul#subnav-list li{ background:url(../images/bg-nav-btm.png) bottom left no-repeat;padding:0 0 4px 0; margin:0 0 2px 0;}
				#sidebar #subnav ul#subnav-list li a{ background:url(../images/bg-nav-top.png) top left no-repeat; display:block; text-decoration:none;padding:4px 0 0 20px;color:#7c7b7f;font-size:14px;text-transform:uppercase;}				
				#sidebar #subnav ul#subnav-list li.active{ background:url(../images/bg-subnav-active-btm.png) bottom left no-repeat; }
					#sidebar #subnav ul#subnav-list li.active a{ background:url(../images/bg-nav-highlight-top.png) top left no-repeat; color:#fff; }
					#sidebar #subnav ul#subnav-list li ul{ display:none;}
					#sidebar #subnav ul#subnav-list li ul li{ background:none;margin:0;padding:0; }
					#sidebar #subnav ul#subnav-list li ul li a{ background:url(../images/bg-nav-top.png) bottom left no-repeat;color:#e6e6e6;}
					#sidebar #subnav ul#subnav-list li.active ul{ display:block;background:url(../images/bg-subnav-active-top.png) top left no-repeat; padding:10px 0 0 20px; }
						#sidebar #subnav ul#subnav-list li.active ul li{ background:none; margin:0;  }
							#sidebar #subnav ul#subnav-list li.active ul li a{ background:none;color:#7c7b7f; }
								#sidebar #subnav ul#subnav-list li.active ul li a:hover{ color:#094271; }
							#sidebar #subnav ul#subnav-list li.active ul li.active-link a{ background:url(../images/ico-small-arrow.png) .3em .7em  no-repeat; }


		#sidebar #enquiries{ background:url(../images/sidebar-top-2.png) top left no-repeat;padding:20px 0 0 0;margin:0 0 20px 0; }
			#sidebar #enquiries .box-inner{padding:0px 25px 25px 25px; }
			#sidebar #enquiries h3{ font-size:21px; margin-bottom:20px; }

		#sidebar #banner h3{ font-size:15px;font-weight:bold; margin-bottom:10px;}
			#sidebar #banner h3 em{ color:#0a64ad;font-style: italic;}
		#sidebar #banner .box-inner{ padding-bottom:20px; height:235px; position:relative; }
		
/* added for ie7 transparency fix - problem caused by cycle jquery plugin */
#sidebar #sidebar-banner {
    background-position: left top;
    padding: 6px 6px 6px 7px;
    width: 302px;
    height: 48px;
    background: url("../images/banner_rotator/banner_box_bg_sm.png") no-repeat left
top;
}
 /*
input{ background:url('../images/bg-input.png') repeat-x left top;
border:1px solid #cbcacc;padding:5px;width:20px;
margin:0 0 5px 0;color:#787979;font-size:12px;
}
select{ background:url(../images/bg-input.png) top left repeat-x;border:1px solid #cbcacc;padding:4px 5px;width:150px;color:#787979;font-size:12px; float:left; }
label{ display:none;}
input.submit{ border:none; width:100px;height:28px;float:right;padding:0; } */


#rotator{ background:url(../images/flash.png) top left no-repeat; width:641px; height:306px; margin:0; overflow:hidden;z-index:0; }
			#rotator img{ margin:7px 0 0 7px; }

#sidebar h2{ background:url(../images/sidebar-top-1.png) top left no-repeat;width:315px;height:77px; overflow:hidden; }
	#sidebar h2 img{ margin:7px 0 0 7px;padding:0;display:inline; }
			
/*Fat Erik's Pipelist*/
#footer ul
{
list-style: none;
padding: 0;
margin: 0;
}

#footer ul li
{
display: inline;
padding: 0;
margin: 0;
}

#footer ul li:before { content: "| ";color:#cbcacc;  }
#footer ul li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #footer ul li
{

border-left: 1px solid #cbcacc;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
display:inline;
}

/*Win IE browsers - hide from Mac IE\*/
* html #footer ul { height: 1%; }

* html #footer ul li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #footer ul li:first-child { border-left: 0; }




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.scroll-pane{ float:right; height:225px; }

			
#footer{  color:#cbcacc;float:left;width:641px;  }
		#footer ul{margin-top:0px;margin-left:130px;float:left;text-align:center;display:inline;color:#cbcacc;}
			#footer ul li{ color:#cbcacc; }
			#footer ul li a{ color:#cbcacc; text-decoration:none; }
			
table tr td{ vertical-align:bottom; }			

/* added by dave */
#sidebar #subnav #subnav-list { margin: 0; }
#sidebar #subnav .box-inner { padding-bottom: 30px; }
#content-wrapper h2 { position:relative; z-index: 0; }
#dm0m0 table table { z-index: 1000; }

#sidebar #subnav #subnav-list div div table tr { background:#FBFBFB; }
#sidebar #subnav #subnav-list div > table { padding: 0; }
#sidebar #subnav #subnav-list div table tr td { padding-bottom: 4px !important; background-repeat: no-repeat !important;}
#sidebar #subnav #subnav-list div div table tr td { padding-bottom: 0 !important; }

#content { background: url("../images/bg-content.png") repeat-y top left; margin-bottom: 0;}

#footer  { background: url("../images/bg-content-bottom.png") no-repeat top left; padding-top: 50px; }
#home #footer  { background: none; padding-top: 50px; }

#content .interesting
{
    border-color: #000000;
    background-color: #c7d8e2;
    color: #000000;
}

#content .quotes
{
    border-color: #000000;
    padding: 0px -2px 9px 40px;
    background-color: #FEEDCE;
    color: #000000;
    background-image: url('../images/quotesbottom.png');
    background-repeat: repeat-y;
}

#content .bl
{
    background-position: 0 100%;
    background: url('../images/bl.png') 0 100% no-repeat;
    background-color: #feedce;
    color: #000000;
}
#content .tl {background: url('../images/tl.png') 0 0 no-repeat}
#content .tr {background: url('../images/tr.png') 100% 0 no-repeat; padding:10px}
#content .br {background: url('../images/br.png') 100% 100% no-repeat}

#content .blb
{
    background-position: 0 100%;
    background: url('../images/blb.png') 0 100% no-repeat;
    background-color: #c7d8e2;
    color: #000000;
}
#content .tlb {background: url('../images/tlb.png') 0 0 no-repeat}
#content .trb {background: url('../images/trb.png') 100% 0 no-repeat; padding:10px}
#content .brb {background: url('../images/brb.png') 100% 100% no-repeat}

#content .bullet
{
    background-position: 0px 5px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 20px;
    padding-left: 30px;
    background-image: url('../images/bullet.png');
    background-repeat: no-repeat;
    padding-bottom: 5px;
}

#content .more
{
    padding: 13px 0px 11px 40px;
    background-repeat: no-repeat;
    font-weight: normal;
}
#content .quotation
{
    text-align: center;
    font-size: 12px;
    color: #0099FF;
    font-weight: lighter;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: 10px;
}

#content-wrapper #h1 .picture
{
    float: right;
}

#content .words
{
    padding: 10px;
    text-align: justify;
    width: 560px;
    
}