/* css for Fourthtrack Systems  */
@import url(reset.css);
a {
  cursor: pointer; cursor: hand;  
}
b { font-weight: bold; }
p { margin: 0.5em 3%; }

body {
 background: #ececec url('images/bg_page.jpg') repeat-x 0 0;
 color: #5c5c5c;
 font: 62.5%/1.5em Tahoma, Verdana,  Arial, sans-serif; 
 width: 100%;
}
img { border: none; }

#conTent {
	text-align: left;
	margin: 0px auto;
	width: 1010px;
 height: 100%;
 background:  url('images/bg_edges.png') no-repeat 0 0;
}
* html #conTent {
 background:  url('images/bg_edges.gif') no-repeat 0 0;
 padding-bottom: 15px; 
}
*:first-child+html #conTent {
 padding-bottom: 15px; 
}
#conTent2 {
	text-align: left;
	margin: 0px auto;
	width: 1010px;
 height: 100%;
 background:  url('images/bg_content2.jpg') no-repeat 0 100%;
}

#header {
	margin: 0px auto;
	width: 990px;
	height: 95px;
	padding-top: 15px;
}
#header-in {
 width: 100%;
 height: 95px;
 background: #fff;  
}
#header-in h1 {
 float: left;
 position: relative;
 width: 590px;
 height: 95px; 
}
* html #header-in h1 {
 height: 90px; 
}
*:first-child+html #header-in h1 {
 height: 90px; 
}
#header-in h1 span {
 position: absolute;
 width: 100%;
 height: 100%;
 background: url('images/logo_wide_1.png') no-repeat 0 0; 
}
#headright {
 float: right;
 margin: 20px 50px 0 0; 
 width: 200px;
 height: 70px;
 font-size: 1.1em;
 line-height: 1.7em;
 color: #5c5c5c; 
 text-align: right;
}

#seo {
	margin: 0px auto;
	width: 990px;
	position: relative;
	padding-top: 60px;
}

#midtop {
	width: 100%;
	height: 276px;
	position: relative;
	background: url('images/bg_welcome.jpg') no-repeat 0 0;
}
* html #midtop {
	background: url('images/bg_welcome.jpg') no-repeat 10px 0;
	padding-right: 10px;
}
#welcometxt {
 position: absolute;
 top: 70px;
 left: 37px;
 width: 520px;
}
#welcometxt p {
  margin: 0.75em 0;
 color: #fff;
 font-size: 11px;
 line-height: 1.6em;
}
#welcometxt p.fright {
  text-align: right; 
  margin-top: 28px; 
}
.more {
 padding: 10px 0 10px 23px;
 height: 16px;
 background: url('images/morearrow.png') no-repeat 0 60%; 
}
* html .more {
 background: url('images/morearrow.gif') no-repeat 0 55%; 
}
#welcometxt a {
 color: #fff;
 text-decoration: underline; 
}
#welcometxt a:hover {
 color: #000;
 text-decoration: underline; 
}

#mid {
 position: relative;
 padding: 60px 10px 0;
 width: 100%; 
}

#footer {
	margin: 0px;
	width: 100%;
	background: #fff;
}
#footer-in {
	margin: 0px auto;
	width: 990px;
	height: 80px;
	background: url('images/bg_foot.jpg') no-repeat 52% 60%;
	font-size: 1.1em;
 color: #5c5c5c; 
}
#footer-in a {
 color: #5c5c5c; 
 text-decoration: none;
}
#footer-in a:hover {
 color: #5c5c5c; 
 text-decoration: underline;
}
#foot-l {
  float: left;
  width: 300px;
  margin-left: 10px;
  margin-top: 25px;
}
#foot-r {
  float: right;
  width: 250px;
  text-align: right;
  margin-right: 20px;
  margin-top: 20px;
}

#foot-r a.clarihon {
	font-weight: bold;
	color:#CC0000;
}

#lowfoot {
 height: 20px;
 width: 990px;
 margin: 0 auto;
}

/* **************** navbar ******************* */
#navbar {
  height: 60px;
  position: absolute;
  top: 0;
  left: 10px; 
}
#navbar ul {
 font-size: 12px;
 font-weight: bold;
 line-height: 5.5em;
}
#navbar li {
 float: left; 
 display: block;
 height: 60px;
 margin-left: 20px;
}
* html #navbar li {
 width: 1%;  
 white-space: nowrap;
}
#navbar li a {
 color: #fff;
 text-decoration: none; 
 height: 60px;
 padding: 0 20px;
 display: block;
}
#navbar li a:hover {
 color: #fff;
 text-decoration: none; 
 height: 60px;
 padding: 0 20px;
 background: url('images/bg_li.png') repeat-x 0 0;
}
#navbar li.current a {
 color: #fff;
 text-decoration: none; 
 height: 60px;
 padding: 0 20px;
 background: url('images/bg_li.png') repeat-x 0 0;
}