/* initialise =============================================================== */
* {
	margin: 0px;
	padding: 0px;
}
.hidden, .hide, .url, i {
	display: none;
} 
/* hide skip navigation + print code */
.show {
	display: inline;
}
a img {
	border: none;
} 
table {
	font-size: 100%;
}  /* fixes IE5 font-size bug */
p, td, a, h1, h2, h3, h4, h5, h6, .textfield, .textarea {
	color: #333;
	font-family: sans-serif;
}
div.clear {
	clear:both;
	height:0;
	font-size:1px;
}
/* typography =============================================================== */

p, a, ul, li {
	font-size: 1em;
}

p.right_align {
	text-align:right;
	padding:0 10px;
}
p.centre_align {
	text-align:center;
}
/* headings */ 
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, helvetica, sans-serif;
}
h2 {
	font-size: 22px;
	color: #3d454b;
	font-weight: bold;
}  
/* page title */
#mainColumn h2, h2.comparison {
	margin-top: 36px;
	padding: 0;
}
/* mutli purpose sub-titles */
h3 {
	color: #569833;
	font-size: 16px;
}
h3 a {
	font-size: 16px;
}
h3 span {
	margin: 0;
	padding: 0;
} /* so can position image if want to */
h4 {
	font-size: 14px;
}
/* linkology */
a {
	font-size: 1em;
	color: #3d454b;
	text-decoration: underline;
}
a:hover {
	color: #3d454b;
	text-decoration: none;
}
/* a:link	{ text-decoration: underline; } */
a:visited {
	text-decoration: underline;
}
a:visited:hover {
	text-decoration: none;
}
li {
	line-height: 18px;
}
li span {
	color: #569833;
}
html { /*min-width: 768px;*/
	height: 100%;
	min-height: 100%;
}
body {
	color: #333;
	height: 100%;
	font-size: 76%;
	min-height: 100%;
	font-family: sans-serif;
	text-align : center; /*min-width : 766px;*/
	/*background: #fff url("../images/background.jpg") repeat-x left top;*/
}
html > body {
	overflow: visible;
}
#container {
	position: relative;
	text-align: left;
	width: 800px;
	margin: 0 auto;
	min-height: 100%;
} /* div that everything sits in */
* html #container {
	height: 100%;
}
body > #container {
	height: auto;
}

/* framework ================================================================ */
#wrapper {
	width: 770px;
	padding: 0;
} /* colors side bar - color set in separate section */
#sidenav {
	float: left;
	width: 154px;
	padding: 0px;
} /* left sidebar */
#mainColumn {
	/*display: inline;*/
	float: right;
	width: 601px;
	margin: 0px;
	padding: 0px 0 0 11px;
} /* middle and right column wrapper */
* html #mainColumn {
	width: 611px;
	w\idth: 601px;
}

/* navigation =============================================================== */

/* primary site navigation ----- */
#navRowMain .contact {
	color: #333;
	font-weight: normal;
	float: right;
	margin-right: 3px;
	text-indent: 0;
}


/* set defaults for alpha effect ----- */
.subNav {
	display : none;
}

/* style mini-nav (contact, site map etc ) ----- */
#mininav {
	float: right;
	width: auto;
	padding-top: 28px;
	padding-right: 0px;
}
#mininav li {
	display: inline;
	list-style-type: none;
	color: #3d454b;
}
/* add the bar background to the container */
#navRowMain {
	display: block;
	height: 34px;
	padding-left: 0px;
	text-indent: 0px;
	list-style-type: none;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #aeaeae;
	background: url("../images/top_menu_bck.gif") repeat-x left center;
}

/* style the list ----- */
#navRowMain li {
	float: left;
	display: block;
	margin-bottom: 0px;
	background: url("../images/top_menu_item_bck.gif") no-repeat right center;
}
#navRowMain li.last {
	background: none;
}
#navRowMain li a {
	height: 22px;
	color: #3d454b;
	display: block;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: 9px 5px 5px 5px;
}
#navRowMain a:hover, #navRowMain li.isSelected a  {
	color: #fff;
	/*background: #6d7c86;*/
	background: url("../images/menu_over_bck.gif") repeat-x left top;
}


/* style bottom nav ----- */
#navRowSub {
	clear: left;
	height: 22px;
	padding-top: 5px;
	background: #0e73bd;
}
#navRowSub ul {
	list-style-type: none;
}
#navRowSub li {
	float: left;
	color: #fff;
	display: block;
	text-indent: 0;
	margin-left: 4px;
	font-weight: normal;
}
#navRowSub a {
	color: #fff !important;
	padding: 0px 2px;
	text-decoration: none;
	font-weight: normal !important;
}
#navRowSub a:hover {
	text-decoration: underline;
}


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:710px;
		height:220px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:710px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
			#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:710px;
		background:#fff;		
		margin-bottom:1em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}	
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
	}
/* // Easy Slider */