/*---css pic preload---*/

#preloadedImages {
       width: 0px;
       height: 0px;
}

/* -------------------- basis ---------------------- */

body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
	color: #FFFFFF;
	letter-spacing:1px;
}

body {
	background-color: #000000;
	margin: 0px;
}


#container { 
    width: 700px; 
    margin-left: auto;
	margin-right: auto;
}

#top {
	width: 700px; 
	margin-top: 40px;
	margin-bottom: 20px;
	height: 230px;
}

#top2 {
	width: 700px; 
	height: 33px;
	margin: 40px auto 20px auto;
}

#center {
	width: 700px; 
	height: 33px;
}

#contents {
	width:auto; 
	height: auto;
}

#flashBox {
	width: 360px;
	height:240px;
	margin:0px auto;
	/* border:solid 1px #b3b3b3; */
}

#flashBox2 {
	height:240px;
	margin:0 0 0 45px;
	/* border:solid 1px #b3b3b3; */
}

#logo {
	width:350px;
	height:23px;
	float: left;
}

#logo_large {
	background: url(../images/logo_large.png) #000 no-repeat;
	width:350px;
	height:23px;
	float: left;
}

#logo_small {
	background: url(../images/logo_medium.png) #000 no-repeat;
	width:250px;
	height:16px;
	float: left;
}

#navi {
	width:266px;
	float: left;
	margin: 6px 0 0 40px;
}

#globalNavi {
   width:300px;
   height:33px;
   margin: 0px auto;
   text-align: center;
}

.menu {
	font-size:16px;
	float: left;
}

.menu_dot {
	margin: 0 5px;
	float: left;
	font-size:24px;
	font-weight: bold;
}

.jetta_link_box {
	font-size:13px;
	width:auto;
	text-align: center;
}


/* Defiance */

#defiance_body {
	background-color: #fff;
	color: #000;
	font-size: 11px;
	/* font-weight: bold; */
	
}

#defiance_wrap {
	width: 1200px;
	height: 800px;
	margin: auto;
	text-align: center;
	background: url(../../images/jetta_bg.png) #FFF no-repeat;
}

#defiance_content {
	height: 535px;
}

#defiance_content_box {
	width: 800px;
	padding: 130px 100px 0 35px;
	text-align: left;
	line-height: 2em;
	font-size: 12px;
}

#defiance_video_box {
	text-align: center;
	width: 900px;
	padding: 80px 0 0 150px;
}

#defiance_footer {
	font-weight: bold;
	height: 265px;
}

#defiance_menu {
	float: left;
	text-align: left;
	margin-left: 35px;
	width: 165px;
	font-weight: bold;
}

.defiance_menu_item {
	margin-bottom: 10px;
}

#jetta_link a{
	display: block;
	margin-top: 30px;
	width: 165px;
	height: 80px;
	text-indent: -9999px;
}

#defiance_copyright {
	float: left;
	text-align: left;
	width: 720px;
	margin-left: 280px;
	margin-top: 190px;
	
}

#defiance_credit {
	text-align: center;
	padding: 25px 0px 0 0;
	font-size: 9px;
	font-weight: bold;
}


.defiance_menu_item a:link {
	text-decoration: none;
	color: #000000;
	border: none;
}
.defiance_menu_item a:visited {
	text-decoration: none;
	color: #000000;
	border: none;
}
.defiance_menu_item a:hover {
	text-decoration: underline;
	color: #000000;
	border: none;
}
.defiance_menu_item a:active {
	text-decoration: underline;
	color: #000000;
	border: none;
}

.defiance_gallery_item {
	float: left;
	padding: 0 10px 10px 0;
}

img {
	border: none;
}















#left_pane {
	float: left;
	width: 150px;
	height: auto;
}

#right_pane {
	float: left;
	width: 500px;
	height: auto;
	line-height: 1.5em;
}

#subNavi {
	width: 140px;
	margin-left: 6px;
}

#subNavi_title {
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 10px;
	
}

.subNavi_menu {
	font-size: 12px;
	line-height: 1.5em;
	color: #FF0000;
}

#footer {
    width:762px;
	margin-left:20px;
	margin-right:20px;
	height:40px;
}

#footer_credit {
	margin-top: 40px;
	color: #666666;
	text-align:center;
	margin-right: 120px;
}

#page_title {
	font-size: 14px;
	/* font-weight: bold; */
	text-decoration:underline;
	margin-bottom: 20px;
}

.page_title {
	font-size: 12px;
	/* font-weight: bold; */
	text-decoration:underline;
	margin-bottom: 10px;
}

.contentsBox {
	width:500px;
	height:auto;
	margin:10px 0px;
}

.videoContent {
	float: left;
	width: 230px;
	height: auto;
	margin-right: 15px;
	/* border:solid 1px #b3b3b3; */
}

.videoContent_video {
	margin: 10px auto;
}

.videoContent_title {
	width: 200px;
	/* margin: 0 auto; */
	text-align: center;
}

/* -------------------- layout ---------------------- */

.widthAuto{
	width:auto;
	height:auto;
}


.padTop04{
	padding-top:4px; 
}
.padTop05{
	padding-top:5px; 
}
.padTop06{
	padding-top:6px; 
}
.padTop08{
	padding-top:6px; 
}
.padTop10{
	padding-top:10px; 
}
.padTop11{
	padding-top:11px; 
}
.padTop12{
	padding-top:12px;
}
.padTop13{
	padding-top:13px;
}
.padTop14{
	padding-top:14px;
}
.padTop16{
	padding-top:16px; 
}
.padTop18{
	padding-top:18px; 
}
.padTop20{
	padding-top:20px; 
}
.padTop24{
	padding-top:24px; 
}
.padTop22{
	padding-top:22px; 
}
.padTop23{
	padding-top:23px; 
}
.padTop24{
	padding-top:24px; 
}
.padTop28{
	padding-top:28px; 
}
.padTop30{
	padding-top:30px; 
}
.padTop33{
	padding-top:33px; 
}
.padTop35{
	padding-top:35px; 
}
.padTop40{
	padding-top:40px; 
}
.padTop43{
	padding-top:43px; 
}
.padTop46{
	padding-top:46px; 
}
.padTop48{
	padding-top:48px; 
}
.padTop50{
	padding-top:50px; 
}
.padTop60{
	padding-top:60px; 
}
.padTop67{
	padding-top:67px; 
}
.padTop68{
	padding-top:68px; 
}
.padTop69{
	padding-top:69px; 
}
.padTop70{
	padding-top:70px; 
}
.padTop72{
	padding-top:72px; 
}
.padTop74{
	padding-top:74px; 
}
.padTop75{
	padding-top:75px; 
}
.padTop76{
	padding-top:76px; 
}
.padTop77{
	padding-top:77px; 
}
.padTop80{
	padding-top:80px; 
}
.padTop90{
	padding-top:90px; 
}
.padTop100{
	padding-top:100px; 
}

/* ---------- font ------------ */
.font12{
	color:#ffffff;
	font-size:12px;
}
.font11{
	color:#ffffff;
	font-size:11px;
	line-height:16px;
	vertical-align:bottom;
}
.font11_gray{
	color:#666666;
	font-size:11px;
	line-height:16px;
	vertical-align:bottom;
}
.font10{
	color:#ffffff;
	font-size:10px;
	line-height:15px;
}
.fontSec11{
	color:#ffffff;
	font-size:11px;
	vertical-align:bottom;
	line-height:16px;
}
.fontThird11{
	color:#ffffff;
	font-size:11px;
}
.font16{
	color:#ffffff;
	font-size:11px;
	line-height:16px;
}
.noborder{
	border:none;
}
.borderBlack {
	border: solid #000000 1px;
}

.b { font-weight:bold; }


/* ---------- link ------------ */
a:link {
	text-decoration: none;
	color: #FF0000;
}
a:visited {
	text-decoration: none;
	color: #FF0000;
}
a:hover {
	text-decoration: underline;
	/* color: #4C0E00; */
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}

a.on {
	color: #FFFFFF;
}

.noborder a:link {
	text-decoration: none;
	color: #000000;
	border: none;
}
.noborder a:visited {
	text-decoration: none;
	color: #000000;
	border: none;
}
.noborder a:hover {
	text-decoration: none;
	color: #000000;
	border: none;
}
.noborder a:active {
	text-decoration: none;
	color: #000000;
	border: none;
}
.NaviLink a:link {
	text-decoration: underline;
	color: #ffffff;
}
.NaviLink a:visited {
	text-decoration: underline;
	color: #ffffff;
}
.NaviLink a:hover {
	text-decoration: underline;
	color: #FF0000;
}
.NaviLink a:active {
	text-decoration: underline;
	color: #ffffff;
}


/* ----------- float ------------- */
.fltLeft{
	float:left
}

.fltRight{
	float:right
}



/* ---------- cleaner ------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clearer {
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin-bottom:-1px;
}