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

@import "reset.css";

body  { background-color: #4b75cb; background: url(../images/bg_mainbiz.jpg) top center repeat-x; background-attachment:fixed; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em; color: #141414; min-width: 962px; }
#dngcontainer { background: url(../images/dng_bg8.png) top center no-repeat; width:100%; height:auto; }
#container { margin: 0 auto; width: 962px; text-align: left; overflow:hidden; }
div#preload { display: none; }
div#formhide { display: none; }

a:link { 
	color: #1a3167;
	}
a:visited { 
	color: #1a3167;
	}
a:hover { 
	color: #051a4b;
	text-decoration: none;
	}
a:active { 
	color: #051a4b;
	}

#bizcs { background: url(../images/biz_cs.png) no-repeat; float: left; margin: 15px 0 0 0; width: 960px; height: 390px; }
#nav { background: url(../images/navbar_8.png) no-repeat; float: left; margin: 5px 0 0 0; width: 960px; height: 105px; }
#leftnav { float: left; margin: 30px 0 0 45px; width: 361px; height: 39px; }
#rightnav { float: left; margin: 30px 0 0 29px; width: 304px; height: 39px; }
#logohit { float: left; margin: 0 0 0 17px; width: 134px; height: 104px; }


ul#left-navigation { background: url(../images/nav_left.png) 0 0 no-repeat; height: 39px; width: 331px; }
ul#left-navigation li { display: block; float: left; }
ul#left-navigation li a { background: url(../images/nav_left.png) no-repeat; display: block; height: 39px; text-indent: -10000px; }
ul#left-navigation li a#bizhome { background-position: 0px 0px; width: 58px; }
ul#left-navigation li a#bizhome:hover { background-position: 0px -39px; }
ul#left-navigation li.active a#bizhome { background-position: 0px -78px; }
ul#left-navigation li a#bizdng { background-position: -58px 0px; width: 172px; }
ul#left-navigation li a#bizdng:hover { background-position: -58px -39px; }
ul#left-navigation li.active a#bizdng { background-position: -58px -78px; }
ul#left-navigation li a#abiz { background-position: -230px 0px; width: 101px; }
ul#left-navigation li a#abiz:hover { background-position: -230px -39px; }
ul#left-navigation li.active a#abiz { background-position: -230px -78px; }

ul#right-navigation { background: url(../images/nav_right.png) 0 0 no-repeat; height: 39px; width: 304px; }
ul#right-navigation li { display: block; float: left; }
ul#right-navigation li a { background: url(../images/nav_right.png) no-repeat; display: block; height: 39px; text-indent: -10000px; }
ul#right-navigation li a#wpas { background-position: 0px 0px; width: 202px; }
ul#right-navigation li a#wpas:hover { background-position: 0px -39px; }
ul#right-navigation li.active a#wpas { background-position: 0px -78px; }
ul#right-navigation li a#contact { background-position: -202px 0px; width: 102px; }
ul#right-navigation li a#contact:hover { background-position: -202px -39px; }
ul#right-navigation li.active a#contact { background-position: -202px -78px; }

ul#footer-navigation { background: url(../images/footer_nav.png) 0 0 no-repeat; height: 25px; width: 765px; }
ul#footer-navigation li { display: block; float: left; }
ul#footer-navigation li a { background: url(../images/footer_nav.png) no-repeat; display: block; height: 25px; text-indent: -10000px; }
ul#footer-navigation li a#fh { background-position: 0px 0px; width: 57px; }
ul#footer-navigation li a#fh:hover, ul#footer-navigation li.active a#fh { background-position: 0px -25px; }
ul#footer-navigation li a#fdng { background-position: -57px 0px; width: 204px; }
ul#footer-navigation li a#fdng:hover, ul#footer-navigation li.active a#fdng { background-position: -57px -25px; }
ul#footer-navigation li a#fab { background-position: -261px 0px; width: 97px; }
ul#footer-navigation li a#fab:hover, ul#footer-navigation li.active a#fab { background-position: -261px -25px; }
ul#footer-navigation li a#fr { background-position: -357px 0px; width: 99px; }
ul#footer-navigation li a#fr:hover, ul#footer-navigation li.active a#fr { background-position: -357px -25px; }
ul#footer-navigation li a#fwpas { background-position: -458px 0px; width: 199px; }
ul#footer-navigation li a#fwpas:hover, ul#footer-navigation li.active a#fwpas { background-position: -458px -25px; }
ul#footer-navigation li a#fcu { background-position: -657px 0px; width: 107px; }
ul#footer-navigation li a#fcu:hover, ul#footer-navigation li.active a#fcu { background-position: -657px -25px; }

.biztag { text-indent: -10000px; background: url(../images/tag_homepage.png) no-repeat; float: left; margin: 5px 0 0 0; width: 960px; height: 41px; }
.dngtag { text-indent: -10000px; background: url(../images/tag_dng.png) no-repeat; float: left; margin: 5px 0 0 0; width: 960px; height: 41px; }
.abouttag { text-indent: -10000px; background: url(../images/tag_about.png) no-repeat; float: left; margin: 5px 0 0 0; width: 960px; height: 41px; }
.contacttag { text-indent: -10000px; background: url(../images/tag_contact.png) no-repeat; float: left; margin: 5px 0 0 0; width: 960px; height: 41px; }
.topinteractive { background: url(../images/jq_r1bg.jpg) 0 0 no-repeat; float: left; margin: 10px 0 0 0; position: relative; width: 960px; height: 373px; }
#j1hit { left: 9px; position: absolute; top: 255px; }
#j1hit li { display: block; float: left; height: 114px; margin: 0 12px 0 0; width: 305px; }
#j1hit li a { display: block; height: 102px; overflow: hidden; padding: 12px 0 0 0; text-indent: -1000000px; width:305px; }
#j1hit li a.active { display: block; height: 102px; overflow: hidden; padding: 12px 0 0 0; text-indent: -1000000px; width:305px; }
#j1hit li#link1 a { background: url(../images/jq1_hit.png) 0 bottom no-repeat; }
#j1hit li#link1 a.active { background: url(../images/jq1_point.png) 0 bottom no-repeat; }
#j1hit li#link2 a { background: url(../images/jq2_hit.png) 0 bottom no-repeat; }
#j1hit li#link2 a.active { background: url(../images/jq2_point.png) 0 bottom no-repeat; }
#j1hit li#link3 { margin: 0; }
#j1hit li#link3 a { background: url(../images/jq3_hit.png) 0 bottom no-repeat; }
#j1hit li#link3 a.active { background: url(../images/jq3_point.png) 0 bottom no-repeat; }
		
		
.dnghup { background: url(../images/dng_headsup.png) top center no-repeat; float: left; margin: 10px 0 0 0; width: 960px; height: 497px;  }
.dnglogo { background: url(../images/logo_dng.png) no-repeat; float: left; margin: 21px 0 0 0; width: 191px; height: 138px; }
.dngheader {  text-indent: -10000px; background: url(../images/dng_header.png) no-repeat; float: left; margin:0 0 6px 0; width: 709px; height: 22px; }
.dngtop { font-size: 14px; line-height: 1.3em; color: #ffffff; margin: 50px 0 0 0; float: left; width: 713px; text-align: left; }
.dngfill { margin: 0 0 0 0; float: left; width: 960px; height: 133px; }
.dnghold { margin: 5px 0 0 70px; float: left; width: 816px; }
.dngc1 { margin: 0 0 0 0; float: left; width: 149px; }
.dngc2 { margin: 0 0 0 0; float: left; width: 32px; }
.dngc3 { margin: 0 0 0 0; float: left; width: 149px; }
.dngc4 { margin: 0 0 0 0; float: left; width: 157px; }
.dngc5 { margin: 0 0 0 0; float: left; width: 149px; }
.dngc6 { margin: 0 0 0 31px; float: left; width: 149px; }
.dngth { text-align: center; font-size: 16px; font-weight:bold; color: #ffffff; margin: 0 0 0 0; float: left; width: 149px; }
.dngtr { text-align: center; font-size: 16px; font-weight:bold; color: #ffffff; margin: 0 0 24px 0; float: left; width: 149px; }
.dngnl { text-align: center; font-size: 14px; font-weight:normal; color: #ffffff; margin: 10px 0 4px 0; float: left; width: 149px; }
.dngotsw { text-align: center; font-size: 13px; font-weight:normal; color: #ffffff; margin: 7px 0 3px 0; float: left; width: 149px; }
.dngplus { text-align: center; font-size: 24px; font-weight:bold; color: #ffffff; margin: 48px 0 0 0; float: left; width: 32px; }
.dngdd { text-align: left; display: block; font-size: 11px; font-weight:bold; color: #1c2942; width: 149px; height:23px; border-style:solid; border-width:1px; border-color:#29303f; }
.dngmessage { text-align: left; display: block; font-size: 11px; font-weight:normal; color: #ffffff; width: 127px; height: 150px; margin: 17px 0 0 15px; }
.dngdh { text-align: center; margin: 0 0 0 0; float: left; width: 149px; }
.dngbrh { text-align: center; margin: 0 0 0 0; float: left; width: 149px; }
.dngtfh { text-align: left; margin: 0 0 0 0; float: left; width: 149px; }
.dngnb { text-align: left; margin: 25px 0 0 0; float: left; width: 149px; }
.dngcheck { text-align: left; margin: 0 0 0 0; float: left; width: 72px; }
.dngclear { text-align: left; margin: 0 0 0 5px; float: left; width: 72px; }
.dngtf { text-align: left; display: block; font-size: 13px; font-weight:normal; color: #1c2942; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; width: 149px; height:162px; border-style:solid; border-width:1px; border-color:#29303f; }
.dngsb { text-align: left; display: block; font-size: 13px; font-weight:normal; color: #1c2942; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; width: 149px; height:162px; border-style:solid; border-width:1px; border-color:#29303f; }
#namebox { text-align: left; display: block; font-size: 12px; font-weight:normal; color: #1c2942; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; width: 130px; height:162px; border-style:solid; border-width:1px; border-color:#29303f; background-color: #ffffff; }
#namebox a:link { font-size: 13px; color: #1c2942; text-decoration:none }
#namebox a:hover { font-size: 13px; color: #c74012; }


.cbutton{
background:url(../images/btn_combine.png) no-repeat;
cursor:pointer;
width: 114px;
height: 36px;
margin: 41px 0 0 0;
border: none;
}
.cabutton{
background:url(../images/btn_checkav.png) no-repeat;
cursor:pointer;
width: 149px;
height: 32px;
border: none;
}
.hsbutton{
background:url(../images/btn_hgo.png) no-repeat;
cursor:pointer;
width: 33px;
height: 23px;
border: none;
}
.checkbutton{
background:url(../images/btn_check.png) no-repeat;
cursor:pointer;
width: 72px;
height: 32px;
border: none;
}
.clearbutton{
background:url(../images/btn_clear.png) no-repeat;
cursor:pointer;
width: 72px;
height: 32px;
border: none;
}


.hometxtcontainer { background-color: #ffffff; float: left; margin: 10px 0 0 0; padding: 15px 10px 15px 10px; width: 930px; border: 5px solid #c0c8e3; }
.subtxtcontainer { background-color: #ffffff; float: left; margin: 10px 0 0 0; padding: 15px 10px 15px 10px; width: 930px; border: 5px solid #c0c8e3; }
.lefthometext { margin: 0 0 0 0; float: left; width: 338px; }
.midhometext { margin: 0 0 0 20px; float: left; width: 262px; }
.righthometext { margin: 0 0 0 20px; float: left; width: 272px; }
h1 { font-size: 22px; line-height: 1.0em; font-weight:bold; color: #091c45; margin: 0 0 10px 0; }
h2 { font-size: 21px; line-height: 1.0em; font-weight:bold; color: #091c45; margin: 0 0 10px 0; }
h3 { font-size: 14px; font-weight:bold; }
h4 { font-size: 15px; font-weight:bold; color: #091c45; margin: 0 0 10px 0; }
h5 { font-size: 15px; line-height: 1.0em; font-weight:bold; color: #091c45; margin: 0 0 10px 0; }
h6 { font-size: 20px; font-weight:bold; color: #404040; margin: 0 0 10px 0; }
.graycontainer { background-color: #d3d3d3; float: left; margin: 0 0 0 0; padding: 13px 13px 13px 13px; width: 236px; }
.bluecontainer { background-color: #96b9ff; float: left; margin: 15px 0 0 0; padding: 14px 0 14px 14px; width: 258px; }
.leftabout { margin: 0 0 0 0; line-height: 1.4em; float: left; width: 628px; }
.rightabout { margin: 0 0 0 15px; line-height: 1.4em; float: left; width: 280px; }
.hr {  height: 1px; background: #6e9db9; margin: 10px 0 10px 0; width: 100%; }
.pasthmb { no-repeat; float: left; margin: 0 0 0 0; width: 70px; height: 70px; border: 4px solid #576b8b; }
.mainsubpic { no-repeat; float: left; margin: 0 0 10px 0; width: 602px; height: 200px; border: 4px solid #576b8b; }
.rtc { margin: 0 0 0 10px; float: left; width: 189px; }
.rt { font-size: 15px; font-weight:bold; color: #666666; margin: 0 0 8px 0; }

.rt a:link
      {
      color: #666666; text-decoration:none
      }

.rt a:visited
      {
	  color: #666666; text-decoration:none
      }

.rt a:hover
     {
      color: #0d2652; text-decoration:none }	

#footer { background-color: #0e2141; background: url(../images/bg_footer.png) repeat-x; float: left; margin: 70px 0 0 0; width: 100%; height: 136px; }
#footercont { margin: 0 auto; width: 960px; text-align: left; overflow:hidden; }
#footerlogo { background: url(../images/logo_footer.png) no-repeat; float: left; margin: 25px 0 0 0; width: 121px; height: 90px; }
#footernav { float: right; margin: 59px 0 0 0; width: 765 /* was 664px */; height: 25px; }


.small {
	font-size: small;
}

.error {
	color: #810100;
}

#namebox {
	padding-right: 10px;
	min-width: 100px;
	border: 1px solid #ccc;
	text-decoration: none;
	max-height: 350px;
	overflow: scroll;
	font-size: 14px;
	text-align: left;
	padding-left: 5px;
}

#namebox a {
	font-size: 14px;
	text-decoration: none;
}

#namebox a:hover {
	background: #d3f1f4;
}

/*contact form*/
#contact-wrapper {
	width:558px;
	border:1px solid #e2e2e2;
	background:#e6e6e6;
	padding:10px 20px 20px 20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:14px;
	color: #284553;
	width:auto;
	margin: 0 0 4px 0;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:14px;
	color:#333;
}
form#contactform textarea {
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}