@charset "utf-8";

/* web layout */
html
{
	height:100%;
}

body
{
	background:#999999;
	margin:0;
	padding:0;
	height:100%;
}

img
{
	border-style:none;
}

#wrapper
{
	position:relative;
	top:0px;
	height:100%;
}

#container
{
	margin:0 auto;
	padding:0;
	width:1024px;
	height:770px;
	background:#000000;
}

#header
{
	position:relative;
	margin:0;
	padding:0;
	clear:both;
	width:100%;
	height:155px;
	z-index:1;
}

#header #navMenu
{
	position:absolute;
	top:0;
	right:0;
	margin:111px 60px 0 0;
	padding:0 0 0 0;
}

#header #navMenu div
{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

#header #navMenu div a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}

#footer
{
	position:relative;
	margin:0;
	padding:0;
	clear:both;
	width:100%;
	height:32px;
}

#footer p.footerText
{
	position:absolute;
	margin:10px 85px 0 0;
	padding:0;
	top:0;
	right:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#ffffff;
}

#footer p.footerText span
{
	padding:0 0 0 10px;
}

#footer a
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}

#footer a:hover
{
	color:#999999;
	text-decoration:none;
}

#footer #footerMenu
{
	position:absolute;
	margin:-35px 72px 0 0;
	top:0;
	right:0;
	padding:0;
}

#footer #footerMenu img
{
	position:relative;
	float:right;
	margin:0;
	padding:3px 25px 0 0;
}

#contentBackground
{
	position:relative;
	width:100%;
	height:580px;
	background-color:#e6e7e8;
}

#content
{
	position:relative;
	margin:0 0 0 80px;
	padding:0 0 0 0;
	width:860px;
	height:540px;
	background-color:#ffffff;
}

/* opening navigation menu */

#openingNavMenu
{
	background:url(../images/content/opening/bg.jpg);
	width:858px;
	height:537px;
	position:absolute;
	margin:0px 0 0 80px;
	padding:0 0 0 0;
}

#openingNavMenu div
{
	position:absolute;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/* home navigation menu */

#homeNavMenu
{
	position:absolute;
	top:0;
	left:0;
	margin:115px 0 0 175px;
	padding:0 0 0 0;
	z-index:1;
}

#homeNavMenu img
{
	position:absolute;
	padding:0 0 0 0;
}

/* font layout */

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

h4
{
	margin:-5px 0 0 0;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#dfdfdf;
}

h5
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f26631;
	margin-top:16px;
	margin-bottom:16px;
}

/* adv & choice popup heading */

h3
{
	position:absolute;
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#f26631;
}

h6
{
	position:absolute;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#999999;
}


p.mainParHome
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:18px;
}

ul.mainParHome
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:10px 0 0 -15px;
	padding:0 0 0 0;
}

ul.mainParHome li
{
	margin:0 0 0 15px;
	line-height:17px;
	padding:0;
}

ul.mainParHome li span
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

ul.mainParChoice
{
	margin:0 0 0 15px;
	padding:0 0 0 0;
	line-height:12px;
}

ul.mainParChoice li
{
	margin:0 0 0 15px;
	padding:3px 0 0 0;
	color:#5a4099;
}

ul.mainParChoice li span
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

p.mainParContact
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}

p.mainParContact a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-decoration:underline;
}

p.mainParContact a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999999;
	text-decoration:none;
}

/* MISC LAYOUT */

/* home popup layout */

#smartPopup
{
	background:url(../images/content/home/bg_home_bubble.png) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
	margin:138px 0 0 250px;
	padding:0 0 0 0;
	width:353px;
	height:278px;
	z-index:3;
	display:none;
}

#smartPopupBG
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#ffffff;
	opacity:0.5;
	filter:alpha(opacity:50);
	z-index:2;
	display:none;
}

/* choice bottom content layout */

#choiceBottomContent
{
	position:absolute;
	bottom:0;
	left:0;
	background-color:#000000;
	width:865px;
	height:350px;
	z-index:0;
}

/* advantage menu layout */

#menuAdv1
{
	 position:absolute;
	 margin:0;
	 padding:20px 0 0 40px;
}

#menuAdv2
{
	 position:relative;
	 margin:0;
	 padding:20px 0 0 40px;
}

#advTable
{
	margin:35px 0 0 0;
	padding:0 0 0 0;
	border-spacing:0;
}

#advTable tr
{
	height:84px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#advTable tr td
{
	width:101px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-spacing:1px;
	border:solid 1px #cccccc;
}

#menuAdv2 div.navBottomAdv2
{
	position:absolute;
	margin:0 0 0 0px;
	padding:0;
}

#menuAdv2 div.navBottomAdv2 img
{
	padding:0px 50px 0 0;
	margin:12px 0 0 0;
}

/* choice menu layout */

#menuChoice1
{
	 position:absolute;
}

#menuChoice2
{
	 position:relative;
	 margin:0;
	 padding:20px 0 0 40px;
	 height:295px;
}

div.choiceTable
{
	background:url(../images/content/choice/bg_choice_table.png) left top no-repeat;
	position:absolute;
	top:0;
	right:0;
	margin:30px 30px 0 0;
	width:450px;
	height:255px;
}

div.choiceTable img
{
	position:absolute;
	padding:0 0 0 0;
	cursor:pointer;
}

#menuChoice2 #navBottomChoice2
{
	position:absolute;
	bottom:0;
	left:0;
	margin:0 0 25px 40px;
	padding:0;
	width:185px;
}

#menuChoice2 #navBottomChoice2 img
{
	padding:10px 0 0 0;
}

/* about layout */

#smartVanSlideshowContainer
{
	position:absolute;
	top:0;
	right:0;
	background:url(../images/content/about/bg_rotate_van.png) left top no-repeat;
	width:457px;
	height:274px;
	margin:120px 20px 0 0;
	padding:0 0 0 0;
}

#smartVanRotateBG
{
	position:absolute;
	margin:0;
	padding:0;
	background:url(../images/content/about/bg_bottom_rotate_van.png) left top no-repeat;
	width:457px;
	height:34px;
	bottom:0;
	left:0;
}