/* Diversified Technical Associates, LLC */
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }


//html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
//h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
html,body,div,ul,ol,li,dl,dt,dd,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* logo */
h1 a {display: block; position: absolute; top: 0px; width: 315px; height: 144px; text-indent: -9000px; overflow: hidden; background: url(../images/DTALogo.gif) no-repeat; left: 0px;}		


#utilz { float:right; width:300px; margin-top: 10px; margin-right:10px; color:#4D6DF3; font-family:Verdana, sans-serif; font-size: 10px; text-align: right;}
#utilz p { margin: 0 auto; text-align:right; padding-top:2px; }
#utilz p a { color:#4D6DF3; text-decoration:none; margin: 0; }
#utilz p a:hover { color:#000000; text-decoration:underline; }
#utilz p a.currentSection { color:#FFDA00; }


/* menu */
#main-menu { width: 958px; float: left; background: url(../images/menu-main-background.gif) 0 0 repeat-x; margin:0 auto; text-align:left; height: 43px;}
  /* change margin-left based on # of menu items */
/* 5 menu items */
#main-menu ul { height: 43px; list-style: none; margin-left: 171px; }
/* 4 menu items */
/* #main-menu ul { height: 43px; list-style: none; margin-left: 228px; } */
/* 3 menu items */
/* #main-menu ul { height: 43px; list-style: none; margin-left: 285px; } */

#main-menu li { float: left; height: 43px; overflow: hidden; }
#main-menu li a { display: block; line-height: 43px; text-indent: -5000px; overflow: hidden; background-position: center top; }
#main-menu li a:hover { background-position: 50% -43px; }
#main-menu li a.currentSection, #main-menu li a.currentSection:hover { background-position: 50% -86px; }

#menu-home { width: 123px; background: url(../images/menu_home.gif) no-repeat; }
#menu-about { width: 123px; background: url(../images/menu_about.gif) no-repeat; }
#menu-solutions { width: 123px; background: url(../images/menu_solutions.gif) no-repeat; }
//#menu-careers { width: 123px; background: url(../images/menu_careers.gif) no-repeat; }
#menu-associates { width: 123px; background: url(../images/menu_associates.gif) no-repeat; }
#menu-contact { width: 123px; background: url(../images/menu_contact.gif) no-repeat; }


/* layout */
body{ background: #4D6DF3 url(../images/main-background.gif) 0 0 repeat-x; }
body#blue { background: #4D6DF3 url(../images/main-background.gif) 0 0 repeat-x; }
/*
hr { display: none;	}
*/
#container { width: 960px; margin: 0 auto; padding:0px; position: relative; }
#header { position:relative; overflow:hidden; height: 124px; }
#main { width:100%; position:relative; margin-top:0px; background:#fff; }
#main #content {clear: both; padding: 20px 24px; background: #fff; }
#mast, #bottom_cap { width:960px; margin:0px; padding:0px; }

/* For use with associate tools: timesheets, etc. */
#jmscontent { width: 80%; margin: 0 auto; padding:0px; position: relative; }

#contentheader { height:28px; position:relative; overflow:hidden; top: 22px; left: 31px; }
#contentheader #headertitle { float:left; padding-left:0px; margin-top:0px; }

#contentfooter { width: 960px; margin: 0 auto; position: relative; overflow:hidden; clear: both; padding: 0px 0px 15px 0px; background: #fff; }
#contentfooter #promo { width:912px; height: 152px; margin: 0 auto; position:relative; overflow:hidden; background:#fff url(../images/hp_promos_bg.gif) 0 0 repeat-y; }

/* footer */
#siteFooter { width: 100%; margin: 12px 0; text-align:center; padding-top: 6px;}
#siteFooter p { color:#fff; font-size:10px; text-transform:uppercase; }
#siteFooter a { color:#fff; text-decoration:none; }
#siteFooter a:hover { color:#000; text-decoration:underline; }
#footer-brands { padding: 0; background-image:url(/img/background-footer.gif); height: 46px; width: 960px; color: #c4c4c4; }
#footer-links { padding-top: 6px; background-image:url(/img/background-footer.gif); height: 46px; width: 960px; color: #c4c4c4; }
#footer-links a { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color: #c4c4c4; }
#footer-links a:hover { text-decoration:underline; color: #fff }

/* typefaces */
body { font: 12px/18px Arial, Verdana, sans-serif; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
blockquote { font: italic 12px Georgia, serif; line-height: 18px; margin: 0px 0px 0px 0px; padding: 4px 0px 4px 30px; color: #666;	background: #fff url(/img/quote.gif) 0px 0.25em no-repeat; }
#main h1 { font-size: 28px; font-weight: bold; line-height: 36px; margin-bottom: 18px; }
#main h2 { font-size: 26px; line-height: 30px; font-weight: bold; margin-bottom: 18px; color: #004990; padding-bottom: 4px;}
#main h3 { font-weight: bold; font-size: 14px; line-height: 18px; margin-bottom: 5px; color: #000;}
#main h4 { font-size: 10px; font-weight: bold; color:#666; line-height: 18px; text-transform: uppercase; }
#main p, td { margin-bottom: 18px; line-height: 18px; color:#444;}
.table_lines td, th { border-bottom: 1px solid #CCCCCC; }
td, tr { margin-bottom: 18px; line-height: 18px; color:#444; font-size: 12px; }
#main h3.subtitle { font-weight: bold; color: #005fde; font-size: 14px; }
.caption { font-size: 10px; color:#666; line-height: 14px;}
.pdf {background: url(/img/adoberdr.gif) 0px 4px no-repeat; margin-bottom: 3px; padding: 4px 20px 2px 20px; }
.sm { font-size: 11px; line-height: 14px;}

.subtitle { font-weight: bold; color: #005fde; }
h2.intro { color: #ED1C1C; }
p.intro { font-weight: bold; color: #333; }
p.under { border-bottom: 1px solid #dcdddf; padding-bottom:15px; }
.more { text-align: right; }
#main .promo_txt_hp { font-size: 11px; line-height:14px; margin:0; padding-top:3px; }
#main .more_search_hp { font-size: 11px; line-height:12px; margin:0; padding-left:25px; }
h3.under { border-bottom: 1px solid #dcdddf; padding-bottom:15px; }
.bump {margin-left: 20px;}


/* anchors */

a:link, a:visited { color:#4D69F3; text-decoration:none; }
a:hover { text-decoration:underline; cursor: pointer; }
td.printLink a { padding-left: 22px; background: transparent url(/img/printer_icon.gif) 0 3px no-repeat; padding:2px 0px 2px 20px; }
.backLink { }
a img.boxed { border: 1px solid #ccc; padding: 3px; }
a:hover img.boxed { border: 1px solid #005fde; padding: 3px; }

/* lists */
#main ul { margin-bottom: 18px; list-style: none outside; font-size: 12px; color:#444; }
#main ul li { margin-bottom: 10px; }
#main ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; font-size: 12px; color:#444; }
#main ul.square, #main ul.circle { margin-left: 2em; }
#main ul.square { list-style: square outside; }
#main ul.square li { margin-bottom: 4px; }
#main ul.circle { list-style: circle outside; }
#main ul ul.circle, #main ul ul.square { margin-top: 4px; margin-bottom: 5px; }
#main ul.icons li.pdf { background: url(/img/adoberdr.gif) 0px 4px no-repeat; margin-bottom: 3px; padding: 2px 4px 2px 20px; line-height: 18px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#main ul.icons li.html { background: url(/img/html.gif) 0px 4px no-repeat; margin-bottom: 3px; padding: 2px 4px 2px 20px; line-height: 18px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#main ul.icons li.sound { background: url(/img/icon-sound.gif) 0px 4px no-repeat; margin-bottom: 3px; padding: 2px 4px 2px 20px; line-height: 18px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#main ul.icons li.url { background: url(/img/bullet_gryarrow.gif) 0 6px no-repeat; padding: 2px 6px 4px 12px; line-height: 16px; font-size: 12px; margin-left: 2em; }
#main ul.linkList li { background: url(/img/link_arrow_sm.gif) 0px 3px no-repeat; margin-bottom: 3px; margin-left:5px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 0px 4px 0px 12px; line-height: 13px;}
#main ul.linkListsm li { background: url(/img/link_arrow_sm.gif) 0px 3px no-repeat; margin-bottom: 3px; margin-left:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 4px 0px 12px; line-height: 13px;}
		
/* table */
#box-table-a {font-size: 12px; text-align: left; border-collapse: collapse;}
#box-table-a th {font-size: 12px; font-weight: bold; padding: 8px; background: #bbd9f9; border-top: 2px solid #7db8fb; border-bottom: 1px solid #7db8fb; color: #004283;}
#box-table-a td {padding: 8px; background: #f3f7fc; border-bottom: 1px solid #fff; color: #444; border-top: 1px solid transparent;}
#box-table-a td a { color: #3e6dc5; }

#box-table-a tr:hover td {background: #f7f8fa; color: #000; }
gradient-style {font-size: 12px; margin: 45px; width: 480px; text-align: left; border-collapse: collapse;}
#gradient-style th {font-size: 12px; font-weight: bold; padding: 8px; background: #79c4fc url('/img/grad_head.gif') repeat-x; border-top: 4px solid #7dc0fe; border-bottom: 1px solid #7dc0fe; color: #fff;}
#gradient-style td {padding: 8px; border-bottom: 1px solid #fff; color: #444; border-top: 1px solid #fff; background: #f3f5fe;}
#gradient-style tfoot tr td {background: #dfefff; font-size: 12px; color: #005fb5; }
#gradient-style tbody tr:hover td {background: #d3eafe; color: #005fb5; }

#box-table-b
{
font-size:12px; width:480px; text-align:center; border-collapse:collapse; border-top:7px solid #9baff1; border-bottom:7px solid #9baff1; margin:20px;}
#box-table-b th
{ font-size:13px; font-weight:bold; text-align:center; background:#e8edff; border-right:1px solid #9baff1; border-left:1px solid #9baff1; color:#039; padding:8px;}
#box-table-b td
{background:#e8edff; border-right:1px solid #aabcfe; border-left:1px solid #aabcfe; color:#669; padding:8px;}
	
#p_title { border-bottom: 1px solid #ffda00; margin-bottom:20px; padding-bottom:8px;}
.closegap {display:block; margin: 0 auto; }
.hide { visibility:hidden; }
.error { color:#cc0000; font-weight:bold; }
.noshow { display:none; }
.show {display:inline; }
#main .tight {margin:0;}


/* special */
#mast,
#tire_selector,
#container,
#header, 
#content, 
#contentsplit, 
#contentsections, 
#contentfooter, 
#bottom_cap, 
.grid2, .grid2alt, .grid2sub, .grid2subflip, .grid3, .grid3b, .p_title, .tire_teaser { zoom:1; }

#mast:after, #tire_selector:after, #container:after, #header:after, #content:after, #contentsplit:after, #contentsections:after, #bottom_cap:after, #contentfooter:after, 
.grid2:after, .grid2alt:after, .grid2sub:after, .grid2subflip:after, .grid3:after, .grid3b:after, .p_title:after, .tire_teaser:after { 
content: "."; display: block; height: 0; clear: both; visibility: hidden; 
}

.clearfix { display: inline-block; } /* may be needed for CLEARFIX above -- need to test */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


/* search box */
#show-hide_btn { height: 23px; margin:0px; list-style: none; width: 160px; }
#main ul.sh li { margin-bottom: 4px; }
#show-hide_btn li { float: left; height: 23px; overflow: hidden; padding:0px; margin-bottom:0; }
#show-hide_btn li a { display: block; line-height: 23px; text-indent: -5000px; overflow: hidden; }
#show_search #sh_btn { width: 160px; background: url(/img/open-close_ts.gif) no-repeat; background-position: center bottom; }
#show_search.btn1 #sh_btn { background-position: center top;}

#slideshow {
	 position:relative;
	 height:310px;
	 width:425px;
         float: left;
}

#slideshow IMG {
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:8;
}

#slideshow IMG.active {
	 z-index:10;
}

#slideshow IMG.last-active {
	 z-index:9;
}