/* Body & Layout */

body { font-family: arial, verdana; background: #123160; height: 100%; font-size: 12px; }
h4 { font-weight: bold; margin: 0px 0px 5px 0px; }
.right { float: right; }
.left { float: left; }
.center { text-align:center; }

/*** Page Container ***/
#container { width: 800px; margin: 0px auto 0px auto;}

/*** Top Navigation ***/
#top 				{ background-color: #231f20; color: #ffffff; font-size: 90%; height: 80px; border: 1px solid white;}
#top #address_top 	{ padding: 10px 10px 10px 0px; float: right; text-align: right;}
#openroad_hyundai a	{ float: left; padding: 10px; height: 100%; width: 80%; display: block;}

/*** Banner ***/
#banner 		{ border: 1px solid #ffffff; }
#banner_bottom 	{ background: url(../_image/banner_hyundai_02.jpg) no-repeat top left; height: 167px; width: 798px;}
#promo_banner1 	{ float: left; position: relative; top: 0; left: 51px;}
#promo_banner2 	{ float: left; position: relative; top: 0; left: 66px;}

/*** Content ***/
#content 		{ height: auto; margin: 0px;}
#content_left 	{ height: 920px; width: 182px; float: left;  min-height: 830px; background-color: #ffffff; border-right: 1px solid #6c8fc5; border-bottom: 1px solid #6c8fc5;}
#content_right 	{ height: 920px; width: 616px; float: right; min-height: 830px; background-color: #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #6c8fc5;}

/*** Left content ***/
#menu 			{ backgroun-color: #000000; display: block; }
.menu_button a 	{ display: block; width: 170px; height: 17px; background-color: #6c8fc5; border: 1px solid #ffffff; border-top-width: 0px; color: #a2cef5; text-decoration: none; font-size: 90%; font-weight: bold; padding: 7px 0px 0px 10px;}
.menu_button a span		{ padding-left: 8px; color: #ffffff; }
.menu_button a:hover 	{ background-color: #123160; }
.special_menu_button a img 	{ float: left; }
.special_menu_button a 		{ display: block; width: 170px; height: 40px; border-bottom: 1px solid #6c8fc5; color: #6c8fc5; text-decoration: none; padding: 0px 0px 0px 12px; font-size: 90%; }
.special_menu_button a span.top_text 	{ display: block; padding: 10px 0px 0px 45px; }
.special_menu_button a span.bold 		{ display: block; color: #123160; font-weight: bold; }
.special_menu_button a:hover img { opacity:0.7; filter:alpha(opacity=70); } .special_menu_button a:hover { text-decoration: underline; }

.subtitle 		{ margin: 0px 10px 10px 10px; padding-left: 20px; font-weight: bold; background: url(../_image/subtitle_btn.gif) no-repeat left; line-height: 15px; }
.information 	{ margin: 8px; }
.information p 	{ margin-bottom: 15px; }
table.hours 	{ width: 100%; }
.information .feedback { font-size: 90%; color: #999999; }

/*** Right content ***/
.content_detail { border-bottom: 1px dotted #666666; margin: 30px 40px 30px 40px; }
.detail_image { float: left; width: 24%; }
.detail_description { float: right; width: 75%; }
.detail_link { margin-left: auto; width: 27px; height: 25px;}
#the_difference { margin: 0px 43px 0px 47px; }
.difference_img { float: left; margin: 0px 10px 0px 10px; }
.difference_img a:hover img { opacity:0.7;filter:alpha(opacity=70); }
#slogan { height: 25px; width: 561px; display: block; float: right; background-color: #6c8fc5; color: #ffffff; padding: 11px 0px 0px 10px; font-weight: bold;}

/*** Footer ***/
#footer 	{ margin: 0px 0px 0px 0px; text-align: center; background-color: #ffffff; border: 1px solid white;}
#footer a 	{ color: #ffffff; }
#footer #address { font-size: 90%;}
#address h5 { text-transform: uppercase; font-weight: bold; margin: 15px 0px 3px 0px;}
#footer ul { margin: 10px 0px 5px 78px;}
#footer ul a { color: #00aeef; text-decoration: none; text-transform: uppercase; margin: 0px 6px 0px 6px; line-height: 120%;}
#footer ul a:hover { text-decoration: underline; }
#footer li { color: #00aeef; display: block; float: left; font-size: 90%; font-weight: bold;}
#footer #copyright { font-size: 80%; color: #999999; margin: 10px;}