html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;	
	text-align: center;
	min-width: 950px;
	font-family:Arial;
	background-color:#323232;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
p {margin-bottom:10px; }
strong {font-weight:bold;}


div#wrapper {
	margin:0 auto;
	width:971px;
	text-align: left;	
	background: transparent url(../images/wrapbg.png) repeat-y; 
	padding:0 5px;
	}
	
div#navigation {
		background: transparent url(../images/topnavbg.gif) repeat-x; 
		height:114px; width:957px;
		position:relative;
		}
		
#navigation h2 {
		background:url("../images/jdmlogo.png") repeat scroll 0 0 transparent;
		height:93px;
		left:8px;
		position:absolute;
		text-indent:-999em;
		top:14px;
		width:223px;
		}
		#navigation h2  a {display:block; width:223px; height:93px;}
		
div#promolinks {
		height:39px;
		left:390px;
		position:absolute;
		top:7px;
		width:600px;
		}
/* Navigation */
.nav, .nav ul {padding:0; margin:0; list-style:none;}

.nav {	height:52px;
		left:270px;
		margin:0 auto;
		overflow:hidden;
		position:absolute;
		top:55px;
		width:675px;
}
.nav div div {position:absolute; left:0; height:0; width:950px;}
.nav ul {position:absolute; left:0; bottom:0;}

.nav li {float:left; margin-top:0;}
.nav li.right {float:right;}
.nav li.right ul {left:auto; right:0;}
.nav li.right ul li {float:right;}

.nav a {position:relative; line-height:30px; display:block; font-weight:bold; font-size:13px; padding:0 10px; text-decoration:none; outline:0;}
.nav a.top-a {z-index:10; min-width:1px; margin-bottom:100px; color:#fff;}
* html .nav a.top-a {width:1px;}

.nav ul a {height:26px;top:26px;float:left; color:#fff;}

.nav ul a.pad {padding:0 1px;}

.nav ul a.pad b {position:absolute; left:0; height:26px; display:block; width:700px; cursor:default;}
.nav li.right ul a.pad b {left:auto; right:0;}

.nav li:hover > a {color:#ccc;}

.nav a.top-a:hover, 
.nav a.top-a:active, 
.nav a.top-a:focus {margin-bottom:0; color:#ccc;}

.nav ul a:hover,
.nav ul a:active,
.nav ul a:focus {padding-bottom:100px; color:#ccc;}

/* EOF Nav */

/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ margin-top:1px; width: 650px; float:left;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 650px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 650px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; /*margin-right: 5px;*/ }
#movers-row									{background-color:#333333;height:44px;margin-top:-2px;}
#movers-row div								{ width: 158px; float: left; }
#movers-row div a.cross-link 				{ /*float: right; */}
.photo-meta-data							{ background: url(../images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 2; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 2; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }


/*
LAYOUT
*/

div.clearfix { clear:both;}

div#header-promo {
			background-color:red;
			float:left;
			height:327px;
			margin-left:1px;
			margin-top:1px;
			width:306px;
			}
			
			div#header-promo h2 {
						font-size:20pt;
						color:#fff;
						border-bottom:1px solid #fff;
						}
		
div#content { 
		
		}
div#left-column {
		width:651px;
		float:left;
		}
div#right-column {
		width:306px;
		float:left;
		}
		
		div#right-column h2 {
		padding:5px;
		border-bottom:1px dotted #ccc;
		}
		
		
div.video {
		border:1px solid #ccc;
		background-color:#efefef;
		height:200px;		
		}
		
span.video-caption {
			display:block;
			background-color:#000;
			padding:4px;
			color:#fff;
			font-size:8pt;
			}
	
#promotions, #page-navigation {
		margin-top:5px;
		border:1px solid #ccc;
		background-color:#efefef;
}	

#page-navigation ul {
					list-style-type:none;
					color:#fff;
					font-weight:bold;
					}
	
#page-navigation ul li {
					border-bottom:1px solid #fff;
					line-height:150%;
					padding:4px 5px;
					}
					
li.home {background-color:#555;}
					
#page-navigation ul li ul {
					margin-top:4px;
					}
					
#page-navigation ul li ul li {
					background-color:#a10d0d;	
					text-indent:17px;	
					font-size:10pt;					
					}
#page-navigation ul li a {
					display:block;
					color:#fff;					
					}
					
			
				
/* SIFR */
.sIFR-flash
{
	visibility: visible !important;
	margin: 0;
	color:#000;
}
.sIFR-replaced
{
	visibility: visible !important;
}
SPAN.sIFR-alternate
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/*Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.*/
.sIFR-flash+DIV[adblocktab=true]
{
	display: none !important;
}
/*These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles*/

DIV.article-text a {
			color:#575757;
			}
DIV.article-text a:hover {
			color:#aa0d2f;
			}

DIV.article-text {		
		padding:2px;
		overflow:hidden;
		font-size:10pt;
		line-height:150%;
		border-bottom:8px solid #333;
		}
		
DIV.article-text p {
		padding:3px 6px;
		}

DIV.article-text H2 {
	border-bottom: 1px solid #262626;
	padding:4px;	
	}
	
DIV.article-text H3 {
	font-size:16pt;
	}

DIV.article-text H2 A
{
	font-family: Arial;
	display: block;	
	font-size: 24px;
	text-decoration: none;
	letter-spacing: -0.5px;
}
DIV.article-text H2 A:hover
{
	text-decoration: underline;	
}