@CHARSET "UTF-8";

/* Resets */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Typography presets */

.hideEl {
	display:none;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.alignCenter {
	text-align:center;
}

.alignLeft {
	text-align:left;
}

.alignRight {
	text-align:right;
}

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.red {
	color: red;
}

.remarks {
	font-size:12px;
}

.huge, h1 {
	font-size: 68px;
	line-height: 72px;
	/* letter-spacing: -1px; */
}

.large, h2 {
	font-size: 42px;
	line-height: 48px;
}

.big, h3 {
	font-size: 26px;
	line-height: 36px;
}

.normal, body {
	font: 16px/24px Helvetica, Arial, sans-serif;
}

.small {
	font-size: 13px;
	line-height: 18px;
} 

/* Layout */

.sep {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;		
}

.sepSmall {
	clear: both;
	font-size: 6px;
	line-height: 6px;
	height: 6px;		
}

.sepMedium {
	clear: both;
	font-size: 8px;
	line-height: 8px;
	height: 8px;
}

.sepLarge {
	clear: both;
	font-size: 16px;
	line-height: 16px;
	height: 16px;
}

.sepHuge {
	clear: both;
	font-size: 24px;
	line-height: 24px;
	height: 24px;
}

body {
	background: transparent url(../images/body.jpg) 50% top no-repeat;	
}

body.nb {
	background: transparent url(../images/body_bg.png) 50% top no-repeat;	
}

#bg {
	position: relative;
	width: 1024px;
	height: 750px;
	margin: 0 auto 0 auto;
	text-align: center;
	background: transparent url(../images/bg.jpg) 50% top no-repeat; 
}

#cnt1, #cnt2, #cnt3, #cnt3_inner, #cnt4, #cnt5 {
	position: relative;
	width: 1024px;
	margin: 0 auto 0 auto;
	text-align: center;
}

#cnt1 {
	background: transparent url(../images/content_middle.jpg) 50% top repeat-y;
}

#cnt2 {
	background: transparent url(../images/content_top.jpg) 50% top no-repeat;
}

#cnt3 {
	background: transparent url(../images/content_bottom.png) 50% bottom no-repeat;
}

#cnt3_inner {
	background: transparent url(../images/content_bottom_inner.png) 50% bottom no-repeat;
}

#cnt4 {
	background: transparent url(../images/topframe.png) 50% top no-repeat;
}

#cnt5 {
	background: transparent url(../images/bottomframe.png) 50% bottom no-repeat;
}

#frame {
	position: absolute;
	width: 1024px;
	height: 750px;
	top:0px;left:0px;
	background: transparent url(../images/frames.png) 50% top no-repeat;
	z-index: 20;
}

#headerH, #header {
	position: absolute;
	width: 1024px;
	height: 400px;
	top:0px;left:0px;
	z-index: 5;
	background: transparent url(../images/header.png) 50% top no-repeat;
}

#headerH {
	background: none;
}

.contentPad {
	padding:12px;
	text-align:left;
}

#body {
	position: relative;
	padding: 250px 0 0 0;
	height: 500px;	
	width: 1024px;
}

#bodyCnt {
	position: relative;
	padding: 250px 0 0 0;
	height: auto;
	width: 1024px;
	min-height: 700px;
}

#model {
	position: absolute;
	width: 226px;
	height: 329px;
	left: 399px;
	bottom: 14px;
	background: transparent url(../images/model.png) 50% 50% no-repeat;
}

/* Slides */

#slideTitleH, #slideTitle {
	cursor:pointer;
}

#slideTitleH, #slideTitle, #slide1, #slide2, #slide3 {
	display:none;
	position: absolute;
	top:0px;left:0px;
	width: 1024px;
	height: 400px;
}

#slideTitleH, #slideTitle {
	display: block;
	background: transparent url(../images/slide_title.png) 50% top no-repeat;
	height: 200px;
	z-index: 9;
}

#slideTitle {
	background: none;
}

#slide2 {
	background: transparent url(../images/slide2.jpg) 50% top no-repeat;
	z-index: 5;
}

#slide3 {
	background: transparent url(../images/slide3.jpg) 50% top no-repeat;
	z-index: 5;
}

/* Menu */

#menu {
	position: relative;
	list-style-type: none;
	width: 949px;
	height: 166px;
	margin: 0 auto 0 auto;
	text-align: center;
	z-index:10;
	
}

#menu li, 
#menu li a {
	float: left;
	width: 135px;
	height: 166px;
}

#menu li#link1 a {
	background: transparent url(../images/link1.png) 50% top no-repeat;
}

#menu li#link1 a:hover {
	background: transparent url(../images/link1.png) 50% bottom no-repeat;
}

#menu li#link2 a {
	background: transparent url(../images/link2.png) 50% top no-repeat;
}

#menu li#link2 a:hover {
	background: transparent url(../images/link2.png) 50% bottom no-repeat;
}

#menu li#link3 a {
	background: transparent url(../images/link3.png) 50% top no-repeat;
}

#menu li#link3 a:hover {
	background: transparent url(../images/link3.png) 50% bottom no-repeat;
}

#menu li#link4 a {
	background: transparent url(../images/link4.png) 50% top no-repeat;
}

#menu li#link4 a:hover {
	background: transparent url(../images/link4.png) 50% bottom no-repeat;
}

#menu li#link5 a {
	background: transparent url(../images/link5.png) 50% top no-repeat;
}

#menu li#link5 a:hover {
	background: transparent url(../images/link5.png) 50% bottom no-repeat;
}

#menu li#link6 a {
	background: transparent url(../images/link6.png) 50% top no-repeat;
}

#menu li#link6 a:hover {
	background: transparent url(../images/link6.png) 50% bottom no-repeat;
}

#menu li#link7 a {
	background: transparent url(../images/link7.png) 50% top no-repeat;
}

#menu li#link7 a:hover {
	background: transparent url(../images/link7.png) 50% bottom no-repeat;
}

#menu li#link1 a.w {
	background: transparent url(../images/link1w.png) 50% top no-repeat;
}

#menu li#link1 a.w:hover {
	background: transparent url(../images/link1w.png) 50% bottom no-repeat;
}

#menu li#link2 a.w {
	background: transparent url(../images/link2w.png) 50% top no-repeat;
}

#menu li#link2 a.w:hover {
	background: transparent url(../images/link2w.png) 50% bottom no-repeat;
}

#menu li#link3 a.w {
	background: transparent url(../images/link3w.png) 50% top no-repeat;
}

#menu li#link3 a.w:hover {
	background: transparent url(../images/link3w.png) 50% bottom no-repeat;
}

#menu li#link4 a.w {
	background: transparent url(../images/link4w.png) 50% top no-repeat;
}

#menu li#link4 a.w:hover {
	background: transparent url(../images/link4w.png) 50% bottom no-repeat;
}

#menu li#link5 a.w {
	background: transparent url(../images/link5w.png) 50% top no-repeat;
}

#menu li#link5 a.w:hover {
	background: transparent url(../images/link5w.png) 50% bottom no-repeat;
}

#menu li#link6 a.w {
	background: transparent url(../images/link6w.png) 50% top no-repeat;
}

#menu li#link6 a.w:hover {
	background: transparent url(../images/link6w.png) 50% bottom no-repeat;
}

#menu li#link7 a.w {
	background: transparent url(../images/link7w.png) 50% top no-repeat;
}

#menu li#link7 a.w:hover {
	background: transparent url(../images/link7w.png) 50% bottom no-repeat;
}

/* Contents */

#contents {
	color: #fff;
	text-align: left;
	padding:0 48px 260px 45px;
	font-size:14px;
	font-family: Helvetica, "Times New Roman", Verdana, Tahoma, Arial;	
}

.contents h1, .contents h2, .contents h3
{ font-family: "Times New Roman", Helvetica, Verdana, Tahoma, Arial;padding:0 0 16px 0;margin:0;font-weight:normal; }
.contents h2, .contents h3 { padding: 0 0 8px 0; }

.contents h1 {
	font-size:18px;
	line-height:18px;
	color: #ffda72;
}

.contents h2 {
	font-size:15px;
	line-height:15px;
	color: #ffda72;	
}

.contents p {
	padding:0 0 12px 0;margin:0;
	line-height:18px;
	text-align: justify;
}

.contents ol,
.contents ul {
	padding:0 0 12px 12px;margin:0;
	line-height:18px;
	list-style-type:disc;
	color:#ffcc66;
}
.contents ul.square {
	list-style-type:square;
}
.contents ol {
	list-style-type:decimal;
	padding:0 0 12px 18px;
}

.contents ul.halfL,
.contents ul.halfR {
	width: 45%;
	float:left;
}

.contents ul.halfR {
	float:right;
}

.contents li {
	padding:0 0 4px 0;
}

.contents li span {
	color:#fff;
	line-height:18px;
}

#contents #colLeft {
	float:left;
	width:405px;
}

#contents #colRight {
	float:right;
	width:465px;
}

#contents #colLeftW {
	float:left;
	width:465px;
}

#contents #colRightW {
	float:right;
	width:405px;
}

#contents #colLeftN {
	float:left;
	width:470px;
}

#contents #colRightN {
	float:right;
	width:430px;
}

#contents #colLeftHalf {
	float:left;
	width:435px;
}

#contents #colRightHalf {
	float:right;
	width:435px;
}


#contents #col1 {
	float:left;
	width:320px;
}

#contents #col2 {
	float:left;
	width:278px;
	padding: 0 0 0 30px;
}

#contents #col3 {
	float:right;
	width:275px;
}

#contents #col1W {
	float:left;
	width:250px;
}

#contents #col2W{
	float:left;
	width:390px;
	padding: 0 0 0 20px;
}

#contents #col3W {
	float:right;
	width:250px;
}

#singleColumnMedium {
	width: 800px;
	margin:0 auto 0 auto;	
}

.condenseWrap {
	width:280px;
	text-align:center;
}

.condenseWrap p {
	text-align:center;
	line-height:20px;
}

#submit {
	display:block;
	border:none;
	background:transparent url(../images/submit.png) 50% top no-repeat;
	padding:0;margin:0 auto 0 auto;
	width:176px;
	height:56px;
}

#submit:hover {
	background:transparent url(../images/submit.png) 50% bottom no-repeat;
}

a {
	text-decoration:none;
	color:#fff;	
}

a:hover {
	text-decoration:underline;
}