/*-----------------------------------------------------
Wire-frame Header
----------------------------------------------------- */

#mainContainer{
	margin:0 auto;
	position:relative;
	width:820px;
}

div#headerContainer{
	height:123px;
	position:relative;	
}
div#mainLogo h1{
	background:url(../images/logo.jpg) no-repeat 0 0;
	display:block;
	height:56px;
	position:absolute;
	left:0;
	top:56px;
	text-indent:-99999px;
	width:240px;
}

div#hLogo h2{
	background:url(../images/hyundai-logo.jpg) no-repeat 0 0;
	display:block;
	height:56px;
	position:absolute;
	right:0;
	top:56px;
	text-indent:-99999px;
	width:152px;
}

div#mainLogo h1 a, div#hLogo h2 a{
	display:block;
	height:100%;
	width:100%;
}

/*-----------------------------------------------------
Wire-frame Navigation
----------------------------------------------------- */

#mainNav {
background:url(../images/main-nav.jpg) no-repeat;
width:820px;
height:32px;
margin:0;
padding:0;
}

#mainNav span {
display: none;
}

#mainNav li, #mainNav a {
height:32px;
display:block;
}

#mainNav li {
float:left;
list-style:none;
display:inline;
}

#navHome {width: 90px;}
#navAbout {width: 90px;}
#navHimsen {width: 126px;}
#navStroke {width: 134px;}
#navPlan {width: 102px;}
#navContact {width: 108px; margin-right:63px}
#navEnglish {width: 43px;}
#navChinese {width: 53px;}

#navHome a:hover, #navHome a.selected {background:url(../images/main-nav.jpg) 0px -32px no-repeat; }
#navAbout a:hover, #navAbout a.selected {background:url(../images/main-nav.jpg) -90px -32px no-repeat; }
#navHimsen a:hover, #navHimsen a.selected {background:url(../images/main-nav.jpg) -180px -32px no-repeat; }
#navStroke a:hover, #navStroke a.selected {background:url(../images/main-nav.jpg) -306px -32px no-repeat; }
#navPlan a:hover, #navPlan a.selected {background:url(../images/main-nav.jpg) -440px -32px no-repeat; }
#navContact a:hover, #navContact a.selected {background:url(../images/main-nav.jpg) -542px -32px no-repeat; }
#navEnglish a:hover, #navEnglish a.selected {background:url(../images/main-nav.jpg) -713px -32px no-repeat; }
#navChinese a:hover, #navChinese a.selected {background:url(../images/main-nav.jpg) -756px -32px no-repeat; }

/*-----------------------------------------------------
Wire-frame Banner
----------------------------------------------------- */
div#bannerContainer{
	border-bottom:5px solid #0f6787;
}

/*-----------------------------------------------------
Wire-frame Body
----------------------------------------------------- */
div.bodyContainer{
	padding-top:30px;
}

div#indexContent h2{
	border-bottom:1px solid #ededed;
	color:#d99718;
	margin:0 0 12px 0;
	padding-bottom:15px;
}

div#indexContent h2#newsletter{
	background:url(../images/newsletter-icon.jpg) no-repeat 0 0;
	padding-left:30px;
}

div#indexContent .sideColumn{
	width:200px;
	font-size:11px;
}

div#indexContent #leftCol{
	margin-right:10px;
}

div#indexContent #leftCol a, ul#leftListing li a{
	color:#005d7f;
}

div#indexContent #rightCol{
	margin-left:10px;
}

div#indexContent #rightCol a{
	font-weight:bold;
}

div#indexContent #midCol{
	width:400px;
}
h2.newsHeading{
	border-bottom:1px solid #ededed;
	padding-bottom:5px;
}

ul#midPress li{
	border-bottom:1px solid #ededed;
	display:block;
	float:left;
	margin-bottom:15px;	
	padding-bottom:15px;
	width:400px;
}
ul.newsLetter li{
	display:block;
	margin-bottom:10px;
	margin-left:20px;	
	padding-bottom:10px;
}

ul#midPress li a, ul.newsLetter li a{
	color:#005d7f;
	font-size:10px;
	font-weight:bold;
}

/*-----------------------------------------------------
Wire-frame Footer
----------------------------------------------------- */
#leftColumn{
	margin-right:20px;
	width:240px;
}

#leftColumn h3{
	background:url(../images/bullet.jpg) no-repeat 0px 3px;
	border-bottom:1px solid #ededed;	
	color:#ac822e;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin-bottom:7px;
	padding-bottom:7px;
	padding-left:20px;
	width:220px;
}

ul#leftListing li{
	border-bottom:1px solid #ededed;
	margin-bottom:7px;
	padding-bottom:7px;	
	padding-left:20px;
	width:220px;
}
ul#leftListing li h4.mileHeader{
	margin-bottom:5px;
	font-weight:bold;
/*	color:#ea0f0f;*/
}

ul#leftListing li ul li{
	color:#005d7f;
	border-bottom:none;
	padding-left:0;
	padding-bottom:7px;	
	margin-bottom:0px;	
}


#rightColumn{
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:560px;
}

#rightColumn .leftGap{
	margin:0px 0 50px 25px;
}

#rightColumn .leftGap2{
	margin:0px 0 25px 25px;
}

#rightColumn .spacerBottom{
	margin-bottom:15px;
}

#rightColumn h2{
	color:#005e80;
	margin-bottom:10px;
}

#rightColumn .imgSpacer{
	margin:15px 0;
}

#rightColumn .imgPadding{
	padding:15px 0;
}


#rightCol .inputText{
	width:188px;
}

#rightCol p{
	margin-bottom:10px;
}

td.aboutInfo{
	vertical-align:top;
}

td.aboutInfo img{
	margin-bottom:15px;
}

td.aboutInfo p{
	width:260px;
}

.enginetable{
	margin:0 0 0 0px;
	padding:0;
	width:560px;
}

.enginetable td{
	padding:5px 0;
}

h2.engineTitle{
	text-indent:-9999px;
	height:96px;
	width:214px;	
}

h2#h1728{
	background:url(../images/h1728.jpg) no-repeat 0 0;
}

h2#h2132{
	background:url(../images/h2132.jpg) no-repeat 0 0;
}

h2#h2533{
	background:url(../images/h2533.jpg) no-repeat 0 0;
}

h2#h3240{
	background:url(../images/h3240.jpg) no-repeat 0 0;
}

h2#h3240v{
	background:url(../images/h3240v.jpg) no-repeat 0 0;
	width:250px;	
}
.imgStroke{
	border:5px solid #eaeaea;
}
.contactUs{
	font-size:11px;
}

#banner-info{
	background:#fff;
	height:275px;
	overflow:hidden;
	position:relative;
	width:820px;
}

div#progress{
	visibility:hidden;
}

 #mover { width: 2880px; position: relative; }

.slide { width: 820px; float: left; position: relative; }
.slide p { color: #999; font-size: 12px; line-height: 22px;}

.slide img { position: absolute; top: 0px; left: 0px; }
#slider-stopper { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
  padding: 0; font-size: 10px; text-transform: uppercase; z-index: 1000; }
/*-----------------------------------------------------
Wire-frame Footer
----------------------------------------------------- */
div#footerContainer{
	border-top:1px solid #ededed;
	color:#918b85;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin-top:30px;
	padding-top:15px;
	text-align:center;
}

/*-----------------------------------------------------
Forms
----------------------------------------------------- */

#rightCol .inputText, #rightColumn .inputText {
	border:1px solid #ececec;
	padding:3px 5px;
}

#rightCol .inputSubmit, #rightColumn .inputSubmit {
	background:url(../images/btn-bg.jpg) repeat-x 0 0;
	border:1px solid #ececec;
	color:#444;
	font-size:11px;	
	padding:3px 0 4px;
	width:58px;
}

#rightColumn p.formElement{
	margin-bottom:5px;
}

#rightColumn p.formElement span{
	float:left;
	margin-top:2px;
	width:150px;
}
#rightColumn p.formElement .inputTextarea{
	height:80px;
	overflow-y:auto;
}

p.formElement .inputText{
	width:390px;
}

#rightCol .inputSubmit:hover{
	cursor:pointer;
}