* {
margin:0;
padding:0;
}
body {
-x-system-font:none;
color:#111111;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:36px;
overflow-x:auto;
overflow-y:scroll;
text-align:center;
}
#wrapper, #content, #footer, #indiefever {
margin:0 auto;
max-width:1200px;
min-width:920px;
padding:30px 60px;
}
#background {
	background-color:#F4F2F5;
	padding-bottom: 20px;
}
.clear {
clear:both;
}
img {
border:medium 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 #CCCCCC;
border-top:4px double #CCCCCC;
line-height:30px;
margin-top: 25px;
padding:20px 0;
}
.nav-grid {
float:left;
margin:40px 4% 20px 0;
width:22%;
}
.nav-grid-right {
float:right;
margin:40px 0 20px;
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:#FFFFFF;
border:4px double #CCCCCC;
display:block;
}
.icontitle {
font-size:1.4em;
text-align:center;
}
.slogan {
color:#CCCCCC;
font-size:0.8em;
}
#products_layer p {
color:#4D4D4D;
margin:4px 0 16px;
}
#products_layer .intro {
color:#111111;
font-size:0.8em;
padding-bottom:10px;
}
.product-full {
border-bottom:1px dashed #CCCCCC;
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;
width:48%;
}

.work-grid-left {
float:left;
margin-right:4%;
width:40%;
}
.work-grid-right {
float:right;
height:350px;
width:40%;
}

.work-grid-3-right {
float:right;
font-style:italic;
height:350px;
width:22%;
}
.image-bg {
background-color:#FFFFFF;
}
.image-border {
border:4px double #CCCCCC;
height:350px;
overflow:hidden;
}
.side-title {
font-size:1em;
font-style:normal;
}
.side-note {
color:#999999;
font-size:0.6em;
height:200px;
}
.next-button {
color:#111111;
cursor:pointer;
float:left;
font-size:0.9em;
font-style:normal;
margin-top:55px;
}
.next-button:hover {
color:#FF0000;
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:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
margin-top:2px;
padding:4px;
}
.picture-note {
color:#999999;
font-size:0.6em;
font-style:italic;
margin-left:90px;
}
.minheight {
min-height:120px;
}
.background-press {
float:left;
margin-right:4%;
width:48%;
}
.people {
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 {
line-height:1.2em;
}
.press ul {
font-size:0.7em;
text-align:left;
}
.press ul li {
margin-bottom:20px;
}
.press a {
border-bottom:1px dotted #111111;
}
.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.5em;
font-weight:normal;
padding-bottom:10px;
text-align:left;
}
h3 {
font-size:1.3em;
font-weight:normal;
text-align:left;
}
a {
color:#111111;
text-decoration:none;
}
a:hover {
color:#FF0000;
}
.lucida {
color:#CCCCCC;
font-family:"Lucida Grande",Tahoma;
}
a.nav-grid, a.nav-grid-right {
color:#111111;
padding-bottom:30px;
}
a.nav-grid.selected, a.nav-grid-right.selected {
color:#CCCCCC;
cursor:pointer;
}
a.nav-grid.selected:hover, a.nav-grid-right.selected:hover {
color:#111111;
}
a.nav-grid.selected:hover h2, a.nav-grid-right.selected:hover h2 {
color:#FF0000;
}
a.nav-grid.selected:hover p, a.nav-grid-right.selected:hover p {
color:#111111;
}
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:#FF0000;
}
a.nav-grid.initial:hover p, a.nav-grid-right.initial:hover p {
color:#111111;
}
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:0;
}
#blog_layer h3 {
color:#CCCCCC;
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 #555555;
}
.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 #CCCCCC;
padding-left:10px;
}
.blog-right .single {
color:#000000;
cursor:pointer;
margin-bottom:40px;
}
.blog-right .single.selected {
cursor:auto;
}
.blog-right .single:hover h4 {
color:red;
}
.blog-right .selected:hover h4 {
color:#000000;
}
.blog-right .selected .post {
border-bottom:3px double #CCCCCC;
}
#blog_layer img {
float:left;
margin:0 40px 10px 0;
padding:4px;
}
#blog_layer .border {
border:1px solid #CCCCCC;
}
#author {
border-top:1px solid #BFBFBF;
font-size:0.75em;
margin:30px 0 0;
padding-top:10px;
text-align:left;
}
#author img {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin:2px 10px 0 0;
padding:2px;
}
#author a {
color:#7F7F7F;
font-style:italic;
}
.author {
color:#BFBFBF;
font-size:0.75em;
font-style:italic;
}
.blog-left h1 {
font-size:1em;
}
.blog-left h2 {
font-size:0.8em;
}
.blog-left .image-bg {
background-color:#FFFFFF;
margin-bottom:12px;
}
.blog-left .image-border {
border:4px double #CCCCCC;
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 #CCCCCC;
color:#999999;
float:left;
margin-right:3px;
padding:1px 8px;
}
#paginator li.selected {
color:#000000;
}
#paginator li:hover {
background-color:#D8D8D8;
}
#products_layer {

}
#work_layer {

}
#company_layer {

}
#blog_layer {

}
#highlight {
color:#999999;
font-size:0.8em;
}
#highlight:hover {
color:#FFBFBE;
}
#highlight:hover span {
color:#FF0000;
}
#highlight span {
color:#111111;
font-size:1.2em;
margin-right:12px;
}
#highlight img {
margin-bottom:-8px;
margin-right:10px;
}
#highlight-blue {
color:#999999;
font-size:0.8em;
}
#highlight-blue:hover {
color:#98BBFF;
}
#highlight-blue:hover span {
color:#3887FF;
}
#highlight-blue span {
color:#111111;
font-size:1.2em;
margin-right:12px;
}
#highlight-blue img {
border:medium 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;
}
#fever-right em {
color:#989898;
font-size:0.9em;
}
#fever-right em span {
color:#111111;
}
#fever-right p a, #fever-left p a {
border-bottom:1px dotted #555555;
}
#fever-right p a:hover, #fever-left p a:hover {
color:#3887FF;
}
#footer p a,#footer p, #footer-background p {
-x-system-font:none;
color:#CCCCCC;
font-family:"Lucida Grande",Tahoma;
font-size:0.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6em;
text-align:center;
}
#footer-background {
margin:0 auto;
max-width:1200px;
min-width:920px;
padding:30px 0;
}

th {
	text-align: left;
	padding-bottom: 1em;
}

.features {
	color:#4D4D4D;
	margin:4px 0 16px;
}

#ref h3{
	margin-top: 10px;
}
.ref_img {
}

#about_left {
	float: left; 
	text-align: left; 
	width: 40%;
	line-height:36px;
}
#about_right {
	float: right; 
	text-align: left; 
	width: 40%;
	line-height:36px;
}
.button {
	-moz-border-radius:3px 3px 3px 3px;
	background-color:#BBBBBB;
	color:#FFFFFF;
	padding:3px 6px;
	font-size: 0.8em;
}

.design a {
border-bottom:1px solid #BBBBBB;
padding-bottom:1px;
}

.project_title {
	border-bottom: 1px solid #ccc;
	padding: 0 5px 0 5px;
	line-height: 30px;
}
.features .lucida {
	color:#FFBFBE;
}

/* form 3 */
#form3 .input {
	-moz-border-radius:3px 3px 3px 3px;
	background-color:#BBBBBB;
	border: none;
	color:#FFFFFF;
	padding:3px 6px;
	font-size: 1em;
}

#form3{
	margin:1em 0;
	width:920px;
	overflow:hidden;
	}
#form3 h3{display:none;}	
#form3 fieldset{
	margin:0;
	padding:0;
	border:none;	
	float:left;
	display:inline;
	width:400px;
	margin-left:34px;
	padding-top:80px;
	}	
#form3 fieldset.last{
	width:254px;
	margin-left:17px;
	}				
#form3 legend{display:none;}	
#form3 p{margin:.5em 0;}	
#form3 label{display:block;}	
#form3 textarea{		
	padding:3px;
	-moz-border-radius:3px 3px 3px 3px;
	background-color:#BBBBBB;
	border: none;
	color:#FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	padding:3px 6px;
	font-size: 1em;		
	}		
#form3 p.submit{
	margin:0 34px;
	clear:both;
	position:relative;
	}	

/* // form 3 */

/* Twitter
------------------------------------------ */

.example-twitter {
	position:relative;
	padding:15px;
	margin:100px 0 0.5em;
	width: 500px;
	color:#333;
	background:#F4F2F5;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.example-twitter p {font-size:28px; line-height:1.25em;}

/* this isn't necessary, just saves me having to edit the HTML of the demo */
.example-twitter:before {
	content:url('img/twitter-logo.gif');
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	top:-60px;
	left:0;
	width:155px;
	height:36px;
}

/* creates the triangle */
.example-twitter:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:-1;
	top:-30px;
	left:50px;
	width:0;
	height:0;
	border:15px solid transparent;
	border-bottom-color:#F4F2F5;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-twitter + p {padding-left:15px; font:14px Arial, sans-serif;}


td.data {
	padding-bottom: 10px;
}

/*td input[type="text"] {*/
td input,
td select {
	height: 24px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 14px;
	padding: 3px;
}

.errmsg {
	font-weight: bold; 
	color: red;
}

.errmsg {
	margin: 15px 25px;
}

.errmsg ul li {
	padding-bottom: 5px;
}
#login {
	position: absolute;
	top: 5px;
	right: 5px;
	padding-right: 5px;
	text-align: right;
	font-size: 14px;
}