html
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#030303 url(../img/bkg/bkg_html.gif) no-repeat center 0px;
	color:#E6E6E6;
}
body
{
	font-size:75%;
	line-height:1.5;
	font-family: Arial, sans-serif;	 
	position:relative;
	margin:0;
	padding:0;	
	width:960px;
	height:100%;
	margin:auto;
}

div, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, p, table, th, tr, td
{
	position:relative;
	margin:0;
	padding:0;	
	font-size:100%;
	font-weight:normal;
	text-align:left;
	border:none;
}




/* logo */
img#logo
{
	clear:both;
	margin:45px 0 0 9px;
	display:block;
}






/* nav */
ul#nav
{
	overflow:hidden;
	margin:0 0 0 -9px;
}
	ul#nav li
	{
		float:left;
		list-style-type:none;
	}
	
		ul#nav li a:active,
		ul#nav li a:focus
		{
			outline:none;
		}
		ul#nav li a
		{
			display:block;
			line-height:3;
			padding:0 17px 0 17px;
			background:#000 url(../img/bkg/bkg_nav.gif) no-repeat center bottom;
			border-left: 1px solid #1D2C38;
			border-right: 1px solid #051522;
		}
		ul#nav li.home a
		{
			padding-left:18px;
			border-left:none;
			background:#000 url(../img/bkg/bkg_nav.gif) no-repeat left bottom;
		}
		ul#nav li.company a
		{
			padding-right:18px;
			border-right:none;
			background:#000 url(../img/bkg/bkg_nav.gif) no-repeat right bottom;
		}
		ul#nav li a:hover,
		ul#nav li a:visited:hover
		{
			color:#67ddFF;
			border-bottom:none;
		}
		ul#nav li a:visited
		{
			color:#25A8DF;
			border-bottom:none;
		}
		ul#nav li.current a
		{
			color:#fff;
		}




/* content */
div#content
{
	float:left; /* floated to left of div#images */
	width:462px;
	padding:0 9px 2.25em 9px;
	margin:0 60px 0 0;
}
	div#content img
	{
		margin:1.5em 0 0 0;
	}




/* flash demo */
div#demo
{
	position:absolute;
	left:0px;
	top:4.5em;
	width:100%;
	height:900px;
}



/* tables */

table.comparison
{
	border-top:0.1667em solid #ccc;
	border-bottom:0.1667em solid #ccc;
	margin-top:1.3333em; 
	margin-bottom:2.8333em; 
	padding-bottom:1.5em;
}
	table.comparison td
	{
		vertical-align:top;
		width:50%;
	}
		td.problems, th.problems
		{
			padding-right:9px;
			margin-right:-9px;
		}
		td.solutions, th.solutions
		{
			padding-left:9px;
			margin-left:-9px;
		}
			th.problems h2, th.solutions h2
			{
				line-height:3em;
				xborder-top:2px solid #ccc;
				border-bottom:1px solid #666;
				margin:0 0 0 0;
			}
			th.problems h2, td.problems h3
			{	
				color:#FC0032;
			}
			th.solutions h2, td.solutions h3
			{	
				color:#8BFF00;
			}

table.align {}
table.align tr { }
table.align th { padding:0.75em 0.75em 0 0; vertical-align:text-top; border-top:1px solid #67ddFF; }
table.align td { padding:0.75em 0 0 0; vertical-align:text-top; border-top:1px solid #67ddFF;  }
table.align h3 { margin:0 0 1.5em 0; }


/* images */
div#images
{
	float:left; /* floated to left of div#images */
	width:342px;
	padding:0 9px 0 9px;
	margin:-90px 0 0 0;
}
body.company div#images
{
	margin:-45px 0 0 0;
}
body.company div#images img
{
	margin-left:-54px;
}




/* sidebar */
ul#sidebar
{
	position:absolute;
	left:540px;
	top:29.25em;
	width:360px;
	color:#999999;
}
body.home ul#sidebar
{
	left:0;
	top:36em;
	width:900px;
}
body.news ul#sidebar
{
	top:12em;
}
    ul#sidebar h3 { color:#FFFFFF; }
	
	ul#sidebar li
	{
		float:left;
		width:162px;
		min-height:13.5em;
		padding:0 9px 3em 9px;
		list-style-type:none;
		overflow:visible;
	}
	
	    ul#sidebar li li
	    {
	        float:none;
	        width:auto;
	        min-height:0;
	        padding:0;
	        list-style-type:disc;
	        overflow:visible;
	    }


ul#headlines
{
	position:absolute;
	left:540px;
	top:12.5em;
	width:162px;
	color:#999999;
}
    ul#headlines h3 { color:#FFFFFF; }
    
    ul#headlines li { list-style-type:none; margin:0px 0px 0px 9px; padding:0px 0px 0px 9px; }
    ul#headlines li.first-child { margin:0px; }
    ul#headlines em { font-size:9px; font-style:italic; }
    

/* typography */
h1 
{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:3em;
	letter-spacing:-.03em;
	line-height:1;
	margin:1em 0 0 0;
	padding:0 0 1.25em 0;
}
	h1 span.date
	{
		display:block;
		margin:0;
		color:#666;
	}
	
h2 
{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:1.5em;
	line-height:1;
	margin:1em 0 0 0;
}
h3 
{
	font-family:inherit;
	font-weight:bold;
	font-size:1em;
	line-height:1.5;
	margin:1.5em 0 0 0;	
}
	h3 span.date
	{
		display:block;
		color:#ccc;
	}
h4 
{
	font-family:inherit;
	font-weight:bold;
	font-size: 0.9167em; /* 11px */
	line-height:1.6364em; /* 18px */
	margin:1.6364em 0 0 0;	
}
h5 
{
	font-family:inherit;
	font-weight:normal;
	font-style:italic;
	font-size: 0.9167em; /* 11px */
	line-height:1.6364em; /* 18px */
	margin:1.6364em 0 0 0;	
}
h6 
{
	font-family:inherit;
	font-weight:normal;
	font-size: 0.9167em; /* 11px */
	line-height:1.6364em; /* 18px */
	margin:1.6364em 0 0 0;	
	color:#999;
}
p
{
	font-size:1em;
	line-height:1.5;
	margin:0 0 1.5em 0;	
}
address
{
    font-style:normal;
}
em
{	
	font-style:italic;
}
strong
{
	font-weight:bold;
}
.pagination 
{
	width:100% !important;
}
	.pagination a:link
	{
		padding:0 3px 0 3px;	
	}
	.pagination strong
	{
		padding:0 3px 0 3px;
		color:#e6e6e6;
	}
a, a:link
{
	text-decoration:none;
	font-weight:bold;
	color:#25A8DF;
}
a:hover
{
	text-decoration:none;
	border-bottom:1px dotted #67ddFF;
	font-weight:bold;
	color:#67ddFF;
}
a:visited
{
	text-decoration:none;
	font-weight:bold;
	color:#175589;
}
a:visited:hover
{
	color:#67ddFF;
	border-bottom:1px dotted #67ddFF;
}




/* forms */
.form
{
	padding-top:15px;
	margin-bottom:1.5em;
}

.control {
	position:relative;
  min-height: 1px;
  margin-bottom:10px;
}
 
* html .control {
  height: 1px;
}
 
.control:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.control label
{
	width:180px;
	margin:0;
	margin-top:5px;
	float:left;
	clear:left;
	font-weight:bold;
}
.control input
{
	float:left;
	padding:0.5em 3px 0 3px;
	margin:0;
	width:276px;
	height:1.5em;
	border:none;
	
	font-family:inherit;
	font-size:1em;
	line-height:1.5;
	color:#e6e6e6;
	background:#222;
}
.control input:focus,
.control input:focus:hover
{
	color:#222;
	background:#e6e6e6;
}
.control input:hover
{
	background:#2f2f2f;
}
.control textarea
{
	float:left;
	width:276px;
	height:18.25em;
	padding:0.25em 3px 0 3px;		
	border:none;
	
	font-family:inherit;
	font-size:1em;
	line-height:1.5;
	color:#e6e6e6;
	background:#222;
}
.control textarea:focus,
.control textarea:focus:hover
{
	color:#222;
	background:#e6e6e6;
}
.control textarea:hover
{
	background:#2f2f2f;
}

.form_buttons .inputSubmit
{
	clear:both;
	margin:0 0 0 180px;
	padding:0;
	width:282px !important;
	height:2.5em;
	border:none;
	cursor:pointer;
	font-family:inherit;
	font-size:1em;
	font-weight:bold;
	color:#25A8DF;
	background:#000 url(../img/bkg/bkg_nav.gif) no-repeat center bottom;
}
.form_buttons .inputSubmit:focus,
.form_buttons .inputSubmit:active,
.form_buttons .inputSubmit:hover
{
	color:#67ddFF;
}	


/* icons */
img.icon
{
	display:block;
	margin:-9px;
}



/* grid for lining stuff up */
div#grid
{
	position:absolute;
	left:0;
	top:0;
	width:0%;
	height:0%;
	background:transparent url(../img/bkg/grid.png) repeat left top;
}

html, body, #wrapper{
	min-height:100%;
	height:100%;
}
html>body #wrapper{
	height:auto;
}

#wrapper {
	position:relative;
  min-height: 1px;
  margin-bottom:10px;
}
 
* html #wrapper {
  height: 1px;
}
 
#wrapper:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}