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

body{
background-color: #337bb3;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;}

#container{
margin: 0px auto;
width: 750px;
background-color: #fff;}

/* HEADING */
#main-head #logo, #sub-head #logo {
margin: 0px;
background-repeat: no-repeat;
text-indent: -1000px;}

#main-head #logo {
height: 80px;
background-image:url(images/index_01.jpg);}

#sub-head #logo {
height: 44px;
background-image:url(images/sub_01.jpg);}


/* NAVIGATION */

#main-nav{
float: left;
margin: 0px;
height: 400px;
width: 200px;}

#main-nav ul{
margin: 0px;
padding: 0px;
list-style: none;
font-weight: bold;
font-size: 10px;}

#main-nav li{
margin: 0px;
background-repeat: no-repeat;
background-position: -1000px -1000px;} /* background css here moves the pre-load images off the page */

#main-nav li a{
display: block;
height: 40px;
text-decoration: none;
color: #000;
text-indent: -1000px;
background-repeat: no-repeat;}

#sub-nav{
margin: 0px;
height: 34px;
width: 750px;
clear: both;}

#sub-nav ul{
display: block;
margin: 0px;
padding: 0px;
list-style: none;
font-weight: bold;
font-size: 10px;}

#sub-nav li{
margin: 0px;
display: block;
float: left;
height: 34px;
text-indent: -1000px;
background-repeat: no-repeat;
background-position: -1000px -1000px;} /* background css here moves the pre-load images off the page */

#sub-nav li a{
display: block;
height: 34px;
text-decoration: none;
color: #000;
text-indent: -1000px;
background-repeat: no-repeat;}

#sub-content ul.application_tabs{
margin: 0px auto 0px auto;
padding: 0px;
height: 34px;
width: 570px;
clear: both;
display: block;
list-style: none;
font-weight: bold;
font-size: 10px;}

#sub-content ul.application_tabs li{
margin: 0px;
display: block;
float: left;
height: 34px;
text-indent: -1000px;
background-repeat: no-repeat;
background-position: -1000px -1000px;} /* background css here moves the pre-load images off the page */

#sub-content ul.application_tabs li a{
display: block;
height: 34px;
text-decoration: none;
color: #000;
text-indent: -1000px;
background-repeat: no-repeat;}


/* === MAIN PAGE NAVIGATION === */
/* NAV INDEX-NORMAL */
#main-nav li.nav01 a{background-image:url(images/index_02.jpg);}
#main-nav li.nav02 a{background-image:url(images/index_04.jpg);}
#main-nav li.nav03 a{background-image:url(images/index_05.jpg);}
#main-nav li.nav04 a{background-image:url(images/index_06.jpg);}
#main-nav li.nav05 a{background-image:url(images/index_07.jpg);}
#main-nav li.nav06 a{background-image:url(images/index_08.jpg);}
#main-nav li.nav07 a{background-image:url(images/index_09.jpg);}
#main-nav li.nav08 a{background-image:url(images/index_10.jpg);}
#main-nav li.nav09 a{background-image:url(images/index_11.jpg);}
#main-nav li.nav10 a{background-image:url(images/index_12.jpg);}

/* NAV INDEX-OVER */
#main-nav li.nav01 a:hover{background-image:url(images/index_over_02.jpg);}
#main-nav li.nav02 a:hover{background-image:url(images/index_over_04.jpg);}
#main-nav li.nav03 a:hover{background-image:url(images/index_over_05.jpg);}
#main-nav li.nav04 a:hover{background-image:url(images/index_over_06.jpg);}
#main-nav li.nav05 a:hover{background-image:url(images/index_over_07.jpg);}
#main-nav li.nav06 a:hover{background-image:url(images/index_over_08.jpg);}
#main-nav li.nav07 a:hover{background-image:url(images/index_over_09.jpg);}
#main-nav li.nav08 a:hover{background-image:url(images/index_over_10.jpg);}
#main-nav li.nav09 a:hover{background-image:url(images/index_over_11.jpg);}
#main-nav li.nav10 a:hover{background-image:url(images/index_over_12.jpg);}

/* NAV INDEX EMPTY */
#main-nav li.empty01 a{background-image:url(images/index_empty_02.jpg);}
#main-nav li.empty02 a{background-image:url(images/index_empty_04.jpg);}
#main-nav li.empty03 a{background-image:url(images/index_empty_05.jpg);}
#main-nav li.empty04 a{background-image:url(images/index_empty_06.jpg);}
#main-nav li.empty05 a{background-image:url(images/index_empty_07.jpg);}
#main-nav li.empty06 a{background-image:url(images/index_empty_08.jpg);}
#main-nav li.empty07 a{background-image:url(images/index_empty_09.jpg);}
#main-nav li.empty08 a{background-image:url(images/index_empty_10.jpg);}
#main-nav li.empty09 a{background-image:url(images/index_empty_11.jpg);}
#main-nav li.empty10 a{background-image:url(images/index_empty_12.jpg);}

/* NAV INDEX-OVER PRE-LOAD */
#main-nav li.nav01{background-image:url(images/index_over_02.jpg);}
#main-nav li.nav02{background-image:url(images/index_over_04.jpg);}
#main-nav li.nav03{background-image:url(images/index_over_05.jpg);}
#main-nav li.nav04{background-image:url(images/index_over_06.jpg);}
#main-nav li.nav05{background-image:url(images/index_over_07.jpg);}
#main-nav li.nav06{background-image:url(images/index_over_08.jpg);}
#main-nav li.nav07{background-image:url(images/index_over_09.jpg);}
#main-nav li.nav08{background-image:url(images/index_over_10.jpg);}
#main-nav li.nav09{background-image:url(images/index_over_11.jpg);}
#main-nav li.nav10{background-image:url(images/index_over_12.jpg);}

/* === SUB PAGE NAVIGATION === */
/* NAV SUB-NORMAL */
#sub-nav li.tab01 a{background-image:url(images/sub_02.jpg);width: 60px;}
#sub-nav li.tab02 a{background-image:url(images/sub_03.jpg);width: 90px;}
#sub-nav li.tab03 a{background-image:url(images/sub_04.jpg);width: 90px;}
#sub-nav li.tab04 a{background-image:url(images/sub_05.jpg);width: 90px;}
#sub-nav li.tab05 a{background-image:url(images/sub_06.jpg);width: 90px;}
#sub-nav li.tab06 a{background-image:url(images/sub_07.jpg);width: 90px;}
#sub-nav li.tab07 a{background-image:url(images/sub_08.jpg);width: 90px;}
#sub-nav li.tab08 a{background-image:url(images/sub_09.jpg);width: 90px;}
#sub-nav li.tab09 a{background-image:url(images/sub_10.jpg);width: 60px;}

/* NAV SUB-OVER */
#sub-nav li.tab01 a:hover{background-image:url(images/sub_over_02.jpg);width: 60px;}
#sub-nav li.tab02 a:hover{background-image:url(images/sub_over_03.jpg);width: 90px;}
#sub-nav li.tab03 a:hover{background-image:url(images/sub_over_04.jpg);width: 90px;}
#sub-nav li.tab04 a:hover{background-image:url(images/sub_over_05.jpg);width: 90px;}
#sub-nav li.tab05 a:hover{background-image:url(images/sub_over_06.jpg);width: 90px;}
#sub-nav li.tab06 a:hover{background-image:url(images/sub_over_07.jpg);width: 90px;}
#sub-nav li.tab07 a:hover{background-image:url(images/sub_over_08.jpg);width: 90px;}
#sub-nav li.tab08 a:hover{background-image:url(images/sub_over_09.jpg);width: 90px;}
#sub-nav li.tab09 a:hover{background-image:url(images/sub_over_10.jpg);width: 60px;}

/* NAV SUB-OVER PRE-LOAD */
#sub-nav li.tab01{background-image:url(images/sub_over_02.jpg);width: 60px;}
#sub-nav li.tab02{background-image:url(images/sub_over_03.jpg);width: 90px;}
#sub-nav li.tab03{background-image:url(images/sub_over_04.jpg);width: 90px;}
#sub-nav li.tab04{background-image:url(images/sub_over_05.jpg);width: 90px;}
#sub-nav li.tab05{background-image:url(images/sub_over_06.jpg);width: 90px;}
#sub-nav li.tab06{background-image:url(images/sub_over_07.jpg);width: 90px;}
#sub-nav li.tab07{background-image:url(images/sub_over_08.jpg);width: 90px;}
#sub-nav li.tab08{background-image:url(images/sub_over_09.jpg);width: 90px;}
#sub-nav li.tab09{background-image:url(images/sub_over_10.jpg);width: 60px;}

/* NAV SUB-ACTIVE */
#sub-nav li.tab01_active{background-image:url(images/sub_active_02.jpg);width: 60px;background-position: 0px 0px;}
#sub-nav li.tab02_active{background-image:url(images/sub_active_03.jpg);width: 90px;background-position: 0px 0px;}
#sub-nav li.tab03_active{background-image:url(images/sub_active_04.jpg);width: 90px;background-position: 0px 0px;}
#sub-nav li.tab04_active{background-image:url(images/sub_active_05.jpg);width: 90px;background-position: 0px 0px;}
#sub-nav li.tab05_active{background-image:url(images/sub_active_06.jpg);width: 90px;background-position: 0px 0px;}
#sub-nav li.tab06_active{background-image:url(images/sub_active_07.jpg);width: 90px;background-position: 0px 0px;}
#sub-nav li.tab07_active{background-image:url(images/sub_active_08.jpg);width: 90px;background-position: 0px 0px;}
#sub-nav li.tab08_active{background-image:url(images/sub_active_09.jpg);width: 90px;background-position: 0px 0px;}
#sub-nav li.tab09_active{background-image:url(images/sub_active_10.jpg);width: 60px;background-position: 0px 0px;}

/* === APPLICATION TAB NAVIGATION === */
/* NAV APP-NORMAL */
#sub-content ul.application_tabs li.tab01 a{background-image:url(images/apptab_01.gif);width: 195px;}
#sub-content ul.application_tabs li.tab02 a{background-image:url(images/apptab_02.gif);width: 180px;}
#sub-content ul.application_tabs li.tab03 a{background-image:url(images/apptab_03.gif);width: 195px;}

/* NAV APP-OVER */
#sub-content ul.application_tabs li.tab01 a:hover{background-image:url(images/apptab_over_01.gif);width: 195px;}
#sub-content ul.application_tabs li.tab02 a:hover{background-image:url(images/apptab_over_02.gif);width: 180px;}
#sub-content ul.application_tabs li.tab03 a:hover{background-image:url(images/apptab_over_03.gif);width: 195px;}

/* NAV APP-OVER PRE-LOAD */
#sub-content ul.application_tabs li.tab01{background-image:url(images/apptab_over_01.gif);width: 195px;}
#sub-content ul.application_tabs li.tab02{background-image:url(images/apptab_over_02.gif);width: 180px;}
#sub-content ul.application_tabs li.tab03{background-image:url(images/apptab_over_03.gif);width: 195px;}

/* NAV APP-ACTIVE */
#sub-content ul.application_tabs li.tab01_active{background-image:url(images/apptab_active_01.gif);width: 195px;background-position: 0px 0px;}
#sub-content ul.application_tabs li.tab02_active{background-image:url(images/apptab_active_02.gif);width: 180px; background-position: 0px 0px;}
#sub-content ul.application_tabs li.tab03_active{background-image:url(images/apptab_active_03.gif);width: 195px;background-position: 0px 0px;}

/* CONTENT */

#main-content{
margin: 0px;
float: left;
width: 550px;}

#main-content p{
margin: 0px;}

#main-content #feature-images {
height: 400px;
background-image:url(images/index_03.jpg);
background-repeat: no-repeat;
text-indent: -1000px;}

#sub-content{
background-image:url(images/sub_11.jpg);
background-repeat: no-repeat;
margin: 0px;
width: 750px;
padding: 10px 0px;}

#sub-content p, h1, h2, h3, h4, h5, h6{
width: 550px;
margin: 10px auto;}

#sub-content ul{width: 550px; margin: 10px auto;}

#sub-content h1, h2, h3, h4, h5, h6{
text-align: center;
color: #002949;}

#sub-content h1{
font-size: 18px;}

#sub-content p{
line-height: 18px;}

.application_detail{
margin: 0px auto 0px auto;
width: 568px;
border-left: solid 1px #2d67a7;
border-right: solid 1px #2d67a7;
border-bottom: solid 1px #2d67a7;}

/* MISC */

.endcap{
clear: both; 
height: 0px; 
margin: 0px;}