*{margin: 0; padding: 0; }
body {margin: 50px 0 0; background: #fff url(/images/bg.gif) repeat-x; font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444;}
a {color: #9D2900; text-decoration: none;}
a:hover {color: #A0000E; text-decoration: none;}
h1 {font-size: 3em; font-weight: normal; float: left; }
h1 a {text-decoration: none; }
h1 sup {font-size:.6em;}
h2 {font-size: 2em; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em; }
h3 {font-size: 1.3em; border-bottom: 1px solid #eee; margin: 0 0 .8em;}
h3 a {color:#444;}
p  {margin: 0 0 .5em 0; line-height: 1.8em;}
p.tags {border-bottom:1px dotted #eee;width:100%;text-align:right;}
p.comments {margin-bottom:0;line-height:0;width:100%;text-align:right;}
em {border-bottom: 1px dotted #fff; cursor: pointer; }
img {border: 0; }
.red {color: #9D2900; }
.wrap {width: 900px; margin: 0 auto; }
.map {background: #fff url(http://cdn.jonburrows.co.uk/media/images/dotted-map.jpg) no-repeat right 20px; height:220px;} 
.twitter {background: #fff url(http://cdn.jonburrows.co.uk/media/images/twitter.png) no-repeat right 20px; height:220px;} 
#header {width: 900px; height: 50px; margin: 0 auto;}
#menu  {float: right; padding: 6px 0 0 0; list-style: none;}
#menu li {display: inline; }
#menu a {display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000;}
#menu a:hover {color: #000; border-bottom: 2px solid #ccc;}
#menu .active a {border-bottom: 2px solid #C70012; color: #9D2900;}
#teaser {clear: both; height: 209px; background: #fff url(/images/teaserbg.jpg) repeat-x;}
.box {float: left; padding: 66px 0 0; width: 480px; color: #C7E3EE; }
#image {float: right; width: 388px; position: relative; top: 36px; height: 219px;}
#image p {z-index : 100; line-height: 1em; position : absolute; bottom : 5px; left : 0px; margin : 0 0 0 0; padding : 3px; background : rgba(0, 0, 0, .5); color : #fff; width:100%;}
#bar {height: 40px; margin: 0 0 30px; padding: 8px 0 0 0; background: url(/images/bar.gif) repeat-x; }
.step {cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(/images/step.gif) no-repeat; height: 30px;}
.step a {color: #fff; margin: 0 0px 0 0;}
.col {float: left; width: 276px; margin: 0 30px 16px 0;}
.double {width :552px;}
.triple {width :828px;}
.last {float: right; margin: 0;}
.info {border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px;}
.info .right {float:right;font-size:80%;line-height:0.5em;}
#footer {clear: both; width: 900px; margin: 0 auto; padding: 15px; border-top: 1px solid #e0e0e0; background: #fff url(/images/small_logotype.jpg) no-repeat right 13px;}	
#footer .right {float: right; margin: 0 55px 0 0;}
#footer a {color: #808080; font-weight: bold;}
#image {margin-top:-46px; background-color:#fff;}

span.dotIR-alternate {position: absolute;left: -100em;width: 100em;}
.dotIR-replaced {visibility: visible !important;}

div#feature_list {
			width: 388px;
			height: 219px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 50px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}