/*--------- overview ---------*/
html{ 
	height: 				100%;
	}
body{
	margin: 				0px 0px 0px 0px;
	height: 				100%;
	padding: 				0px 0px 0px 0px;
	font: 					normal 9pt Arial, Helvetica, sans-serif;
	color: 					#434343;
	background: 			#a4a3a3 url(../images/gradient.jpg) repeat-x top;
	text-align:				center;
	}
 .pre{
	margin: 				0px 0px 0px 0px;
	height: 				100%;
	padding: 				0px 0px 0px 0px;
	font: 					normal 9pt Arial, Helvetica, sans-serif;
	color: 					#343434;
	background: 			#e1e1e1 url(../images/hk.tile.jpg) repeat-y center top;
	text-align:				center;
	}

/*--------- links ---------*/
a:link{						border-bottom:		none;  color : #b5781f; text-decoration: none;}
a:visited{					border-bottom: 		none; color : #b5781f; text-decoration :  none; }
a:hover{					border-bottom:      #b5781f 1px dotted; color : #b5781f;text-decoration :  none;}

#login a{
	font: 					normal 8pt Arial, Helvetica, sans-serif;
}
a.nonelink{
	color:					#188e13;
 	border-bottom: 			none;
}
#quabe a:link, a:visited,a:hover {border-bottom: none; text-decoration: none;}

#text a:link{				border-bottom:#eaa143 1px dotted;  color : #eaa143; text-decoration: none;}
#text a:visited{			border-bottom:#eaa143 1px dotted; color : #eaa143; text-decoration :  none; }
#text a:hover{				border-bottom:#ffffff 1px dotted; color : #eaa143;text-decoration :  none;}


/*--------- text ---------*/
.gold{
color:					#eaa143;
}
.red{
color:					#dc2c28;
}
.textstyle{
font-style: 			italic;
font:					15pt;
}
.hp{
font-weight: 			bold;
}
.ha{
font-weight: 			bold;
}
.hm{
font-weight: 			bold;
color:					#981b1e;
}
.hkgold{
color:					#b5781f;
}
small{
color:					#dc2c28;
}
.hk{
font-weight: 			bold;
}
.hk2{
font-weight: 			bold;
color:					#c5931a;
}

/*--------- images ---------*/
img { 
	border: 				none; 
	}

/*--------- layout ---------*/
#foundation{
	margin: 				0px 0px 0px 0px;
	width: 					100%;
	height:					100%;
	padding: 				0px 0px 0px 0px;
}
#architect {
} 

#prearchitect {
	margin: 				200px 0px 0px 0px;
} 
#gateway{
	float:					right;
	text-align:				right;
	padding: 				0px 60px 0px 0px;
	width: 					50%;
	}
#premosaic{
	top: 			200px;
	margin: 		auto;
	margin: 		auto;
	width: 			960px;	
	min-height:		430px;
	height:			auto !important;
  	height:			430px;
	padding: 		0px 0px 0px 1px;
	background: 		url(../images/hk.08.jpg) no-repeat center top;
	clear: 			both;
}
#mosaic{
	margin: 				auto;
	width: 					1004px;	
	min-height:				1300px;
	height:					auto !important;
  	height:					1300px;
	padding: 				0px 0px 0px 0px;
	background:				url(../images/hk.bg.jpg) no-repeat left top;
	clear: 					both;
}
#cell{
	float:					left;
	text-align:				left;
	margin:					0px 0px 0px 0px;
	width: 					884px;	
	min-height:				430px;
	height:					auto !important;
  	height:					430px;
	padding: 				0px 0px 0px 41px;
	clear: 					both;
}
#caption{
	width: 					100%;
	height:					192px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#captionleft{
	float:					left;
	text-align:				left;
	width:					154px;
	height:					192px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#captioncenter{
	float:					left;
	text-align:				left;
	font:					normal 6.5pt Arial, Helvetica, sans-serif;
	width:					571px;
	height:					192px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#captioncentertop{
	float:					left;
	text-align:				left;
	width:					571px;
	height:					161px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#captioncentertop img{
	height:					150px;
}
#captioncenterbottom{
	float:					left;
	text-align:				left;
	width:					571px;
	height:					30px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#captionright{
	float:					left;
	text-align:				left;
	width:					232px;
	height:					192px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	background: 			url(../images/hkbar.jpg) repeat-x top;
}
#vista{
	width: 					100%;
	height:					272px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 1px 0px;
	clear: 					both;
}
#vistaleft{
	float:					left;
	text-align:				left;
	width:					9px;
	height:					272px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#vistanav{
	float:					left;
	text-align:				left;
	width:					145px;
	height:					272px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#vistanav ul{
	padding: 				0px 0px 0px 0px;
	margin: 				60px 20px 0px 0px;
	clear:					both;
}
#vistanav ul li {
	float: 					right;
	list-style: 			none;
	margin: 				0px 0px 10px 0px;
}
#vistaimage{
	float:					left;
	text-align:				left;
	width:					830px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px -10px 0px;
}
#vistaimage img{
	height:					272px;
}
#vistaright{
	float:					left;
	text-align:				left;
	width:					17px;
	height:					272px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#mid{
	width: 					100%;
	height:					27px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#midleft{
	float:					left;
	text-align:				left;
	width:					154px;
	height:					27px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#midcenter{
	float:					left;
	text-align:				left;
	width:					571px;
	height:					27px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#midright{
	float:					left;
	text-align:				left;
	width:					232px;
	height:					27px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	background: 			url(../images/hkbar2.jpg) repeat-x top;
}
#box{
	height: 22px;
	float:					left;
	text-align:				center;
	width: 					100%;
	padding: 				0px 0px 0px 0px;
	margin: 				4px 0px 0px 0px;
	clear: 					both;
}
#clock {
	font-family: Arial, Verdana, sans-serif;
	font-size: 7pt;
	color: #ffffff;
}
#content{
	width: 					100%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#contentleft{
	float:					left;
	text-align:				left;
	width:					154px;
	height:					272px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contentbox{
	float:					left;
	text-align:				left;
	width:					830px;
	min-height:				430px;
	height:					auto !important;
  	height:					430px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	background: 			#e1e2e3 url(../images/contentgradient.jpg) top repeat-x;
}
#contentcaption{
	float:					left;
	text-align:				right;
	width:					750px;
  	height:					70px;
	padding: 				15px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contentcaption2{
	float:					left;
	text-align:				right;
	width:					737px;
  	height:					70px;
	padding: 				15px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contenttext{
	float:					center;
	text-align:				justify;
	width:					740px;
	min-height:				500px;
	height:					auto !important;
  	height:					500px;
	line-height:			1.5;
	padding: 				0px 30px 0px 40px;
	margin: 				0px 0px 0px 0px;
	background: 			url(../images/hkbg.jpg) left top no-repeat;
}
#contentright{
	float:					left;
	text-align:				left;
	width:					17px;
	height:					272px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contactbox{
	float:					left;
	text-align:				left;
	width: 					740px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contactboxleft{
	float:					left;
	text-align:				left;
	width: 					555px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	border-right:			1px dotted #b5781f;
	min-height:				350px;
	height:					auto !important;
  	height:					350px;
}
#contactboxright{
	float:					right;
	text-align:				right;
	width:					150px;
	padding: 				0px 0px 0px 7px;
	margin: 				0px 15px 0px 0px;
}
#endcontent{
	float:					center;
	text-align:				center;
	height:					24px;
	width: 					740px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 30px 0px 40px;
	border-top:				1px dotted #666666;
}
#endcontentleft{
	float:					left;
	text-align:				left;
	height:					24px;
	width: 					50%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#endcontentright{
	float:					right;
	text-align:				right;
	height:					24px;
	width: 					50%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#close{
	width: 					100%;
	height:					27px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#closeleft{
	float:					left;
	text-align:				left;
	width:					154px;
	height:					27px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#closecenter{
	float:					left;
	text-align:				left;
	width:					571px;
	height:					27px;
	padding: 				0px 0px 0px 0px;
	margin: 				4px 0px 0px 0px;
}
#closeright{
	float:					left;
	text-align:				center;
	width:					232px;
	height:					27px;
	padding: 				6px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	background: 			url(../images/hkbar3.jpg) repeat-x top;
	font-family: Arial, Verdana, sans-serif;
	font-size: 7pt;
	color: #ffffff;
}

#logo{
	float:					left;
	text-align:				left;
	width: 					100%;
	height:					115px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#logo img{
	width: 					500px;
	height:					70px;
}


/*--- navigation ---*/
#navigation {
	position: 				relative;
  	height:					30px;
	width: 					571px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	overflow: 				hidden;
	float:					left;
	text-align:				left;
	}
#navigation ul{
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}

/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#navigation ul li {
	float: 					left;
	list-style: 			none;
	margin: 				0px 22px 0px 0px;
}

#navigation ul li a  {
	z-index: 				10;
	display: 				block;
	float: 					left;
	height: 				30px;
	position: 				relative;
	overflow: 				hidden;
	text-decoration : 		none; 
	border-bottom: 			none;
}

/*--- main nav ---*/

#menu_home a {
	width:					113px;	
}

#menu_about a {
	width: 					123px;	
}

#menu_services a {
	width: 					123px;	
}
#menu_contact a {
	width: 					123px;	
}
#navigation li.background {
	z-index: 				8;
	position: 				absolute;
	visibility:				hidden;
}

#navigation .background .left {
	background: 			url('../images/bg.menu.png') no-repeat top left !important;
	background: 			url('../images/bg.menu.gif') no-repeat top left;
	height: 				30px;
	margin-right: 			15px; /* 7px is the width of the rounded shape */
}



/*--- info area ---*/
#imzadi{
	width: 					100%;
	padding: 				2px 10px 40px 10px;
	margin: 				0px 0px 0px 0px;
}
#mission{
	float:					left;
	text-align:				left;
	width:					375px;
  	height:					187px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#mission img{
	width:					360px;
	height:					177px;
}
#textheader{
  	height:					40px;
	float:					left;
	width:					100%;
	text-align:				left;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	border-bottom:			1px dotted #eaa143;
	clear: 					both;
}
#text{
	text-align:				justify;
	min-height:				400px;
	height:					auto !important;
  	height:					400px;
	font:					normal 11pt times, Arial, Helvetica, sans-serif;			
	width:					100%;
	padding: 				20px 0px 0px 0px;
	margin: 				0px 0px 20px 0px;
	clear: 					both;
}
/*--- sub.navigation ---*/

.services #textleft  a {
	font-size: 8pt;
	display: block;
	width: 180px;
	min-height:13px;
	height:auto !important;
  	height:13px;
	margin: 0px 0px 1px 0px;
	padding: 4px 20px 2px 20px;
	background-color: #162b0a;
}
.services #textleft  a:link, .services #textleft  a:visited {
	color: #ffffff;
	text-decoration: none;
	border:none;
}

.services #textleft  a:hover, #nav li:hover {
	color: #eea446;
	text-decoration: none;
	background-color: #161414;
}

.services #textleft  a.current {
	color: #eea446;
	text-decoration: none;
	background-color: #161414;
}


.services #textholder{
	width:					770px;
}
.services #textleft{
	width:					210px;
	float:					left;
	margin:					0px 20px 0px 0px;
	font:					normal 10pt Arial, Helvetica, sans-serif;
}
.services #textleft ul{
	width:					210px;
	padding: 				0px 0px 0px 0px;
	margin: 				20px 0px 0px 0px;
}
.services #textleft ul li {
	display:				block;
	width:					210px;
	float: 					left;
	list-style: 			square;
	margin: 				0px 0px 7px 0px;
}

.services #textright{
	float:					left;
	text-align:				justify;
	min-height:				400px;
	height:					auto !important;
  	height:					400px;			
	width:					510px;
	padding: 				20px 0px 0px 0px;
	margin: 				0px 0px 20px 0px;
}

.services #subservices {
  	width:					770px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 5px 0px;
	}
#subnav ul{
	width:					200px;
	padding: 				0px 0px 0px 0px;
	margin: 				20px 0px 0px 0px;
}
#subnav ul li {
	display:				block;
	width:					200px;
	float: 					left;
	list-style: 			square;
	margin: 				0px 0px 7px 0px;
}

#subnavul li a  {
	float: 					left;
	height: 				30px;
	text-decoration : 		none; 
	border-bottom: 			none;
}
#subnav {
	height:					450px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 5px 0px;
	float:					left;
	text-align:				left;
	font: 					normal 9pt Arial, Helvetica, sans-serif;
	width:					200px;
	background:				#daa520;
	}
.services #textright ul{
	padding: 				20px 0px 20px 0px;
	margin: 				0px 0px 0px 0px;
	clear:					both;
}
.services #textright ul li {
	list-style: 			square;
	margin: 				3px 0px 5px 60px;
}
#text ul{
	padding: 				20px 0px 20px 0px;
	margin: 				0px 0px 0px 0px;
	clear:					both;
}
#text ul li {
	list-style: 			square;
	margin: 				3px 0px 5px 60px;
}
#text2{
	text-align:				center;
	font:					normal 10pt Arial, Helvetica, sans-serif;			
	width:					550px;
	padding: 				20px 0px 0px 0px;
	margin: 				0px 0px 20px 0px;
	clear: 					both;
}
#copyright{
	width:					100%;
	padding: 				4px 0px 0px 0px;
	margin: 				0px 0px 30px 0px;
	clear: 					both;
}
#terms{
  	height:					15px;
	width:					100%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#terms a:hover{				border-bottom:	#d679b1 1px dotted; color : #d679b1;text-decoration :  none;}
#termsleft{
	float:					left;
	text-align:				left;
	font:					normal 7pt Arial, Helvetica, sans-serif;
	width:					50%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#termsright{
	float:					right;
	text-align:				right;
	font:					normal 7pt Arial, Helvetica, sans-serif;
	width:					200px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#credit{
	width:					98%;
	padding: 				3px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#creditleft{
	float:					left;
	text-align:				left;
	font:					normal 6.5pt Arial, Helvetica, sans-serif;
	width:					50%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#creditright{
  	height:					6px;
	float:					right;
	text-align:				right;
	font:					normal 6.5pt Arial, Helvetica, sans-serif;
	width:					47%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#quabe{
	width:					100%;
	float:					left;
	text-align:				left;
	padding: 				0px 0px 30px 0px;
	margin: 				0px 0px 30px 0px;
	clear: 					both;
}




/*--------------------- forms ---------------------*/
* {
	margin: 			0px 0px 0px 0px;
  	padding: 			0px 0px 0px 0px
}
/*---general---*/
form {
 	 margin: 			0px 0px 0px 0px;
 	 padding: 			0px 0px 0px 0px
}
form div.input {
	margin: 			0px 0px 0px 0px;
}
form div.submit {
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}
form div.submit div {
  	width: 				auto;
	float: 				left;
  	text-align: 		left;
  	padding: 			0px 0px 0px 0px;
  	margin: 			0px 0px 0px 0px;
}
form div input, form div select, form div textarea {
 	padding: 			0px 0px 0px 0px;
  	margin: 			0px 0px 0px 0px;
}

form div input.inputFile {
  	width: 				211px;
}

form div select.selectOne, form div select.selectMultiple {
  	width: 				211px;
  	padding: 			1px 3px 0px 0px;
}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: 	#cccccc;
  color: 				#000000;
  padding: 				0px 0px 0px 0px;
  margin: 				0px 0px 0px 0px;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: 				right;
}

/*---inputs---*/
input.submit{
	width: 				24px;
	height: 			24px;
	padding:  			2px 0px 0px 0px;
}
input.required, input.required:focus, input.error, input.error:focus{
	width:				450px;
  	height: 			16px;
	border: 			solid 1px #aeadb1;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 3px;
}
input.optional, input.optional:focus{
	width:				455px;
  	height: 			16px;
	border: 			solid 1px #aeadb1;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 3px;
}
select.required, select.required:focus{
	width:				382px;
  	height: 			23px;
	border: 			solid 1px #aeadb1;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 0px;
}

textarea.required {
	width:				450px;
  	height: 			150px;
	border: 			solid 1px #aeadb1;
	font: 				8pt arial;
	color: 				#000000;
	margin: 			0px 0px 0px 0px;
	padding: 			3px 3px 3px 3px;
	overflow:			auto;
}
textarea.optional {
	width:				455px;
  	height: 			150px;
	border: 			solid 1px #aeadb1;
	font: 				8pt arial;
	color: 				#000000;
	margin: 			0px 0px 0px 0px;
	padding: 			3px 3px 3px 3px;
	overflow:			auto;
}

/*---backgrounds---*/
input.required, input.mailrequired,input.optional, input.listrequired, input.listoptional,input.optional, input.listerror, input.cart, textarea.required, textarea.optional,select.required, select.required:focus, select.product, select.product:focus,select.optional, select.optional:focus{
	background-color: 	#ebebeb;
}

/*---border---*/
input.required,input.mailrequired,input.required:focus, input.error:focus, textarea.required, textarea.required:focus ,select.required, select.required:focus{
	border-right: 		5px solid  #b5781f;
}


/*---focus---*/
input.required:focus,input.mailrequired:focus,input.optional:focus, input.listrequired:focus, input.listoptional:focus, textarea.required:focus, textarea.optional:focus,input.optional:focus{
	background-color: 	#b2b2b2;
}

/*---errors---*/
input.error, textarea.error, select.error, input.listerror{
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	width:				450px;
  	height: 			16px;
	margin: 			0px 0px 10px 0px;
}
select.error{
	width:				382px;
  	height: 			23px;
	border: 			solid 1px #aeadb1;
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 0px;
}

textarea.error{
	width:				450px;
  	height: 			150px;
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	border-left: 		solid 1px #aeadb1;
	border-top: 		solid 1px #aeadb1;
	border-bottom: 		solid 1px #aeadb1;
	font: 				8pt arial;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 3px;
	overflow:			auto;
}

input.error:focus, textarea.error:focus,select.error:focus, input.listerror:focus{
  	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
}