/* Copyright 3DMirage 2004 ---------------------------------------------------------------- */
/* CSS by David Sloss for Fantasmagoria Design -------------------------------------------- */ 



/* body & common elements */
body {
	margin: 0;
	background: #890000;
	color: #fff;
	font: 11px/14px Arial, Geneva, Verdana, Helvetica, sans-serif;
	text-align: left;
	}

body.popups {
	margin: 10px 0px 0px 20px;
	background: #890000;
	color: #222;
	font: 11px/14px Arial, Geneva, Verdana, Helvetica, sans-serif;
	text-align: left;
	}

img {
 border: 0px;
}

/* links */
a:link {
	color: #039;
	text-decoration: none;
	}

a:visited {
	color: #039;
	text-decoration: none;
	}

a:hover {
	color: #645F4B;
	text-decoration: underline;
	}
	
a:active {
	color: #AEA995;
	text-decoration: none;
	}

/* general html tags ------------------------------------------------------*/		
code, pre {
	color: #000;
	font-family: monaco, "Courier New", courier, monospace;
	font-size: 10px;
	}

/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */

* html code {
	font-size: 101%; 
	}

* html pre {
	font-size: 101%; 
	}

companyname {
	margin: 0 0 0 0px;
	padding: 0;
	font-size: 18px;
	line-height: 16px;
	color: #222;
	}

.tenpoint {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #FADFDB;
	line-height: 14px;
	font-weight: normal;
}

.elevenpoint { 
font-family: arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #fdd;
line-height: 16px;
font-weight: normal;
}

.twelvepoint {
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	color: #fff;
	padding: 12px 0 4px;
}


h1 {
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 24px;
	line-height: 24px;
	color: #FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter;
	}

h1.white {
	color: #fff;
	}
	
h2 {
	margin: 20px 0 20px 0;
	padding: 0 0 2px 0;
	font-size: 14px;
	line-height: 15px;
	color: #222;
	}
	
h2.underline {
	margin: 20px 0 3px;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #6A95C5;
	}
	
h3 {
	margin: 10px 0 8px 0;
	padding: 0;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	color: #222;
	}

h3.collapse {
	margin-top: 0;
	}

h4 {
	margin: 0 0 2px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #222;
	line-height: 18px;
	}
	
h6 {
	margin: 30px 0 10px 0;
color: #003399;
	padding: 0;
	font-size: 11px;
font-weight: normal;
	}

p {
margin: 0 0 10px 0;
padding: 0;
line-height: 14px;
	}
	
blockquote {
	padding: 10px 80px 20px 20px;
	margin: 0;
	font-size: 11px;
 font-style: italic;
	}

.blockquotesource {
	padding: 0px 0px 100px 0px;
	margin: 0 0 10px 0px;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	}

	
/* lists */

ul {
	margin: 16px 0 16px 0px;
	list-style-type: disc;
	font-size: 11px;
	font-weight: normal;
	}

li {
	margin-top: 8px;
	}

ul.big {
	padding: 10px 0 20px 20px;
	margin: 0 0 10px 10px;
	list-style-type: none;
	font-size: 14px;
	font-weight: normal;
	}

li.big {
	margin-top: 7px;
	}
	

ol {
	margin: 0 0 10px 1.5em;
	padding-left: 1.5em;
	}

ol li {
	background: none;
	}

/* tables */
table {
	border: none;
	margin: 0;
	}
	
td {
	padding: 0 0 0 0;
	text-align: left;
	color: #222;
	font-size: 11px;
	}
		
td.special1 {
	padding: 10px 15px 0 0;
	text-align: left;
	border-right: 1px solid #FFF;
	vertical-align: top;
	color: #222;
	font-size: 11px;
	}
	
td.special2 {
	padding: 20px 15px 0 15px;
	text-align: left;
	vertical-align: top;
	color: #222;
	font-size: 12px;
	}

/* page structure ---------------------------------------------------------------------*/
#container {
	position: absolute;
    top: 0px;
    left: 0px;
	text-align: left;
	width: 771px;
	background: repeat-y url(../html_site_plan/images/img_background.gif) transparent left;
	}
	
#homecontainer {
	position: absolute;
    top: 0px;
    left: 0px;
	text-align: left;
	width: 771px;
	background: repeat-y url(../html_site_plan/images/img_background_home.gif) transparent left;
	}
	
#header {
	position: relative;
	display: block;
	width: 748px;
	height: 79px;
	background: repeat-x url(../html_site_plan/images/hdr_background.gif) bottom left;
	}

#header img.logo {
	position: absolute;
	top: 11px;
	left: 0;
	}
	
#header #globalnav {
	position: absolute;
	top: 24px;
	right: 10px;
	height: 15px;
	font-size: 10px;
	}
	
#header #globalnav a {
	margin-left: 17px;
	}
	
/* top nav */
#topnav {
	width: 748px;
	margin: 0;
	padding: 0;
	height: 25px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	position:relative;
	display:block;
	}
	
/* tab rollovers */	
#nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 748px;
	list-style-type: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

#nav li {
	display: inline;
    margin: 0;
    padding: 0;
	}

#nav a {
	float: left;
    padding: 25px 0 0;
    margin: 0;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:25px; /* for IE5.5's bad box model */
	}

#nav li a:hover {
 	background-position:0 -25px;
	}

#nav li.selected {
	background-position:0 -25px;
	}

#nav li a.selected {
 	background-position:0 -25px;
	}

#nav li a.selected:hover {
 	background-position:0 -25px;
	}

#solutions, #solutions a  {
	width: 83px;
	background:  url(../html_site_plan/images/tab_solutions.gif) top left no-repeat;
	}

#technology, #technology a {
	width: 94px;
	background:  url(../html_site_plan/images/tab_technology.gif) top left no-repeat;
	}

#services, #services a  {
	width: 76px; 
	background:  url(../html_site_plan/images/tab_services.gif) top left no-repeat;
	}

#support, #support a  {
	width: 74px;
	background:  url(../html_site_plan/images/tab_support.gif) top left no-repeat;
	}

#company, #company a  {
	width: 84px;
	background:  url(../html_site_plan/images/tab_company.gif) top left no-repeat;
	}

#clients, #clients a  {
	width: 129px;
	background:  url(../html_site_plan/images/tab_clients.gif) top left no-repeat;
	}

/* left navigation area */
#leftnav {
	position: absolute;
	top: 106px;
    left: 0px;
	/* display: inline; */
	width: 181px;
	background: #F1EFE3;
	padding: 0 6px;
	margin: 0;
	font-size: 11px;
	line-height: 12px;
	}
	
#leftnav h2 {
	margin: 0 0 1px 0;
	padding: 6px 5px 6px 10px;
	font-size: 11px;
	background: #DAD3B6;
	line-height: 12px;
    }
    
#leftnav h2.selected {
	margin: 0 0 1px 0;
	padding: 6px 5px 6px 10px;
	color: #fff;
	font-size: 11px;
	background: #124388;
	line-height: 12px;
    }
    
#leftnav ul {
	margin: 0 0 5px;
	padding: 0 0 5px 0;
	}
	
#leftnav li {
	margin: 4px 0 0;
	padding: 0 0 0 20px;
	color: #999;
	background:  url(../html_site_plan/images/spacer.gif) no-repeat 0 .45em;
	}
		
#leftnav li.section {
	padding: 0 20px 0 35px;
	}

#leftnav li.section li.section {
	padding: 0 10px 0 20px;
	background-position: 10px .3em;
	}

#leftnav li.currentsubsection {
	background:  url(../html_site_plan/images/nav_circleblack.gif) no-repeat 5px .4em;
	}
	
#leftnav li.currentsubsection a, #leftnav a.currentsection {
	color: black;
	text-decoration: none;
	font-weight: bold;
	}
	
#leftnav li li li {
	background:  url(../html_site_plan/images/nav_circle.gif) no-repeat 5px .4em;
	padding: 0 0 0 15px;
	}
	
#leftnav p.sectionname {
	margin: 5px 0;
	padding: 0 10px 3px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid white;
	}
	
#leftnav p.back {
	margin: 5px 0;
	padding: 5px 0 0 20px;
	background:  url(../html_site_plan/images/nav_back.gif) no-repeat 10px .9em;
	border-top: 1px solid white;
	}
	
#leftnav .leftbox {
	border-top: 2px solid #F2EFE0;
	margin: 0;
	padding: 25px 10px 20px 10px;
	background: #AEA995;
	}

.leftbox p {
	padding: 5px 8px;
	margin: 0;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	}

.leftbox a:link {
	padding: 10px 0 0 0;
	color: #000;
	font-size: 11px;
	}
	
.leftbox a:hover {
	color: #039;
	}
			
#leftnav a.header:link {
	color: #039;
	text-decoration: none;
	}
	
#leftnav a.header:hover {
	color: #039;
	text-decoration: underline;
	}
	
#leftnav a.selected {
	color: #fff;
	text-decoration: none;
	}
	
#leftnav a.selected:hover {
	color: #fff;
	text-decoration: underline;
	}
	
#leftnav a.visited:hover {
	color: #fff;
	text-decoration: underline;
	}
	

/* main content area -------------------------------------------------------------------*/
#mainnav {
	/* float: right; */
	margin: 16px 40px 15px 150px;
	}


/* main content area ------------------------------------------------------------------ */
#maincontent {
	min-height: 300px;
	/* float: right; */
 width: 600px;
	padding: 0;
	margin: 0 40px 60px 150px;
	}
	
#homecontent {
	margin: 0;
	padding: 0 40px 100px 15px;
	vertical-align: top;
	}
	
.breadcrumb {
	font-size: 10px;
	color: #999;
	margin: 0;
	padding: 0 0 15px;
	}
	
#maincontent img.subheader {
	position: relative;
	top: 0;
	left: -19px;
	}
	
#maincontent img.inline {
	position: relative;
	top: 0;
	padding: 10px;
	border: 1px solid #999;
	}
	
#homecontent img.subheader {
	position: relative;
	top: 0;
	left: -15px;
	}
	
/* page footer --------------------------------------------------------------------------*/
#footer {
	width: 748px;
	height: 25px;
	clear: both;
	position: relative;
	display: block;
	border-top: 1px solid #999;
	margin: 0;
	padding: 0 0 10px 0;
	background: repeat-y url(../html_site_plan/images/img_background_home.gif) left;
	}

#footer p {
	padding: 5px 0 5px 10px;
	margin: 0;
	font-size: 9px;
	width: 748px;
	}
		
/* general classes */
.fr {
	float: right;
	}
	
.fl {
	float: left;
	}
	
img.fr {
	margin: 0 0 5px 10px;
	}
	
img.fl {
	margin: 0 10px 5px 0;
	}

.clear {
	clear: both;
	}

.cr {
	clear: right;
	}

.cl {
	clear: left;
	}

.bottom {
	vertical-align: bottom;
	}

.middle {
	vertical-align: middle;
	}

.right {
	text-align: right;
	}

.center {
	text-align: center;
	}

/* Page Specific Formating ----------------------------------------------------------------*/

/* News */
.newsdate {
 color: #333333;
}

.newsheadline {
 color: #996600;
}

/* Programs */
.subnav {
text-align: right;
margin: 16px 0 0 0;
line-height: 18px;
}

.details{
margin-top: 30px;
}

.compactlist{
	margin: 20px 0px 0px 20px;
line-height: 16px;
}

.specialbox{
width: 290px;
margin: 20px 0px 0px 0px;
padding: 5px 10px 20px 10px;
background-color: #ddd;
line-height: 16px;
}

.specialboxanim{
width: 220px;
height: 280px;
margin: 20px 0px 0px 0px;
padding: 5px 10px 20px 10px;
background-color: #ddd;
line-height: 16px;
}

.xsmall {font-family: tahoma; font-size: 9px; font-weight: normal; color: #666666;}


/* off page indexing ----------------------------------------------------------------*/

/* News */
.copyoff {
	color: #333333;
	position: absolute;
	left: -300px;
	overflow: hidden;
	top: -100px;
	width: 300px;
	height: 400px;

}
.bodyhome {
	margin: 0;
	background: #FFFFFF;
	color: #fff;
	font: 11px/14px Arial, Geneva, Verdana, Helvetica, sans-serif;
	text-align: left;
}
.bodyflash {
	margin: 0;
	background: #e5eaec;
}