/* HTML Defaults */

body {
	font: 70%/1.3em Arial, Helvetica, sans-serif;
	color: #444444;
	background: #e6e6e6;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	text-decoration: none;
	color: #35009d;
}
a:hover {
	text-decoration: underline;
	color: #5529ac;
}
a:active {
	text-decoration: underline;
	color: #ff3400;
}
h3 {
	font-size: 136%;
	margin-top: 2em;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 100%;
}
img {
	border: none;
}
hr {
	color: #cccccc;
	background: #cccccc;
	height: 1px;
	padding: 0;
	border: none;
}
ul li {
	margin: .5em 0;
	list-style: url(../images/bullet.gif);
}
ul li ul li {
	list-style: url(../images/bullet_light.gif);	
}
table {
	width: 100%;
	padding: 0;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: none;
	border-left: solid 1px #cccccc;
	border-collapse: collapse;
}
caption {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	background: #35009d;
	padding: 8px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
th, td {
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border-bottom: solid 1px #cccccc;
}
th {
	font-size: 110%;
	font-weight: bold;
	background: #eeeeee;
}
form {
	padding: 0;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
fieldset ol {
	margin: 0;
	padding: 0;
}
fieldset ol li {
	clear: both;
	padding: 10px;
	border-top: solid 1px #cccccc;
	list-style: none;
}
fieldset ol li ol li {
	width: 50%;
	float: left;
	clear: none;
	padding: 0;
	border-top: none;
	list-style: none;
}
label {
	font-weight: bold;
	width: 150px;
	float: left;
}
fieldset ol li ol li label {
	font-weight: normal;
	width: auto;
	float: none;
}
fieldset ol li legend {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.textinput, select, textarea {
	font: 100%/1.2em Arial, Helvetica, sans-serif;
	background: #eeeeee;
	width: 25em;
	float: left;
	margin: 0 10px 10px 10px;
	padding: 4px;
	border: solid 1px #cccccc;
}
select {
	width: auto;
	padding: 1px;
}
textarea {
	width: 40em;
	margin: 0 0 10px 0;
}
form .note {
	float: left;
	clear: both;
	margin: 10px 0;
}
.submit {
	padding: 10px;
	border-bottom: solid 1px #cccccc;
}

/* Main Containers */

#container {
	width: 760px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
.clear {
	clear: both;
}

/* Header */

#header {
	line-height: 1.2em;
	background: #ffffff url(../images/head_bg.gif) repeat-x left bottom;
	height: 55px;
	width: 760px;
	clear: both;
}
#logo {
	background: url(../images/head_logo.gif) no-repeat left bottom;
	float: left;
	height: 55px;
	width: 192px;	
}
#logo h1 {
	font-size: 100%;
	height: 55px;
	width: 192px;
	margin: 0;
}
#logo a {
	display: block;
	text-indent: -9000px;
	height: 55px;
	width: 192px;
	overflow: hidden;
}
#tagline {
	background: url(../images/tagline_bg.gif) no-repeat left bottom;
	height: 55px;
	width: 350px;
	float: left;
}
#tagline p {
	margin: 0;
	visibility: hidden;
}
#topad {
	height: 50px;
	width: 160px;
	float: right;
	margin: 2px 4px;
	border: solid 1px #cccccc;
}
#popupheader {
	line-height: 1.2em;
	background: #ffffff url(../images/head_bg_popup.gif) repeat-x left bottom;
	height: 45px;
	clear: both;
	border-bottom: solid 1px #cccccc;
}
#popupheader #logo {
	background: url(../images/head_logo_popup.gif) no-repeat left bottom;
	float: left;
	height: 45px;
	width: 157px;	
}
#popupheader #logo h1 {
	font-size: 100%;
	text-indent: -9000px;
	height: 45px;
	width: 157px;
	margin: 0;
	overflow: hidden;
}
.closewindow {
	font-weight: bold;
	float: right;
	padding: 15px;
}
.closewindow a {
	background: url(../images/icon_closewindow.gif) no-repeat left center;
	disply: block;
	padding: 5px 5px 5px 15px;
}

/* Nav */

#nav {
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
	width: 760px;
	float: left;
	clear: both;
	position: relative;
}
#subnav {
	background: #ffffff url(../images/subnav_bg.gif) repeat-x left bottom;
	height: 30px;
	clear: both;
	border-bottom: solid 1px #cccccc;
}
#nav ul {
	width: 760px;
	margin: 0;
	padding: 0;
}
#nav ul li {
	margin: 0;
	pading: 0;
	list-style-type: none;
}
#nav ul li a {
	background-image: url(../images/nav_tab_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px 9px;
	border-left: solid 1px #eeeeee;
}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}
#current>a:link, #current>a:visited, #subcurrent>a:link, #subcurrent>a:visited {
	text-decoration: none;
	color: #ffffff!important;
	background-color: #c1c1c1!important;
}
#nav ul li ul {
	width: 760px;
	position: absolute;
	top: 24px;
	left: -9999px;
	padding: 6px 0;
	z-index: 200;
}
#nav ul li:hover ul, #nav ul li ul#currentsub {
	left: 2px;
}
#nav ul li ul li {
	margin: 0;
	list-style-type: none;
}
#nav ul li ul li a, #nav ul li ul li a:visited {
	background-image: none;
	background-color: transparent;
	margin: 0 1px 0 0;
	padding: 4px 6px;
	border-left: none;
}
#nav ul li ul li a:hover {
	color: #ffffff!important;
}

/* Content Containers */

#content, #frontcontent {
	width: 760px;
	float: left;
	clear: both;
	padding: 0 0 8px 0;
}
#content {
	background: #ffffff;
}
#frontcontent #maincontent {
	width: 374px;
	float: left;
	padding: 0 8px;
}
#content #maincontent {
	width: 520px;
	float: left;
	padding: 15px;
}
#popupcontent {
	background: #ffffff;
	padding: 15px;
}

/* Main Content */

#content #maincontent h2, #popupcontent h2 {
	font-size: 170%;
	line-height: 1em;
	font-weight: bold;
	color: #35009d;
	background: url(../images/h2_bg.gif) no-repeat left 2px;
	margin: 0 0 1.2em 0;
	padding: 4px 0 4px 30px;
}
#content #maincontent #flash {
	margin: 0 0 10px 0;
}
#content .intro {
	font-weight: bold;
	background: #ffffff url(../images/intro_bg.gif) repeat-x left top;
	margin: 1em 0;
	padding: 10px;
	border: solid 1px #cccccc;
}
#maincontent h3 {
	color: #ffffff;
	background: #35009d;
	padding: 4px 10px;
}
#maincontent h3 a:link, #maincontent h3 a:visited, #maincontent h3 a:hover {
	color: #ffffff;
}
#content .intro h3 {
	margin: -10px -10px 0 -10px;
}
#content .intro ul li, ul.promises li {
	margin: .5em 0;
	list-style: url(../images/bullet_check.gif);
}
ul.promises li {
	font-size: 110%;
	font-weight: bold;
}
ul.productlist {
	margin: 1.3em 0;
	padding: 0;
	border-top: solid 1px #cccccc;
}
ul.productlist li {
	width: 100%;
	float: left;
	clear: left;
	margin: 0;
	padding: 8px 0;
	list-style: none;
	border-bottom: solid 1px #cccccc;
}
ul.productlist img {
	float: left;
	margin: 0 8px 0 0;
}
ul.productlist strong {
	font-size: 136%;
}
#testimonial {
	font-weight: bold;
	background: url(../images/quotes_bg.gif) no-repeat center 8px;
	clear: both;
	padding: 8px 55px;
	border-top: solid 1px #cccccc;
}
#testimonial p {
	margin: 0 0 1.5em 0;
}
.attribute {
	font-size: 92%;
	font-weight: normal;
	font-style: italic;
}
a.button, input.button {
	font: bold 110%/1.3em Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	text-align: center;
	padding: 2px 10px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #cccccc;
	cursor: pointer;
}
a.button:link, a.button:visited, input.button {
	color: #ffffff;
	background: #999999;
}
a.button:hover, a.button:active {
	text-decoration: none;
	color: #ffffff;
	background: #b5b5b5;
}
.sidebar {
	background: #eeeeee;
	width: 180px;
	float: right;
	margin: 0 0 10px 10px;
	padding: 10px;
	border: solid 1px #cccccc;
}
.sidebar h3 {
	font-size: 110%;
	margin: -10px -10px 0 -10px;
}
.sidebar h4 {
	margin-top: 0;
}
.sidebar ul, .sidebar ol {
	padding-left: 10px;
}
.sidebar ul.more {
	margin: 0 -10px -10px -10px;
}
.supportimage {
	text-align: center;
	background: #e2e2e2;
	margin: 0;
}
.photo {
	float: left;
	clear: left;
	margin: 0 10px 10px 10px;
}
.diagram {
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}
.note {
	font-size: 92%;
	line-height: 1.2em;
	font-weight: normal;
}

/* Sidebars */

.side {
	width: 185px;
	float: left;
}
.side h2, #clientslist h2 {
	font-size: 110%;
	font-weight: bold;
	color: #ffffff;
	background: #35009d url(../images/side_h2_bg.gif) no-repeat left top;
	margin: 0 -1px;
	padding: 4px 12px;
}
.side h2 a:link, .side h2 a:visited, .side h2 a:hover, #clientslist h2 a:link, #clientslist h2 a:visited, #clientslist h2 a:hover {
	color: #ffffff;
}
h2.threat, h2.awards, h2.modules, h2.offer, h2.screens, h2.info, h2.partner, h2.contact, h2.promise, h2.review {
	padding-left: 24px;
}
.side h2.threat {
	background-image: url(../images/h2_threat2_bg.gif);
}
.side h2.modules, .sidelink h2.offer {
	background-image: url(../images/h2_modules_bg.gif);
}
.sidelink h2.offer {
	background-color: #ff3300;
}
.side h2.awards {
	background-image: url(../images/h2_awards_bg.gif);
}
.side h2.screens {
	background-image: url(../images/h2_screens_bg.gif);
}
.side h2.info {
	background-image: url(../images/h2_info_bg.gif);
}
.side h2.partner {
	background-image: url(../images/h2_partner_bg.gif);
}
.side h2.contact {
	background-image: url(../images/h2_contact_bg.gif);
}
.side h2.promise {
	background-image: url(../images/h2_promise_bg.gif);
}
.side h2.review {
	background-image: url(../images/h2_review_bg.gif);
}
.side h3 {
	font-size: 110%;
	padding: 0 8px;
}
.side p {
	padding: 0 8px;
}
.side div {
	background: #ffffff;
	margin: 8px 0;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
ul.more {
	font-weight: bold;
	background: #d6d6d6 url(../images/bullet_more.gif) no-repeat 8px 6px;
	clear: both;
	margin: 0;
	padding: 2px 16px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
ul.more li {
	margin: 0;
	list-style: none;
}
.sidelink {
	border-bottom: solid 1px #cccccc;
}
.sidelink h2 {
	background-image: url(../images/sidelink_h2_bg.gif);
}
.sidelink p {
	margin: .5em 0;
}
.sidelink li {
	margin: 0;
}
.sidelink strong {
	font-size: 118%;
}
#content .side {
	margin: 0 8px;
}
#productnav {
	border-bottom: solid 1px #cccccc;
}
#productnav ul {
	margin: 0;
	padding: 0;
}
#productnav li {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	list-style: none;
	border-top: solid 1px #cccccc;
}
#productnav a {
	display: block;
	padding: 5px;
}
#productnav a:hover, #productnav a:active {
	text-decoration: none;
	color: #ffffff;
}
#productnav a.on:link, #productnav a.on:visited, #productnav a.on:hover {
	color: #ffffff;
	background: #c1c1c1;
}

/* Footer */

#footer {
	font-size: 82%;
	color: #999999;
	background: #d6d6d6;
	width: 758px;
	float: left;
	clear: both;
	border: solid 1px #cccccc;
}
#copyright {
	float: left;
	padding: 10px;
}
#footerlinks {
	float: right;
	padding: 10px;
}
#footerlinks li {
	display: inline;
	margin: 0 5px;
	list-style: none;
}
#copyright p, #footerlinks ul {
	margin: 0;
	padding: 0;
}

/* Safari float overflow hack - Safari will ignore second style and all subsequent styles. These MUST be the last styles in this sheet. */
#nav ul li {
	float: left;
	list-style: none;
}
#nav ul li a {
	float: left;
}
#nav ul li a {
	display: block;
	float: none;
	#
}
#nav ul li {
	display: inline;
}
