/* CSS Document */
<!--
body {		
	background: #999999 url(../images/style/bg_gradient.jpg) repeat-x top;
	margin: 0px;
	height: 100%;
}

/* this sets up the page to center for all browsers*/
#centerContent {
	margin:0px; 
	padding:0px;
	text-align:center;
}

/* everything that is labled with navBar is related to the navBar obviously. */
#navBar_container{
	margin: 8px auto;
	padding: 0px;
	position: relative;
	height: 40px;
	width: 780px;
}
ul#navBar{
	margin:0px auto; /*the auto value for the margin centers this object*/
	padding:0;
	list-style-type:none; /*removes style from the list so we can turn them into boxes*/
	width:756px; /*sets the width of the box minus the end caps on each side*/
	height:40px;
	display:block;
	font-size:12pt;
	font-weight:bold;
	background:transparent url(../images/style/navBar_bg_black.png) repeat-x top right; /*sets the background image to repeat across the navbar*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	position:absolute;
	left: 12px !important;
	left: -28px;
}
ul#navBar li{
/*	display:block;*/
	float:left;
	margin:0;
	padding:0;
}

/*sets the links up the*/
ul#navBar li a{
	display:block; /* this makes the entire link selectable as a link with the mouse instead of just the word*/
	float:left; /* this stacks all the links next to each other */
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:10px 20px 0px 20px; /*centers the words. font changes and such will need adjustments by hand*/
	height:28px !important; /*more for the borders than anything else, this helps make the borders look right*/
	height: 40px;
	width: 90px; /*gives the buttons a standard width that is large enough for all of them. adds uniformity*/
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

ul#navBar li a:hover{
	background:transparent url(../images/style/navBar_bg_grey.png) repeat-x top right;	
}

/*left image cap*/
#navBar_left{
	background: transparent url(../images/style/navBar_bg_left.png) no-repeat center left;
	height:40px;
	width: 12px;
	margin: 0px auto;
	text-align:center;
	position:absolute;
	left: 0px;
}

/*right image cap*/
#navBar_right{
	background: transparent url(../images/style/navBar_bg_right.png) no-repeat center right;
	height:40px;
	width: 12px;
	margin: 0px auto;
	text-align:center;
	position:absolute;
	right: 0px;
}
/*** end navBar section ***/

#logo{
	margin: 10px auto;
	margin-bottom: 37px;
}

#pageFooter{
	margin: 10px 0px 10px auto;
	text-align: center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	clear:both;
}
#pageFooter a{
	padding: 0px 10px 0px 10px;
}
#banner{
	margin: 10px auto;
}

/*** start content 1 ***/
#content_section{
	margin: 0 auto;
	margin-bottom: 37px;
	padding: 0px;
	width: 780px;
}
#content1Container_left{
	margin: 0px auto;
	text-align: center;
	width: 780px;
	background: #FFFFFF url(../images/style/content_border.png) repeat-y top left;
}
#content1Container_right{
	margin: 0px auto;
	text-align: left;
	width: 780px;
	background: transparent url(../images/style/content_border.png) repeat-y top right;
}
#content1Header{
	margin: auto;
	background: url(../images/style/contentHeader_bg_blue.png) repeat-x top left;
	position:absolute;
	top: -28px;
	left: 28px;
	height: 28px;
	width: 724px;
	font-size:11pt;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 5px 0px 5px;
	text-decoration:none;
	text-align:center;
}
#content1Header_left{
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top:-28px;
	left: 0px;
	width: 28px;
	height: 28px;
	background: url(../images/style/contentHeader_bg_blue_left.png) no-repeat top left;
	text-align:center;
}
#content1Header_right{
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top:-28px;
	right: 0px;
	width: 28px;
	height: 28px;
	background: url(../images/style/contentHeader_bg_blue_right.png) no-repeat top right;
	text-align:center;
}
#content1Footer{
	margin: auto;
	background: url(../images/style/contentFooter_bg_blue.png) repeat-x top left;
	position: absolute;
	bottom: -28px;
	left: 28px;
	height: 28px;
	width: 724px;
}
#content1Footer_left{
	margin: 0 auto;
	padding: 0;
	width: 28px;
	height: 28px;
	position:absolute;
	bottom: -28px;
	left: 0px;
	background: url(../images/style/contentFooter_bg_blue_left.png) no-repeat top left;
	text-align:center;
}
#content1Footer_right{
	margin: 0 auto;
	padding: 0;
	position:absolute;
	width: 28px;
	height: 28px;
	bottom: -28px;
	right: 0px;
	background: url(../images/style/contentFooter_bg_blue_right.png) no-repeat top right;
	text-align:center;
}
#content1{
	margin: 0 auto;
	width: 780px;
	position:relative;
}
#content{
	margin: 0 auto;
	padding: 0px 3px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	min-height:420px;
	height:auto !important;
	height:420px;
}
#content a{
	text-decoration:none;
}
#content_text{
	padding: 10px;
}

/*** end content 1 ****/

/*** start content 2 ***/

#content2Container_left{
	margin: 0px auto;
	text-align: center;
	width: 780px;
	background: #FFFFFF url(../images/style/content_border.png) repeat-y top left;
}
#content2Container_right{
	margin: 0px auto;
	text-align: left;
	width: 780px;
	background: transparent url(../images/style/content_border.png) repeat-y top right;
}
#content2Header{
	margin: auto;
	background: url(../images/style/contentHeader_bg_teal.png) repeat-x top left;
	position:absolute;
	top: -28px;
	left: 28px;
	height: 28px;
	width: 724px;
	font-size:11pt;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 5px 0px 5px;
	text-decoration:none;
	text-align:center;
}
#content2Header_left{
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top:-28px;
	left: 0px;
	width: 28px;
	height: 28px;
	background: url(../images/style/contentHeader_bg_teal_left.png) no-repeat top left;
	text-align:center;
}
#content2Header_right{
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top:-28px;
	right: 0px;
	width: 28px;
	height: 28px;
	background: url(../images/style/contentHeader_bg_teal_right.png) no-repeat top right;
	text-align:center;
}
#content2Footer{
	margin: auto;
	background: url(../images/style/contentFooter_bg_teal.png) repeat-x top left;
	position: absolute;
	bottom: -28px;
	left: 28px;
	height: 28px;
	width: 724px;
}
#content2Footer_left{
	margin: 0 auto;
	padding: 0;
	width: 28px;
	height: 28px;
	position:absolute;
	bottom: -28px;
	left: 0px;
	background: url(../images/style/contentFooter_bg_teal_left.png) no-repeat top left;
	text-align:center;
}
#content2Footer_right{
	margin: 0 auto;
	padding: 0;
	position:absolute;
	width: 28px;
	height: 28px;
	bottom: -28px;
	right: 0px;
	background: url(../images/style/contentFooter_bg_teal_right.png) no-repeat top right;
	text-align:center;
}
#content2{
	margin: 0 auto;
	width: 780px;
	height: auto !important;
	height: 100%;
	position:relative;
}
/*** end content 2 ***/


/*** start news section ***/
#news{
	margin: 0 auto;
	padding: 10px 50px;
	width: 505px !important;
	width: 625px;	
	min-height: 150px;
	#height: 150px;
	position: absolute;
	top: 50%;
	left: 0px !important;
	left: 5px;
	display: table-cell; 
	vertical-align: middle;
}
#news_v-center{
	position: absolute;
	top: -50%;
}

#news_title{
	margin: 25px 50px 10px;
	padding: 2px 10px;
	width: 535px;
	height: 17px;
	background-color:#0000FF;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	position: absolute;
	left: 0px;
}
#news_date{
	float:right;
}
#news p{
	margin-top: 0;
	padding: 0px 10px;
}

.news_image {
	float:right;
	margin: 0px 10px;
}
#news-spacer{
	clear: both;
}

/*** end news section ***/

/*** start slider section***/
#slider{
	margin: 0 auto;
	width: 125px;
	height: 423px;
	position:absolute;
	top: -3px !important;
	right: 1px !important;
	right: 0px;
}
/*** end slider section***/

/*** start submenu ***/
#submenu_container{
	margin: 0px auto;
	margin-top: 0px;
	padding: 0px;
	position: relative;
	top: -25px;
	height: 33px;
	width: 780px;
}
ul#submenu{
	margin:0px auto; /*the auto value for the margin centers this object*/
	padding:0;
	list-style-type:none; /*removes style from the list so we can turn them into boxes*/
	width:756px; /*sets the width of the box minus the end caps on each side*/
	height:40px;
	display:block;
	font-size:12pt;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	position:absolute;
	left: 10px !important;
	left: -30px;
}
ul#submenu li{
/*	display:block;*/
	display:inline;
	margin:0;
	padding:0;
}

/*sets the links up the*/
ul#submenu li a{
	float: left;
	margin-right: 3px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background: url(../images/style/tab_left.png) no-repeat top left;
	padding-left: 13px;
	
}
ul#submenu li a div{
	display:block;
	float: left;
	height: 33px;
	background: url(../images/style/tab_right.png) no-repeat top right;
	padding: 10px 23px 0px 10px;
	
}
ul#submenu a#current {
	background: url(../images/style/tab_left_teal.png) no-repeat top left;
}
ul#submenu a#current div{
	background: url(../images/style/tab_right_teal.png) no-repeat top right;
}
ul#submenu a:hover{
	background: url(../images/style/tab_left_hover.png) no-repeat top left;
}
ul#submenu a:hover div{
	background: url(../images/style/tab_right_hover.png) no-repeat top right;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#submenu_container a {float:none;}
/* End IE5-Mac hack */

/*** end submenu ***/

/*** gallery nav ***/
#gallerynext{
	margin: 5px;
	padding: 2px 5px;
	text-indent: 0;
	background: url(../images/style/gallery_button_black.png) repeat-x;
	border:solid 1px #999999;
	text-indent: 0;
	float: left;
}
#galleryprev{
	margin: 5px;
	padding: 2px 5px;
	text-indent: 0;
	background: url(../images/style/gallery_button_black.png) repeat-x;
	border:solid 1px #999999;
	float: left;
	clear: left;
}
#gallerynext a{
	text-decoration:none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
#galleryprev a{
	text-decoration:none;		
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
/*** end gallery nav***/

/*** Game and Applications content section ***/
#item_info{
	float: left;
}
#item_image{
	margin: 10px 0px;
	float:left;
	width: auto;
	min-height: 423px;
	height: auto !important;
	height: 423px;
	margin: 10px 20px 0px 10px;
}
#item_image img{
	margin-bottom: 10px;
}
#item_image a{
	font-size: 12px;
}
#item_name{
	margin: 0px 0px 25px 0px;
	font-size: 18px;
	font-weight: bold;
	text-indent: 0;
}

#item_list{
	margin: 0 auto;
	padding: 5px;
	float: right;
	width:140px;
	min-height:423px;
	height: auto !important;
	height: 100%;
	background:#CCCCCC;
	border-left-color:#000000;
	border-left-style: solid;
	border-left-width: 3px;
	text-indent: 0em;
	text-align: center;
	font-size: 11px;
	font-weight:bold;
}
#item_list img{
	margin: 3px;
	vertical-align: middle;
	border:ridge medium #000000 !important;
	border: outset 3px #999999;
}
#summary{
	margin: 10px 20px 0px 10px;
	width: 580px !important;
	width: auto;
	padding-top: 0px;
	text-indent: 1.5em;
}
#tagline{
	font-weight: bold;
	text-indent: 0;
}
#photogallery{
	margin: 0px 10px 0px 10px;
	width: 580px !important;
	width: auto;
}
#item_clear{
	clear:both;
}
/*** Game and Applications content section ***/

/*** misc ***/
table#left{
	position: absolute;
	left: -240px;
	top: 0px;
}
table#right{
	position: absolute;
	right: -242px;
	top: 0px;
}
table#bottom{
	position: absolute;
	bottom: -240px;
}
/*** End Game content section ***/


--!>