*

{

	margin: 0;

	padding: 0;

}

body, td

{

	color: #111;

	font: 17px/25px Georgia,"Times New Roman",Times,serif;

	overflow: scroll;

	overflow-x: auto;

	overflow-y: scroll;

	text-align: center;

}

#wrapper,#content,#footer,#indiefever

{

	margin: 0 auto;

	max-width: 1200px;

	min-width: 920px;

	padding: 0px 30px;

}

#background

{

	background-color: #f4f2f5;

}

.clear

{

	clear: both;

}

img

{

	border: none;

}

h1

{

	font-size: 4em;

	font-weight: normal;

	letter-spacing: -3px;

	padding: 40px 0;

	word-spacing: 0.1em;

}

.space

{

	letter-spacing: -10px;

	padding-right: 5px;

}

.space1

{

	letter-spacing: -1px;

}

.space2

{

	letter-spacing: 2px;

}

.tagline

{

	border-bottom: 4px double #CCC;

	border-top: 4px double #CCC;

	line-height: 5px;

	padding: 20px 0;

}

.nav-grid

{

	float: left;

	margin: 10px 4% 20px 0;

}

.nav-grid-right

{

	text-align: center;

	float: centre;

	//margin: 20px 0 20px 0;

	// width: 22%;

}

#products_layer

{

	padding-top: 20px;

}

.product-left

{

	float: left;

	margin-right: 5%;

	width: 30%;

}

.product-right

{

	float: right;

	width: 30%;

}

.product-right a

{

	float: left;

	margin-top: 20px;

}

.product-right a:hover

{

	color: #595959;

}

.product-right img

{

	background-color: red;

	float: left;

	margin-right: 10px;

	margin-top: 22px;

}

.icon

{

	background-color: #FFF;

	border: 4px double #CCC;

	display: block;

}

.icontitle

{

	font-size: 1.4em;

	text-align: center;

}

.slogan

{

	color: #CCC;

	font-size: 0.8em;

}

#products_layer p

{

	color: #4D4D4D;

	margin: 4px 0 16px 0;

}

#products_layer .intro

{

	color: #111;

	font-size: 0.8em;

	padding-bottom: 10px;

}

.product-full

{

	border-bottom: 1px dashed #CCC;

	float: right;

	width: 65%;

}

.nasty_placeholder

{

	display: block;

	height: 580px;

	width: 100%;

}

#work_layer h3

{

	margin-bottom: 20px;

}

#work_layer p

{

	margin-bottom: 20px;

}

.work-grid-3-left

{

	float: left;

	margin-right: 4%;

	width: 22%;

}

.work-grid-3-middle

{

	float: left;

	margin-right: 4%;

	padding: 6px 0 60px 0;

	width: 48%;

}

.work-grid-3-right

{

	float: right;

	font-style: italic;

	height: 350px;

	width: 22%;

}

.image-bg

{

	background-color: #FFF;

}

.image-border

{

	border: 4px double #CCC;

	height: 350px;

	overflow: hidden;

}

.side-title

{

	font-size: 1em;

	font-style: normal;

}

.side-note

{

	color: #999;

	font-size: 0.6em;

	height: 200px;

}

.next-button

{

	color: #111;

	cursor: pointer;

	float: left;

	font-size: 0.9em;

	font-style: normal;

	margin-top: 55px;

}

.next-button:hover

{

	color: #F00;

	cursor: pointer;

}

#company_layer h3

{

	margin-bottom: 20px;

}

#company_layer h4

{

	font-size: 0.8em;

	font-weight: normal;

	line-height: 1.5em;

	margin-left: 90px;

	text-align: left;

}

#company_layer p

{

	margin-bottom: 20px;

}

#company_layer img

{

	background-color: #FFF;

	border: 1px solid #CCC;

	float: left;

	margin-top: 2px;

	padding: 4px;

}

.picture-note

{

	color: #999;

	font-size: 0.6em;

	font-style: italic;

	margin-left: 90px;

}

.minheight

{

	min-height: 120px;

}

.background-press

{

	float: left;

	margin-right: 4%;

	width: 48%;

}

.people-jobs

{

	float: right;

	width: 48%;

}

.background-left

{

	float: left;

	margin-right: 8%;

	width: 46%;

}

.background-right

{

	float: right;

	width: 46%;

}

.people-left

{

	float: left;

	width: 46%;

}

.people-right

{

	float: right;

	width: 46%;

}

.press

{

	float: left;

	line-height: 1.2em;

}

.press ul

{

	font-size: 0.7em;

	text-align: left;

}

.press ul li

{

	margin-bottom: 20px;

}

.press a

{

	border-bottom: dotted 1px #111;

}

.jobs a

{

	border-bottom: dotted 1px #111;

}

.blog-left

{

	float: left;

	margin-right: 4%;

	width: 48%;

}

.blog-right

{

	float: right;

	width: 48%;

}

p

{

	font-size: 0.7em;

	line-height: 1.5em;

	text-align: left;

}

h2

{

	font-size: 1.0em;

	font-weight: normal;

	padding-bottom: 10px;

	text-align: center;

}

h3

{

	font-size: 1.0em;

	font-weight: normal;

	text-align: left;

}

h4

{

	font-size: 1.0em;

	font-weight: normal;

	text-align: center;

}

a

{

	color: #111;

	text-decoration: none;

}

a:hover

{

	color: #F00;

}

.lucida

{

	color: #CCC;

	font-family: "Lucida Grande",Tahoma;

}

a.nav-grid,a.nav-grid-right

{

	color: #111;

	padding-bottom: 30px;

}

a.nav-grid.selected,a.nav-grid-right.selected

{

	color: #ccc;

	cursor: pointer;

}

a.nav-grid.selected:hover,a.nav-grid-right.selected:hover

{

	color: #111;

}

a.nav-grid.selected:hover h2,a.nav-grid-right.selected:hover h2

{

	color: #F00;

}

a.nav-grid.selected:hover p,a.nav-grid-right.selected:hover p

{

	color: #111;

}

a.nav-grid.selected:hover span,a.nav-grid-right.selected:hover span

{

	color: #FFBFBE;

}

a.nav-grid.initial:hover,a.nav-grid-right.initial:hover

{

	cursor: pointer;

}

a.nav-grid.initial:hover h2,a.nav-grid-right.initial:hover h2

{

	color: #F00;

}

a.nav-grid.initial:hover p,a.nav-grid-right.initial:hover p

{

	color: #111;

}

a.nav-grid.initial:hover span,a.nav-grid-right.initial:hover span

{

	color: #FFBFBE;

}

.post

{

	float: left;

	margin-right: 20px;

	width: 70px;

}

.blog-right .post

{

	width: 50px;

}

.day

{

	font-size: 2em;

}

.month

{

	font-size: 1em;

	margin-bottom: 0px;

}

#blog_layer h3

{

	color: #CCC;

	margin-bottom: 20px;

}

#blog_layer h4

{

	font-weight: normal;

	text-align: left;

}

.blog-left h4

{

	font-size: 1.8em;

	margin-bottom: 20px;

}

.blog-right h4

{

	font-size: 1em;

}

.blog-right p

{

	font-size: 0.7em;

	margin-left: 70px;

}

.blog-left p

{

	margin-bottom: 12px;

}

.blog-left p a

{

	border-bottom: 1px dotted #555;

}

.blog-left ul

{

	font-size: 0.7em;

	font-weight: normal;

	margin-bottom: 12px;

	padding-left: 20px;

	text-align: left;

}

.blog-left ul li

{

	line-height: 1.5em;

	margin-bottom: 10px;

}

.blog-left blockquote

{

	border-left: 3px double rgb(204,204,204);

	padding-left: 10px;

}

.blog-right .single

{

	color: #000;

	cursor: pointer;

	margin-bottom: 40px;

}

.blog-right .single.selected

{

	cursor: auto;

}

.blog-right .single:hover h4

{

	color: red;

}

.blog-right .selected:hover h4

{

	color: #000;

}

.blog-right .selected .post

{

	border-bottom: 3px double #CCC;

}

#blog_layer img

{

	float: left;

	margin: 0 40px 10px 0;

	padding: 4px;

}

#blog_layer .border

{

	border: 1px solid #CCC;

}

#author

{

	border-top: 1px solid #BFBFBF;

	font-size: 0.75em;

	margin: 0px;

	margin-top: 30px;

	padding-top: 10px;

	text-align: left;

}

#author img

{

	background-color: #FFF;

	border: 1px solid #CCC;

	margin: 0px;

	margin-right: 10px;

	margin-top: 2px;

	padding: 2px;

}

#author a

{

	color: #7F7F7F;

	font-style: italic;

}

.author

{

	color: #BFBFBF;

	font-size: .75em;

	font-style: italic;

}

.blog-left h1

{

	font-size: 1em;

}

.blog-left h2

{

	font-size: 0.8em;

}

.blog-left .image-bg

{

	background-color: #FFF;

	margin-bottom: 12px;

}

.blog-left .image-border

{

	border: 4px double #CCC;

	overflow: hidden;

}

.blog-left .image-center

{

	margin-left: auto;

	margin-right: auto;

}

.blog-left .image-caption

{

	font-size: 0.6em;

	font-style: italic;

	line-height: 1.5em;

	margin-bottom: 2em;

	margin-top: 0.5em;

	text-align: center;

}

#paginator

{

	display: inline;

	list-style-type: none;

}

#paginator li

{

	background-color: #E5E5E5;

	border: 1px solid #CCC;

	color: #999;

	float: left;

	margin-right: 3px;

	padding: 1px 8px;

}

#paginator li.selected

{

	color: #000;

}

#paginator li:hover

{

	background-color: #D8D8D8;

}

#background

{

	display: none;

}

#products_layer

{

	display: none;

}

#work_layer

{

	display: none;

}

#company_layer

{

	display: none;

}

#blog_layer

{

	display: none;

}

#highlight

{

	color: #999;

	font-size: 0.8em;

}

#highlight:hover

{

	color: #FFBFBE;

}

#highlight:hover span

{

	color: #F00;

}

#highlight span

{

	color: #111;

	font-size: 1.2em;

	margin-right: 12px;

}

#highlight img

{

	margin-bottom: -8px;

	margin-right: 10px;

}

#highlight-blue

{

	color: #999;

	font-size: 0.8em;

}

#highlight-blue:hover

{

	color: #98BBFF;

}

#highlight-blue:hover span

{

	color: #3887FF;

}

#highlight-blue span

{

	color: #111;

	font-size: 1.2em;

	margin-right: 12px;

}

#highlight-blue img

{

	border: none;

	margin-bottom: -8px;

	margin-right: 10px;

}

#fever-left

{

	float: left;

	margin-right: 4%;

	width: 48%;

}

#fever-right

{

	float: right;

	width: 48%;

}

#fever-left p,#fever-right p

{

	margin-bottom: 12px;

}

#indiedownload

{

	margin: 70px 0 60px 0;

}

#fever-right em

{

	color: #989898;

	font-size: 0.9em;

}

#fever-right em span

{

	color: #111;

}

#fever-right p a,#fever-left p a

{

	border-bottom: 1px dotted #555;

}

#fever-right p a:hover,#fever-left p a:hover

{

	color: #3887FF;

}

#footer p,#footer-background p

{

	color: #CCC;

	font: 0.5em/1.6em "Lucida Grande",Tahoma;

	text-align: center;

}

#footer-background

{

	margin: 0 auto;

	max-width: 1200px;

	min-width: 920px;

	padding: 30px 0px;

}