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: 1em;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #eee;
	background: #0D0D0D;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: .875em;
}
html>body {
	font-size: 87.5%;
}
ol, ul {
	list-style: none;
}
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: "" "";
}
a:link,a:visited {
	text-decoration: none;
	color: #0089A8;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
}

#container {
	width: 990px;
	margin: 10px auto;
	padding: 40px 0 20px;
}
	#container.internal {
		width: 800px;
		padding: 0 0 40px;
	}

#top {
	padding: 23px;
	position: relative;
	z-index: 11;
}
	.internal #top {
		padding: 20px 25px;
		background: url(img/border-small.gif) no-repeat bottom left;
	}
	#top-border {
		background: #f00 url(img/border-large.png) no-repeat bottom left;
	}
	#top #headers {
		position: relative;
		z-index: 30;
	}
	#top h1 {
		position: relative;
		padding: 110px 0 0 0;
		overflow: hidden;
		background: transparent url(img/logo.gif) no-repeat top left;
		height: 0px !important;
		height /**/: 78px;
		width: 415px;
	}
	#top h2 {
		position: relative;
		padding: 59px 0 0 0;
		overflow: hidden;
		background: transparent url(img/tagline.gif) no-repeat top left;
		height: 0px !important;
		height /**/: 59px;
		width: 400px;
		margin: 20px 0 25px;
	}
	#top .install {
		position: relative;
		padding: 67px 0 0 0;
		overflow: hidden;
		background: transparent url(img/installbutton.gif) no-repeat top left;
		height: 0px !important;
		height /**/: 67px;
		display: block;
		width: 285px;
		z-index: 50;
	}
		#top .install:hover {
			background-position: 0 -67px;
		}
		#top .install:active {
			background-position: 0 -134px;
		}
		.internal #top .install {
			position: absolute;
			bottom: 22px;
			right: 22px;
		}
	#top .flutherinstall {
	position: relative;
	padding: 75px 0 0 0;
	overflow: hidden;
	background: transparent url(img/fluthersearch.png) no-repeat top left;
	height: 0px !important;
	height /**/: 75px;
	display: block;
	width: 206px;
	z-index: 50;
	}
		#top .flutherinstall:hover {
			background-position: -205px 0;
		}
		.internal #top .flutherinstall {
			position: absolute;
			bottom: 22px;
			right: 22px;
		}
	#top .hackernewsinstall {
	position: relative;
	padding: 75px 0 0 0;
	overflow: hidden;
	background: transparent url(img/hnwebmynd.png) no-repeat top left;
	height: 0px !important;
	height /**/: 75px;
	display: block;
	width: 206px;
	z-index: 50;
	}
		.internal #top .hackernewsinstall {
			position: absolute;
			bottom: 22px;
			right: 22px;
		}
		
	#navigation {
		margin-top: -10px;
		margin-left: -.75em;
	}
		#navigation li {
			float: left;
			padding: 1.25em .75em 0;
		}
		#navigation li.active {
			background: url(img/tab-internal.gif) no-repeat bottom center;
			padding-bottom: 39px;
			margin-bottom: -39px;
		}
		#navigation li.active a {
			color: #eee;
		}
		#navigation li.active a:hover {
			text-decoration: none;
			cursor: default;
		}
		#navigation li a {
			color: #c6c6c6;
		}

	.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 990px; height: 345px; overflow: hidden; position: absolute; bottom: -16px; right: 0;}
		.csw .loading {margin: 100px 0 200px 0; text-align: right; padding-right: 200px;}

		.stripViewer { /* This is the viewing window */
			position: absolute;
			bottom: -16px;
			right: 0px;
			z-index: 20px;
			overflow: hidden; 
			margin: auto;
			width: 990px;
			height: 345px;
			clear: both;
		}
		
		.stripViewer .panelContainer {
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
		}
		
		.stripViewer .panelContainer .panel {
			float:left;
			height: 100%;
			position: relative;
			width: 990px;
		}
		
		#stripNav0 {
			display: none;
		}
		
		#stripNavL0, #stripNavR0 {
			position: absolute;
			top: 310px;
			z-index: 100;
		}
		#stripNavL0 {
			left: 0;
		}
		#stripNavR0 {
			right: 0;
		}
		.stripNavL a, .stripNavR a {
			width: 36px;
			position: relative;
			padding: 36px 0 0 0;
			overflow: hidden;
			background: transparent url(img/prevbutton.gif) no-repeat top left;
			height: 0px !important;
			height /**/: 36px;
			display: block;
			float: left;
			margin: 85px 11px 0 0;
		}
			.stripNavR a {
				margin-left: 12px;
				margin-right: 0;
				background-image: url(img/nextbutton.gif);
			}
			.stripNavL a:hover,.stripNavR a:hover {
				background-position: 0 -36px;
			}
			.stripNavL a:active,.stripNavR a:active {
				background-position: 0 -72px;
			}
		
		#slide_find {
			background: url(img/slide-findquickly.png) no-repeat top right;
			width: 990px;
			height: 345px;
		}
		#slide_google {
			background: url(img/slide-google.png) no-repeat top right;
			width: 990px;
			height: 345px;
		}
		#slide_learn {
			background: url(img/slide-learnmore.png) no-repeat top right;
			width: 990px;
			height: 345px;
		}
		
		
#content {
	background: url(img/content-repeat.gif) repeat-y left;
	color: #333;
	margin-top: 10px;
}
	#content h3 {
		background: url(img/content-top.gif) no-repeat top left;
		padding: 20px 25px;
		font-size: 1.28em;
		font-weight: bold;
	}
	
	/* Content styling */
	
		#content em {
			font-style: italic;
		}
		#content strong {
			font-weight: bold;
		}
		#content h4 {
			font-size: 1.14em;
			
		}
		#content h5 {
			font-weight: bold;
			text-transform: uppercase;
		}
		#content p,#content blockquote {
			line-height: 1.5;
			margin: 1.35em 0;
		}
		#content ul,#content ol {
			margin: 1.5em 2em;
		}
			#content ol li {
				list-style-type: decimal;
			}
			#content li {
				margin: .75em 0;
				line-height: 1.25;
				list-style-type: circle;
			}
			#content ol ol,#content ul ul {
				margin: .75em 2em;
			}
			#content li ol li {
				list-style-type: lower-alpha;
			}
			#content li ul li {
				list-style-type: disc;
			}
		#content blockquote {
			margin: 1.35em 2em;
			font-style: italic;
		}
		#content table {
			width: 100%;
			margin: 1.5em;
		}
			#content th, #content td {
				padding: 7px;
			}
			#content th {
				font-weight: bold;
			}
			#content .alt td {
				background: #e3e3e3;
			}
		#content code {
			font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
			white-space: pre;
			margin: 1.5em 2em;
			display: block;
			line-height: 1.5;
		}
		#content div.pull {
			text-align: center;
		}
			#content div.pull img {
				margin-bottom: 5px;
			}
			#content div.pull small {
				padding: 5px;
				background: #e3e3e3;
				display: block;
				font-size: .786em;
			}
		#content div.align-left {
			padding: 1em 1em 1em 0;
			float: left;
		}
		#content div.align-right {
			padding: 1em 0 1em 1em;
			float: right;
		}
	
	#main {
		width: 550px;
		float: left;
		margin: 0 25px;
	}
	#secondary {
		width: 175px;
		margin-right: 25px;
		float: left;
	}
		#secondary #subnav {
			margin: 0;
		}
		#secondary #subnav li {
			list-style-type: none;
		}
	#content-base {
		background: url(img/content-bottom.gif) no-repeat bottom left;
		height: 25px;
		clear: both;
	}

#features {
	clear: both;
	padding: 17px 48px 0;
	position: relative;
	z-index: 10;
}
	#features ul li {
		background: url(img/feature-inactive.gif) no-repeat top left;
		float: left;
		margin-left: 14px;
	}
	#features ul li a {
		color: #333;
		display: block;
		width: 252px;
		height: 142px;
		padding: 10px 15px;
		line-height: 1.35;
	}
	#features li:hover {
		position: relative;
		background-position: 0 -162px;
	}
	#features li a:hover {
		text-decoration: none;
	}
	#features #nav_google {
		margin-left: 0;
	}
	#features li.active {
		position: relative;
		top: -20px;
		background: url(img/feature-active.gif) no-repeat bottom left;
		margin-bottom: -20px;
	}
	#features li.active a {
		width: 272px;
		height: 153px;
		padding-top: 20px;
	}
	#features li.active a:hover {
		text-decoration: none;
		cursor: default;
	}
	#features a strong {
		font-size: 1.43em;
		display: block;
	}
		#features p {
			margin: .5em 0;
		}
	
	
#footer {
	clear: both;
	padding-top: 1em;
}
	#footer-inner {
		border-top: 1px solid #333;
		padding-top: 1em;
	}
	#footer ul {
		width: 600px;
		float: left;
	}
	#footer li {
		display: inline;
		margin-right: 1em;
	}
	#footer li a {
		color: #666;
	}
	#footer span {
		float: right;
		display: block;
		width: 300px;
		text-align: right;
		color: #666;
	}
	
#error {
	width: 513px;
	height: 360px;
	margin: 80px auto;
	background: url(img/window.gif) no-repeat top left;
	padding: 20px;
	text-align: center;
	color: #ddd;
}
	#error h1 {
		position: relative;
		padding: 110px 0 0 0;
		overflow: hidden;
		background: transparent url(img/logo.gif) no-repeat top center;
		height: 0px !important;
		height /**/: 78px;
		margin: 20px 0 30px;
	}
	#error h2 {
		font-size: 1.71em;
		line-height: 1.25;
		color: #ccc;
	}
	#error h3 {
		font-size: 1.43em;
		margin: 10px 0 20px;
	}
	#error h4 {
		font-size: 1.29em;
		margin: 10px 0 15px;
	}