/* CSS Document */
/*------------------------------------------------------------------------

version:	1.0
created:	2006-12-08
author:		Isaac Castillo
email:		isaac@echods.com
site:		http://www.compassgameworks.com
------------------------------------------------------------------------*/

/* =General
------------------------------------------------------------------------*/



/* Html and body padding & margins */
html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	
	/* BUG: Fix IE6 bug */
	text-align: center;
}

body {
	/* Sizes all fonts down to 62.5% */
	font-size: 62.5%;
	background: #c6c1a8;
}

/* Remove padding & margins */
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}

/* Remove border images */
img {
	border: 0;
}

/* Remove styles from list items */
ul, li {
	list-style:none;
}

/* =Typography
------------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
}

.boxtitles {
	color: #dacc73;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
}

/* MAIN CONTENT TEXT OVER ALL OF PAGE (CHANGES WITH SERIES).............................................................*/
.links {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #dacc73;
	padding-left: 4px;
	padding-bottom: 2px;
}
.links a:link {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #dacc73;
}
.links a:visited {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #dacc73;
}
.links a:hover {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #dacc73;
}

/* MAIN CONTENT TEXT OVER ALL OF PAGE (CHANGES WITH SERIES).............................................................*/
.toplink {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
	padding-left: 3px;
	padding-right: 4px;
	padding-bottom: 2px;
}
.toplink a:link {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}
.toplink a:visited {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}
.toplink a:hover {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #dacc73;
}

/* =Headings
------------------------------------------------------------------------*/
.topbar {
	background: #9e9d89 url(http://www.compassgameworks.com/images/compass_topbar.jpg) top repeat-x;
}

#mainhead {
	width: 777px;
	height: 275px;
	background: url(http://www.compassgameworks.com/images/compass_mainhead.jpg) top left no-repeat;
	margin: auto;
}

/* =Links
------------------------------------------------------------------------*/
.returnhome {
	display: block;
	height: 50px;
	width: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
}

/* =Branding
------------------------------------------------------------------------*/

/* =Main nav
------------------------------------------------------------------------*/
#mainnav {
	width: 777px;
	height: 28px;
	background: url(http://www.compassgameworks.com/images/compass_mnubg.jpg) repeat-x;
	font-size: 1.2em;
	float: left;
}

#mainnav li {
	display: inline;
	float: left;
	height: 25px;
	margin-left: 3px;
	background: url(http://www.compassgameworks.com/images/compass_mnuseparator.jpg) top right no-repeat;
	padding: 5px 10px 0 3px;
	
}

#mainnav a {
	background: url(http://www.compassgameworks.com/images/compass_crossicon.jpg) left no-repeat;
	margin-top: 50px;
	padding: 0 0 4px 17px;
}

#mainnav a:link {
	color: #000000;
	text-decoration: underline;
}

#mainnav a:visited {
	color: #000000;
	text-decoration: underline;
}

#mainnav a:hover {
	color: #f1efd6;
	text-decoration: none;
}

/* =Secondary nav
------------------------------------------------------------------------*/
#secondarynav {
	float: left;
	width: 125px;
	height: 250px;
	background: #00FF66;
	margin: 10px auto;
}


/* =Third nav
------------------------------------------------------------------------*/

/* =Main content
------------------------------------------------------------------------*/
#content {
	float: right;
	width: 597px;
	margin: 10px 5px auto;
	background: #ffffff;
}

#maincontent {
	float: left;
	width: 432px;
	text-align: left;
	background: #ffffff;
}

#maincontent p {
	font-size: 1.2em;
	margin: 0 8px 0 8px;
}

.box {
	background: #9f9240 url(http://www.compassgameworks.com/images/compass_boxbottom.jpg) bottom no-repeat;
}

/* =Secondary content
------------------------------------------------------------------------*/
#secondarycontent {
	float: right;
	width: 165px;
	height: 250px;
	background: #0033FF;
	margin: 0;
}

/* =Third content
------------------------------------------------------------------------*/

/* =Footer
------------------------------------------------------------------------*/
.footer {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
	padding-right: 4px;
}
.footer a:link {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
    color: #ffffff;
}
.footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
    color: #ffffff;
}
.footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #dacc73;
}

/* =Forms
------------------------------------------------------------------------*/

/* =Tables
------------------------------------------------------------------------*/

/* =Spare 1
------------------------------------------------------------------------*/

/* =Spare 2
------------------------------------------------------------------------*/
/* MAIN CONTENT TEXT OVER ALL OF PAGE (CHANGES WITH SERIES).............................................................*/
.text {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #000000;
}
.text a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: underline;
        color: #000000;
}
.text a:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: underline;
        color: #000000;
}
.text a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #000000;
}

.news_box_text {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #56390B;
}
.news_box_text a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #56390B;
}
.news_box_text a:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #56390B;
}
.news_box_text a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: underline;
        color: #56390B;
}

/* TABLE OUTLINE .............................................................*/
.tableoutline {
	border-collapse: collapse;
	border: solid 1px;
	border-color: #000000;	
}