@import "reset.css";

body{ 
	margin:0; 
	padding:0;
	background:#f6f6f6;
	font-family:Verdana, tahoma, Arial;
	font-size:11px;
	color:#333;
}

p, h1, h2, h3, h4, h5, h6, form, ul, li{
	padding:0;
	margin:0;
}

a{
	text-decoration:none;
	color:#666666;	
}

a:hover{
	text-decoration:underline;
	color:#333333;	
}


img{
	border:0;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}

.left{
	float:left;
}

.right{
	float:right;
}
 
#pagewidth{ 
	width:900px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
#header{
	position:relative;
	margin:0px 0px 0px 0px;
	height:130px; 
	background:#dd0800; 
	width:100%;
	text-align:right;
} 
  
#header .right{
	margin:20px 0px 0px 0px;
	text-align:left;
	width:739px;
}

#header .right .title{
	margin:0px 0px 0px 20px;
}

#header .right .menu{
	clear:both;
	margin:14px 0px 0px 0px;
	background:url(images/bg-nav.gif) left top repeat-x;
	width:739px;
	height:45px;
	font-size:14px;
}

#header .right .menu ul{
	background:url(images/bg-nav-left.gif) left top no-repeat;
	height:32px;
	padding:13px 0px 0px 15px;
}

#header .right .menu li{
	list-style:none;
	float:left;
	margin:0px 40px 0px 0px;
}

#header .right .menu li a{
	display:block;
	padding:0px 0px 0px 20px;
	background:url(images/bg-nav-arrow-up.gif) left 1px no-repeat;
	color:#fff;
}

#header .right .menu li a:hover{
	background:url(images/bg-nav-arrow-down.gif) left 1px no-repeat;
}


#main-box{
	overflow:hidden;
	margin:10px 0px 0px 0px;
	width:900px;
	background:url(images/bg-index-content.jpg) left top repeat-x #d0d0d0;
}

#main-box ul{
	background:#f4f4f4;
	width:200px;
}

#main-box .body{
	width:200px;
	height:190px;
	background:#f4f4f4;
}

#main-box .bottom{
	width:190px;
	background:url(images/bg-bottom-box.jpg) left bottom no-repeat #f4f4f4;
	padding:15px 10px 15px 0px;
	margin:0px 0px 10px 0px;
	text-align:right;
}

#main-box .bottom a{
	color:#cd0000;
}

#main-box .bottom a:hover{
	text-decoration:underline;
}

#main-box li{
	list-style:none;
	margin:5px 10px 0;
	padding:0 3px 0 0;
	border-bottom:1px dashed #313131;
	height:1%;
}

#main-box li a{
	display:block;
	color:#000;
	padding:2px 0px 8px 10px;
	background:url(images/arrow.jpg) left 4px no-repeat;
}

#main-box li a:hover{
	color:#212121;
	text-decoration:underline;
}

#main-box .no-bor{
	border:0;
	height:22px;
}

#main-box .last{
	border:0;
	text-align:right;
	padding:0px 10px 12px 0px;
}

#main-box .last a{
	color:#df0900;
	background:none;
}

#main-box .last a:hover{
	color:#212121;
	text-decoration:underline;
}

#leftcol{
	width:480px; 
	float:left; 
	position:relative; 
}

#leftcol #news-index{
	width:250px;
	height:285px;
	float:left; 
	position:relative;
	padding:0px 0px 0px 10px;
	margin:0 0 5px 0;
}

#leftcol #news-index h3{
	background:url(images/head-news.jpg) left top no-repeat;
	width:250px;
	height:42px;
}

#leftcol #news-index .body{
	width:250px;
}

#leftcol #news-index .ul{
	background:#f4f4f4;
	width:250px;
}

#leftcol #news-index .bottom{
	background:url(images/bg-bottom-news-index.jpg) left bottom no-repeat #f4f4f4;
	padding:15px 10px 15px 0px;
	margin:0px 0px 10px 0px;
	width:240px;
	text-align:right;
}

#leftcol #news{
	width:250px;
	float:left; 
	position:relative;
	padding:0px 0px 0px 10px;
}

#leftcol #news h3{
	background:url(images/head-news.jpg) left top no-repeat;
	width:250px;
	height:42px;
}

#leftcol #news .ul{
	background:url(images/bg-bottom-news.jpg) left bottom no-repeat #f4f4f4;
	padding:0px 0px 5px 0px;
	margin:0px 0px 10px 0px;
	width:250px;
	height:260px;
}

#leftcol #quick{
	width:210px; 
	float:right; 
	position:relative; 
	padding:0px 0px 0px 10px;
}

#leftcol #quick h3{
	background:url(images/head-quick_links.jpg) left top no-repeat;
	width:200px;
	height:42px;
}

#twocols{
	width:420px; 
	float:right; 
	position:relative; 
}
 
#rightcol{
	width:208px; 
	float:right; 
	position:relative; 
}

#rightcol form .textBox{
	margin:10px 0px 10px 0px;
	border:1px solid #393939;
	height:21px;
}

#rightcol form .listBox{
	font-size:11px;
	margin:10px 0px 10px 0px;
	padding:1px;
	border:1px solid #393939;
}

#rightcol form .button{
	background:url(images/bg-button.jpg) left top no-repeat;
	width:78px;
	height:31px;
	border:0;
	font-size:11px;
	color:#fff;
}

#rightcol form .b-right{
	text-align:right;
}

#rightcol h3{
	background:url(images/head-tracking.jpg) left top no-repeat;
	width:200px;
	height:42px;
}
 
#maincol{
	float: left; 
	display:inline; 
	position: relative; 
	width:210px; 
}

#maincol h3{
	background:url(images/head-services.jpg) left top no-repeat;
	width:200px;
	height:42px;
}

#time{
	clear:both;
	overflow:hidden;
	margin:0px 0px 10px 0px;
	width:900px;
	background:url(images/bg-index-middle-index.jpg) left top no-repeat;
}

#time .body{
	float:left;
	margin:30px 0px 0px 0px;
	width:898px;
	background:#fff;
	border-left:1px solid #c3c1c1;
	border-right:1px solid #c3c1c1;
	text-align:center;
}

#time .bottom{
	clear:both;
	width:900px;
	height:12px;
	background:url(images/bg-time-bottom.jpg) left bottom no-repeat;
}

 
#footer{
	margin:0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	height:37px; 
	background:url(images/bg-footer.gif) left top no-repeat; 
	clear:both;
	color:#fff;
	font-size:10px;
	text-align:center;
} 
 

/* *** Float containers fix: *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
	/*hide the left column when printing*/ 
	#leftcol{display:none;} 

	/*hide the right column when printing*/ 
	#rightcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}