@charset "utf-8";
/* CSS Document */

hr { display: none; }
* { padding: 0px; margin: 0px; }
html {}
body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	text-align: center; 
	text-transform: uppercase; 
	color: #7a7a7a;
}
h1 { display: none; }
h2 {
	font-size: 20px; 
	font-weight: bold;
	letter-spacing: 2px;
}
h3 {
	font-size: 12px; 
	font-weight: bold;
}
a {text-decoration: none;color: #7a7a7a;}
a:visited {text-decoration: none;color: #7a7a7a;}
#page-wrapper {
	position: relative;
	width: 1024px;
	margin: 0 auto;
}
#content-wrapper {
	position: relative;
	float: left;
	width: 1024px;
	margin-top: 100px;
}
.category-container {
	position: relative;
	float: left;
	width: 1024px;
	height: 20px; 
	text-align: center;
}
.category-container span, .category-container span.divider {font-size: 13px;font-weight: bold;}
.category-container span a.selected {text-decoration: underline;}
.content-container {
	position: relative;
	float: left;
	width: 1000px; 
	height: 468px; 
	overflow-x: scroll; 
	overflow-y:hidden;
	white-space: nowrap;
	text-align: left;
}
.content-container img {padding-right: 10px;}
.contact-container {
	position: relative;
	float: left;
	width: 1024px;
	height: 20px; 
}
.contact-container span, .contact-container span.divider 
{font-size: 13px;font-weight: bold;}
.category-container span.divider, .contact-container span.divider 
{padding: 0px 10px;}
.content-container, .contact-container 
{margin-top: 30px;}
.category-container 
{margin-top: 10px;}

.client-col, .contact-col { font-size: 10px; white-space: normal; }
.client-description { margin: 0px 10px 10px 0px; }
.contact-email { margin: 0px 10px 10px 0px; }


.login-container {width: 145px; margin: 0 auto;}
.login-container label, .login-container .remember-me, .text 
{font: 10px/12px Verdana, Arial, Helvetica, sans-serif; }
.login-container input.login {width: 141px;}

a.buttonbg 
{background: url("/images/bg.gif") no-repeat right top; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px; text-decoration:none; font-weight: bold; padding: 0px 8px 0px 0px; margin: 0; display:block; float:right; line-height: 16px;}
a.buttonbg span 
{background: url("/images/bg_left.gif") no-repeat left top; white-space: nowrap; padding: 0 0 0 8px; display:block; line-height: 16px; color: #ccc;}
a.buttonbg:hover span 
{color: #fff;}

/* Subsection Tabs
--------------------*/
.content-container ul.subsection-tabs {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:23px;
	clear:both;
}

.content-container ul.subsection-tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
}

.content-container ul.subsection-tabs li.tab a {
	display:block;
	height:20px;
	padding:3px 6px 0 6px;
	background-color:#fff;
	color:#666;
	width:120px;
}

.content-container ul.subsection-tabs li.tab a:hover {
	color:#666;
}

.content-container ul.subsection-tabs li.tab a.active {
	background-color:#ddd;
}

.content-container ul.subsection-tabs li.source_code {
	float:right;
}
#footer-container{
	position: relative;
	float: left;
	font-size: 10px;
	margin-top: 10px;
	width: 1000px; 
}