/* @group LAYOUT */

html, body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #F6F7BD;
	background: url('../images/page_bg.jpg') repeat top left;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

center
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

div.page-frame
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url('../images/page_bg.jpg') repeat top left;
}

div.header-frame
{
	width: 100%;
	height: 118px;
	margin: 0;
	padding: 15px 0px 0px 0px;
	text-align: center;
	position: relative;
	top: 12px;
}

div.top-frame
{
	width: 100%;
	height: auto !important;
	min-height: 100px;
	margin: 0;
	padding: 0px 0px 9px 0px;
	background: url('../images/gc_shadow.png') repeat-x bottom left;
}

div.content-frame
{
	width: 100%;
	height: auto !important;
	min-height: 100px;
	margin: 0;
	padding: 0px 0px 9px 0px;
	background: url('../images/gc_shadow.png') repeat-x bottom left;
	position: relative;
}

div.beige-content
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 35px 0px 35px 0px;
	background: url('../images/beige_bg.jpg') repeat top left;
	text-align: center;
}

div.red-content
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 35px 0px 35px 0px;
	background: url('../images/red_bg.jpg') repeat top left;
	text-align: center;
}

div.teal-content
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 35px 0px 35px 0px;
	background: url('../images/teal_bg.jpg') repeat top left;
	text-align: center;
}

div.orange-content
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 35px 0px 35px 0px;
	background: url('../images/orange_bg.jpg') repeat top left;
	text-align: center;
}

div.brown-content
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 35px 0px 35px 0px;
	background: url('../images/brown_bg.jpg') repeat top left;
	text-align: center;
}

div.content-box
{
	width: 800px;
	height: auto !important;
	min-height: 100px;
	margin: 0;
	padding: 40px;
	-moz-background-clip: border;
	-webkit-background-clip: border;
	-moz-background-inline-policy: continuous;
	-webkit-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-webkit-background-origin: padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url('../images/clear_bg.png') repeat top left;
	text-align: left;
	font-size: 10pt;
	line-height: 2em;
}

div.footer-frame
{
	width: 100%;
	height: auto !important;
	min-height: 200px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.full-center
{
	width: 100%;
	text-align: center;
}

ul.footer-links
{
	display: inline-table;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12pt;
}

ul.footer-links li
{
	margin: 15px;
	list-style-type: none;
}

/* @end */

/* @group ITEMS */

div.item-icon
{
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 20px;
}

div.item-description
{
	width: 100%;
	height: auto !important;
	min-height: 100px;
	margin: 0;
	padding: 20px;
	line-height: 2em;
	text-align: left;
	font-size: 10pt;
}

/* @end */

/* @group LAYERS */

div.layer-0
{
	position: relative;
	z-index: 2;
}

div.layer-1
{
	position: relative;
	top: -9px;
	z-index: 1;
}

div.layer-2
{
	position: relative;
	top: -18px;
	z-index: 0;
}

div.layer-3
{
	position: relative;
	top: -27px;
	z-index: -1;
}

/* @end */

/* @group FONT COLORS */

.fcolor-brown
{
	color: #655643;
}

.fcolor-red
{
	color: #BF4D28;
}

.fcolor-teal
{
	color: #80BCA3;
}

.fcolor-beige
{
	color: #F6F7BD;
}

.fcolor-orange
{
	color: #E6AC27;
}

/* @end */

/* @group BORDER COLORS */

.bcolor-brown
{
	border-color: #655643;
}

.bcolor-red
{
	border-color: #BF4D28;
}

.bcolor-teal
{
	border-color: #80BCA3;
}

.bcolor-beige
{
	border-color: #F6F7BD;
}

.bcolor-orange
{
	border-color: #E6AC27;
}

/* @end */

/* @group TITLES */

.title-18
{
	font-size: 18pt;
}

.title-14
{
	font-size: 14pt;
}

.title-12
{
	font-size: 12pt;
}

.title-10
{
	font-size: 10pt;
}

/* @end */

/* @group LINKS */

a
{
	color: #FFF;
	text-decoration: none;
}

a:hover
{
	color: #FFF;
	text-decoration: underline;
}

a.beige
{
	color: #F6F7BD;
	text-decoration: none;
}

a.beige:hover
{
	color: #F6F7BD;
	text-decoration: none;
	-moz-background-clip: border;
	-webkit-background-clip: border;
	-moz-background-inline-policy: continuous;
	-webkit-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-webkit-background-origin: padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px 12px 3px 12px;
	background: url('../images/clear_bg.png') repeat top left;
}

a.none-beige
{
	color: #F6F7BD;
	text-decoration: none;
}

a.none-beige:hover
{
	color: #FFFFE8;
	text-decoration: none;
}

a.dark{
	color: #000;
	text-decoration: none;
}

a.dark:hover
{
	color: #000;
	text-decoration: underline;
}

a.brown
{
	color: #655643;
	text-decoration: none;
}

a.brown:hover
{
	color: #655643;
	text-decoration: none;
	-moz-background-clip: border;
	-webkit-background-clip: border;
	-moz-background-inline-policy: continuous;
	-webkit-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-webkit-background-origin: padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px 12px 3px 12px;
	background: url('../images/clear_bg.png') repeat top left;
}

a.f-link
{
	text-decoration: none;
	color: #C4C58A;
}

a.f-link:hover
{
	text-decoration: none;
	color: #F6F7BD;
}

a.dl-link
{
	color: #FFF;
	text-decoration: none;
}

a.dl-link:hover
{
	color: #7be9bb;
	text-decoration: none;
}

/* @end */

/* @group FONT SIZES */

.fsize-8
{
	font-size: 8pt;
}

.fsize-10
{
	font-size: 10pt;
}

.fsize-12
{
	font-size: 12pt;
}

.fsize-14
{
	font-size: 14pt;
}

.fsize-50
{
	font-size: 50pt;
}

/* @end */

/* @group GENERAL */

ul.link-box
{
	float: right;
	height: 50px;
	margin: 40px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	background: url('../images/brown_bg.jpg') repeat top left;
	line-height: 50px;
	text-align: center;
	position: inherit;
	z-index: 2;
	display: inline-table;
}

ul.link-box li.scroll
{
	position: relative;
	padding: 0px 10px 0px 10px;
	display: inline-table;
	text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.8);
	color: #F6F7BD;
}

ul.link-box li.scroll:hover
{
	position: relative;
	padding: 0px 10px 0px 10px;
	display: inline-table;
	text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.8);
	color: #FFFFE8;
}

.round-box
{
	-moz-background-clip: border;
	-webkit-background-clip: border;
	-moz-background-inline-policy: continuous;
	-webkit-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-webkit-background-origin: padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.shdw
{
	-moz-box-shadow: 3px 3px 15px #000;
	-webkit-box-shadow: 3px 3px 15px #000;
}

div.dl-buttons
{
	text-align: center;
}

div.download-button
{
	float: left;
	width: 251px;
	height: 120px;
	margin: 7px;
	padding: 0;
	color: #FFF;
	background: url('../images/download_button.png') no-repeat;
}

div.dl-text
{
	width: 133px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 9pt;
	position: relative;
	top: 50px;
	left: 101px;
	line-height: 20px;
	text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.8);
}

div.post-it
{
	width: 141px;
	height: 104px;
	margin: 0 0 -104px 0;
	padding: 0;
	background: url('../images/postit_bg.png') no-repeat top left;
	position: relative;
	z-index: 2;
	bottom: 60px;
	right: 425px;
	color: #000;
	cursor: hand;
	cursor: pointer;
}

div.post-it-text
{
	width: 105px;
	height: 69px;
	padding: 32px 0 0 0;
	margin: 0;
	text-align: center;
	font-size: 14pt;
	color: #000;
}

a.post-it-link
{
	color: #000;
	text-decoration: none;
}

a.post-it-link:hover
{
	color: #000;
	text-decoration: underline;
}

a.hidden-link
{
	color: #000;
	text-decoration: none;
}

a.hidden-link:hover
{
	color: #000;
	text-decoration: none;
}

.sm-text
{
	font-size: 8pt;
}

/* @end */