html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

body {
	background: #535427;
	font: 12px Arial, Helvetica, sans-serif;
    }

a {
	text-decoration: none;
	}	
a:link, a:visited {
	color: #e0e0b9;
	}
a:hover, a:active {
	color: #cbe878;
	}
	
h1, h2, h3, h4 {
	color: #e0e0b9;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1.25em 0 0 0;
	}
h2 {
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	color: white;
	}
h3 {
	font-size: 17px;
	font-weight: bold;
	}
h2 + h3 {
	margin-top: .5em;
	}
h4 {
	text-transform: uppercase;
	font-weight: bold;
	}
	
p {
	margin: 0 0 1em 0;
	}


/* LAYOUT */
#mainContainer {
	width: 100%;
	margin: 0 auto;
	}

#topContainer {
	height: 343px;
	background: #e0e0b9 url(../images/headerBackRepeat.gif) repeat-x;
	}

#textContainer {
	/*height: 269px;*/
	background: #6b8040 url(../images/brickRepeat.jpg) 50% 0 repeat-y;
	width: 100%;
	}
#lighterGreenBox {
	background: url(../images/textAreaBack.gif) 50% 0 no-repeat;
	}	
	
#footerContainer {
	min-height: 23px;
	clear: both;
	}
	
#imageBox {
	width: 334px;
	float: left;
	display: inline;
	}
		
#flashBackground {
	top: inherit;
	left: -690px;
	position: relative;
	float: left;
	display: inline;
	height: 303px;
	width: 1024px;
	}
	


#textBox  {
	/*height: 269px;*/
	background: url(../images/textBack.jpg) 50% 0 no-repeat;
	}

#topBox, #textBox, #footerBox {
	width: 800px;
	margin: 0 auto;
	}
#footerBox {
	background: url(../images/footerBack.gif) 100% 0 no-repeat;
	padding: 1px 0;
	}

#topArea {
	height: 297px;
	background: url(../images/headerBack.jpg) no-repeat;
	}
	
#navBox {
	height: 46px;
	background: url(../images/navBack.gif) 50% 0 no-repeat;
	margin-top: 1px;
	}
	
#companyBox {
	width: 209px;
	height: 104px;
	float: left;
	margin-left: 7px;
	display: inline;
	background: url(../images/koreanBoxBack.gif) no-repeat;
	}
	
#contactBox {
	/* position: relative;
	top: -57px; */
 	width: 179px;
	height: 57px;
	margin-right: 2px;
	float: right;
	display: block;
	background: url(../images/contactBoxBack.gif) no-repeat;
 	}
	
#logoBox {
	width: 292px;
	height: 114px;
	margin: 0 auto;
	margin-top: 55px; /* note 1px padding on container */
	margin-left: 250px;
	}
	
#aboveFlashBox {
	height: 169px;
	padding-top: 1px;
	}
	
#flashtop {
	width: 800px;
	height: 127px;
	background: url(../images/FPOflash.jpg) 50% 0 no-repeat; 
}
/* End LAYOUT styles */

#logoBox a {
	width: 292px;
	height: 114px;
	display: block;
	position: absolute;
	background: url(../images/HDBLogo.gif) no-repeat;
	}
#logoBox a:link, #logoBox a:visited {
	background-position: 0 0;
	}
#logoBox a:hover, #logoBox a:active {
	background-position: 0 -114px;
	}

#textArea {
	/*position: relative;
	top: -303px;
	left: 313px;*/
	
	font: 12px Georgia, "Times New Roman", Times, serif;
	width: 430px !important;
	width: 432px;
	padding-left: 32px;
	padding-right: 0px;
	float:left;
	display: inline;
	}

#textArea2 {
	/*position: relative;
	top: -303px;
	left: 313px;*/
	
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	/*width: 430px !important;
	width: 432px;*/
	padding-top: 13px;
	padding-left: 3px;
	padding-right: 0px;
	float:left;
	display: inline;
	}
	
#textArea2 .formList li {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: white;
	margin: 5px 0;
	}
#textArea2 p, #textArea ul {
	color: white;
	line-height: 1.8em;
	margin-right: 20px;
	}
#textArea2 ul {
	margin-left: 1.2em;
	/*line-height: normal;*/
	}
#textArea2 li {
	margin: .5em 0;
	}
	
#textArea2 a:link, #textArea a:visited {
	border-bottom: 1px dotted #cbe878;
	}
#textArea2 a:hover, #textArea a:active {
	border-bottom: 1px solid #cbe878;
	}	
#textArea2 #contactBox p {
	margin: 0;
	}
#textArea2 #contactBox a {
	border-bottom: 0;
	}

#textArea .formList li {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: white;
	margin: 5px 0;
	}
#textArea p, #textArea ul {
	color: white;
	line-height: 1.8em;
	margin-right: 20px;
	}
#textArea ul {
	margin-left: 1.2em;
	}
#textArea li {
	margin:  0;
	}
	
#textArea a:link, #textArea a:visited {
	border-bottom: 1px dotted #cbe878;
	}
#textArea a:hover, #textArea a:active {
	border-bottom: 1px solid #cbe878;
	}	
#textArea #contactBox p {
	margin: 0;
	}
#textArea #contactBox a {
	border-bottom: 0;
	}

#imageBox img {
	margin: 10px 0;
	}

.subNav {
	margin: 0 0 18px 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	/*border-top: 1px solid #869763;*/
	}
.subNav a {
	white-space: nowrap;
	}
	
#textArea a.on:link, #textArea a.on:visited, #textArea a.on:hover, #textArea a.on:active {
	color: white;
	font-weight: bold;
	border-bottom: 0;
	}
	
.inputField {
	background: #ecebd6;
	border: 1px solid #535427;
	width: 220px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	}

.formList {
	list-style-type: none;
	}
.formList label {
	width: 80px;
	display: block;
	float: left;
	font-weight: bold;
	}
	
.arrows {
	width: 80px; 
	margin:20px auto 0 auto;
	}

/* HIDE */
#logoBox a strong, #companyBox a em, #navBox em, #contactUsButton em, #clientConnectButton em {
	display: none;
	}

/* BUTTONS */
#theCompanyButton {
	display: block;
	float: left;
	width: 92px;
	height: 35px;
	}
#theCompanyButton a {
	display: block;
	margin-top: 12px;
	width: 92px;
	height: 23px;
	background: url(../images/boxCompany.gif);
	}
#theCompanyButton a:link, #theCompanyButton a:visited {
	background-position: 0 0;
	}
#theCompanyButton a:hover, #theCompanyButton a:active {
	background-position: 0 -23px;
	}
	
#koreanButton {
	display: block;
	float: left;
	width: 117px;
	height: 35px;
	}
#koreanButton a {
	display: block;
	margin-top: 12px;
	width: 117px;
	height: 23px;
	background: url(../images/boxKorean.gif);
	}
#koreanButton a:link, #koreanButton a:visited {
	background-position: 0 0;
	}
#koreanButton a:hover, #koreanButton a:active {
	background-position: 0 -23px;
	}

#contactUsButton {
	display: block;
	float: left;
	width: 80px;
	height: 57px;
	}
#contactUsButton a {
	display: block;
	width: 80px;
	height: 22px;
	margin-top: 35px;
	background: url(../images/boxContact.gif);
	}
#contactUsButton a:link, #contactUsButton a:visited {
	background-position: 0 0;
	}
#contactUsButton a:hover, #contactUsButton a:active {
	background-position: 0 -22px;
	}	

#clientConnectButton {
	display: block;
	float: left;
	width: 99px;
	height: 57px;
	}
#clientConnectButton a {
	display: block;
	width: 99px;
	height: 22px;
	margin-top: 35px;
	background: url(../images/boxClient.gif);
	}
#clientConnectButton a:link, #clientConnectButton a:visited {
	background-position: 0 0;
	}
#clientConnectButton a:hover, #clientConnectButton a:active {
	background-position: 0 -22px;
	}
	
/* NAV */
#navBox a:link, #navBox a:visited {
	color: #6b8040;
	}
#navBox a:hover, #navBox a:active {
	color: #535427;
	}
#navBox em {
	font-style: normal;
	}	
#navBox li {
	list-style-type: none;
	float: left;
	display: block;
	height: 46px;
	}
#navBox li a {
	display: block;
	height: 46px;
	}
#navBox li a:link, #navBox li a:visited {
	background-position: 0 0;
	}
#navBox li a:hover, #navBox li a:active, 
#navBox li a.on:link, #navBox li a.on:visited, #navBox li a.on:hover, #navBox li a.on:active {
	background-position: 0 -46px;
	}

#propertyButton, #propertyButton a {
	width: 142px;
	}
#propertyButton a {
	background: url(../images/navProperty.gif);
	}
	
#employeeBenefitButton, #employeeBenefitButton a {
	width: 132px;
	}
#employeeBenefitButton a {
	background: url(../images/navEmployee.gif);
	}
	
#individualBenefitButton, #individualBenefitButton a {
	width: 131px;
	}
#individualBenefitButton a {
	background: url(../images/navIndividual.gif);
	}
	
#riskManagementButton, #riskManagementButton a {
	width: 130px;
	}
#riskManagementButton a {
	background: url(../images/navRiskManagement.gif);
	}
	
#personalInsuranceButton, #personalInsuranceButton a {
	width: 127px;
	}
#personalInsuranceButton a {
	background: url(../images/navPersonalInsurance.gif);
	}
	
#suretyButton, #suretyButton a {
	width: 59px;
	}
#suretyButton a {
	background: url(../images/navSurety.gif);
	}
	
#claimsButton, #claimsButton a {
	width: 79px;
	}
#claimsButton a {
	background: url(../images/navClaims.gif);
	}

#footerBox ul {
	margin-top: 15px;
	}
#footerBox ul#secondNav {
	margin: 8px 0;
	}
#footerBox li {
	list-style-type: none;
	font-size: 10px;
	float: left;
	display: block;
	padding: 0 0 0 6px;
	}
#footerBox li span {
	margin-left: 4px;
	}
#footerBox em {
	font-style: normal;
	}
#footerBox, #footerBox a:link, #footerBox a:visited {
	color: #e0e0b9;
	}
#footerBox a:hover, #footerBox a:active {
	color: #fff;
	}
#footerBox #secondNav, #footerBox #secondNav a:link, #footerBox #secondNav a:visited {
	color: #A0A077;
	}
#footerBox #secondNav a:hover, #footerBox #secondNav a:active {
	color: #fff;
	}
	
#footerBox p {
	font-size: 10px;
	margin-left: 6px;
	color: #797A4F;
	}
	
/* Titles */
#textArea h2 {
	width: 300px;
	height: 25px;
	}
#titleEmployeeBenefits {
	background: url(../images/titleEmployeeBenefits2.gif) no-repeat;
	}
#titlePropertyCasualty {
	background: url(../images/titlePropertyCasualty.gif) no-repeat;
	}
#titleIndividualBenefits {
	background: url(../images/titleIndividualBenefits.gif) no-repeat;
	}
#titleRiskManagement {
	background: url(../images/titleRiskManagement.gif) no-repeat;
	}
#titlePersonalInsurance {
	background: url(../images/titlePersonalInsurance.gif) no-repeat;
	}
#titleSurety {
	background: url(../images/titleSurety.gif) no-repeat;
	}
#titleClaims {
	background: url(../images/titleClaims.gif) no-repeat;
	}
#titleCompany {
	background: url(../images/titleCompany.gif) no-repeat;
	}
#titleKorean {
	background: url(../images/titleKorean.gif) no-repeat;
	}
#titleContactUs {
	background: url(../images/titleContactUs.gif) no-repeat;
	}
#titleClientConnect {
	background: url(../images/titleClientConnect.gif) no-repeat;
	}
#titleEmployeeBenefits span, #titlePropertyCasualty span, #titleIndividualBenefits span, #titleRiskManagement span, #titlePersonalInsurance span, #titleSurety span, #titleClaims span, #titleCompany span, #titleKorean span, #titleContactUs span, #titleClientConnect span {
	display: none;
	}

.partnerTitle {
	font-size: 15px;
	font-weight: normal;
	}

#textArea a.imgLink, #textArea2 a.imgLink {
	margin: 15px 0 3px 0;
	padding: 0;
	display: inline-block;
	}

#textArea a.imgLink:link, #textArea a.imgLink:visited, #textArea2 a.imgLink:link, #textArea2 a.imgLink:visited {
	border: 2px solid #e0e0b9;
	}
#textArea a.imgLink:hover, #textArea a.imgLink:active, #textArea2 a.imgLink:hover, #textArea2 a.imgLink:active {
	border: 2px solid #535427;
	}
	
#textArea a.noBorder:link, #textArea a.noBorder:visited, #textArea a.noBorder:hover, #textArea a.noBorder:active, 
#textArea2 a.noBorder:link, #textArea2 a.noBorder:visited, #textArea2 a.noBorder:hover, #textArea2 a.noBorder:active {
	border: 0;
	}
#imageBox #textArea2 img {
	margin: 0;
	}
	
/* clear fix */	
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#textArea .small li {
  font: 11px Georgia, "Times New Roman", Times, serif;
  color: white;
  margin: 5px 0;
}