/* @group Reset *//* Reset based on Eric Meyer's reset | http://meyerweb.com/eric/tools/css/reset/ | Thanks Eric! *//* v1.0 | 20080212 | Modified by Ty Hatch 20100914 */ 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, b, u, i, center, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100.1%; vertical-align: baseline; background: transparent; } body { line-height: 1.1; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } input[type=hidden] { display: none !important; } b { font-weight: bold; } i { font-style: italic; } /* @end Reset */

/* @group general styles */
html { -webkit-text-size-adjust: none; } /* Prevent font scaling in landscape */

body { font-family: Helvetica, Arial, sans-serif, sans; color: #333; background-color: #fff; margin: 0; }

a { color: #09c; text-decoration: none; padding: 2px 2px 0; margin: -2px -2px 0; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; } /*:hover doesn't really compute for a mobile device*/
a:active {  }
a:visited { color: #09c; text-decoration: none; }


h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 182%; } /*~24px*/
h2 { font-size: 153.9%; } /*~20px*/
h3 { font-size: 138.5%; } /*~18px*/
h4 { font-size: 123.1%; } /*~16px*/
h5 { font-size: 108%; } /*~14px*/
h6 { font-size: 93%; } /*~12px*/

p, li, dd, dt, label { line-height: 130%; font-size: 100%; }
ol {  }
ol li {  }
ul {  }
ul li {  }
dl {  }
dt {  }
dd {  }

p + p, p + ol, p + ul {  }


#page-wrapper {
	width: 740px;
	margin: 0 auto;
}

/* HEADER **************************************************************************/

div.header {
}

h1.logo a {
	background: url('../images/logo-small.gif') no-repeat;
	width: 223px;
	height: 64px;
	display: block;
	text-indent: -9999px;
	margin: 40px 10px 20px 20px;
}

/* CONTENT **************************************************************************/

#content {
	float: left;
	width: 440px;
}

#intro {
	background: url('../images/bg-intro-medium-color.jpg') no-repeat;
	padding: 20px 0;
}

#intro p {
	font-size: 32px;
	line-height: 140%;
	width: 85%;
	margin: 0 0 0 20px;
}

#intro-more {
	padding: 20px 0;
	border-width: 0;
}

#intro-more p {
	font-size: 24px;
	line-height: 140%;
	margin: 0 30px 0 20px;
}

/* SIDEBAR **************************************************************************/

#sidebar {
	float: right;
	width: 300px;
}

#sidebar h2 {
	margin: 0 0 10px 20px;
	font-size: 18px;
}

#sidebar p {
	font-size: 14px;
	line-height: 140%;
	margin: 10px 10px 20px 20px;
	color: #666;
}


/* FOOTER **************************************************************************/

#footer {
	border-top: 1px solid #ccc;
	padding: 20px 0;
}

#footer p {
	font-size: 14px;
	line-height: 140%;
	margin: 10px 10px 20px 20px;
}

/* CLEARFIX**********************************************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}