/* @override http://localhost/~dpchoung/lvsp/devdpi/extras/dpi.css */

body{
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
	
	background: #000000 url(../dpi_art/bgrepeat.jpg) repeat-x;
	
	color: #fff;
	padding: 0;
	margin: 0;
}
div#wrapper{
	width: 950px;
	margin: 0 auto;
	background
}
div#header{
	background: url(../dpi_art/dpi_top.jpg) no-repeat;
	height: 142px;
	width: 950px;
	border: none 1px #0000cc;
	margin: 0;
	padding: 0;
}
div#header h1{
	border: none 1px #00cc00;
	height: 119px;
	position: relative;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
}
div#header h1 a, div#header h1 a img{
	margin: 0;
	padding: 0;
}

div#middler{
	margin: 0;
	padding: 0 0 0 84px;
	border: none 1px #00cc00;
	color: #000;
	background: url(../dpi_art/bgdown.png) repeat-y;

}
div#columnleft{
	background: #000;
	float: left;
	width: 250px;
	height: 600px;
}
div#columnright{
	float: left;
	width: 590px;
	border: none 1px #ff0000;
	padding: 3px;
	background: #ffffff;
}
div#columnright a{
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}
div#columnright a:hover{
	text-decoration: underline;
}
div.clearme{
	clear: both;
}
div#ymm{
	text-align: center;
	margin: 0 0 10px 0;
	border: none 1px #ff0000;
}
div#banners{
	margin: 10px auto;
	border: none 1px #009900;
	width: 180px;
}
div#googlead{
	width: 120px;
	height: 480px;
	margin: 0 auto;
	border: none 1px #00cc00;
	background: #000;
	padding: 10px 0 0 0;
}
div#googleHorizontal{
	margin: 30px 0 0 50px;
}
div#foot{
	clear: both;
	text-align: center;
	color: #ffffff;
	background: #000000;
}
div.tabbedbox, div.secondrow{
	width: 570px;
	clear: both;
	margin: 10px auto;

}
div.tabbedboxtitle{
	background: #003366 url(http://digitalperformance.com/dpi_art/hdr_enthusiast.gif) no-repeat;
	border: solid 1px #000000;
	color: #fff;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
	width: 218px;
}
div.otherboxtitle{
	background: url(http://digitalperformance.com/dpi_art/hdr_industry1.gif) no-repeat;
	height: 25px;
	width: 485px;
	border: solid 1px #000000;
}
div.tabbedboxbody{
	width: 570px;
	padding: 3px;
	border: solid 1px #ccc;
	height: 100px;
	margin: 0;
	background: url(http://digitalperformance.com/dpi_art/box_grad.png) bottom repeat-x;	
}
div.tabbedboxbodyOne{
	width: 570px;
	padding: 3px;
	border: solid 1px #ccc;
	height: 230px;
	margin: 0;
	background: url(http://digitalperformance.com/dpi_art/box_grad.png) bottom repeat-x;	
}
div.tabbedboxbodyOne a{
	color: #000099;
	text-decoration: none;
	font-weight: bold;
}
div.tabbedboxbodyOne a:hover{
	color: #ffcc00;
	text-decoration: underline;
}
div.tabbedboxbody a{
	color: #000099;
	text-decoration: none;
	font-weight: bold;
}
div.tabbedboxbody a:hover{
	color: #ffcc00;
	text-decoration: underline;
}
div.manufbox{
	width: 218px;
	height: 25px;
	background: url(http://digitalperformance.com/dpi_art/hdr_mfr.gif) no-repeat;
}
div.distribox{
	width: 218px;
	height: 25px;
	background: url(http://digitalperformance.com/dpi_art/hdr_dist.gif) no-repeat;
}
div.halfboxone{
	float: left;
	margin: 0 10px 0 0;
}
div.halfboxtwo{
	float: right;
}
div.halfboxbody{
	width: 265px;
	padding: 3px;
	height: 100px;
	border: solid 1px #ccc;
	background: url(http://digitalperformance.com/dpi_art/box_grad.png) bottom repeat-x;
	
}
div#middler p, div#middler h2, div#middler strong{
	margin-left: 50px;
	margin-right: 50px;
}
div#middler h2{
	font-size: 1.25em;
	color: #003366;
}
div#middler table#contactform{
	width: 550px;
	background: #cccccc;
	margin: 0 auto;
	height: 400px;
}
table#contactform td{
	border: solid 1px #ffffff;
}
table#contactform td a{
	color: #003366;
	text-decoration: none;
}
table#contactform td a:hover{
	text-decoration: underline;
}

table#contactform td.cellNom{
	text-align: right;
	font-weight: bold;
	font-size: 1em;
	padding: 3px;
	width: 100px;
	background: #999999;
}
table#contactform td.cellText{
	padding: 3px 3px 3px 5px;
}
ul.sitelist{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* clients */
ul.clients, ul.marketing{
	margin: 0 0 0 50px;
	padding: 0;
	list-style-type: none;
}
ul.clients li a,  ul.marketing li a{
	color: #003366;
	text-decoration: none;
}
ul.clients li a:hover,  ul.marketing li a:hover{
	text-decoration: underline;
}
span.boldme{
	font-weight: bold;
}
div#columnright img{
	margin: 0 0 0 50px;
}
div.grayBox{
	background: #cccccc;
	width: 500px;
	margin: 0 0 0 50px;
}
div.grayBox div.grayBox-header{
	background: #d3dfe7;

	height: 25px;
}
div.grayBox div.grayBox-header span.inPosition{
	margin: 3px 0 0 3px;
	font-size: 15px;
	color: #003366;
	font-weight: bold;
}
div.grayBox div.grayBox-body{
	height: 250px;
	padding: 3px;
}
div.grayBox div.grayBox-body ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
div.grayBox div.grayBox-body ul li{
	width: 500px;
	margin: 0 0 10px 0;
}
div.grayBox div.grayBox-extra{
	text-align: left;
	background: #ffffff;
	padding-top: 3px;
}
div.grayBox div.grayBox-extra a{
	text-decoration: none;
	color: #003366;
}
img.imgExcept{
	margin: 10px;
}
p.spaceme{
	padding: 0 0 0 200px;
}
table#tableCompanies{
	margin: 0 0 0 50px;
	width: 500px;
}
table#tableCompanies td{
	padding: 3px;
}

div#columnright div.syndStuff a.syndImages img{
	margin: 0 0 0 10px;
}
div#columnright div.syndStuff{
	margin: 0 0 0 50px;
}
div#related{
	background: #cccccc;
	text-align: center;
}
table#tableCasesad, table#tableCasedata{
	width: 450px;
	margin: 0 0 0 50px;
}
table#tableCasesad tr td, table#tableCasedata tr td{
	border-bottom: 1px solid #999;
}
/* for the nav dropdown */
/* 
	LEVEL ONE
*/
ul.dropdown{ 
position: relative; 
margin: 0 30px 0 334px; 
list-style-type: none; 
text-decoration: none;
padding: 0 0 0 0;
clear: left;
height: 25px;
}
ul.dropdown li{ 
	font-weight: bold; 
	float: left; 
	zoom: 1; 
	background: #000000;
	text-decoration: none;
	margin: 0 20px 0 0;
}
ul.dropdown a:hover		            { color: #fff; text-decoration: none;}
ul.dropdown a:active                { color: #fff; text-decoration: none;}
ul.dropdown li a                    { display: block; padding: 4px 8px;
	 								  color: #ffcc00;  text-decoration: none;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #000; color: #ffcc00; position: relative; }
ul.dropdown li.hover a              { color: #ffcc00; }


/* 
	LEVEL TWO
*/
ul.dropdown ul{ 
	width: 200px;
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0;
	list-style-type: none; 
}
ul.dropdown ul li 					{ font-weight: normal; background: #777777; color: #003366; 
									  border-bottom: 1px solid #ccc; float: none; margin: 0 0 0 -30px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color: #003366} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

table#mplace{
	width: 500px;
	margin: 0 0 0 50px;
}
table#catlist{
	width: 300px;
	margin: 0 0 0 50px;
}
table#catlist th{
	text-align: left;
	font-size: 13px;
	background: #000000;
	color: #ffcc00;
	padding: 0 0 0 5px;
	height: 25px;
}
table#catlist tr td{
	text-align: center;
}
table#mplace th{
	background: #000000;
	color: #ffcc00;
	text-align: left;
	height: 25px;
	font-size: 13px;
	padding: 0 0 0 5px;
}
table#mplace tr td{
	padding: 3px;
}
table#logos{
	margin: 0 auto;
}
table#logos tr td{
	text-align: center;
}
span.error{
	color: #cc0000;
	font-weight: bold;
}