/* Main ESS Group sytlesheet*/
/*** * Lightbox styles * ***/
@import url("lightbox.css");

/* *** Global *** */
html, body {
    margin: 0;
	padding: 0;
}

body {
	background: url(../images/sitebgTile.gif) repeat-y top center;
    font-family: Tahoma, Arial, Sans-Serif;
	color: #383838;
}

body a:hover	{color: #000;}

/* ***Main Structure *** */
#outer {
	width: 822px;
	margin: 0 auto 0 auto;
}

#header {
	width: 822px;
	height: 218px;
	margin: 10px 0 0 0;
}

#main {
	width: 100%;
	background: url(../images/mainbgTile.gif) repeat-y -3px center;
}

#sidebar {
	width: 205px;
	float: left;
}

#moreInfo {
	width: 198px;
	background: #242424;
	color: #e3e3e3;
	margin: 0;
	padding: 6px 0 15px 0;
}
	#moreInfo ul 				{font-size: 0.75em; text-transform: uppercase; list-style: none; margin: 0; padding: 0;}
	#moreInfo ul li 			{margin: 4px 0 0 0;}
	#moreInfo ul a 			{text-decoration: none; color: #d5d5d5; display: block; padding: 0 0 0 20px; margin: 0 3px;}
	#moreInfo ul a:hover 		{background: #d5d5d5; color: #242424;}
	#moreInfo ul a.current 	{background: #d5d5d5; color: #242424;}
	#moreInfo ul ul a			{padding: 0 0 0 40px;}
	#moreInfo ul span 		{text-transform: none; font-style: italic; padding: 0 0 0 40px;}

#sideBlurb {
	width: 191px;
	background: url(../images/blurbTile.gif) repeat-y top center;
	margin: 20px auto 0 auto;
	padding: 0;
	text-align: center;
}
	#sideBlurb h2 {width: 181px; height: 47px; margin: 0; padding: 24px 10px 0 0; text-align: right; color: #fff; font-weight: normal; font-size: 1.3em; letter-spacing: 0.05em;}
	#sideBlurb span {font-size: 0.9em; display: block; margin: -10px 0 0 0;}
	
#systekLink {
	width: 95px;
	margin: 30px auto 0 auto;
}
	#systekLink a img {border: none;}

#blurbFoot {
	width: 191px;
	height: 5px;
	background: url(../images/blurbFoot.gif) no-repeat bottom center;
	margin: 15px auto 0 auto;
}
	
ul#crumbs {
	text-align: right;
	margin: 20px 20px -10px 0;
}
	ul#crumbs li 			{display: inline;}
	ul#crumbs li a.current	{text-decoration: underline; font-weight: bold;}
	
#pmNav {
	float: right;
	font-size: 0.9em;
	margin: 0;
}
	#pmNav ul li {display: inline; margin: 0 0 0 8px;}
	#pmNav ul li a {padding: 5px 8px; background: #ccc; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #888; border-bottom: 2px solid #888; color: #000;}
	
#content {
	width: 617px;
	background: #e7e5de;
	margin: 0 0 20px 0;
	float: right;
}
	#content p 				{font-size: 0.8em; text-indent: 10px;}
	#content ul, #content ol  	{font-size: 0.8em;}
	#content h3				{display: block; text-decoration: underline; margin: 20px 0 -10px 0;}

#contentFooter {
	text-align: center;
	margin: 0;
	font-size: 0.85em;
}	
	#contentFooter a img {border: none; margin: 5px 0 0 0;}

form#email {
	width: 400px;
	margin: 0 auto 0 auto;
}
	form#email h3				{margin: 0 0 -10px 0; padding: 0;}
	form#email input.text 		{margin: 0 0 20px 0; padding: 0; background: #C9C5B6; border: 2px solid #383838;}
	form#email textarea			{margin: 0; padding: 0; background: #C9C5B6; border: 2px solid #383838; width: 400px;}
	form#email input.button 	{float: right; margin: 10px -28px 0 0; background: #C9C5B6; border: 2px solid #383838; font-weight: bold;}

fieldset.hidden {
	border: none;
}

.center {
	text-align: center;
}

.clear {clear: both;}
	
	
/* *** Products *** */

.productListing {
	margin: 10px 10px 30px 10px;
	border: 5px solid #393939;
	background: #393939 url(/images/productbg.jpg) repeat-x left bottom;
	position: relative;
}
	.productListing img 			{float: left; position: relative; padding: 0;}
	.productListing h3			{margin: 0; padding: 20px 0 0 130px; font-size: 2.5em; color: #fff; text-align: left; text-decoration: none !important;}
	.productListing h3 a 			{display: block; color: #fff; margin: -25px 0 15px 0; padding: 0; text-align: center; font-weight: normal;}
	
.productNoLink {
	padding: 0 0 0 130px;
	margin: 10px 20px 30px 10px;
	border-bottom: 5px solid #383838;
	border-top: 5px solid #383838;
	min-height: 100px;
}
	.productNoLink h3    						{display: block; background: url(../images/smallGradient.gif) repeat-x top left; margin: -5px 0 0 0 !important; padding: 0; color: #fff; text-align: center; text-decoration: none !important;}
	
.productDescription {
	position: relative;
	display: block;
	background: #efeee8;
	margin: 0 5px 0 0;
	padding: 5px;
	font-size: 0.95em;
	min-height: 80px;
}
	
	
/* ***   Solutions   *** */
.solution {
	width: 165px;
	float: left;
	margin: 0 20px 20px 0;
}
	.sol-end					{margin-right: 0;}
	.solution a img			{border: 5px solid #CBC7B8;}
	.solution a:hover img,
	.solution a:focus img	{border-color :#242424;}
	.solution span			{display: block; font-size: 0.8em; text-align: center;}
	.solution span a			{display: block; font-size: 1.1em; font-weight: bold; text-transform: uppercase;}

/*.solutionWrapper {
	margin: 1px 0;
}

.solution {
	float: left;
	width: 250px;
	margin: 0 8px 30px 8px;
	font-size: 0.8em;
	text-align: center;
}

.clear {
	clear: both;
}

.centerText {
	text-align: center;
}*/



/****** PM Style *****/
ul#admin-tabs {
	_width: 535px;
    border-bottom: 1px solid #000;
    list-style: none;
    overflow: auto;
	_position: relative;
}
    ul#admin-tabs li 			{ float: left; display: inline; margin-right: 15px; }
    ul#admin-tabs li a 			{ display: block; color: #000; text-decoration: none; padding: 5px; background: #cccccc; }
    ul#admin-tabs li a:hover 	{ background: #030303; color: #ffffff; }
    ul#admin-tabs li a.current 	{ background: #030303; color: #ffffff; }
	
table#userlist {
    width: 500px;
}
    table#userlist a { text-decoration: none; }
    table#userlist a img { border: 0; }
    
    table#userlist tr.head { background-color: #666; color: #fff; }
    table#userlist tr.odd { background-color: #eee; }

table#companylist {
    width: 300px;
}
    table#companylist a { text-decoration: none; }
    table#companylist a img { border: 0; }
    
    table#companylist tr.head { background-color: #666; color: #fff; }
    table#companylist tr.even { background-color: #eee; }
    
table.admin-list {
    width: 80%;
}
    table.admin-list a { text-decoration: none; }
    table.admin-list a img { border: 0; }
    
    table.admin-list tr.head {background-color: #666; color: #fff; }
    table.admin-list tr.even {background: #eee; }
    
a.link-button,
a:active.link-button,
a:visited.link-button{
    padding: 3px 5px 3px 5px;
    background: #ccc;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #888;
    border-bottom: 2px solid #888;
    font-size: 8pt;
    color: #000;
}
/*a:hover.link-button {
    color: blue;
    border-top: 2px solid #888;
    border-left: 2px solid #888;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}*/

p.note {
    border: 1px solid #888;
    background: #f0f0f0;
    padding: 3px;
    color: #000;
    font-size: 8pt;
}

a img { border: 0px; }

div.center { text-align: center; }
div.right   {text-align: right; }
	
	
	