@charset "utf-8";
/* CSS Document */
body
{
	background-color: #141414;
	color: #FFFFFF;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 16px;
	/*font-weight: 100;*/
	display: inline;
	color: #4c87ff;
}
a:link { color: #BBCCFF; text-decoration: none; }
a:visited { color: #BBCCFF; text-decoration: none; }
a:active { color: #BBCCFF; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; }
/* Slider Bars - By Paul Griffin */
.linehb
{
	float: left;
	background: url(images/lines/Line_HB.png)
		repeat-x left top;
}
.linehw
{
	float: left;
	background: url(images/lines/Line_HW.png)
		repeat-x left top;
}
.edgelb
{
	float: left;
	background: url(images/lines/Edge_LB.png)
		no-repeat left top;
	min-width: 23px;
	margin: 0px;
}
.edgelw
{
	float: left;
	background: url(images/lines/Edge_LW.png)
		no-repeat left top;
	min-width: 23px;
	margin: 0px;
}
.edgerw
{
	float: left;
	background: url(images/lines/Edge_RW.png)
		no-repeat left top;
	min-width: 23px;
	margin: 0px;
	margin-right: -23px;
}
.edgebw
{
	float: right;
	background: url(images/lines/Edge_BW.png)
		no-repeat right top;
	min-width: 23px;
	margin: 0px;
	margin-right: -23px;
}
.edgetw
{
	float: right;
	background: url(images/lines/Edge_TW.png)
		no-repeat right top;
	min-width: 23px;
	margin: 0px;
	margin-right: -23px;
}
.nodelr
{
	float: left;
	background: url(images/lines/Node_LB_RW.png)
		no-repeat left top;
	min-width: 23px;
	min-height: 23px;
	margin: 0px;
	margin-right: -23px;
}

.nodelrb
{
	float: right;
	background: url(images/lines/Node_LB_RW_BW.png)
		no-repeat left top;
	min-width: 23px;
	min-height: 23px;
	margin: 0px;
	margin-right: -23px;
}
.nodeltb
{
	float: right;
	background: url(images/lines/Node_LB_TW_BW.png)
		no-repeat left top;
	min-width: 23px;
	min-height: 23px;
	margin: 0px;
	margin-right: -23px;
}
.linevw
{
	float: right;
	min-width: 23px;
	background: url(images/lines/Line_VW.png)
		repeat-y right top;
	margin: 0px;
	margin-right: -23px;
}

#page {
	margin-left: auto; 
	margin-right: auto; 
	width: 1024px
}

/* Header Area */
#logo { 
	font-family: Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	margin-left: 15px;
}
#PrimaryVolumeBar {
	margin-top: 5px;
}

/* Menu */
#sidemenu {
	width: 200px;
	text-align: right;
	float: left;
	margin-right: 0px;
	padding-top: 5px;
	
	color: #A0A0A0;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-right: 0px;
}
/* Menu Items */
#sidemenu .menuArea .menuItemArea .menuItem a:link { color: #A0A0A0; text-decoration: none; }
#sidemenu .menuArea .menuItemArea .menuItem a:visited { color: #A0A0A0; text-decoration: none; }
#sidemenu .menuArea .menuItemArea .menuItem a:active { color: #A0A0A0; text-decoration: none; }
#sidemenu .menuArea .menuItemArea .menuItem a:hover { color: #FFF; text-decoration: none; }

.menuLink a:link { color: #A0A0A0; text-decoration: none; }
.menuLink a:visited { color: #A0A0A0; text-decoration: none; }
.menuLink a:active { color: #A0A0A0; text-decoration: none; }
.menuLink a:hover { color: #FFF; text-decoration: none; }

.menuArea {
	margin-top: 5px;
	margin-bottom: 5px
}
.menuItemArea {
	
}
.menuItem {

}

/* Submenu Items */
div#sidemenu .menuArea .menuItemArea .menuSubItemArea .menuSubItem a:link { color: #A0A0A0; text-decoration: none; font-size: 15px;}
div#sidemenu .menuArea .menuItemArea .menuSubItemArea .menuSubItem a:visited { color: #A0A0A0; text-decoration: none; font-size: 15px;}
div#sidemenu .menuArea .menuItemArea .menuSubItemArea .menuSubItem a:active { color: #A0A0A0; text-decoration: none; font-size: 15px;}
div#sidemenu .menuArea .menuItemArea .menuSubItemArea .menuSubItem a:hover { color: #FFF; text-decoration: none; font-size: 15px;}
.menuSubItemArea {
	font-size: 15px;
	margin-bottom: 8px;
	margin-top: 3px;
}
.menuSubItem {
	display: inline-block;
	margin-left: 5px;
}

#screenshot {
	float: right;
	margin-top: 30px;
	background: url(images/i4Frame.png) no-repeat;
	min-width: 256px;
	min-height: 643px;
}

#ContentArea {
	font-family: Helvetica, sans-serif;
	width: 500px;
	margin-left: 33px;
	margin-top: 10px;
	float: left;
	font-size: 16px;
}

#footer {
	font-family: Arial, sans-serif;
	color: 808080;
	margin-left: auto;
	font-size: 12px;
	margin-right: auto;
	text-align: center;
}
