@charset "utf-8";
body{
background: url(../images/top_bg.jpg) repeat-x left top;
margin:0px;
padding:0px;
text-align:center;
height:271px;
background-color:#FFFFFF;
}
body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
	font-family : Verdana, Arial, Helvetica, sans-serif;
}
#wrapper{
width:100%;
margin:auto;
padding:0px;
}
#wrapper2{
margin:auto;
padding:0px;
width:900px;
}

img{
border:0px;
}

.normal_text {
font-size: 11px;
line-height: 18px;
color: #575757;
text-align:justify;
line-height:18px;
text-decoration: none;
}

.blue_text {
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	text-align:justify;
	line-height:18px;
	text-decoration: none;
}
.normal_text2 {
font-size: 11px;
line-height: 18px;
color: #575757;
text-decoration: none;
}

.whtie_text_bold {
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #fff;
text-decoration: none;
}

.whtie_text_small {
font-size: 9px;
line-height: 18px;
color: #fff;
text-decoration: none;
}

.whtie_text_blue {
font-size: 11px;
line-height: 18px;
font-weight:bold;
color:#0000FF;
text-decoration: none;
}

.whtie_text_red {
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #ff0000;
text-decoration: none;
}

.whtie_text_red2 {
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #D5403C;
text-decoration: none;
}
.whtie_text_yellow{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #EEDD0B;
text-decoration: none;
}
.whtie_text_navy{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #000099;
text-decoration: none;
}
.whtie_text_green{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #009900;
text-decoration: none;
}

.whtie_text_orenge{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #FF6600;
text-decoration: none;
}
.whtie_text_purple{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #6600CC;
text-decoration: none;
}
.whtie_text_silver{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #CCCCCC;
text-decoration: none;
}
.whtie_text_grey{
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #999999;
text-decoration: none;
}


.normal_text_bold {
	font-size: 18px;
	line-height: 18px;
	font-weight:bold;
	color: #333333;
	text-align: justify;
	text-decoration: none;
}

.normal_text_bold_3 {
font-size: 12px;
line-height: 18px;
font-weight:bold;
color: #666666;
text-align: justify;
text-decoration: none;
}

.normal_green_bold {
	font-size: 12px;
	line-height: 18px;
	font-weight:bold;
	color: #29AA29;
	text-align: justify;
	text-decoration: none;
}

.normal_text_bold2 {
font-size: 11px;
line-height: 18px;
font-weight:bold;
color: #666666;
text-align: justify;
text-decoration: none;
}

.red_txt{
font-size:9px;
color:#FF0000;
text-decoration:none;
}

.hrd_text_bold {
	font-size: 17px;
	font-weight:bold;
	line-height:18px;
	color: #333333;
	text-align: justify;
	text-decoration: none;
}

.inner_hrd_text_bold {
font-size: 14px;
line-height: 18px;
font-weight:bold;
line-height:18px;
color: #777;
text-align: justify;
text-decoration: none;
}

.inner_hrd_text_blue {
font-size: 11px;
line-height: 18px;
font-weight:bold;
line-height:18px;
color: #3d7ba6;
text-align: justify;
text-decoration: none;
}

.top_text{
margin:20px 10px 15px 0px;
padding:0px;
text-align: right;
float: right;
width:890px;
font-size:11px;
color:#FFFFFF;
}

.top_text_inner{
margin:0px 0px 0px 0px;
padding:0px;
float: right;
list-style-type:none;
}

.top_text_inner ul{
margin:0px;
padding:0px;
float: right;
text-align: right;
list-style-type:none;
}

.top_text_inner li{
margin:0px 5px 0px 5px;
padding:0px;
float: right;
text-align: right;
font-size:11px;
color:#FFFFFF;
list-style-type:none;
text-decoration:none;
}

.top_text_inner li a{
margin:0px 5px 0px 5px;
padding:0px;
float: right;
text-align: right;
font-size:11px;
color:#FFFFFF;
list-style-type:none;
text-decoration:none;
}


.top_sec{
margin:auto;
padding:0px;
text-align:left;
width:900px;
float:left;
height:271px;
}

.logo{
margin:0px;
padding:0px;
float:left;
text-align:left;
height:190px;
width:321px;
}

.flash_sec{
margin:0px;
padding:0px;
text-align:left;
float:right;
height:190px;
width:579px;
}

#main_container{
margin:20px 0px 40px 0px;
padding:0px;
float:left;
width:900px;
text-align:left;
}

#left_panel{
margin:0px 0px 5px 0px;
padding:0px;
float:left;
width:224px;
height:100%;
text-align:left;
}

.left_sec{
margin:0px;
padding:0px;
float:left;
width:211px;
}

.left_sec ul{
margin:0px;
padding:0px;
float:left;
text-align:left;
width:211px;
list-style-type:none;
}

.left_sec li{
margin:1px 0px 0px 0px;
padding:0px;
float:left;
text-align:left;
width:211px;
height:26px;
list-style-type:none;
text-decoration:none;
}

.left_sec li a{
margin:1px 0px 0px 0px;
padding:0px;
float:left;
height:26px;
text-align:left;
list-style-type:none;
text-decoration:none;
}

#main_content{
margin:0px 15px 0px 20px;
padding:0px;
width:641px;
float: left;
text-align:left;
}

#footer_bg{
margin:auto;
padding:0px;
text-align:center;
height:58px;
width:100%;
float:left;
background-color: #EEEEEE;
}

.footer_text{
margin:auto;
padding:0px;
text-align:center;
color:#3c3c3c;
line-height:18px;
width:900px;
}

.footer_right{
margin:20px 0px 0px 0px;
padding:0px;
text-align: right;
color:#3c3c3c;
float: right;
line-height:18px;
width:400px;
}

.footer_left{
margin:20px 0px 0px 0px;
padding:0px;
text-align: left;
color:#3c3c3c;
float:left;
line-height:18px;
width:400px;
}



.arrowlistmenu{
width: 211px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font:11px Arial;
color: #008000;
margin: 0px 0px 0px 0px; /*bottom spacing between header and rest of content*/
padding: 0px; /*header text is indented 10px*/
cursor: hand;
background-color:#FFFFFF;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	font-size: 18px;
}

.arrowlistmenu ul li{
padding: 0px 0px 5px 0px; /*bottom spacing between menu items*/
margin:3px 0px 0px 12px;
}

.arrowlistmenu ul li a{
color: #1559bd;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
text-align:left;
border-bottom: 1px  dashed #dadada;
font-size:12px;
font: Georgia, "Times New Roman", Times, serif;
}

.arrowlistmenu ul li a:visited{
color: #575757;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #4176bd;
}

.portable{
margin:0px 10px 0px 0px;
padding:0px;
float:left;
text-align:left;
width:176px;
height:156px;
background:url(../images/portable_img.jpg) left top no-repeat;
}

.trakker{
margin:0px 20px 0px 0px;
padding:0px;
float:left;
text-align:left;
width:128px;
height:156px;
background: url(../images/trakker_img.jpg) left top no-repeat;
}

.badges_img{
margin:0px 0px 0px 20px;
padding:0px;
float:right;
text-align:left;
width:209px;
height:191px;
background: url(../images/badges_img.jpg) left top no-repeat;
}

.print_trakker{
margin:
}
.contact_bg{
margin:0px;
padding:0px;
background:url(../images/contact_bg.jpg) left bottom repeat-x #FFFFFF;
height:116px;
text-align:center;
width:100%;
border-left:1px solid #F3F3F3;
border-right:1px solid #F3F3F3;
border-top:1px solid #F3F3F3;
}

.index_arrow{
margin: 0px 0px 30px 0px;
padding:0px;
width:610px;
float:left;
}

.index_arrow ul{
margin:0px 0px 0px 18px;
padding:0px;
float: left;
list-style-image: url(../images/arrow_blue.jpg);
}

.index_arrow li{
margin:0px;
padding:0px 0px 0px 5px;
float:left;
font-size: 11px;
color:#5f6162;
line-height:26px;
text-align:left;
width:610px;
list-style-image: url(../images/gray_arrow.jpg);
}

.index_arrow li a{
margin:0px;
padding:0px;
text-decoration:none;
color:#5f6162;
line-height:26px;
text-align:left;
font-size: 11px;
}

.index_arrow li a:hover{
margin:0px;
padding:0px;
text-decoration:none;
color:#1991d8;
line-height:26px;
text-align:left;
font-size: 11px;
}


.inner_arrow{
margin: 0px 0px 30px 0px;
padding:0px;
width:630px;
float:left;
}

.inner_arrow ul{
margin:0px 0px 0px 18px;
padding:0px;
float: left;
list-style-image: url(../images/arrow_blue.jpg);
}

.inner_arrow li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
float:left;
font-size: 11px;
color:#5f6162;
line-height:20px;
text-align: justify;
width:605px;
list-style-image: url(../images/gray_arrow.jpg);
}

.inner_arrow li a{
margin:0px;
padding:0px;
text-decoration:none;
color:#5f6162;
line-height:20px;
text-align: justify;
font-size: 11px;
}

.inner_arrow li a:hover{
margin:0px;
padding:0px;
text-decoration:none;
color:#1991d8;
line-height:20px;
text-align:left;
font-size: 11px;
}



.inner_arrow2{
margin: 0px 0px 30px 0px;
padding:0px;
width:630px;
float:left;
}

.inner_arrow2 ul{
margin:0px 0px 0px 18px;
padding:0px;
float: left;
list-style-image: url(../images/arrow_blue.jpg);
}

.inner_arrow2 li{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 5px;
float:left;
font-size: 11px;
color:#5f6162;
line-height:18px;
text-align: justify;
width:605px;
list-style-image: url(../images/gray_arrow.jpg);
}

.inner_arrow2 li a{
margin:0px;
padding:0px;
text-decoration:none;
color:#5f6162;
line-height:18px;
text-align: justify;
font-size: 11px;
}

.inner_arrow2 li a:hover{
margin:0px;
padding:0px;
text-decoration:none;
color:#1991d8;
line-height:18px;
text-align:left;
font-size: 11px;
}




.clients{
margin: 0px 0px 30px 0px;
padding:0px;
width:280px;
float:left;
}

.clients ul{
margin:0px 0px 0px 18px;
padding:0px;
float: left;
list-style-type: none;
}

.clients li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
float:left;
font-size: 11px;
color:#5f6162;
line-height:20px;
text-align: justify;
width:280px;
list-style-type: none;
}


.clients_bg{
	margin:0px;
	padding:5px 0px 0px 15px;
	background:url(../images/clients_bg.jpg)  center bottom repeat-x #FFFFFF;
	text-align:left;
	width:618px;
	height:26px;
	font-size:14px;
	font-weight:bold;
	color: #333333;
	text-align: justify;
	text-decoration: none;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-top:1px solid #e7e7e7;
}