/* CSS Document */

body {
	margin: 10px 0;
	padding: 0;
	font-family: verdana,"lucida grande",helvetica,arial,sans-serif;
	font-size: 11px;
	color: #444444;
	line-height: 16px;
	}
	
table, td {
	font-family: verdana,"lucida grande",helvetica,arial,sans-serif;
	font-size: 11px;
	color: #444444;
	line-height: 16px;
	}
h2 {
	margin:0px;
	Padding:0px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #444444;
}

h3 {
	margin:0px;
	Padding:0px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a5a256;
}	

.footer {
	color: #666666;
	font-size: 10px;
	height: 20px;
}

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

.footer a:hover{
	text-decoration: none;
}
.nav-bg {
	background:url('nav-bg.gif') repeat-x left top;
	}

#navigation {
	width: 100%;
	background: url('navigation-bg.gif') repeat-x left bottom;
	}

#wrapper {
	margin:0;
	padding:0;
}

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

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

strong {
	color: #373737;
}
	
.text-orange {
	color: #AA0E0E;
}

.clearer{ 
	clear: both;
}

.hilight-text {
	color:#000;
	font-style: italic;	
	/*background: #ecffe4;*/
}


.milestones-date{
	font-weight : bold;
	width: 130px;
	vertical-align: top;
}
/*.............. Page header with image nad Bread crumps...............*/
#content {
	padding:0px;
	margin:0px;
}

#content h2  {
	margin:0px;
	padding: 11px 0 0 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #444444;
}

.title-area {
	margin:0;
	padding:0 0 5px 0;
/*	background: url(http://images.directi.com/images/header2-bg.gif) #FFFFFF repeat-x left top; */
/*	height:56px; */
	border-bottom: 1px solid #ddd;
}

.title-area h2 {
	margin-top: 5px;
	}

.pageheader {
	font-size: 18px;
	margin: 0 0 1px 0;
	padding: 8px 0 0 18px;
	color: #444444;
	display: block;
	clear: both;
}

.bread-crumbs {
	margin: 0px;
	padding: 4px 0px 0px 18px;
	font-size: 10px;
	color: #7E7E7E;
}

.bread-crumbs a {
	color: #7E7E7E;
}

.bread-crumbs a:hover {
	color: #212121;
}

.pagecontent {
	font-size: 11px;
	color: #2B2B2B;
	text-align: justify;
	margin: 0;
	padding: 0 15px 0 17px;
}

.pagecontent p {
	margin: 0px;
	padding: 8px 0px 3px 0px;
}

.pagecontent ul {
	margin: 0px;
	padding: 0px;
}

.pagecontent li {
	margin: 0px;
	padding: 2px 0px 1px 0px;
	padding-left: 22px;
	list-style: none;
	line-height: 15px;
	background: url('box-arrow.gif') no-repeat 5px 6px;
}

.pagecontent h3 {
	margin:0px;
	Padding:0px;
	font-size: 15px;
	color: #444444;
}

.pagesubheader {
	font-size: 16px;
	margin: 0 0 1px 0;
	padding: 8px 0 0 1px;
	color: #9F2D20;
	height: 26px;
	display: block;
	font-weight: 800;
}



.quote-in {
	font-family: Georgia, Times, serif;
	font-style:italic;
	font-size:16px;
	margin:0 0 1px 0;
	padding: 15px 10px 0 25px;
	color:#6F8BA9;
	background: url('subheader-bg1.gif') transparent no-repeat 0px 4px;
	display:block;
}

.quote-out {
	font-family: Georgia, Times, serif;
	font-style:italic;
	font-size:14px;
	margin:2px 0 1px 5px;
	padding:12px 10px 0 10px;
	color:#909090;
	background: url('subheader-bg1.gif') transparent no-repeat 0px -2px;
	display:block;
}

.bold {
	font-weight:800;
}

/* sidebar elements.................................................... */

.sidebar {
	width: 160px;
	background: url('1sidebarbg.gif') repeat-x left top;
	font-family: verdana, arial, sans-serif;
	margin-top: 8px;
}

.sidebar .list {
	margin-top:1px;
	padding-top:1px;
	margin-left: 0;
	padding-left: 0;
	}

.sidebar .list_header {
	background: url('sidebarico.gif') no-repeat 10px 11px;
	font-size: 11px;
	font-weight: bold;
	color: #504F46;
	padding: 5px 0 4px 16px;
	display: block;
	}



.sidebar .list ul {
	margin:0px;
	padding:0px;
}
	
.sidebar .list li { 
	margin-left: 0px;
	margin-bottom: 0;
	padding-bottom: 0;
	background: url('sidebarpointerx.gif') no-repeat 10px 7px ;
	list-style: none;
	font-size: 10px;
	text-indent:16px;
	color: #c1c1c1;
	width:100%;
	}

.sidebar .list li a {
	text-decoration: none;
	color: #373737;
	display:block;
	width:100%;
	padding: 2px 0px;
	border-bottom: 1px solid #fafafa;
	}

.sidebar .list li a:hover {
	color: #FF0000;
	background: url('sidebarpointerx.gif') #fff no-repeat 10px 7px ;
	border-bottom: 1px solid #f5f5f5;
	}
	
.color-div {
	margin: 0px;
	padding: 8px 4px;
	background: #fffff8;
	}

	
/* ........... Top home links ..........*/
.homepage-quicklinks {
	margin: 0px;
	padding: 0px;	
}

.homepage-quicklinks ul {
	margin: 6px;
	padding: 0px;
	list-style: none;
}

.homepage-quicklinks li {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

.homepage-quicklinks li a {
	margin: 0px;
	padding: 4px 0px 6px 8px;
	color: #444444;
	font-size: 10px;
	background: url('quicklink-pointer.gif') no-repeat 0px 6px;
	text-decoration: none;
	line-height: 15px;
}

.homepage-quicklinks li a:hover {
	text-decoration: underline;
}

.blurb-img {
	margin: 2px 10px;
	border: 2px solid #99d900;
}
.homelink {
	margin: 0px;
	padding-top:10px;
	padding-right:20px;
	color: #ffffff;
	font-size: 10px;
	display:block;
	text-decoration: none;
	width:140px;
}

.homelink a	{
	color: #ffffff;
	text-decoration: none;
}

.homelink a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/*
MISCELLANEOUS
*/

.news-table strong a {
	color: #444;
	}
.news-table strong a:hover {
	text-decoration: underline;
	}

#company-milestones .date {
	background: url('milestones-bg.gif') no-repeat left top;
	color: #B91413;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	padding:14px 0 5px 14px;
	line-height: 14px;
	text-transform: uppercase;
	}
	
.testimonies-quote {
	font-size:11px;
	margin:1px 0 1px 5px;
	padding:6px 10px 0 10px;
	background: url('subheader-bg-test.gif') transparent no-repeat 0px -1px;
	display:block;
}

.direct-font {
	font-family:Arial;
	font-style: italic;
	font-weight:bold;
	font-size: 14px;
	color:#373737;
}

.img-border {
	border: 5px solid #f1f0f0;
}

#hr-teble {
	margin:0px;
	padding:0px;
}

#hr-teble a {
	text-decoration:none;
	color: #444444;
}

#hr-teble a:hover {
	text-decoration:underline;
	color: #000;
}

#hr-teble thead td {
	background: #f9f9f9;
	border: 1px solid #eee;
}

#hr-teble td {
	background: #fff;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #fff;
	font-style: normal;
	}

#hr-teble .hilight td {
	background: #f9fefe;
	font-style: normal;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #fff;
	}

.contact-form input,  select {
	padding: 1px 0px 2px 1px;
	font-size: 11px;
	border:1px solid #ccc;
	width: 230px;
}

.contact-form .button {
	margin: 0px;
	padding: 0px;
	background: url('button-job.gif') no-repeat;
	border: 0px;
	width: 94px;
	height: 32px;
	font-weight: bold;
	color:#212121;
	font-size: 11px;
}

/*
NEWS LISTING
*/

.news-listing li {
	clear:both;
	/*background: url('box-arrow.gif') #fff no-repeat left 9px fixed;*/
	height:20px;
	}

.news-listing li strong {
	font-weight: normal;
	font-style:normal;
	font-size:10px;
	font-family:georgia;
	float:left;
	width: 111px;
	margin:5px 0;
	color: #515151;
	}

.news-listing li a {
	margin:5px 0;
	float:right;
	width:400px;
	text-align:left;
	color: #333;
	}

.news-morelisting {
	clear: both;
	display: block;
	margin-top: 25px;
	padding: 8px 0 25px 0;
	background: url('more-news-bg.gif') no-repeat left top;
	}
.news-morelisting strong {
	display: block;
	background: url('more-news.gif') no-repeat left top;
	padding: 0 20px;
	float: left;
	}
.news-morelisting a {
	color: #333;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 25px 0 10px;
	}
.news-morelisting a:hover {
	color: #ff0000;
	text-decoration: underline;
	}


/*-------------------MENU STYLE-------------------------------------*/
#menu{
width: 100%;
}

#menu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#menu ul{
width: 760px;
background: url(nav-ob.gif) center center repeat-x; /*Theme Change here*/
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font: bold 11px Verdana;
}

#menu ul li{
display: inline;

}

#menu ul li a:hover{
background-color: #F9F9F9;
color: #FF2900;

}

#menu ul li a{
text-align: center;
float: left;
color: #FFFFFF;
font-weight: bold;
padding: 6px 12px 6px 7px;
text-decoration: none;
width: 140px;
}


#menu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
}

/* ######### Style for SubMenu ######### */

.submenu{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background-color: #F9F9F9;
width: 159px;
visibility: hidden;
}

.submenu a{

display: block;
text-indent: 3px;
padding: 2px 3px;
text-decoration: none;
color: black;
}

.submenu a:hover{ 
color: #FF2900;
}


#products-strip td {
	background: url(business-units-background.gif) repeat-x;
}

#products-strip img {
	border: none;
}