/*------------------------------------reset--------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,label,blockquote,fieldset,input { margin: 0; padding: 0; }




ul, ol {
	list-style:none;
}
.floatleft {
	float:left;
	padding:0px 10px 0px 0px;
}
.floatright {
	float:right;
	padding-left:20px;
	padding-bottom:10px;
}
img {
	border:none;
}
/*layout*/
.clear {
	clear:both;

}
.clearer { 
clear: both;
height:40px;


}
.clearfix { 
clear: both;
height:20px;
}

h4 {
	font-size:14px;
	color:#030303;
	font-weight:bold;
}


/* ---------------------- end reset ---------------------------------*/

body {
	background: #fff url(images/mainbg.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
}


#wrapper {
	width:914px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}



/* ---------------------- start header ---------------------------------*/


#header {
	width:914px;
	height:153px;
	background:url(images/headerbg.jpg) no-repeat 0 0 #ffffff;
	margin:0px 0px 0px 0px;
}

h1#logo {
	float:left;
	padding:39px 0px 0px 42px;
}
h1#logo a, h1#logo a em {
	position:absolute;
	width:450px;
	height:44px;
	overflow:hidden;
}


h1#logo a em {
	cursor:pointer;
	left:0;
	top:0;
}

h3#hyundai {
	float:right;
	display:inline;
	margin:17px 190px 0px 0px;
}

h3#hyundai a, h3#hyundai a em {
	position:absolute;
	width:155px;
	height:82px;
	overflow:hidden;
}

h3#hyundai a em  {
	cursor:pointer;
	right:0;
	left:0;
	top:0;
}

h5#address {
	margin:83px 0px 0px 0px;
	background:url(images/slogan.gif) no-repeat 0 0;
	width:311px;
	height:23px;
	text-indent:-10000px;
	float:left;
}


ul#nav {
	padding: 11px 0px 0px 20px;
}

ul#nav li {
	float:left;
	border-left: rgb(45, 77, 119) solid 1px;
	border-right: rgb(38, 65, 102) solid 1px; 
}

ul#nav li.no-padding {
	margin:0px;
	padding:0px;
	float:left;
}
ul#nav li a {
	display:block;
	padding:0px 22px 0px 22px;
	text-decoration:none;
	color: rgb(253, 253, 253);
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height: 32px;
}
ul#nav li a:hover {
	background: #003070;
}

ul#nav li ul {
	display: none;
}

/*Non-IE6 hovering*/
ul#nav li:hover {
	position: relative;
} /*Sylvain IE hack*/
ul#nav li:hover ul {
	display: block; 
	width: 120px; 
	position: absolute; 
	z-index: 999; 
	top: 32px; 
}
ul#nav li:hover ul li a {
	white-space: normal; 
	display: block; 
	width: 120px; 
	height: auto; 
	line-height: 20px; 
	padding:4px 16px 4px 16px; 
	border-left: solid 1px rgb(45, 77, 119); 
	border-bottom: solid 1px rgb(45, 77, 119); 
	background-color: #003070; 
	color: rgb(253, 253, 253);
	font-weight: normal;
	text-align: left;
} /*Color subcells normal mode*/
ul#nav li:hover ul li a:hover {
	background-color: #003070; 
	text-decoration: none;
} /*Color subcells hovering mode*/

/*IE6 hovering*/
ul#nav table {
	position: absolute; 
	top:0; 
	left:0;
	border-collapse: collapse;
}
ul#nav li a:hover {
	position: relative /*Sylvain IE hack*/; 
	z-index: 1000 /*Sylvain IE hack*/; 
} /*Color main cells hovering mode*/
ul#nav li a:hover ul {
	display: block; 
	width: 120px; 
	position: absolute; 
	z-index: 999; 
	top: 22px; 
	left: -27px; 
}
ul#nav li a:hover ul li a {
	white-space: normal; 
	display: block; 
	width: 120px; 
	line-height: 20px; 
	padding: 4px 16px 4px 16px; 
	border-left: solid 1px rgb(45, 77, 119); 
	border-bottom: solid 1px rgb(45, 77, 119); 
	background-color: #003070; 
	color: #fcfdfd;
	font-weight: normal;
	text-align: left;
} /*Color subcells normal mode*/
ul#nav li a:hover ul li a:hover {
	background-color:#003070; 
	text-decoration:none;
} /*Color subcells hovering mode*/


/* ---------------------- end header ---------------------------------*/


/* ---------------------- start mainbody ---------------------------------*/

#mainbody {
	width:900px;
	padding:0px 7px 0px 7px;
	background:url(images/bodybg.png) repeat-y 0 0;
	behavior:url(images/iepngfix.htc);
}

#banner {
	width:900px;
	height:285px;
	padding:0px 0px 0px 0px;
	background: #c4c4c4;
}

#content {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	background-color:#fff;
	overflow:hidden;
}

#content-left {
	width:195px;
	margin:0;
	float: left;
	padding: 0px 30px 0px 30px;
}
#content-left a {
	color: rgb(0,0,0);
}
#content-right {
	width:585px;
	margin:0;
	float: left;
	padding: 0px 30px 0px 30px;
}
#content-right a {
	color: rgb(0,0,0);
}
.content-banner {
	width:238px;
	height:78px;
	margin:10px 0px 12px 0px;
	border:1px solid #bababc;
	background-color:#ffffff;
	padding:1px;
}

#content p {
	line-height:19px;
}

#leftbox {
	width:242px;
	float:left;
	padding:0px 34px 16px 0px;
}

#midbox {
	width:242px;
	float:left;
	padding:0px 34px 16px 0px;
}
#rightbox {
	float:right;
	width:242px;
}

.more-info {
	float:right;
	padding:14px 8px 0px 0px;
}

.more-info a {
	font:12px;
	color:#000000;
	text-decoration:underline;
}

.more-info a:hover {
	text-decoration:none;
}


#sub-content {
	width:794px;
	border-top:1px solid #c2c4c4;
	padding:8px 0px 0px 0px;
}

#sub-content img {
	float:right;
	border:1px solid #c2c4c4;
	margin:0px 0px 0px 10px;
}

#sub-content p {
	font-weight:bold;
	font-size:12px;
	color:#010101;
	padding:0px 0px 17px 0px;
	line-height:15px;

}

#sub-content p a {
	text-decoration:underline;
	color:#010101;
}
#sub-content p a:hover {
	text-decoration:none;
}

#services {
	width:248px;
	float:left;
	padding:0px 17px 0px 0px;
	border-right:1px solid #c2c4c4;
}

#about {
	float:left;
	width:233px;
	padding:0px 17px 0px 15px;
	border-right:1px solid #c2c4c4;

}

#contact {
	float:right;
	width:245px;
	padding:0px 0px 0px 15px;
	

}
/* ---------------------- end mainbody ---------------------------------*/




/* ---------------------- start footer ---------------------------------*/

#footer {
	width:914px;
	height:82px;
	margin-bottom:30px;
}

#footer-link {
	width:914px;
	height:65px;
	color:#fff;
	background:url(images/footerbg.png) no-repeat 0 -5px;
	behavior:url(images/iepngfix.htc);
}

#footer-link p {
	padding:18px 0px 0px 0px;
	color:#fff;
	text-align:center;
}


#footer-link p a {
	font-size:11px;
	font-family:Tahoma, Arial, sans-serif;
	color:#fff;
	text-decoration:none;
}

#footer-link p span {
	padding:0px 10px 0px 10px;
}

#footer-link p a:hover {
	text-decoration:underline;
}

#footer p.copyright {
	text-align:center;
	padding:0px 0px 0px 0px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:11px;
	color:#96989b;
}

#footer p.copyright a {
	font-size: 11px;
	color: #96989b;
	text-decoration: none;
}

#footer p.copyright a:hover {
	text-decoration:underline;
}

div#footer ul#menu {
	list-style-type: none;
	margin: 0 auto;
	padd/ing: 0 10px 0 10px;
	height: 35px;
	width: 660px; /* WIDTH FOR CENTERING BOTTOM MENU */
	line-height: 1.8em;
	bor/der: #F00 solid 1px;
	padding:10px 0px 0px 0px;
	text-align:center;
	color: #fff;
	
	}
	div#footer ul#menu li {
		display: block;
		float: left;
		padding: 0 10px 0 10px !important;
		border-left: rgb(255, 255, 255) solid 1px;
		height: 18px;
		margin: 8px 0px 8px 0px;
		
		}
		div#footer ul#menu li a {
			display: block;
			font-size: 12px;
			font-weight: normal;
			color: rgb(255, 255, 255);
			text-decoration: underline;

		}
	div#footer ul#menu li.menu-first {
		border-left: none;
	}

/* ---------------------- end footer ---------------------------------*/