/* Primary style for tdninc.com - June 2008 */

/* body element */
#defbody {  
  padding : 0;
  margin : 0;
  font : 10pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#333333; }
a:link { color: #333333;  text-decoration: underline; }
a:visited { color: #333333; text-decoration: underline; }
a:hover { color: #ff0000; text-decoration: none; }
img { border: 0; }

/* inner wrapper and links for entire site  ------------------------------------------------------------------------------ */
#wrapper {
  width : 760px;
  margin : auto;
  border : 1px solid #cccccc;
  margin-top: 10px;
}
#homewrapper {
  width : 860px;
  margin : auto;
  border : 1px solid #cccccc;
  margin-top: 10px;
}

/*  page header  ----------------------------------------------------------------------------------------------- */
#hdrimage_l {
	width : 130px;
	height : 90px;
	background-image: url(../images/header_logo.jpg);
	float : left;
	display : inline;
	position: absolute;
}
#hdrimage_r {
	width : 629px;
	height : 90px;
	/* if no flash available use: background-image: url(../images/header_bar.jpg); */
	float : left;
	display : inline;
	position: absolute;
	margin-left: 131px;
}

/* left side main menu ---------------------------------------------------------------------------------------- */
#navmenuwrapper {
	display : inline; position: relative; right: 0px; bottom: 0px; left: 0px; top: 90px; }
	
p.navlist {
	list-style-type: none;
	list-style-image: none; }  
	
.navmenu{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 130px;
	border-bottom-width: 0;
	list-style-image: none; }

.navmenu li a{
	background: white url(../images/navmenu_def.gif) repeat-x bottom left;
	font: 10pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #333333; display: block; width: auto; padding: 3px 0; padding-left: 15px; text-decoration: none; }

.navmenu li a:visited, .navmenu li a:active{
	color: #333333; }

.navmenu li a:hover{
	background-image: url(../images/navmenu_ovr.gif);
	text-indent: 5px ;
	color: #25476E; }
	
/* page contents ---------------------------------------------------------------------------------------------- */	
#content {
	width : 600px;
	font: 9pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: justify;
	position: relative;
	top: -90px;
	left: 150px; }
.accounts {
	color:#333333; padding-left: 15px; }
#contactaddress {
	width: 250px;
	colour: #999999;
	background-image: url(../images/arrow_blu.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 10px;}
.stafftitle {
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	line-height: 10px;}
#staffbody { padding-left: 20px; }
.keyaccounts { font-weight: bold; font-style: italic; color: #445C7B; }

/* clients pages  --------------------------------------------------------------------------------------------- */
.prodcontainer {
	border:1px solid #cccccc;
	cellpadding:0px;
	cellspacing:0px;
	border-spacing: 0px;
	border-collapse: separate;
	vertical-align: top; }
.clientlogo { vertical-align: top; float: left; padding-right: 1em; } /* for 130 x 90 client logos with text wrap-around */
.product_sq { vertical-align: top; width: 198px; height: 198px; float: center; padding: 0px; } /* product images */
.product_v { vertical-align: top; width: 198px; height: 398px; float: center; padding: 0px; } /* portrait product images */
.product_h { vertical-align: top; width: 398px; height: 198px; float: center; padding: 0px; } /* landscape product images */

/* headers and sub-header text color -------------------------------------------------------------------------- */	
.h1color {
	color: #5A7BA3;
	font-size: 18pt;
	font-weight: 100;
	margin-bottom: 0px;
}
.h2color {
	color: #445C7B;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: -15px;
}
#arrowlist {
	list-style-image: url(../images/arrow_blu.gif);
	line-height: 200%;
} 

 ul {
	list-style-image: url(../images/arrow_blu.gif);}
	
/* forms -------------------------------------------------------------------------------------------------- */
label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

br {
	clear: left;
}	
 
/* footer ------------------------------------------------------------------------------------------------- */
#footer {
	width: 760px;
	font: 7pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#999999;
	margin: auto;
	text-align: center;	
}
.footer_redline {
	color: #FF0000;
}
.footer_contact {
margin-left: 320px;
}