body {
	background-color: #000000;
	color: #ffffff;
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
p { margin: 0px 0px 15px 0px; line-height: 1.5em; }
h1, h2 { margin: 0px; }
h1 {
	font-size: 25px;
	font-weight: normal;
}
h2 {
	font-size: 15px;
	font-weight: normal;
}
img { border: none; }
small { font-size: 11px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.container { width: 930px; margin: 0px auto;}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.red { color: #fe454c; }
.divider {
	background: #323232 url(/images/divider_fade.gif) no-repeat scroll bottom right;
	width: 1px; 
	height: 100%;
	position: absolute;
	top: 0px;
	left: 50%;
}
.learnmore { text-align: right; }
.learnmore a {
	font-size: 10px;
	color: #7cd9e7;
	text-transform: uppercase;
}
.learnmore a:hover {
	color: #fe454c;
}
.callout { padding-bottom: 15px; }

#header { background: transparent url(/images/top_bg.gif) repeat-x scroll top center; }
#home #header { background: transparent url(/images/top_bg_tall.gif) repeat-x scroll top center; }
#mast { height: 122px; }
#nav {
	background: transparent url(/images/logo.jpg) no-repeat scroll top center;
	height: 100px;
}
#logo {
	float: left;
	width: 250px;
	height: 100px;
}
#logo a {
	display: block;
	width: 250px;
	height: 100px;
}
#menu {
	float: left;
	width: 680px;
	height: 100px;
	overflow: hidden;
}
#menu ul, #menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu a {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
}
#menu ul {
	margin: 35px 0px 0px;
}
#menu ul li {
	float: left;
	margin: 0px 9px;
}
#menu ul li ul {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 20px;
	display: none;
	position: absolute;
}
#menu ul li ul.technology {  margin-left: -225px; }
#menu ul li ul.solutions { margin-left: -315px; width: 675px; }
#menu ul li ul li a { font-size: 11px; }
#menu ul li:hover ul, #menu ul li.hover ul { display: inline; }
#menu ul li a:hover { color: #ff5858; }
#menu ul li ul li a:hover { color: #7cd9e7; }
#content, #topcontent {
	width: 930px;
	margin: 0px auto;
	position: relative;
	padding-top: 15px;
}
#content .divider { _height: expression(document.getElementById("content").offsetHeight + "px"); }
#topcontent .divider { _height: expression(document.getElementById("topcontent").offsetHeight + "px"); }
#content .right, #topcontent .right { font-size: 11px; }
#content .column { width: 450px; }
#topcontent .left { width: 620px; }
#topcontent .right { width: 295px; }
#topcontent .divider { left: 630px; }
#examples {
	width: 930px;
	margin: 0px auto;
	font-size: 11px;
}
#examples .header {
	height: 17px;
	background: transparent url(/images/solutions/examples_title.gif) no-repeat scroll;
	padding-bottom: 2px;
	margin-bottom: 15px;
	border-bottom: 1px solid #8E1014;
}
#examples .footnote {
	color: #757474;
	font-size: 9px;
	border-top: 1px solid #757474;
	padding-top: 2px;
	margin: 7px;
}
#footer {
	color: #757474;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	padding: 15px 0px;
}
#footer .dot {
	vertical-align: middle;
	margin: 0px 5px;
}

/* mast heads */
#home #mast #flashpen { margin: 0px auto; width: 950px; height: 262px; }
#home #mast { background: transparent url(/images/mast_home.jpg) no-repeat scroll top center; height: 262px; }
#about #mast { background: transparent url(/images/mast_about.jpg) no-repeat scroll top center; }
#services #mast { background: transparent url(/images/mast_services.jpg) no-repeat scroll top center; }
#contact #mast { background: transparent url(/images/mast_contact.jpg) no-repeat scroll top center; }
#partners #mast { background: transparent url(/images/mast_partners.jpg) no-repeat scroll top center; }
#press #mast { background: transparent url(/images/mast_press.jpg) no-repeat scroll top center; }
#solutions #mast { background: transparent url(/images/mast_contact.jpg) no-repeat scroll top center; }
#solutions_authentication #mast { background: transparent url(/images/mast_solutions_auth.jpg) no-repeat scroll top center; }
#solutions_promotion #mast { background: transparent url(/images/mast_solutions_promo.jpg) no-repeat scroll top center; }
#solutions_training #mast { background: transparent url(/images/mast_solutions_train.jpg) no-repeat scroll top center; }
#solutions_instruction #mast { background: transparent url(/images/mast_solutions_instr.jpg) no-repeat scroll top center; }
#solutions_learning #mast { background: transparent url(/images/mast_solutions_learn.jpg) no-repeat scroll top center; }
#solutions_entertainment #mast { background: transparent url(/images/mast_solutions_ent.jpg) no-repeat scroll top center; }
#technology #mast { background: transparent url(/images/mast_technology.jpg) no-repeat scroll top center; }
#technology_200 #mast { background: transparent url(/images/mast_technology_200.jpg) no-repeat scroll top center; }
#technology_250 #mast { background: transparent url(/images/mast_technology_250.jpg) no-repeat scroll top center; }
#technology_cms #mast { background: transparent url(/images/mast_technology_cms.jpg) no-repeat scroll top center; }

/* callouts */
#home .callout { clear: both; }
#home .callout img { float: left; }
#home .callout p { padding-top: 20px; }
#solutions .callout { width: 225px; float: left; }
#solutions .callout img { display: block; }
#solutions .callout p, #solutions .callout .learnmore { margin: auto 28px; }
#solutions .callout p { margin-top: 8px; margin-bottom: 6px; }
#topcontent .callout img { float: left; }
#topcontent .callout p { padding-top: 20px; }
#examples .callout { width:216px; margin-right: 20px; float: left; }
#examples .callout img { display: block; }
#examples .callout p { margin: auto 8px; padding-top: 10px; }
#examples .last { margin-right: 0px; }
#technology .callout img { margin-right: 15px; }
#technology .callout p { margin-top: 15px; }

/* tables */
#contact table { margin-top: 15px; }
#contact td { vertical-align: top; }
#contact td.red { font-size:15px; padding-right: 15px;}
#contact td a { color: #ffffff; }
#contact td a:hover { color: #fe454c; }

/* random */
#press a { color: #fe454c; }

/* Clear Fix */

#content:after,
#topcontent:after,
#examples:after,
.callout:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content,
#topcontent,
#examples,
.callout,
.clearfix { display: expression('inline-block'); }

* html #content,
* html #topcontent,
* html #examples,
* html .callout,
* html .clearfix { height: 1%; }