*{
    padding:0;
    margin:0;
    overflow:hidden;
    _height:1%;
}
html { background: transparent; }
body {
	margin:0;
	padding:0;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	background:transparent;
	}
div#wrapper{
    margin:0 auto;
	text-align: center;
	width: 246px;
	background:#1F334D;
    border:none;
	}
div#header {
	text-align: center;
	width: 246px;
	height:auto;
	background:#455875;
    }
#logowrap {
	width: 246px;
    height: auto;
	}
#logowrap h1 {
    margin: 0;
	padding: 0;
    }
#logowrap h1 a {
	border-bottom:1px dashed #FFF;
    padding:4px 0;
    color:#FFF;
	text-indent:0;
	float:left;
	width: 246px;
    height: auto;
	text-decoration:none;
	background:#333;
    }
#logowrap h1 a:hover {
    color:yellow;
    }
div#uppernav {
	width: 246px;
    margin: 0;
	padding: 0;
    }
div#uppernav ul {
	width: 246px;
	list-style-type: none;
	border-bottom:1px solid #FFF;
	text-align: right;
	margin: 8px auto;
	padding: 0;
	}
div#uppernav li {
    float:left;
	margin: 0 0 0 8px;
	padding:0;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:none;
    }
div#uppernav li a{
    color:yellow;
    float:left;
	text-decoration:none;
	padding: 0 4px;
	background:#333;
    }
div#uppernav li a:hover{
    color:#FFF;
    }
div#navigation {
	width: 246px;
	height:auto;
}
#navigation ul {
    float:left;
	width: 246px;
    list-style-type: none;
    margin: 0 auto 8px auto;
    padding: 0;
    }
#navigation ul li {
    text-indent:0;
	float: left;
	margin: 0;
	padding: 0 10px;
	border-bottom:none;
    }
#navigation ul li a{
    display:block;
    text-indent:0;
	text-decoration:none;
    color:#FFF;
	height: auto;
    background: transparent;
    }
#navigation ul li a:hover{
    color:yellow;
    background: #333;
    }
#navigation ul li a#n_about,
#navigation ul li a#n_demo,
#navigation ul li a#n_trial,
#navigation ul li a#n_qa,
#navigation ul li a#n_articles,
#navigation ul li a#n_related,
#navigation ul li a#n_contact{
    width:auto;
	height: auto;
	background: transparent;
    }


#banner {
    display:none;
    }
#contentwrap {
	width: 246px;
	background: transparent;
    padding:0;
    }
#contentwrap #maincontent {
	width: 246px;
	text-align: left;
	}
#contentwrap #sidebar {
	width: 246px;
	float: left;
	text-align: left;
	}
#emergencylogin {
	width: 246px;
	margin: 0;
	padding: 0;
	background:#333;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
    }
#emergencylogin h2 {
    font-size:120%;
	color: #FFD538;
	text-indent:0;
	width: 246px;
	height:auto;
	background:transparent;
	border:none;
	margin: 0 4px 4px 0;
	padding:6px 0 6px 18px;
	}
#emergencylogin form {
	padding: 0 10px;
	margin: 0;
	height:auto;
	}
		
#emergencylogin form p {
	margin: 0;
	padding: 0;
	}
		
#emergencylogin p label,#emergencylogin p input {
	display: block;
	width: 100px;
	float: left;
	}
		
#emergencylogin p label {
	text-align: left;
	width: 80px;
	color: #fff;
	font: bold 100% "trebuchet ms", verdana, sans-serif;
	padding-right: 20px;
	}
		
#emergencylogin p label span {
	color: #FFD538;
	}
.hotbox {
	width: 226px;
	height: auto;
	margin:0;
	padding: 10px;
	background:#455875;
}

.bluebox,
.brownbox,
.redbox,
.yellowbox,
.purplebox{
	border-bottom:1px dashed #FFF;
	}

.redbox,
.yellowbox{
	background:#1F334D;
}
.hotbox h2 {
	font: bold 130% "trebuchet ms", verdana, sans-serif;
	color: yellow;
    border-left:2px solid #FFF;
	border-top:none;
	border-bottom:1px solid #FFF;
	margin:8px 0;
	padding:0 8px;
	background:transparent;
    }
.hotbox h2 a {
	color: yellow;
	text-decoration:none;
	}
.hotbox h2 a:hover{
    color: #d8ab10;
	text-decoration:underline;
	}
.hotbox p {
	font-size: 100%;
	color: #fff;
	line-height: 110%;
	margin: 0;
}
h2{
	font: bold 150% "trebuchet ms", verdana, sans-serif;
	text-align:left;
	color: #FFF;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background:#333;
	margin:0 0 8px 0;
	padding:0 8px;
	}

h3 {
	font: bold 120% "trebuchet ms", verdana, sans-serif;
	text-align:left;
	color: #FFF;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background:#333;
	margin:8px 0;
	padding:0 8px;
	}

h4 {
	font: bold 100% "trebuchet ms", verdana, sans-serif;
	text-align:left;
	color: #FFF;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background:#333;
	margin:8px 0;
	padding:0 8px;
	}

p {
	font: normal 110% "trebuchet ms", verdana, sans-serif;
	line-height: 140%;
	color: #FFF;
	margin: 8px;
}

a {
    font: normal 100% "trebuchet ms", verdana, sans-serif;
    color: yellow;
}
a:hover {
    color: #d8ab10;
	text-decoration:none;
	}

abbr,acronym {
	border-bottom: 1px dotted #041b33;
}
ul{
    color:#FFF;
    float:left;
	width: 220px;
	margin:4px 4px 10px 0;
	text-align:left;
	}
li {
    list-style:circle;
	border-bottom:1px solid #FFF;
	margin:0 0 0 20px;
	padding:4px 0 0 0;
}
ol{
    color:#FFF;
    float:left;
	width: 220px;
	margin:4px 4px 10px 0;
	text-align: left;
	border:#f00;
	}
blockquote {
    margin:4px 8px;
	padding:4px;
	background-color: #D4D8DF;
	border: 1px solid #7C8BA1;
	font: italic 120% "trebuchet ms", verdana, sans-serif;
}




#footerwrap {
    margin:0 auto;
	width: 246px;
	background:#1F334D;
}
#footer{
	width: 246px;
	background: transparent;
    }
#footercontent {
    padding:0;
	width: 246px;
	background: transparent;
}
#footercontent #col-1 {
	width: 246px;
	padding: 0 10px 0 0;
}
#footercontent #col-2 {
	width: 246px;
	padding: 0 10px 0 0;
	background:#455875;
}
#footercontent #col-3 {
	width: 246px;
}
#footercontent p#copyright {
	font-size: 100%;
	margin: 0;
}
#footercontent p#copyright.tallfooter {
	clear: both;
	border-top: 1px dashed #7C8BA1;
	padding: 10px 8px;
	background:#333;
}