@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding: 0;
	background: #c60;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	line-height: 16px;
	}

a {
	color: #08c;
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;
	}

/*basics*/
.b {font-weight:bold}
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }
.fs24 { font-size:24px; }
.fs26 { font-size:26px; }
.fs28 { font-size:28px; }
.fs30 { font-size:30px; }
.fs34 { font-size:34px; }
.fs38 { font-size:38px; }
.fs40 { font-size:40px; }
.fs46 { font-size:46px; }

.fWhite { color: #fff !important}
.fRed { color: #c00 !important}
.fBlack { color: #000 !important}
.fLgray { color: #999 !important}
.fGray { color: #444 !important}
.fOrange { color: #e80 !important}
.fBlue { color: #08c !important}

/** my grid layout helper @020411 ~~ use body#page **/
.column { float:left; width:auto; padding:0; margin:0; }
.clearer, .master, .parent { width:100%; zoom:1; position:static; clear:both; }
.column, .master, .parent { height:100px; min-height:100px; }
.grid1col .column { width:100%; }	
.grid2col .column { width:49%; margin-left:1%; }
.grid3col .column { width:32%; margin-left:1%; }
.grid4col .column { width:24%; margin-left:1%; }
.grid5col .column { width:19%; margin-left:1%; }
.gridXcol .column { width:10%; margin-left:1%; }
.column.first, .column.last { margin-left:0; }
.column.last { float:right; width:auto; }
.clearer:after, .master:after, .parent:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
html > body#page .column, html > body#page .master, html > body#page .parent, html > body#page .master .parent .column { height:auto; }

/** my grid's template **/
#page .grid1col,
#page .grid2col,
#page .grid3col,
#page .grid4col,
#page .grid5col, 
#page .gridXcol { width:100%; height:100px; min-height:100px; }
#page .grid1col > .column { width:100%; }
#page .grid2col > .column { width:49%; }
#page .grid3col > .column { width:32%; }
#page .grid4col > .column { width:24%; }
#page .grid5col > .column { width:19%; }
#page .gridXcol > .column { width:10%; }

.b { font-weight:bold}
.fLeft { float:left; width:auto; }
.fRight { float:right; width:auto}
.blackShodow {text-shadow: #222 1px 1px 1px; }
.whiteShodow {text-shadow: #fff 1px 1px 1px; }

p.text {
 	margin:0;
	padding: 0 0 15px 0;
	text-align: justify;	
	}

.clear { clear:both }

#topHolder {
	float: left; width: 100%; background: #4b4c4d url(../images/topBG2.jpg) bottom left repeat-x;
	}
#topHolderInner {
	float: left; width: 100%; background:url(../images/topBG.jpg) top center repeat-x; min-height: 780px;
	}
#topHolderInner2 {
	float: left; width: 100%; background:url(../images/topBG-inner.jpg) top center repeat-x; padding-bottom:30px;
	}
#topHolderInner3 {
	float: left; width: 100%; background:url(../images/topBG-inner3.png) top center repeat-x; padding-bottom:30px;
	}
.holder { width:1000px; margin: 0 auto;}

#header {
	float: left; width: 1000px; min-height: 110px;
	}
#header #logo {
	float: left; width:auto; padding: 25px 0 10px 20px;
	}

#header ul.topLinks {
	float:left; width:auto; margin: 20px 20px 0 0;
	}

#header ul.topLinks li {
	float:left;
	width:auto;
	padding: 0 3px;
	color: #e80;
	}
#header ul.topLinks li img {
	float:left; margin: 0 3px 0 0
	}
#header ul.topLinks li a {
	text-decoration:none; color:#e80; font-size:11px; float:left; width:auto; white-space: nowrap; padding: 3px 0 0 0; line-height:14px;
	}

#homeHeader {
	float: left; width: 1000px; min-height: 450px; border-bottom: 1px solid #3e3e3f; padding: 0 0 30px 0;
	}

#homeHeader h1 {
	margin:0; padding:40px 0 5px 0; font-size: 36px; font-weight:bold; color: #222; text-shadow: #fff 1px 1px 1px; line-height: 34px; text-align:center;
	}

#homeHeader h3 {
	padding: 0 0 35px 0; text-align:center; font-size: 16px; color: #555; font-weight:bold;text-shadow: #fff 1px 1px 1px; 
	} 

.contents {
	float: left; width: 1000px; clear: both;
	}

.borderTop {
	border-top: 1px solid #5a5b5b; padding: 35px 0;
	}

.homeBoxes {
	float:left; width: 210px; padding: 0 20px; font-size: 12px; line-height: 15px; color: #ccc; text-align:center;
	}
.homeBoxes a {
	color:#ccc;
	text-decoration:none;
	}
.homeBoxes a:hover {
	color: #fff;
	}

.homeBoxes .iconImage{
	margin:0; padding:0; text-align:center;
	}
.homeBoxes h1,
.homeBoxes a h1 {
	font-size: 20px; color: #fff; text-shadow: #222 1px 1px 1px; font-family:"Courier New", Courier, monospace; font-weight:bold; text-transform: uppercase; margin:0; padding: 15px 0;
	}
.homeBoxes a:hover h1 {
	color: #cc0;
	}
	
.homeBoxes h1 b { text-transform: lowercase}


ul.ky_topMenu {
	overflow: hidden;
	clear:both;
	list-style: none;
	float:left;
	width: 1000px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: rgba(5,5,5,0.3) 0 1px 2px; 
	-moz-box-shadow: rgba(5,5,5,0.3) 0 1px 2px; 
	box-shadow: rgba(5,5,5,0.3) 0 1px 2px;
	text-shadow: #243a47 1px 1px 1px;
	background: #0066aa;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0066aa'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0066aa)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0088cc,  #0066aa); /* for firefox 3.6+ */
	margin: 0 0 15px 0;
	}
	
ul.ky_topMenu li {
	float:left;
	width:auto;
	border-right: 1px solid #18d;
	}
	
ul.ky_topMenu li a {
	float:left;
	width:auto;
	white-space: nowrap;
	padding: 13px 20px;
	color: #fff;
	font-size: 12px;
	text-shadow: #049 1px 1px 1px;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	border-right: 1px solid #059;
	line-height: 18px;
	}
ul.ky_topMenu li a:hover,
ul.ky_topMenu li a.ACTIVE {
	color: #08c;
	text-shadow: #fff 1px 1px 1px;
	background: #f9f9f9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#efefef'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#efefef)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fcfcfc,  #efefef); /* for firefox 3.6+ */
	}
	
.ky_contentHolder {
	float:left;
	width:998px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #efefef;
	background: #fff;
	-webkit-box-shadow: rgba(2,2,2,0.5) 0 2px 1px; 
	-moz-box-shadow: rgba(2,2,2,0.5) 0 2px 1px; 
	box-shadow: rgba(2,2,2,0.5) 0 2px 1px;
	overflow: hidden;
	padding: 0;
	}

#topFooter {
	float: left; width: 100%; background: #e80; border-top: 1px solid #f90; padding: 20px 0; color:#fff;
	}
#bottomFooter {
	float: left; width: 100%; border-top: 1px solid #b50; min-height: 60px; font-size: 11px !important; color:#fff;
	}

ul.footerLinks {
	float:left; width: 218px; list-style: none; margin:0; padding: 0 0 0 30px; border-left: 1px solid #e90; border-right: 1px solid #e70; min-height: 140px;
	}
ul.footerLinks li {
	color:#fbf8a7; font-size: 11px; line-height:14px; padding: 0 0 5px 0; text-shadow: #c60 1px 1px 1px;
	}
ul.footerLinks li a {
	color:#fbf8a7; text-decoration:none;
	}
ul.footerLinks li a:hover {
	color: #fff;
	}
ul.footerLinks li h2 {
	padding: 0 0 5px 0; color: #fff; font-size:13px; font-weight:bold;
	}
	
ul.Left  {
	border-left: 0;
	}
	
ul.Right  {
	border-right: 0;
	}

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

#bottomFooter a:hover { color: #fbf8a7}

#supportFloat {
    position: fixed;
    right: 0;
    top: 35%;
}


.ky_Holder {
	clear:both;
	float:left;
	width: 950px;
	margin: 15px 25px 25px 25px;
	}
.ky_Holder h1.pageTitle {
	font-size: 32px;
	color: #222;
	line-height: 40px;
	margin: 0 0 30px 0;
	border-bottom: 2px dotted #efefef;
	padding: 0 0 7px 0
	}
.ky_Holder .ky_contents {
	float: left;
	width:660px;
	}
.ky_Holder .ky_right {
	float: right;
	width: 250px;
	}
	
.ky_boxMiddle {
	float:left;
	width:660px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #efefef;
	background: #fff;
	-webkit-box-shadow: rgba(5,5,5,0.3) 0 1px 2px; 
	-moz-box-shadow: rgba(5,5,5,0.3) 0 1px 2px; 
	box-shadow: rgba(5,5,5,0.3) 0 1px 2px;
	overflow: hidden;
	padding: 0 0 5px 0;
	}
.ky_boxMiddle h2 {
	float:left;
	width: 630px;
	margin: 10px;
	padding: 5px 0;
	border-bottom: 1px dotted #ddd;
	color: #333;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	}
.ky_boxMiddle p {
	width: 620px;
	float:left;
	clear:both;
	margin: 20px;
	font-size: 13px;
	line-height:18px;
	color: #777;
	}
	
form {
	clear:both;
	float:left;
	width: 670px;
	}

form .ky_formInner {
	clear:both;
	float:left;
	width: 630px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	background: #f7f7f7;
	padding: 15px;
	}
form .ky_formInner  p {
	margin: 6px 0;
	float:left;
	clear:both;
	width: 630px;
	}
	
form .ky_formInner  p label {
	float: left;
	width: 190px;
	text-align:right;
	text-transform: uppercase;
	color: #333;
	font-weight:bold;
	font-size:11px;
	line-height: 12px;
	margin: 8px 8px 0 0;
	}

.ky_Fields {
	width: 340px;
	background: #f3f3f3;
	border: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size:12px;
	color: #555;
	line-height:16px;
	padding: 4px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow:inset 0 0 5px #ddd;
	-webkit-box-shadow:inset 0 0 5px #ddd;
	 box-shadow:inset 0 0 5px #ddd;
	}
	
a.orangeButton,
.orangeButton {
	float:left;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight:bold;
	margin:5px;
	cursor:pointer;cursor:hand;
	border: 0;
	text-transform: uppercase;
	line-height: 20px;
	text-shadow: #c00 1px 1px 1px;
	-webkit-box-shadow: rgba(5,5,5,0.3) 0 1px 2px; 
	-moz-box-shadow: rgba(5,5,5,0.3) 0 1px 2px; 
	box-shadow: rgba(5,5,5,0.3) 0 1px 2px; 
	border-radius: 4px;
	-moz-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90', endColorstr='#d60'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f90), to(#d60)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f90,  #d60); /* for firefox 3.6+ */
	text-decoration:none;
	}
a.orangeButton:hover,
.orangeButton:hover {
	color: #ff7
	}

.ky_right .ky_clear {
	float:left;
	clear:both;
	width: 250px;
	}