/* css for Tricon */
@import url(reset.css);
a {
  cursor: pointer; cursor: hand;  
}
a {
	color: #025fc9;
	text-decoration: none;
}
a:hover {
	color: #fa8716;
	text-decoration: underline;
}
body {
 background: #fff url('i/bg_page.gif') repeat-x 0 0;
 color: #6c6d6f;
 font: 62.5%/1.5em   Arial, Verdana, sans-serif; 
 width: 99.9%;
}
img { border: none; }
.cent { text-align: center; }
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;
}

#header {
	margin-bottom: 7px;
}
#header h1 {
	float: left;
 width: 143px;
 height: 50px;
 margin: 12px 0 8px 8px;
 position: relative;	
}
#header h1 span {
 width: 100%;
 height: 100%;
 position: absolute;
 background: url("i/triconlogo.png") no-repeat 0 0;
}
#navbar {
 height: 28px;
 float: right;
 padding-top: 42px;	
 padding-right: 5px;
	position: relative;
	margin-bottom: -1px; /* this is an IE fix unseen by FF */
}
* html #navbar {
	float: left;
	margin-left: 155px; /* IF ADDITIONAL TABS ARE ADDED ADJUST HERE FOR IE6 ******************************************* */
}
#navbar li {
	float: left;
 	height: 28px;
	padding: 0 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;  	
	background: url("i/navtab.png") no-repeat 0 0;
}
#navbar li span {
 	height: 28px;
 	width: 10px;
 position: absolute;
 right: 0;
	background: url("i/navtab.png") no-repeat 100% 0;
}
* html #navbar li span {
 margin-top: -6px;	
}
*:first-child+html #navbar li span {
 margin-top: -6px;	
}
#navbar li a {
	color: #025fc9;
	text-decoration: none;
	font-size: 14px;
	line-height: 2em;
	padding: 0 1px 0 1px;
}
#navbar li a:hover {
	color: #fa8716;
	text-decoration: none;
}
.parent { position: relative; }

.dropdown { /* rules for dropdown div */
	width: 250px;
	position: absolute;
	left: 0px;
	/* left: -3000px; */
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	background: url(none);
	}
*:first-child+html .dropdown {
	top: 27px;
}
* html .dropdown {
	top: 27px;
}
.dropdown div {
	}
#navbar li .dropdown ul {
	width: 220px;
	top: 0;
	background: url(none);
	text-align: left; /* needed because IE misapplies text centering to boxes */
	position: absolute;
	width: 10em;
	left: -999em;
}
#navbar li:hover .dropdown ul {
	left: auto;
}
#navbar li .dropdown ul {
	border-top: 1px solid #e9e9e9;
	width: 220px;
}
#navbar li .dropdown li {
	clear: both;
	background: #fafafa url("i/navtab.png") no-repeat -500px 0;
	z-index: 100;
	border: 1px solid #e9e9e9;
	border-top-width: 0px;
	min-width: 200px;
}

#navbar li li a {
	padding: 15px;
}

#navbar li:hover .dropdown ul, #navbar li.sfhover .dropdown ul { /* lists nested under hovered list items */
	left: auto;
}
* html #navbar li .dropdown ul li {
	width: 200px;	
}

#banner {
 width: 800px;
 height: 213px; 
 background: url("i/banner-r.jpg") no-repeat 100% 0;
}
#ban-left {
	float: left;
 width: 340px;
 height: 213px;
 position: relative;
 background: url("i/banner-l.jpg") no-repeat -1px 0;	
}
#ban-right {
	float: right;
 width: 460px;
 height: 213px;
 position: relative; 	
}
* html #ban-right {
	float: left;
 width: 450px;
  }
  
#inbannerco {
  width: 800px;
  height: 77px;
 background: url("i/ban-in-company.png") no-repeat;  
}

#inbannercon {
  width: 800px;
  height: 77px;
 background: url("i/ban-in-contact.png") no-repeat;  
}

#inbannerkey {
  width: 800px;
  height: 77px;
 background: url("i/ban-in-rex.png") no-repeat;  
}

#inbannersvc {
  width: 800px;
  height: 77px;
 background: url("i/ban-in-rex.png") no-repeat;  
}

#inbannersol {
  width: 800px;
  height: 77px;
 background: url("i/ban-in-solutions.png") no-repeat;  
}

#inbannertec {
  width: 800px;
  height: 77px;
 background: url("i/ban-in-tech.png") no-repeat;  
}  
#request {
 width: 206px;
 height: 67px;
 position: absolute;
 top: 146px;
 left: 10px;
 z-index: 1;	
}
#view {
 width: 207px;
 height: 67px;
 position: absolute;
 top: 146px;
 left: 224px;	
}
#subheader {
 height: 215px;
 margin: 8px 0;
}
#subheader li {
 border: 1px solid #6c93c0;
 width: 193px;
 min-height: 215px;
 float: left;
 margin: 0 4px 7px 2px;
}
* html #subheader li {
 margin: 0 1px 7px 2px;
 height: 215px;
}
#subheader li .bxtop {
	width: 100%;
 height: 30px;	
 background: url("i/bx-tile.png") repeat-x 0 0;	
 text-align: center;
 color: #fff;
}
#subheader li .bxtop h2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.8em;
}
.bx-in {
 position: relative;
 font-size: 1.2em;
 line-height: 1.8em;
 margin-left: 12px;	
 margin-right: 12px;	
 margin-top: 5px;
 word-wrap: break-word;
}
p.bx-more {
 position: absolute;
 top: 145px;
 font-weight: bold;	
}
p.bx-more a {
	color: #fa8716;
	text-decoration: underline;	
}
p.bx-more a:hover {
	color: #025fc9;
	text-decoration: underline;	
}

* html #subheader li {
 height: 215px;
}
#subheader li.bx1 {
 background: url("i/bx1.png") no-repeat 100% 100%;	
}
#subheader li.bx2 {
 background: url("i/bx2.png") no-repeat 100% 100%;	
}
#subheader li.bx3 {
 background: url("i/bx3.png") no-repeat 100% 100%;	
}
#subheader li.bx4 {
 margin: 0 0px 7px 2px;
 background: url("i/bx4.png") no-repeat 100% 100%;	
}

#thecontent {
 background: url("i/bg_col-tile.png") repeat-y 0 0;	
}
#left {
	float: left;
	width: 560px;
}
.ltcolhead {
 width: 100%;
 height: 44px;
 background: url("i/bg_leftcol-head.png") no-repeat 0 0; 	
}
.ltcolhead h2 {
	line-height: 2em;
	font-size: 2.2em;
	margin-left: 15px;
}
#left p {
 padding: 10px 15px;
 font-size: 1.2em;	
 line-height: 2em;
}

#left ul {
 margin-left: 20px;
 padding: 10px 15px;
 font-size: 1.2em;	
 line-height: 2em;
 color: #6c6d6f;
}

#left li {
	list-style-image: url(i/li.png);
}

#right {
	float: right;
	width: 238px;
}
.rtcolhead {
 width: 100%;
 height: 44px;
 background: url("i/bg_rightcol-head.png") no-repeat 1px 0; 	
}
.rtcolhead h2 {
	line-height: 2em;
	font-size: 2.2em;
	margin-left: 13px;
}
.rtcol {
 padding: 8px 13px;
 font-size: 1.2em;	
 line-height: 2em;
}
.date {
 color: #025fc9;
 font-weight: bold;	
}
.readmore {
 text-align: right;
 font-weight: bold;	
}
p.readmore a {
	color: #fa8716;
	text-decoration: underline;	
}
p.readmore a:hover {
	color: #025fc9;
	text-decoration: underline;	
}
.rtcolfoot {
 width: 100%;
 height: 13px;
 background: url("i/bg_rightcol-foot.png") no-repeat 1px 100%; 	
}

#subfooter {
	float: left;
	width: 800px;
	height: 18px;
 background: url("i/bg_col-foot.png") no-repeat 0 100%;	
}
#footer {
 clear: both;
 background: #fff;
 color: #6c6d6f;
 font-size: 1.1em;
 text-align: center;
 padding: 10px 0 25px 0;
}
#footer a {
 text-decoration: none;
 color: #6c6d6f;	
}
#footer a:hover {
 text-decoration: underline;
 color: #6c6d6f;	
}

/* FORMS 
---------------------------------*/

fieldset { 
	border:0; 
}

legend { 
	font-weight: bold; 
	font-size: 1.2em; 
}

form#myform { 
	padding: 0.5em; 
	width: 70%; 
}
        
form#myform div { 
	clear: both; 
	padding: 0.5em 0 0 0; 
}

label { 
	float: left; 
	width: 25%; 
	text-align: right;
}

input,textarea { 
	float: right; 
	width: 70%; 
	text-align: left;
}

select { 
	float: right; 
	width: 71%; 
	text-align: left;
	}

textarea { 
	height: 8em;
}

#mySubmit { 
	float: none; 
	margin: 0 0 0 30%; 
	width: 20%; 
	text-align: center;
}