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;
    }

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

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

#textContainer {
	/*height: 269px;*/
	height: 303px;
	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;
	}
	
#flashtop {
	width: 800px;
	height: 127px;
	background: url(../images/FPOflash.jpg) 50% 0 no-repeat; 
}

#textBox  {
	height: 303px;
	overflow: visible !important;
	overflow: hidden;
	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;
	}*/

#topArea {
	height: 297px;
	background: url(../images/headerBack.jpg) no-repeat;
	}
	
#navBox {
	height: 46px;
	background: url(../images/navBack.gif) 50% 0 no-repeat;
	}
	
#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: 80px;
	height: 22px;
	margin-right: -35px;
	float: right;
	display: block;
	background: #535427/*url(../images/contactBoxBack.gif) no-repeat*/;
	
	position: absolute;
	bottom: 0;
	right: 0;
 	}
	
#logoBox {
	width: 292px;
	height: 114px;
	margin: 0 auto;
	margin-left: 250px;
	margin-top: 55px; /* note 1px padding on container */
	}
	
#aboveFlashBox {
	height: 169px;
	padding-top: 1px;
	}
/* 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;
	height: 303px;
	
	font: 12px Georgia, "Times New Roman", Times, serif;
	width: 414px;
	padding-left: 32px;
	padding-right: 0px;
	

	}

#textArea p {
	color: white;
	font-size: 13px;
	line-height: 1.5em;
	}
#imageBox img {
	margin-top: 10px;
	}

/* 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: 22px;
	}
#contactUsButton a {
	display: block;
	width: 80px;
	height: 22px;
	margin-top: 0;
	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 {
	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;
	}

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

.clearfix {display: inline-block;}  /* for IE/Mac */