/* JOD Splash Styles */
.clear {clear: both;}
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
}

	body {color: #ffffff; font: 12px Arial, Helvetica, sans-serif;}
	h1, h2, h3, h4, h5 {color: #ffffff; margin-bottom: 5px;}
	h1 {font-size: 24px; line-height: 26px;}
	h2 {font-size: 16px;}
	h3 {font-size: 14px; font-weight: bold;}
	p {margin: 5px 0 5px;}
	a, a:visited {color: #fff;}
	a:hover {color: #333;}

		body {background: #0098ce url(../images/outer_wrapper_bg.gif) repeat-x scroll 0 0;}
			div#innerWrapper {
				background: transparent url(../images/inner_wrapper_bg.png) no-repeat scroll 0 0; 
				height: 800px; 
				margin: 50px auto 0 auto;
				position: relative;
				width: 1028px;
			}
			div#header {
				background: transparent url(../images/Jack-O-Diamonds-header4.png) no-repeat scroll 0 0;
				height: 116px;
				margin-left: 19px;
				position: relative;
				top: -40px;
				width: 989px;
			}
			div#primaryWrapper {
				float: left;
				height: 605px;
				margin: -30px auto 0 auto; 
				position: relative;
			}
			.brandContent {
				height: 475px;
				margin-top: 20px;
				position: relative;
				width: 292px;
			}
				.brandContent.jodH {float: left; margin-left: 10px;}
				.brandContent.jodL {float: right; *margin-right: 10px;}
				a.brandLogo {
					display: block;
					height: 81px;
					left: 75px;
					position: absolute;
					text-indent: -9999px;
					top: 0px;
					width: 145px;
					z-index: 1;
				}
					a.jodHonda {background: transparent url(../images/Honda_brand_bg.png) no-repeat scroll 0 0;}
					a.jodLM {background: transparent url(../images/Lincoln_Mercury_brand_bg2.png) no-repeat scroll 0 0;}
				a.enterTab {
					background: transparent url(../images/enter_tab.png) no-repeat scroll 0 0;
					display: block;
					height: 33px;
					left: 27px;
					position: absolute;
					text-indent: -9999px;
					top: 65px;
					width: 237px;
					z-index: 2;
				}
				.brandBlock {
					background: transparent url(../images/brand_container.png) no-repeat scroll 0 0;
					height: 377px;
					left: 0;
					position: absolute;
					top: 95px;
					width: 292px;
					z-index: 3;
				}
			.preownedContent {
				float: left;
				height: 560px;
				margin: 0 5px;
				position: relative;
				width: 412px;
			}
				a.preownedTab {
					background: transparent url(../images/preowned_enter_tab.png) no-repeat scroll 0 0;
					display: block;
					height: 43px;
					left: 50px;
					position: absolute;
					text-indent: -9999px;
					top: 0px;
					width: 306px;
					z-index: 2;
				}
				.preownedBlock {
					background: transparent url(../images/preowned_container.png) no-repeat scroll 0 0;
					height: 509px;
					left: 0;
					position: absolute;
					top: 38px;
					width: 412px;
					z-index: 3;
				}
					.jodBlock {
						display: block;
						height: 249px;
						margin: 15px 15px 5px 15px;
						text-indent: -9999px;
						width: 261px;
					}
						.jodHBlock {background: transparent url(../images/Jack-O-Diamonds-Honda-block.gif) no-repeat scroll 0 0;}
						.jodLBlock {background: transparent url(../images/Jack-O-Diamonds-Lincoln-Mercury-block2.jpg) no-repeat scroll 0 0;}
					.jodPreBlock {
						background: transparent url(../images/Jack-O-Diamonds-Preowned-block.gif) no-repeat scroll 0 0;
						display: block;
						height: 327px;
						margin: 14px 14px 5px 14px;
						text-indent: -9999px;
						width: 385px;
					}	
						ul.brandLinks {}
							ul.brandLinks li, ul.preBrandLinks li {
								border-bottom: 1px dotted #00507d;
								margin: 0 10px;
								text-align: center;
							}
								ul.brandLinks li.last, ul.preBrandLinks li.last {border-bottom: 0 none;}
									ul.brandLinks li a, ul.preBrandLinks li a {
										color: #00507d;
										font: bold 11px Verdana, Arial, Helvetica, sans-serif;
										line-height: 24px;
										text-decoration: none;
									}
										ul.preBrandLinks li a {
											font: bold 14px Verdana, Arial, Helvetica, sans-serif;
											line-height: 36px;
										}
										ul.brandLinks li a:hover, ul.preBrandLinks li a:hover {color: #333; text-decoration: none;}
										
		/* Footer Content */
		div#footer {
			color: #fff;
			float: left;
			font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
			height: auto;
			margin: 0 20px;
			padding: 0;
			width: 989px;
		}
			div#footer span {display: block; float: left;}
				div#footer span a, div#footer span a:hover {text-decoration: underline;}
			div#footer ul {float: right;}
				div#footer ul li {
					float: left;
					border-right: 1px solid #fff;
					height: 15px;
					padding: 0 10px;
				}
					div#footer ul li.last {border: 0 none;}
						div#footer ul li a, div#footer ul li a:hover {text-decoration: underline;}