/*  * { border: 1px solid red; }*/

* {	font-family: Verdana, Helvetica;   }
pre { font-family: Courier New, Courier; }

html { overflow: -moz-scrollbars-vertical;}

body, html	{ margin:0; padding:0;  color:#000; }
body		{ min-width:970px; background-color: #022D5A; color: black; background-image: url('images/background.png'); background-position: left top; background-repeat: repeat-x; background-attachment: fixed; }

body { 
	scrollbar-face-color: #EEEEEE; 
	scrollbar-shadow-color: #888888; 
	scrollbar-highlight-color: #888888; 
	scrollbar-3dlight-color: #EEEEEE; 
	scrollbar-darkshadow-color: #EEEEEE; 
	scrollbar-track-color: #EEEEEE; 
	scrollbar-arrow-color: #888888;
}


.spacer { color: #d0d0d0; }
A		{ text-decoration: none; color: #0055cc; font-weight: bold; }
A:hover { text-decoration: underline; }

H2 {  }
H3 {  }
H4 { font-size: 8pt; }
H5 { font-size: 8pt; }

UL { margin: 0; }

#wrap		{ position: relative; top: 5px; margin:0 auto; width:970px;  }
	 
#header		{ height: 150px; background-image: url('images/bgheader.png'); }
#header h1	{ padding:5px; margin:0; }
#logo		{ }

#toolbar	{ height: 32px; }
#toolbar ul	{ position: relative; left: 55px; margin:0; padding:0; list-style:none; }
#toolbar li	{ display:inline; margin:0; padding:0; }

#container	{  background-image: url('images/bgwide.png'); }

#main		{ clear: both; position: relative; left: 55px; text-align: justify; text-justify: newspaper; float:left; width:640px; }
#main h2, #main h3, #main p { padding:0 10px; }

#sidebar	{ background: transparent; float:right; width:225px; }
#sidebar ul { margin-bottom:0; }
#sidebar h3, #sidebar p { padding:0 10px 0 0;    }

#closer		{ clear: both; }


#footer		{ font-size: 9pt; color: #a0a0a0; clear: both; width:970px; height: 91px; vertical-align: middle; text-align: center; background-image: url('images/bgfooter.png'); }
#footer p	{ padding:5px; margin:0;    }

#headlines { width: 210px; }

#metatitle { padding-left: 50px; width: 630px; height: 30px; background-image: url('images/h1.png'); background-repeat: no-repeat; }


/* */


#promo { margin: 0 auto auto auto; }
#promo-text { width: 150px; text-align: center; }

#basic { margin-left: 55px; margin-right: 55px; font-size: 9pt; text-align: justify; text-justify: newspaper; }

#showcase { width: 400px; }

#showcase .item p { margin: 0 210px 0 230px; }
#showcase .item h3 a { text-indent: 20px; text-decoration:none; font-size: 18px; color: #69A; }
.showcase-image { float: left; width: 160px; height: 100px; }
#signin			{ color:white; width:200px; text-decoration:none; float:right; position: relative; top: 25px; right: 15px; }
#left-column	{ border: 1px solid #CCC; float: left; width: 150px; }
#right-column	{ border: 1px solid #CCC; width:220px; float:right; clear: right; }
#center-column	{	width: 420px;	margin: 0 220px 0 160px;}
#home			{ text-align: center;	width: 800px; height: 400px; }

#home-image { margin-right:auto; margin-left:auto; width: 770px; height: 400px; }


/*
#mainbg {
	background: #ffffff url(http://static1.grsites.com/images/glossymetal.jpg) repeat scroll left top; 
	padding-bottom: 1000px;
}
*/

#nestedbg {
	background-image: url('images/fade.png'); 
	background-repeat: repeat-x;
	background-position: left top;
}

/* */

/* */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear {clear:both;}


/* */

#toolbar { text-align: center; margin: 0 0 0 0; padding: 0 0 0 0; width: 870px; height: 36px; }
#toolbar ul 
{
margin: 0 0 0 0;
padding: 0 0 0 0px;
list-style-type: none;
}
#toolbar li
{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
float: left;
}
#toolbar a {display: block; width: 96px; height: 32px;  }
#toolbar img { border: none; }

#button_company {  background-image: url(images/btn-company.png); } 
#button_company:hover { background-position: 0 -32px; background-image: url(images/btn-company.png); }

#button_contact {  background-image: url(images/btn-contact.png); } 
#button_contact:hover { background-position: 0 -32px; background-image: url(images/btn-contact.png); }

#button_home {  background-image: url(images/btn-home.png); } 
#button_home:hover { background-position: 0 -32px; background-image: url(images/btn-home.png); }

#button_press {  background-image: url(images/btn-press.png); } 
#button_press:hover { background-position: 0 -32px; background-image: url(images/btn-press.png); }

#button_products {  background-image: url(images/btn-products.png); } 
#button_products:hover { background-position: 0 -32px; background-image: url(images/btn-products.png); }

#button_services {  background-image: url(images/btn-services.png); } 
#button_services:hover { background-position: 0 -32px; background-image: url(images/btn-services.png); }

#button_showcase {  background-image: url(images/btn-showcase.png); } 
#button_showcase:hover { background-position: 0 -32px; background-image: url(images/btn-showcase.png); }

#button_solutions {  background-image: url(images/btn-solutions.png); } 
#button_solutions:hover { background-position: 0 -32px; background-image: url(images/btn-solutions.png); }

/* */

.titlebar { width: 100%; background-color: #f0f0f0;  background-image: url('images/titlebar.png'); background-repeat: repeat-x; }
.accent { position: absolute; right: 60px;  }
.titlebarimage {  }
.titlebartext { font-size: 18pt; vertical-align: top; padding-top: 2px;}
.titlebartiny { background-color: #f0f0f0; font-size: 12pt; padding-bottom: 5px; background-image: url('images/titlebar.png'); background-repeat: repeat-x; }

.sectionheader {  height: 99px; width: 610px; background-image: url('images/header-section.gif'); background-repeat: no-repeat; }
.sectionheader H1 { position: relative; top: 55px; left: 10px; font-size: 26pt; font-weight: bold; color: #547FC6; }


.sectionbar { width: 100%; background-color: #f0f0f0;  background-image: url('images/sectionbar.png'); background-repeat: repeat-x; }


.sectioncontent { border: 1px solid #f0f0f0; padding: 30px 30px 30px 30px; }


/* */

td.panel_1_t 		{			  height: 36px;	background-image: url('images/panel_1_02.gif');  background-position: top left; 		background-repeat: repeat-x;}
td.panel_1_r		{width: 34px; 				background-image: url('images/panel_1_06.gif'); 	background-position: top right; 	background-repeat: repeat-y;}
td.panel_1_b		{			  height: 32px; background-image: url('images/panel_1_08.gif'); 	background-position: bottom left;	background-repeat: repeat-x;}
td.panel_1_l		{width: 33px; 				background-image: url('images/panel_1_04.gif');	background-position: top left;		background-repeat: repeat-y;}

td.panel_1_tl		{width: 33px; height: 36px; background-image: url('images/panel_1_01.gif');	background-position: top left; 		background-repeat: no-repeat;}
td.panel_1_tr 		{width: 34px; height: 36px; background-image: url('images/panel_1_03.gif');	background-position: top right;		background-repeat: no-repeat;}
td.panel_1_bl		{width: 33px; height: 32px; background-image: url('images/panel_1_07.gif');	background-position: bottom left;	background-repeat: no-repeat;}
td.panel_1_br		{width: 34px; height: 32px; background-image: url('images/panel_1_09.gif');	background-position: bottom right;	background-repeat: no-repeat;}

td.panel_1_content  { font-family: Arial; font-size: 10pt; }

/* */

td.panel_2_t 		{			  height: 20px;	background-image: url('images/panel_2_02.gif');  background-position: top left; 		background-repeat: repeat-x;}
td.panel_2_r		{width: 22px; 				background-image: url('images/panel_2_06.gif'); 	background-position: top right; 	background-repeat: repeat-y;}
td.panel_2_b		{			  height: 21px; background-image: url('images/panel_2_08.gif'); 	background-position: bottom left;	background-repeat: repeat-x;}
td.panel_2_l		{width: 23px; 				background-image: url('images/panel_2_04.gif');	background-position: top left;		background-repeat: repeat-y;}

td.panel_2_tl		{width: 23px; height: 20px; background-image: url('images/panel_2_01.gif');	background-position: top left; 		background-repeat: no-repeat;}
td.panel_2_tr 		{width: 22px; height: 20px; background-image: url('images/panel_2_03.gif');	background-position: top right;		background-repeat: no-repeat;}
td.panel_2_bl		{width: 23px; height: 21px; background-image: url('images/panel_2_07.gif');	background-position: bottom left;	background-repeat: no-repeat;}
td.panel_2_br		{width: 22px; height: 21px; background-image: url('images/panel_2_09.gif');	background-position: bottom right;	background-repeat: no-repeat;}

td.panel_2_content	{           				background-image: url('images/panel_2_05.gif');	background-position: top left;		background-repeat: both;}
td.panel_2_content  { font-family: Arial; font-size: 10pt; }


/* */

.table	{ display: table;  border-collapse:separate; }
.cell	{ float:left; display: table-cell;  }
.row	{ display: table-row; width:auto; }

/* */

.news-headline { font-size: 9pt; }
#headlines A { color: #0055cc; }

.news-tag		{ text-align: left; }
.news-title		{ font-weight: bold; font-size: 12pt; }
.news-date		{ font-style: italic; }  
.news-author	{ }

.press-main { float: left; width: 610px; padding-left: 30px; }
.press-photo { float: right; width: 200px; font-size: 8pt; text-align: left; text-justify: none; }

/* */

.services-main { float: left; width: 570px; padding-left: 30px; }

.services-navigation { float: right;  width: 180px;  text-align: left; padding-right: 30px; }


.services-navigation ul { border: 1px solid #c0c0c0; background: #f0f0f0;  background-image: url('images/navigation-background.gif'); background-repeat: no-repeat; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; margin-top: -2px;}
.services-navigation ul li {	DISPLAY: inline; LIST-STYLE-TYPE: none; font-size: 10pt; text-align: left; }

.services-navigation ul li A { TEXT-DECORATION: none; border-top: 1px solid #c0c0c0; PADDING-RIGHT: 5px; MARGIN-TOP: 2px; DISPLAY: block; PADDING-LEFT: 10px;  PADDING-BOTTOM: 5px; COLOR: black; font-weight: bold; PADDING-TOP: 5px; TEXT-ALIGN: left}

.services-navigation ul li A:hover { BACKGROUND-COLOR: #a0a0a0; color: #fff;}
.services-navigation ul li A:active { BACKGROUND-COLOR: #a0a0a0; }

.services-navigation-current {	font-size: 10pt; background-color: #fcfcfc; PADDING-RIGHT: 5px; MARGIN-TOP: 2px; DISPLAY: block; PADDING-LEFT: 10px;  PADDING-BOTTOM: 5px; COLOR: black; font-weight: bold; PADDING-TOP: 5px; TEXT-ALIGN: left}

/* */

.item {	text-decoration:none; clear: both;  }
.thumbnail { float: left; width: 160px; height: 120px; margin-bottom: 15px; padding-right: 15px; border: none; }
.title { font-size: 12pt; font-weight: bold; padding: 0 15 0 15; }
.date { font-size: 9pt; padding: 0 15 0 15; }
.description { font-size: 10pt;    padding: 0 15 0 15; }
.article { font-size: 11pt; }
.smalldate { font-size: 8pt; }

/* */