@CHARSET "UTF-8";

body {
	background: url(../images/body_bg.gif) repeat-x top left #dddcd4;
	font-family: Tahoma, Verdana, Arial;
	color: #383837;
	font-size: 13px;
	width: 100%;
}

a:link, a:visited {
	text-decoration: none;	
	color: #3c82c9;
}

a:hover {
	text-decoration: underline;	
}

#pWrapper {
	width: 865px;
	margin: auto;
	position: relative;
}

#topBar {
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px 2px;
}

#topBar li {
	float: left;
	padding: 0 10px 2px 10px;
	line-height: 18px;
	border-left: 1px solid #7d7d7d;
}

#topBar li a {
	color: #dbdcc8;
}

#topBar li a:hover {
	color: #fff;
}

#header {
	position: absolute;
	top: 75px;	
}

#header h1 {
	width: 380px;
	height: 110px;
	background: url(../images/logo.gif) transparent no-repeat top left;
	border-right: 1px solid #3b3b3b;
	text-indent: 400px;
	whitespace: no-wrap;
	overflow: hidden;
}

#content {
	position: absolute;
	top: 252px;
	width: 855px;
	background: url(../images/content_bg.gif) transparent repeat-y top left;
	border-bottom: 1px solid #cecdc3;
	padding-bottom: 10px;
	clear: both;
}

#content #divider {
	background: url(../images/content_top_bg.gif) #d9d9d9 repeat-x 1px 0;
	line-height: 10px;
}

#content #top {
	background: url(../images/content_t_bg.gif) repeat-y 1px 0;
	border-bottom: 1px solid #cecdc3;
	position: relative;
	padding: 10px 30px;
	height: 80px;
}

#content #top h2 {
	font-size: 34px;
	font-family: arial;	
	background-color: #f6f6f4;
	padding: 5px 20px;
	line-height: 50px;
	position: absolute;
	bottom: -1px;
	border: 1px solid #d9d9d9;
	border-bottom: none;
	display: inline;
}

#content #top h2 span.strong {
	font-weight: bold;	
}

#content #top blockquote {
	position: absolute;
	top: 75px;
	right: 20px;
	color: #999;
	font-style: italic;
	width: 400px;
	text-align: right;
}

#content div.whitespace {
	padding: 10px;
}

#applications {
	clear: both;
	float: none;
	width: 100%;
	height: auto;
}

div.app {
	width: 245px;
	padding: 2px;
	float: left;
	margin: 10px 12px;	
}

div.app img {
	display: block;
	float: left;
	margin-right: 6px;	
}

div.app h2 { font-weight: bold; font-size: 1.2em; font-family: Arial, Tahoma; }
div.app p { font-size: 12px; color: 383837; }

#app_detail img.icon { float: left; margin: 0 10px 10px 5px; }
#app_detail p.desc { margin: 10px; font-size: 1.1em; }

.clr { clear: both; float: none; }
#footer { border-top: 1px dotted #999; margin: 5px 10px; clear: both; float: none; }
#footer li { float: left; padding: 2px 6px; border-right: 1px solid #999; }