/* @override 
	http://localhost/xch_iqtrans/css/style.css
	http://iq.louddevelopment.com/css/style.css
*/

* { margin:0; padding:0;}
body { background:url(../images/body-tail.gif) repeat-y center 2px #191919; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#9a9998; min-width:992px; position:relative;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0; margin-bottom: 15px;}

.tail-top { background:url(../images/tail-top.gif) left top repeat-x #edead7;}
.tail-top-right { height:446px; position:absolute; right:0; top:0; background:url(../images/tail-top-right.gif) repeat-x right top; width:50%;}
.tail-bottom { background:url(../images/tail-bottom.gif) left bottom repeat-x; width:100%;}
.tail-bottom-right { height:62px; position:absolute; bottom:0 !important; bottom:-1px; right:0; background:url(../images/tail-bottom-right.gif) repeat-x right top; width:50%;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form a { float:left;}
#form span { display:block; width:200px; height:30px; background:url(../images/input-bg.gif) no-repeat left top; float:left;}
#form b { display:block; padding:6px 0 0 10px; font-weight:normal;}
#form input { background:none; border:0; color:#fff; vertical-align:top; line-height:1em; width:180px;}

#form1 label { display:block;}
#form1 .form { height:44px;}
#form1 input {width:284px; padding:2px 0 2px 3px; background:#e2dfcb; border:1px solid #cccabe; color:#9a9998;}
#form1 textarea { width:305px; height:106px; overflow:auto; background:#e2dfcb; border:1px solid #cccabe; padding:2px 0 0 3px; margin-bottom:18px; color:#9a9998;}


/*==================list====================*/
ul { list-style:none;}

.site-nav { float:right;}
.site-nav ul li { font-size:18px; float:left; margin-left:-1px; line-height:1.2em;}
.site-nav ul li a { color:#fff; text-decoration:none; display:block; float:left;}
.site-nav ul li a em { display:block;}
.site-nav ul li a b { font-weight:normal; display:block; padding:18px 24px 22px 24px;}
.site-nav ul li a:hover,
.site-nav ul li a.act { 
	background:url(../images/nav-tail.gif) repeat-x top;
}
.site-nav ul li a:hover em,
.site-nav ul li a.act em { 
	background:url(../images/nav-left.gif) no-repeat left top;
}	
.site-nav ul li a:hover b,
.site-nav ul li a.act b { 
	background:url(../images/nav-right.gif) no-repeat right top;
}	

.list { margin-top:-13px;}
.list li { color:#242424; padding-top:13px;}
.list li a { color:#242424;}

.list1 li { line-height:1.62em; width:100%; overflow:hidden; vertical-align:top; margin-bottom:25px;}
.list1 li.alt { padding-bottom:25px; background:#e2dfcb; border-bottom:1px solid #cccabe; border-top:1px solid #cccabe;}
.list1 li.alt span { padding-top:25px;}
.list1 li span { float:left; margin-top:-4px;}
.list1 li span.c1 { width:86px; margin-right:17px; text-align:center;}
.list1 li span.c1 img { margin-top:4px;}
.list1 li span.c2 { width:219px; margin-right:25px;}
.list1 li span.c3 { width:97px; margin-right:28px;}
.list1 li span.c4 { width:188px;}
.list1 li a { color:#df8e0e; text-decoration:none;}  
.list1 li a:hover { text-decoration:underline;}

.list2 { margin-top:-15px;}
.list2 li { padding-top:15px;}
.list2 li b { display:block;}

.list3 { margin-top:-5px;}
.list3 li { width:100%; overflow:hidden; vertical-align:top; padding-top:5px;}
.list3 li b { color:#df8e0e; float:right;}
.list3 li a { color:#9a9998; text-decoration:none;}
.list3 li a:hover { color:#000;}


/*==================other====================*/
.img-box { padding-left:2px;}
.img-box img { margin:0 0 22px -2px; display:block;}

.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:12px;}
.p2 { margin-bottom:25px;}

.phone { float:right;}

.tab { width:100%; border-left:1px solid #cacaca; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;}
.tab td { padding:14px 16px 18px 16px; vertical-align:top;}
.tab tr.row-1 td { font-weight:bold; text-align:center; border-bottom:1px solid #cacaca; padding:3px 0;}
.tab td.c1 { width:175px; border-right:1px solid #cacaca;}
.tab td.c2 { width:183px; border-right:1px solid #cacaca;}
.tab td.c3 { width:183px; border-right:1px solid #cacaca;}
.tab td.c4 { width:183px; border-right:1px solid #cacaca;}

#media-banner {
	width: 992px;
	height: 384px;
	overflow: hidden;
	clear: both;
}
.twitter-date {
	color: #df8e0e;
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	padding-top: 5px;
}
.home_banner {
	margin-bottom: 30px;
}

/*==================txt, links, lines, titles====================*/
a {color:#9a9998; outline:none;}
a:hover{text-decoration:none;}

h2 { color:#070707; font-size:22px; line-height:1.2em; font-weight:normal; margin-bottom:25px;}
h3 { color:#070707; font-size:20px; line-height:1.2em; margin-bottom:20px;}
h4 { font-size:1em; margin-bottom:22px; line-height:1.62em;}

.link { color:#df8e0e; font-weight:bold; font-style:italic; text-decoration:none; background:url(../images/marker.gif) no-repeat left top; padding-left:21px;}
.link:hover { text-decoration:underline;}

#page-subnav a {
	display: block;
	font-size: 1.1em;
	line-height: 2em;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	width: 170px;
}
#page-subnav a.active,
#page-subnav a:hover {
	color: #df8e0e;	
}
/*==================boxes====================*/
.form-box { width:271px; height:64px; background:url(../images/form-box-bg.gif) no-repeat left top; position:absolute; right:3px; top:62px;}
.form-box .inner { padding:15px 0 0 21px;}

.banner-box { width:218px; height:302px; background:url(../images/banner-bg.jpg) no-repeat left top; margin-bottom:39px;} 
.banner-box .inner { padding:0 12px 0 14px;}
.banner-box h2 { color:#fff; font-size:16px; line-height:2em; margin-bottom:13px; position:relative; top:-5px;}
.banner-box h2 strong { font-size:32px; line-height:2em; display:inline-block; position:relative; top:1px;}
.banner-box p { color:#fff; font-style:italic;}
.banner-box p a { color:#f49f19; text-transform:uppercase;}


/*header*/
#header .logo { float:left; padding:0px 0 0 8px;}

/*content*/
#content { padding:39px 0 38px 5px;}
#content .indent { padding-bottom:5px;}
#content p,
#content dl { 
	line-height:1.62em;
}
#content dl dt { font-weight:bold; margin-top:20px;}
#content .banner-box p { line-height:1.38em;}

/*footer*/
#footer a { color:#a8a8a8; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

.footer_column1 {
	width: 185px;
	float: left;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-right: 15px;
}
.footer_column2 {
	width: 185px;
	float: left;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-right: 15px;
}
.footer_column3 {
	width: 185px;
	float: left;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-right: 15px;
}
.footer_column4 {
	width: 185px;
	float: left;
	padding-top: 20px;
	padding-bottom: 30px;
}
.footer_column5 {
	width: 160px;
	float: right;
	padding-top: 20px;
	padding-bottom: 30px;
}

/*==========================================*/
#xtranet_login_form {
	background: #32312e;
	width: 260px;
	padding: 20px;
	margin: auto;
}
#xtranet_login_form .login_form_usr,
#xtranet_login_form .login_form_pwd {
	width: 225px;
	text-align: right;
	margin-bottom: 5px;
	margin-left: 10px;
}
#xtranet_login_form label {
	color: white;
}
#xtranet_login_form .login_form_usr input,
#xtranet_login_form .login_form_pwd input {
	width: 150px;
}
#xtranet_login_form .submit {
	width: 210px;
	margin: auto;
	text-align: right;
}
#xtranet_login_form .submit input {
	width: 60px;
	margin-top: 4px;
}
#xtranet_login_error {
	margin-top: 15px;
	text-align: center;
	text-transform: uppercase;
}