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

/*Main Site Layout Build*/
body {
margin: 0;
padding: 0;
font-weight:normal;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(/imgs/nav/main-bg.jpg) repeat-x #4e799e; 
*/margin-top:5px;
color:#000;
line-height:150%;
}

#container {
margin: 0 auto; 
width: 968px; 
text-align: left;
background:#fff url(/imgs/nav/main-head.jpg) no-repeat top;
}

h1 {
color:#003768;
font-size:21px;
padding:20px 0 5px 0;
margin:0;
}

h2 {
color:#000;
font-size:14px;
padding:10px 0 0 0;
margin:0;
}

#header {
height:100px;
}

#header #logo {
margin:25px 0 0 10px;
float:left;
padding:0;
width:190px;
height:63px;
background-color:transparent;
}

/*Main Navigation*/
#nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#003768;
font-size:13px;
width:475px;
margin:0;
padding:30px 0 0 0;
float:right;
}

#nav a {
padding:5px;
text-decoration: none; 
color:#003768;
}

#nav a:hover {
background:url(/imgs/nav/hover.gif) repeat-x;
color:#fff;
}

#nav ul {
display:block;
list-style-type:none;
padding:0 0 7px 0;
margin:0 0 7px 0;
text-align:center;
border-bottom:2px dotted #003768;
}

#nav li {
display:inline;
margin: 0; 
list-style:none;  
background-color:transparent; 
padding: 0 12px 0 12px; 
}

#quicklinkbox {
clear:both;
float:right;
padding:0;
margin:5px 10px 0 0;
}

#quicklinks {
font-size:11px;
}

/*Footer Styles*/
#footer .transact {
position:absolute;
left:50%;
width:968px;
margin-top:-15px;
margin-left:-90px;
padding:15px;
}

#footer {
color:#C0C7CE;
margin: 0 auto; /*top/bottom left/right;*/
padding:10px 0 10px 0;
width: 968px; /*total width of the design*/
text-align: center;
line-height:125%;
}

#footer  a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

.copyrights {
color:#C0C7CE;
padding-top:5px;
text-align:center;
}

/*Homepage Styles*/
#banner {
margin:0;
padding:0;
}

#home-main {
margin: 0 auto; 
padding:0;
width: 968px; 
height:1250px;
text-align:left;
background:none;
}

#leftcolumn {
float:left;
width:409px;
height:100%;
}

#rightcolumn {
margin-left:419px;
height:100%;
}

#leftcolumn .why {
padding: 0 15px 10px 15px;
background:#fff;
height:17%;
}

#leftcolumn .why p {
color:#000;
text-align:justify;
font-size:13px;
margin:0;
padding:10px 0 0 0;
}


#leftcolumn .work {
padding: 0 15px 15px 15px;
background:#fff;
margin-top:15px;
height:83%;
}

#leftcolumn .work .callouts {
border:1px solid #689ec6;
width:380px;
padding:0;
margin:20px 0 0 0;
text-align:center;
}

#leftcolumn .work .callouts h1 {
text-align:center;
font-size:14px;
color:#000;
margin:0;
padding:15px 0 15px 0;
}

#leftcolumn .work .callouts p {
color:#000;
text-align:justify;
font-size:13px;
padding:15px;
margin:0;
}

#leftcolumn .work .callouts .processmap {
width:230px;
height:163px;
border:1px solid #003768;
margin:0;
padding:6px;
}

#rightcolumn .what {
padding: 0 15px 10px 15px;
background:#fff;
height:42%;
}

#rightcolumn .what .italic {
text-align:justify;
font-size:13px;
margin:0 auto;
padding: 10px 5px 0 0;
}

#rightcolumn .what .wrapper {
text-align:left;
margin: 0px auto;
padding: 30px 0 0 0;
border:0;
width:512px;
background-color:transparent;
height:315px;
}

#rightcolumn .what .wrapper .functional {
float:left;
width:164px;
}

#rightcolumn .what .wrapper .business {
float:left;
padding-left:15px;
width:170px;
}

#rightcolumn .what .wrapper .quality {
float:right;
width:148px;
}

#rightcolumn .what .wrapper .subhead {
font-weight:bold;
font-size:11px;
text-decoration:underline;
padding:10px 0 0 0;
}

#rightcolumn .what .wrapper p {
font-size:11px;
font-weight:normal;
margin:0;
padding:5px 0 0 18px;
}

#rightcolumn .promise {
padding: 0 15px 15px 15px;
background:#fff;
margin-top:15px;
height:58%;
}

#rightcolumn .promise .subhead {
font-weight:bold;
font-size:14px;
margin:0;
padding:15px 0 2px 0;
}

#rightcolumn .promise p {
color:#000;
text-align:justify;
font-size:13px;
padding:0 0 10px 0;
margin:0;
}

/*Child Page Styles */
#child-main {
margin:0 auto; 
padding:0 0 1px 0;
width: 968px; 
height:100%;
text-align:left;
background:#fff;
}

#child-main h1 {
margin-left:20px;
}

#child-main h2 {
margin-left:20px;
}

#child-main p {
margin:10px 20px 0 20px;
font-size:12px;
}

#child-main a {
color:#003768;
font-weight:bold;
text-decoration:underline;
}

#child-main a:hover {
text-decoration:none;
}

#poweredbytransact {
background:#fff url(/imgs/child/poweredbytransact.jpg) no-repeat top right;
width:958px;
height:37px;
margin:15px 0 0 0;
padding:0;
}

#childbottom .image {
margin:0 auto; 
padding:0;
width: 968px; 
height:15px;
}

#child-main .bolded {
font-weight:bold;
font-size:12px;
}

#child-main ol, #child-main ul {
padding-right:10px;
font-size:12px;
}

#child-main .leftcolumn {
float:left;
width:409px;
height:100%;
margin-top:15px;
}

#child-main .rightcolumn {
margin-left:419px;
background:transparent;
height:100%;
margin-top:15px;
}