/******** GLOBAL RESET ********/
	
/* http://meyerweb.com/eric/tools/css/reset/ */	
/* v1.0 | 20080212 */
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,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
header,
section,
footer,
aside,
nav,
article,
figure {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

header,
section,
footer,
aside,
nav,
article,
figure {
	display:block;
}

ol,
ul {
	list-style:none;
}

blockquote,
q {
	quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content:'';
}


	
/* remember to define focus styles! */
:focus {
	outline:0;
}


	
/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}


	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

/******** 960 GRID SYSTEM 24 COLUMNS ********/

.container_24 {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	overflow:hidden;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.alpha {
	margin-left:0;
}

.omega {
	margin-right:0;
}

.container_24 .grid_1 {
	width:20px;
}

.container_24 .grid_2 {
	width:50px;
}

.container_24 .grid_3 {
	width:100px;
}

.container_24 .grid_4 {
	width:140px;
}

.container_24 .grid_5 {
	width:180px;
}

.container_24 .grid_6 {
	width:220px;
}

.container_24 .grid_7 {
	width:260px;
}

.container_24 .grid_8 {
	width:300px;
}

.container_24 .grid_9 {
	width:340px;
}

.container_24 .grid_10 {
	width:380px;
}

.container_24 .grid_11 {
	width:420px;
}

.container_24 .grid_12 {
	width:460px;
}

.container_24 .grid_13 {
	width:500px;
}

.container_24 .grid_14 {
	width:540px;
}

.container_24 .grid_15 {
	width:580px;
}

.container_24 .grid_16 {
	width:620px;
}

.container_24 .grid_17 {
	width:660px;
}

.container_24 .grid_18 {
	width:700px;
}

.container_24 .grid_19 {
	width:740px;
}

.container_24 .grid_20 {
	width:780px;
}

.container_24 .grid_21 {
	width:820px;
}

.container_24 .grid_22 {
	width:860px;
}

.container_24 .grid_23 {
	width:900px;
}

.container_24 .grid_24 {
	width:940px;
}

.container_24 .prefix_1 {
	padding-left:40px;
}

.container_24 .prefix_2 {
	padding-left:80px;
}

.container_24 .prefix_3 {
	padding-left:120px;
}

.container_24 .prefix_4 {
	padding-left:160px;
}

.container_24 .prefix_5 {
	padding-left:200px;
}

.container_24 .prefix_6 {
	padding-left:240px;
}

.container_24 .prefix_7 {
	padding-left:280px;
}

.container_24 .prefix_8 {
	padding-left:320px;
}

.container_24 .prefix_9 {
	padding-left:360px;
}

.container_24 .prefix_10 {
	padding-left:400px;
}

.container_24 .prefix_11 {
	padding-left:440px;
}

.container_24 .prefix_12 {
	padding-left:480px;
}

.container_24 .prefix_13 {
	padding-left:520px;
}

.container_24 .prefix_14 {
	padding-left:560px;
}

.container_24 .prefix_15 {
	padding-left:600px;
}

.container_24 .prefix_16 {
	padding-left:640px;
}

.container_24 .prefix_17 {
	padding-left:680px;
}

.container_24 .prefix_18 {
	padding-left:720px;
}

.container_24 .prefix_19 {
	padding-left:760px;
}

.container_24 .prefix_20 {
	padding-left:800px;
}

.container_24 .prefix_21 {
	padding-left:840px;
}

.container_24 .prefix_22 {
	padding-left:880px;
}

.container_24 .prefix_23 {
	padding-left:920px;
}

.container_24 .suffix_1 {
	padding-right:40px;
}

.container_24 .suffix_2 {
	padding-right:80px;
}

.container_24 .suffix_3 {
	padding-right:120px;
}

.container_24 .suffix_4 {
	padding-right:160px;
}

.container_24 .suffix_5 {
	padding-right:200px;
}

.container_24 .suffix_6 {
	padding-right:240px;
}

.container_24 .suffix_7 {
	padding-right:280px;
}

.container_24 .suffix_8 {
	padding-right:320px;
}

.container_24 .suffix_9 {
	padding-right:360px;
}

.container_24 .suffix_10 {
	padding-right:400px;
}

.container_24 .suffix_11 {
	padding-right:440px;
}

.container_24 .suffix_12 {
	padding-right:480px;
}

.container_24 .suffix_13 {
	padding-right:520px;
}

.container_24 .suffix_14 {
	padding-right:560px;
}

.container_24 .suffix_15 {
	padding-right:600px;
}

.container_24 .suffix_16 {
	padding-right:640px;
}

.container_24 .suffix_17 {
	padding-right:680px;
}

.container_24 .suffix_18 {
	padding-right:720px;
}

.container_24 .suffix_19 {
	padding-right:760px;
}

.container_24 .suffix_20 {
	padding-right:800px;
}

.container_24 .suffix_21 {
	padding-right:840px;
}

.container_24 .suffix_22 {
	padding-right:880px;
}

.container_24 .suffix_23 {
	padding-right:920px;
}

/******** 960 GRID ********/

.container_12,
.container_16 {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	overflow:hidden;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:auto;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width:220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width:460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width:700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width:940px;
}

.alpha {
	margin-left:0;
}

.omega {
	margin-right:0;
}

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_16 .grid_1 {
	width:40px;
}

.container_16 .grid_2 {
	width:100px;
}

.container_16 .grid_3 {
	width:160px;
}

.container_16 .grid_5 {
	width:280px;
}

.container_16 .grid_6 {
	width:340px;
}

.container_16 .grid_7 {
	width:400px;
}

.container_16 .grid_9 {
	width:520px;
}

.container_16 .grid_10 {
	width:580px;
}

.container_16 .grid_11 {
	width:640px;
}

.container_16 .grid_13 {
	width:760px;
}

.container_16 .grid_14 {
	width:820px;
}

.container_16 .grid_15 {
	width:880px;
}

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left:240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left:480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left:720px;
}

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}

.container_16 .prefix_1 {
	padding-left:60px;
}

.container_16 .prefix_2 {
	padding-left:120px;
}

.container_16 .prefix_3 {
	padding-left:180px;
}

.container_16 .prefix_5 {
	padding-left:300px;
}

.container_16 .prefix_6 {
	padding-left:360px;
}

.container_16 .prefix_7 {
	padding-left:420px;
}

.container_16 .prefix_9 {
	padding-left:540px;
}

.container_16 .prefix_10 {
	padding-left:600px;
}

.container_16 .prefix_11 {
	padding-left:660px;
}

.container_16 .prefix_13 {
	padding-left:780px;
}

.container_16 .prefix_14 {
	padding-left:840px;
}

.container_16 .prefix_15 {
	padding-left:900px;
}

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right:240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right:480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right:720px;
}

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}

.container_16 .suffix_1 {
	padding-right:60px;
}

.container_16 .suffix_2 {
	padding-right:120px;
}

.container_16 .suffix_3 {
	padding-right:180px;
}

.container_16 .suffix_5 {
	padding-right:300px;
}

.container_16 .suffix_6 {
	padding-right:360px;
}

.container_16 .suffix_7 {
	padding-right:420px;
}

.container_16 .suffix_9 {
	padding-right:540px;
}

.container_16 .suffix_10 {
	padding-right:600px;
}

.container_16 .suffix_11 {
	padding-right:660px;
}

.container_16 .suffix_13 {
	padding-right:780px;
}

.container_16 .suffix_14 {
	padding-right:840px;
}

.container_16 .suffix_15 {
	padding-right:900px;
}

/******** BASIC STYLING ********/

body{
	background: #222 url(_img/site-bg.jpg) top left;
	color: #f9f9f9;
	font-family: Georgia, serif;
	font-size:14px;
	line-height: 20px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.9);
}

input{
	font-family: Georgia, serif;
}

p, ul, ol, figure, pre{
	margin-bottom:20px;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin-bottom:10px;
}

h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 12px;}

a, .checkmark{
	color:#D8A418;
	font-weight: 700;
	word-wrap: break-word;
}

a:active{
	color:#edce00;
	position:relative;
	top:1px;
}

a:hover{color:#edce00;}

#head{
	padding:20px 0;
	width:100%;
}

#logo a, #nav li a{
	text-decoration: none;
	font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 18px;
	font-weight: 700;
}

#nav li a:hover{
	background:#444;
	background:rgba(102,102,102,0.2);
}

#logo a span, #nav li a span{
	color:#f9f9f9;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size:14px;
	font-style: italic;
}

#logo{
	float:left;
	height:40px;
	width:auto;
	height:auto;
}

#logo a{
	background: no-repeat;
	color: #f9f9f9;
	display:block;
	padding: 20px 20px 20px 80px;
}

#logo a:hover{
	background: #444 no-repeat;
	background: rgba(102,102,102,0.2) no-repeat;
}

#logo a, #logo a:hover{
	background-image: url(_img/site-sprite.png);
	background-position: 0px -540px;
}

#nav{
	float:right;
	margin:10px;
	margin-right:0;
}

#nav li{
	display:inline;
	float:left;
	height:40px;
}

#nav li a{
	display:block;
	padding:10px;
}