@import "styles_reset.css";

html {
	-webkit-text-size-adjust:none;
	}

/* typography */
body { 
	font-size: 62.5%; 
	font-family: helvetica, arial, sans-serif; 
	}
	
body #ie {
	font-family: arial,helvetica,sans-serif;
	}
	
.content {
	font-family: "lucida sans unicode","lucida sans","lucida grande","helvetica nueue",arial,helvetica,sans-serif;
	font-weight: normal;
	}
	
#ie .content {
	font-family: "lucida sans unicode",arial,helvetica,sans-serif;
	}

strong, th, thead td, h1, h2, h3, h4, h5, h6 { 
	font-weight: bold; 
	}
	
cite, em, dfn { 
	font-style: italic;
	}
	
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { 
	font-size: 92%; 
	font-family: monaco, "Lucida Console", courier, monospace;
	}
	
del { 
	text-decoration: line-through; 
	color: #666; 
	}
	
ins, dfn { 
	border-bottom: 1px solid #ccc;
	}
	
small, sup, sub { 
	font-size: 85%; 
	}
	
abbr, acronym { 
	text-transform: uppercase; 
	font-size: 85%; 
	letter-spacing: 0.1em; 
	}
	
a abbr, a acronym { 
	border: none; 
	}
	
abbr[title], acronym[title], dfn[title] { 
	cursor: help; 
	border-bottom: 1px solid #ccc; 
	}
	
sup { vertical-align: super; }
sub { vertical-align: sub; }

.mark { position: relative; }
h2 .mark { font-size: 0.5em; top: -0.6em; }
	
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { font-size: 3em; line-height: normal; font-weight: normal; }
h2 { font-size: 2.4em; line-height: normal; font-weight: normal; }
h3 { font-size: 1.8em; line-height: normal; color: #273d7f; /* blue */ }
h4 { font-size: 1.8em; line-height: normal; color: #273d7f; /* blue */ }
h5 { font-size: 1.4em; line-height: normal; }
h6 { font-size: 1.2em; line-height: normal; }
	
	
/* colors & links */
body {
	background: white;
	color: #666;
	background: #fff;
	}
	
a:link { 
	text-decoration: none; 
	color: #36c; 
	}
	
a:visited { 
	text-decoration: none; 
	color: #99c; 
	
	color: #36c;
	}
	
a:hover { 
	text-decoration: none; 
	color: #e52438; /* red */
	color: #b24044; /* red */
	}
	
a:active, a:focus { 
	text-decoration: none; 
	color: #000; 
	}
	
code, pre { 
	color: #c33; 
	}
	
/* forms */
input[type="text"],
input[type="password"] {
	padding: 0.2em;	
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	font-family: "lucida sans unicode","lucida sans","lucida grande",arial,helvetica,sans-serif,verdana;
	font-size: 1.2em;
	color: #666;
	box-shadow: -1px -1px 1px #ccc;
	-webkit-box-shadow: -1px -1px 1px #ccc;
	-moz-box-shadow: -1px -1px 1px #ccc;
	
	background: #fafafa;
	}
	
/* MISC */
.loading {  /* loading/progress overlay */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: white url(images/loading.gif) no-repeat 50% 50%;
	opacity: 0.9;
	display: none;
	}
	
	
/* LAYOUT */
body { text-align: center; }
	
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	max-height: 0;
	}
	
.group { display: inline-block; }
	
* html .group { height: 1%; }
	
.col {
	float: left;
	_display: inline;
	margin: 0 1em 0;
	padding: 0;
	}
	
.col.btm {
	margin-bottom: 0;
	}
	
.col-1 { width: 8em; }
.col-2 { width: 18em; }
.col-3 { width: 28em; }
.col-4 { width: 38em; }
.col-5 { width: 48em; }
.col-6 { width: 58em; }
.col-7 { width: 68em; }
.col-8 { width: 78em; }
.col-9 { width: 88em; }
.col-10 { width: 98em; }

.col-1.box.plain { width: 5em; }
.col-2.box.plain { width: 15em; }
.col-3.box.plain { width: 25em; }
.col-4.box.plain { width: 35em; }
.col-5.box.plain { width: 45em; }
.col-6.box.plain { width: 55em; }
.col-7.box.plain { width: 65em; }
.col-8.box.plain { width: 75em; }
.col-9.box.plain { width: 85em; }
.col-10.box.plain { width: 95em; }

.col-first { 
	margin-left: 0; 
	clear: both;
	}
	
.col-last { 
	margin-right: -1em;
	}
	
.col.sect {
	margin-top: 2em;
	}
	
.topspace {
	margin-top: 2em;
	}
	
.btmspace {
	margin-bottom: 2em;
	}	

.pagerow {
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	}
	
.pagerow .page {
	width: 100em;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}


	
/* TEMP */
.grid {
	width: 100%;
	height: 1em;
	margin: 0 auto;
	background: url(images/grid.png) repeat-y center top;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	opacity: 0; 
	
	display: block;
	}
	
#ie .grid {
	display: none;
	}
	
.grid img {
	margin: 0 auto;
	visibility: hidden;
	
	display: none;
	}
	
.grid:hover {
	height: 400%;
	opacity: 1;
	}
	
.colors {
	color: #e52438; /* red */		
	color: #b24044; /* red */
	color: #c02929; /* altred */
	color: #fafafa; /* palegray */
	color: #eeeeee; /* ltgray */
	color: #e9ebf2; /* paleblue */
	color: #a7afca; /* ltblue */
	color: #7281ac; /* mdblue */
	color: #273d7f; /* blue */
	color: #1a1d55; /* dkblue */
	color: #fafafa; /* offwhite */
	color: #006d3a; /* green */	
	color: #deca59; /* gold */
	 
	color: #3366cc; /* link blue */
	}
	
	/* color="#e9ebf2" */