/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body { background: #E9F0F1 url(body_bg.png) left top repeat-x; font: 12px "Myriad Pro", Helvetica, sans-serif; color: #333; }

/* TYPE */
a { color: #518A92; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover {text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
p { font-size: 14px; line-height: 16px; margin-bottom: 16px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { color: #518A92; font-weight: bold; font-size: 18px; line-height: 18px; margin-bottom: 18px; }
h3 { color: #5B3B5D; font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h4 { color: #9F8577; font-weight: bold; font-style: italic; font-size: 14px; line-height: 16px; }


/* SMALL LINKS AT THE TOP ... NOT CURRENTLY USED 
div#top_mini_links { margin: 0 auto; position: relative; height: 36px; width: 980px; }
div#top_mini_links ul { margin-top: 10px; text-align: right; font-size: 12px; color: #ccc; }
div#top_mini_links li { list-style-type: none; display: inline; padding: 2px 10px; }
div#top_mini_links li a { text-decoration: none; font-size: 13px; color: #aaa; }
div#top_mini_links li a:hover { color: #518A92; text-decoration: underline; }     */


/* MAIN NAVIGATION BAR */
div#main_nav { margin: 0 auto; position: relative; padding: 20px 0 10px 0; height: 42px; width: 980px; }
div#main_nav li { display: inline; }
div#main_nav li a { float: left; width: 163px; height: 0; padding-top: 42px; overflow: hidden; background: transparent url(main_nav.png) no-repeat; }


/* BUTTONS */
div#main_nav li#home a { background-position: 0 0; }
div#main_nav li#about a { background-position: -163px 0; }
div#main_nav li#services a { background-position: -326px 0; }
div#main_nav li#contact a { background-position: -489px 0; }
div#main_nav li#partner a { background-position: -652px 0; }
div#main_nav li#access a { background-position: -815px 0; }

/* HOVER STATES */
div#main_nav li#home a:hover { background-position: 0 -42px; }
div#main_nav li#about a:hover { background-position: -163px -42px; }
div#main_nav li#services a:hover { background-position: -326px -42px; }
div#main_nav li#contact a:hover { background-position: -489px -42px; }
div#main_nav li#partner a:hover { background-position: -652px -42px; }
div#main_nav li#access a:hover { background-position: -815px -42px; }

/* PRESSED (ACTIVE) STATES */
div#main_nav li#home a:active { background-position: 0 -84px; }
div#main_nav li#about a:active { background-position: -163px -84px; }
div#main_nav li#services a:active { background-position: -326px -84px; }
div#main_nav li#contact a:active { background-position: -489px -84px; }
div#main_nav li#partner a:active { background-position: -652px -84px; }
div#main_nav li#access a:active { background-position: -815px -84px; }

/* "ON" STATES */
div#main_nav.about li#about a { background-position: -163px -125px; }
div#main_nav.services li#services a { background-position: -326px -125px; }
div#main_nav.contact li#contact a { background-position: -489px -125px; }
div#main_nav.partner li#partner a { background-position: -652px -125px; }
div#main_nav.access li#access a { background-position: -815px -125px; }


/* HEADER */
div#header { margin: 0 auto; position: relative; height: 203px; width: 980px; background: transparent url(header.png) no-repeat; }
div#header.small { margin: 0 auto; position: relative; height: 85px; width: 980px; background: transparent url(small_header.png) no-repeat; }	
div#header h1 { display: none; }
div#header blockquote { display: none; }


/* CONTENT CONTAINER */
div#container { margin: 0 auto; padding: 0; width: 980px; background: transparent url(content_bg.png) repeat-y; }


/* MAIN CONTENT */
div#main_content { position: relative; margin: 0 0 0 5px; padding: 30px 30px 0 30px; width: 920px; background: transparent url(header_reflect.png) top left no-repeat; }
div#main_content.noreflection { position: relative; margin: 0 0 0 5px; padding: 30px 30px 0 30px; width: 920px; background: transparent; }
div#main_content ul { padding: 0 0 10px 75px; list-style-type: circle; list-style-position: outside; font-size: 14px; }
div#main_content h2.highlight { float: right; clear: right; margin: 0; padding: 10px 20px 10px 20px; width: 250px; background: transparent; text-size: 22px; text-align: center; line-height: 22px; }


/* SECTION HEADERS ... NOT CURRENTLY USED
div#main_content h1 { height: 70px; text-indent: -9999px; background: transparent url(section_headers.png) top left no-repeat; }
div#main_content h1#about { width: 200px; background-position: -181px 0; }
div#main_content h1#services { width: 180px; background-position: 0 0; }
div#main_content h1#contact { width: 239px; background-position: -1223px 0; }  */


/* SERVICE MENU */
div#service_menu { position: relative; height: 680px; width: 100%; }
div#service_menu ul { padding: 0; list-style-type: none; }
div#service_menu ul#left { float: left; clear: left; height: 100%; width: 50%; }
div#service_menu ul#right { float: right; clear: right; width: 50%; }
div#service_menu li#menu_item { padding: 0; height: 130px; width: 440px; background: transparent url(service_menu_box.png) top left no-repeat; }
div#service_menu li h2 { padding: 15px 0 0 15px; }
div#service_menu li p { padding: 0 15px 0 15px; }
div#service_menu li img { float: right; padding: 15px 15px 0 0; height: 60px; width: 38px; }


/* SERVICE & FAQ TABS */
div#tabs { margin: 0 auto; position: relative; padding: 10px 0 0 0; height: 40px; width: 980px; }
div#tabs li { display: inline; }
div#tabs li a { float: left; height: 0; padding-top: 40px; overflow: hidden; background: transparent url(service_tabs.png) no-repeat; }
div#tabs li#i9 a { width: 108px; }
div#tabs li#w4 a { width: 131px; }
div#tabs li#e-pay a { width: 85px; }
div#tabs li#eiv a { width: 236px; }
div#tabs li#onb a { width: 100px; }
div#tabs li#w2 a { width: 138px; }
div#tabs li#paycard a { width: 80px; }
div#tabs li#tcs a { width: 102px; }

/* TABS "ON" */
div#tabs.i9 li#i9 a { background-position: 0 0; }
div#tabs.w4 li#w4 a { background-position: -108px 0; }
div#tabs.e-pay li#e-pay a { background-position: -239px 0; }
div#tabs.eiv li#eiv a { background-position: -324px 0; }
div#tabs.onb li#onb a { background-position: -560px 0; }
div#tabs.w2 li#w2 a { background-position: -660px 0; }
div#tabs.paycard li#paycard a { background-position: -798px 0; }
div#tabs.tcs li#tcs a { background-position: -878px 0; }

/* TABS "OFF" */
div#tabs li#i9 a { background-position: 0 -40px; }
div#tabs li#w4 a { background-position: -108px -40px; }
div#tabs li#e-pay a { background-position: -239px -40px; }
div#tabs li#eiv a { background-position: -324px -40px; }
div#tabs li#onb a { background-position: -560px -40px; }
div#tabs li#w2 a { background-position: -660px -40px; }
div#tabs li#paycard a { background-position: -798px -40px; }
div#tabs li#tcs a { background-position: -878px -40px; }


/* SIDEBOX */
div#sidebox { float: right; clear: right; padding: 15px 15px 10px 19px; height: 175px; width: 116px; background: transparent url(sidebox_bg.png) no-repeat; }


/* SUB CONTENT */
div#sub_content_container { position: relative; margin: 0; padding: 10px 30px 0 30px; height: 275px; width: 920px; background: transparent; }
div#sub_content_container ul { width: 100%; }
div#sub_content_container li { float: left; width: 25%; padding: 0; }
div#sub_content_container li#sub_item { padding: 0; height: 254px; background: transparent url(box_bg.png) top left no-repeat; }
div#sub_content_container li#sub_item h2 { padding: 10px 25px 0 15px; }
div#sub_content_container li#sub_item p { padding: 0 25px 0 15px; }
div#sub_content_container li#sub_item a { position: absolute; bottom: 0; margin: 0 0 20px 45px; padding: 8px 41px 0 0; height: 31px; width: 127px; background: transparent url(info_button.png) top right no-repeat; text-align: right; }


/* FOOTER */
div#footer { margin: 0 auto; padding-top: 20px; height: 50px; width: 980px; background: transparent url(footer_bg.png) top left no-repeat; }

div#site_info, div#bottom_mini_links { padding: 0; background: transparent; width: 50%; font-size: 10px; font-weight: bold; color: #333; }
div#site_info { float:left; clear: left; }

div#bottom_mini_links { float: right; clear: right; }
div#bottom_mini_links ul { text-align: right; font-size: 13px; }
div#bottom_mini_links li { list-style-type: none; display: inline; padding: 2px 10px; }
div#bottom_mini_links li a { text-decoration: none; color: #aaa; }
div#bottom_mini_links li a:hover { text-decoration: underline; color: #518A92; }
