body { font-size: 16px; font-family: Arial; color: #424242; margin: 0px; background: #002966; line-height: 130% }

input { border: 1px solid #c7ccd2; padding: 0px 5px; font-size: 142x; height: 32px; line-height: 32px }
textarea { border: 1px solid #c7ccd2; font-size: 12px; padding: 3px 5px }
select { border: none; font-size: 13px; font-family: arial }
input.button { border: none; padding: 0px 10px; color: #fff; font-size: 14px; background-color: #002a63; height: 27px; line-height: 27px; cursor: pointer; width: auto !important;
	font-weight: bold }
input.button.odd { background: #205c9b }
input.def, textarea.def { color: #ccc !important }

.clear { overflow: hidden; width: 100% }
* { padding: 0px; margin: 0px }
a { color: #346cac }
a.on { text-decoration: none }
a img { border: none }
form { display: inline }
ul, ol { margin: 10px 0px 10px 40px }
.check { margin: 0px; padding: 0px; border: none; line-height: normal; height: auto !important; width: auto !important; background: none !important }
.absmiddle { vertical-align: middle }
.captcha { cursor: pointer }


/* -------------------------- site wrappers */
#wrapper1 { background: #e5e8ec url(/images/wrapper1_bg.gif) top repeat-x; min-width: 1020px }
#wrapper2 { background: top center no-repeat; min-width: 1020px }
#wrapper3 { background: url(/images/wrapper3_bg.jpg) center 409px no-repeat; min-width: 1020px }
#wrapper4 { background: url(/images/wrapper4_bg.jpg) bottom center no-repeat; min-width: 1020px }


/* -------------------------- top */
#top { position: fixed; width: 100%; height: 186px; background: url(/images/top_bg1.png) top center no-repeat; min-width: 1020px; z-index: 10000; top: 0px }
#top .wrapper { width: 1020px; margin: 0px auto; position: relative }
#top .logo { position: absolute; top: 43px; left: 25px; width: 205px; height: 130px }
#top .logo-text { display: block; position: absolute; top: 132px; left: 148px; background: url(/images/build4/sprites.png) 0px -36px; width: 234px; height: 39px }
#top .apply-now { display: block; position: absolute; background: url(/images/build4/sprites.png) -73px 0px; width: 144px; height: 36px; top: 15px; right: 0px }
#top .call { display: block; position: absolute; top: 22px; right: 160px; font-size: 18px; text-decoration: none; font-style: italic; color: #467ab9; font-family: Arvo }
#top .call span { color: #fff }
#top .menu { position: absolute; top: 75px; right: 0px }
#top .menu a { display: block; background: url(/images/top_menu_bg.gif); float: left; padding: 0px 6px; color: #fff; margin-left: 2px; font-size: 15px; text-decoration: none; font-style: italic;
	font-family: Arvo; font-weight: bold; height: 28px; line-height: 28px }
#top .menu a.on { color: #467ab9 }
#top .menu .search span { display: block; background: url(/images/build4/sprites.png) 0px 0px; width: 16px; height: 16px; margin-top: 7px }
#top .menu .search-form { position: absolute; right: 0px; top: 30px; padding: 10px; background-color: #fff; display: none }
#top .menu .search-form .button { height: 34px; line-height: 34px; margin-left: 5px }
#top.scroll { height: 147px; background: url(/images/top_bg2.png) top repeat-x }
#top.scroll .logo { top: 2px; left: /*9*/0px; width: 96px; height: 61px }
#top.scroll .menu { right: 146px; top: 40px }
#top.scroll .apply-now { top: 40px; height: 28px; background-position: -73px -4px }
#top.scroll .call { top: 9px; right: 0px }


/* -------------------------- content */
#content-wrapper1 { width: 1020px; padding-top: 244px; margin: 0px auto }
#content-wrapper2 { background: url(/images/content_wrapper2_bg.png) top no-repeat; padding-top: 41px }
#content-wrapper3 { background: url(/images/content_wrapper3_bg.gif) }
#sidebar { width: 266px; margin: 7px 0px 0px 16px; float: left; padding-bottom: 30px }
#content { width: 650px; margin-right: 32px; float: right; padding-bottom: 30px; font-size: 14px; min-height: 370px }
h1.title { position: absolute; background: url(/images/build4/sprites.png) 0px -148px; width: 298px; height: 48px; line-height: 48px; color: #fff; font-family: Arvo; font-size: 21px;
	font-weight: normal; font-style: italic; text-align: center; padding-right: 17px; margin-top: -41px }
h1.title.nc { width: 298px; padding: 0px }
h1.title a { display: block; height: 48px; line-height: 48px; color: #fff; text-decoration: none }
#content h2 { color: #0c1b42; font-style: italic; font-size: 21px; margin-bottom: 25px }
#content h2.odd { color: #ba181f }

#quick-contact { background: url(/images/quick_contact_bg.jpg); height: 287px; margin-top: 15px; padding: 20px; position: relative }
#quick-contact span { display: block; background: url(/images/build4/sprites.png) -140px -75px; width: 38px; height: 22px; position: absolute; margin: -5px 0px 0px -5px }
#quick-contact p { margin: 0px 0px 10px 41px; color: #002a63; font-weight: bold }
#quick-contact label { display: block; color: #666; font-style: italic; margin: 5px 0px }
#quick-contact input { width: 214px }
#quick-contact textarea { width: 214px; height: 60px; display: block }
#quick-contact .code { width: 75px }
#quick-contact .captcha { vertical-align: top; margin-left: 5px }
#quick-contact .button { position: absolute; right: 20px; bottom: 15px }

#sidebar .menu a { display: block; background: #dbdee3; color: #002a62; padding: 0px 16px; margin-top: 1px; text-decoration: none; font-style: italic; font-family: Arvo;
	font-size: 18px; height: 50px; line-height: 50px; overflow: hidden }
#sidebar .menu a.on { background: url(/images/build4/sprites.png) 0px -196px; color: #fff; margin-right: -33px }

#sidebar .menu-pages { background: #dbdee3; padding: 8px 16px 16px 16px; margin-top: 1px; font-style: italic; font-family: Arvo }
#sidebar .menu-pages a { display: block; color: #002a62; text-decoration: none; font-size: 14px; margin-top: 8px }
#sidebar .menu-pages a.on { font-weight: bold }


/* -------------------------- footer */
#footer { width: 970px; padding: 20px 25px 25px 25px; color: #aaaeb4; margin: 0px auto; font-size: 14px }
#footer a { color: #aaaeb4 }
#footer .logo { display: block; background: url(/images/build4/sprites.png) -16px 0px; width: 57px; height: 36px; vertical-align: middle; margin-right: 10px; float: left }
#footer .links { float: right; color: #666; margin-top: 0px }
#footer .links a { margin: 0px 10px }
#footer .links .social { display: inline-block; width: 22px; height: 22px; background: url(/images/build4/sprites.png) -96px -75px; margin: 0px; vertical-align: middle }
#footer .links .social.li { background-position: -118px -75px; margin-left: 5px }


/* -------------------------- home */
#home-steps { width: 1020px; height: 193px; display: none }
#home-steps .step { background: url(/images/home_top_steps_bg.png) center no-repeat; float: left; margin: 0px 21px;
	width: 232px; height: 106px; position: relative; padding: 87px 33px 0px 33px; color: #9ab2ce; font-size: 14px }
#home-steps .step .no { position: absolute; color: #fff; font-family: Arvo; font-weight: bold; top: 19px; right: 26px; font-size: 18px }
#home-steps .step .label { display: block; position: absolute; color: #fff; font-family: Arvo; font-size: 30px; font-weight: normal; top: 40px; left: 33px }
#home-steps .step .bttm { position: absolute; bottom: 23px; left: 33px }
#home-steps .step .begin { display: block; background: url(/images/build4/sprites.png) 0px -112px; width: 203px; height: 36px }

#home { padding-top: 409px }
#home .top { width: 1020px; margin: 0px auto }
#home .top #home-steps { position: absolute; margin-top: -178px; display: block }
#home .top #home-steps .step { margin: 0px 13px; width: 248px }
#home .top #home-steps .step .no { right: 34px }

#home .top .bond-cats .sep { background: url(/images/build4/sprites.png) -315px 0px; display: block; float: left; width: 1px; height: 210px; margin-top: 20px }
#home .top .bond-cats .col { width: 339px; float: left; position: relative; padding: 50px 0px 25px 0px }
#home .top .bond-cats .col .icon { display: block; position: absolute; top: 42px; left: 35px }
#home .top .bond-cats .col .icon.i1 { background: url(/images/build4/sprites.png) -29px -75px; width: 35px; height: 35px }
#home .top .bond-cats .col .icon.i2 { background: url(/images/build4/sprites.png) 0px -75px; width: 29px; height: 37px }
#home .top .bond-cats .col .icon.i3 { background: url(/images/build4/sprites.png) -64px -75px; width: 32px; height: 32px }
#home .top .bond-cats .col h1 { margin-left: 82px; font-size: 21px; color: #001441; font-style: italic; margin-bottom: 15px }
#home .top .bond-cats .col a { display: block; margin-left: 82px; text-decoration: none; margin-bottom: 5px; font-family: Arvo; font-style: italic }
#home .top .bond-cats .col a.full-list { text-decoration: underline; color: #002a63; margin-top: 10px }

#home .main { background-color: #fff }
#home .main .wrapper { width: 970px; padding: 25px; margin: 0px auto }
#home .main .left { margin: 0px; list-style-type: none; float: left; width: 633px }
#home .main .left h2 { color: #002966; font-style: italic; font-size: 20px; font-weight: normal }

#home .main .testimonials { width: 297px; float: right; margin-top: 20px }
#home .main .testimonial img { float: left; border: 4px solid #c3c7ce }
#home .main .testimonial .text { width: 186px; float: right; padding-top: 13px }
#home .main .testimonial .text.no-photo { width: auto; float: none; padding-top: 0px }
#home .main .testimonial .text a { display: block; font-style: italic; text-align: right; margin-top: 12px; font-family: Arvo; font-size: 14px }
#home .main .testimonial .text .quote { display: block; background: url(/images/build4/sprites.png) -217px 0px; width: 35px; height: 30px; float: left; vertical-align: bottom;
	margin: -13px 8px 0px 0px }
	
	
/* -------------------------- testimonials */
#testimonials div { padding-top: 20px; margin-top: 15px; border-top: 1px dotted #b5b5b5 }
#testimonials .f { padding: 0px; margin: 0px; border: none }
#testimonials p { margin-bottom: 12px; font-style: italic }
#testimonials p strong { color: #2d5d96 }
#testimonials p span { color: #9a9a9a }


/* -------------------------- contact */
#contact .form { border-spacing: 5px; margin: -5px }
#contact .form input { width: 355px }
#contact .form input.n { width: 169px }
#contact .form textarea { width: 485px; height: 129px }
#contact .form label { display: block; margin: 10px 0px 8px 0px }
#contact .form p { color: #999; font-size: 12px; margin-top: 5px }
#contact .form span { color: #da2733 }
#contact .form .captcha { vertical-align: top; margin-left: 5px }
#contact .form .text { width: 100%; vertical-align: top; padding: 31px 0px 0px 60px }

#contact .map { height: 215px; margin-bottom: 20px; margin-top: 15px }
#contact .directions { border-spacing: 8px; margin: -8px; font-size: 14px }
#contact .directions tr { vertical-align: top }
#contact .directions label { color: #002966; font-weight: bold }
#contact .directions input { width: 190px }

#contact .details { list-style-type: none; margin: 20px 0px 20px 0px }
#contact .details label { color: #002966; font-weight: bold }
#contact .details li { margin-top: 10px; padding: 10px 5px 0px 5px; border-top: 1px dotted #b5b5b5 }
#contact .details li.f { margin: 0px; padding-top: 0px; border: none }


/* -------------------------- contact */
#bond-list div { margin-top: 20px; padding-top: 20px; background: url(/images/bond_list_sep.gif) top repeat-x; position: relative }
#bond-list div.f { margin: 0px; padding: 0px; background: none }
#bond-list h2 { margin-bottom: 5px }
#bond-list a { display: block; margin-top: 5px }
#bond-list input.button { position: absolute; right: 0px; top: 2px; height: 24px; font-size: 11px; font-style: italic; font-family: Arvo }


/* -------------------------- search results */
#search-results .indent { padding: 5px 0px 0px 30px }
#search-results h2 { margin-bottom: 0px }
#search-results .item { margin-bottom: 20px }
#search-results .item a { font-weight: bold }
#search-results .item a span { font-weight: normal }


/* -------------------------- apply now */
#apply-now .group { font-size: 12px }
#apply-now .group { margin: 8px 0px }
#apply-now .group.indent { padding-left: 20px }
#apply-now .group .title { margin-left: -20px }
#apply-now .fields { width: 100%; border-spacing: 0px }
#apply-now .fields .field-name { display: block; padding: 0px 5px 0px 10px; white-space: nowrap }
#apply-now .fields input { width: 100%; padding: 0px; border: none; border-bottom: 1px solid #000; height: auto; line-height: normal; height: 24px }
#apply-now .fields textarea { width: 98%; margin-top: 5px; padding: 5px; border: 1px solid #000 }
#apply-now .fields select { border: none }
#apply-now .submit { float: right }


/* -------------------------- misc */
.custom-combobox-toggle { height: 32px; margin-top: -2px }
.custom-combobox-input { width: 200px; color: #002151 }
.ui-autocomplete { max-height: 200px; overflow: auto; z-index: 10003 !important }
.ui-autocomplete-category { font-weight: bold; padding: 2px 5px; margin: 10px 0px 0px 0px; font-size: 15px }
#dialog { background-color: transparent !important; box-shadow: none !important; padding: 0px !important }













