/*
------------------------------------------------------
 Stylesheet for GroupOne

 Created: 8/30/2007
------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/*
------------------------------------------------------
 Standard Elements
------------------------------------------------------
*/

body {
background-color: #e1e1e1;
color: #000;
font: 12px/18px tahoma, arial, helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}

h1 {
color: #000;
font-size: 14px;
font-weight: bold;
line-height: 14px;
}

h2 {
color: #4C346F;
font-size: 14px;
font-weight: bold;
line-height: 16px;
}

h3	{
color: #fff;
font-size: 11px;
font-weight: bold;
line-height: 11px;
}

form	{
margin: 0;
padding: 0;
display: inline;
}

input, textarea, select	{
font: 12px tahoma, arial, helvetica, sans-serif;
}

label	{
font-weight: bold;
}

img	{
border: none;
}

blockquote	{
font: italic 18px/25px Times New Roman, Serif;
text-indent: -25px;
text-align: center;
color: #00A4B8;
}

hr	{
height: 1px;
border: 0;
color: #c0c0c0;
background-color: #c0c0c0;
padding: 0;
margin: 0 0 25px 0;
}

html>body hr	{
margin: 25px 0;
}

a, a:link, a:visited, a:focus, a:active	{
color: #00A4B8;
}

a:hover {
color: #00A4B8;
text-decoration: none;
}

a.white, a.white:link, a.white:visited	{
color: #fff;
font-weight: bold;
text-decoration: underline;
}

a.white:hover, a.white:active, a.white:focus	{
text-decoration: none;
}

/*
------------------------------------------------------
 Layout
------------------------------------------------------
*/

/* Header */
#header-wrapper	{
width: 100%;
background: #00a4b8;
text-align: center;
}

#header-wrapper #header-bg-wrapper	{
background: transparent url(../i/content-bg.jpg) repeat-y top right;
width: 865px;
margin: 0 auto;
}

#header-wrapper #header-margin	{
background: #666;
height: 15px;
width: 855px;
margin: 0 auto;
}

#header-wrapper #header {
width: 835px;
text-align: left;
background: url(../i/header-bg.gif) repeat-x;
position: relative;
border: solid 10px #fff;
border-bottom: none;
margin: 0 auto;
z-index: 10;
}

/* Main Body */
#outer-wrapper	{
background: url(../i/content-bg.jpg) repeat-y top left;
width: 865px;
margin: 0 auto;
}

#inner-wrapper {
background: #fff;
border: solid 10px #fff;
border-top: none;
margin: 0 auto;
text-align: left;
width: 835px;
}

#content-wrapper	{
background: transparent url(../i/right-top.jpg) no-repeat top right;
padding-top: 4px;
}

#inner-wrapper #content-wrapper #right-column {
float: right;
width: 250px;
margin-bottom: 65px;
font-size: 11px;
}

#inner-wrapper #content-wrapper #content {
margin-bottom: 21px;
margin-right: 260px;
margin-top: 0;
padding: 27px 10px 10px 10px;
}

/* Footer */
#footer-wrapper	{
background: url(../i/content-bg.jpg) repeat-y top left;
width: 865px;
margin: 0 auto;
}

#footer {
text-align: left;
font-weight: bold;
background: #666;
padding: 10px 20px;
color: #fff;
height: 55px;
width: 815px;
margin: 0 auto;
z-index: 50;
}

/*
------------------------------------------------------
 End Layout
------------------------------------------------------
*/


/*
------------------------------------------------------
 Header Elements
------------------------------------------------------
*/
#logo a	{
background: url(../i/logo.png) no-repeat;
position: relative;
top: 16px;
left: 11px;
display: block;
width: 277px;
height: 64px;
}

#logo a span	{
display: none;
}

#masthead	{
background: url(../i/masthead.jpg) no-repeat;
width: 835px;
height: 167px;
margin-top: 29px;
z-index: 1;
}

#masthead span	{
display: none;
}

#client-access	{
width: 250px;
height: 117px;
background: url(../i/sep-bg.jpg) repeat-y;
position: absolute;
top: 18px;
right: -1px;
z-index: 10;
padding: 0;
margin: 0;
}

html>body #client-access	{
right: 0px;
}

#ca-header	{
background: transparent;
}

#client-access h4	{
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
color: #fff;
background: #336 url(../i/client-access-bg.png) no-repeat;
padding-left: 12px;
}

#client-access-menu	{
list-style: url(../i/arrow.png);
line-height: 18px;
margin: 0 15px;
padding: 15px 0 0 15px;
}

/*
------------------------------------------------------
 Right Column Elements
------------------------------------------------------
*/
#callouts	{
background: url(../i/sep-bg.jpg) repeat-y;
color: #fff;
padding-top: 15px;
}

.callout-wrapper	{
background: url(../i/callout-bg.jpg) repeat-y;
}

.callout	{
background: url(../i/cutout.jpg) no-repeat bottom right;
margin: 0 0 10px 0;
padding: 10px;
}

.callout h3	{
margin-bottom: 5px;
}

.callout ul	{
list-style: none;
margin: 0;
padding: 0;
}

.callout ul li a, .callout ul li a:link, .callout ul li a:visited	{
color: #fff;
text-decoration: underline;
}

.callout ul li a:hover, .callout ul li a:active, .callout ul li a:focus	{
text-decoration: none;
}

#news-press	{
border-top: solid 1px #05606c;
margin-top: 15px;
margin-bottom: 30px;
padding: 16px;
padding-bottom: 25px;
line-height: 16px;
font-weight: bold;
background: url(../i/right-bottom-round.jpg) no-repeat bottom left;
}

#news-press h3	{
text-transform: uppercase;
margin-bottom: 20px;
}

#license	{
margin-left: 65px;
line-height: normal;
}

/*
------------------------------------------------------
 Content Elements
------------------------------------------------------
*/
#protection	{
background: url(../i/protection.jpg) no-repeat;
padding: .5em 0 .5em 102px ;
height: 79px;
margin-bottom: 25px;
}

#why-choose	{
list-style: none;
padding-left: 10px;
margin-left: 10px;
margin-bottom: 40px;
}

#why-choose li	{
padding: 10px 0 0 25px;
background: url(../i/one-bullet.jpg) no-repeat 0 1em;
}

#inner-wrapper #content-wrapper .clearFloat {
clear: right;
display: block;
}

#content p, #content ul, #content ol	{
line-height: 1.75em;
}

p.response	{
margin-bottom: 40px;
}

ol	{
margin-top: -20px;
}

h2.article	{
padding-bottom: 10px;
border-bottom: solid 1px #c0c0c0;
}

/*
------------------------------------------------------
 Footer Elements
------------------------------------------------------
*/
#footer-nav	{
float: right;
}

#footer a	{
color: #fff;
}

#footer-bg	{
background: transparent url(../i/footer-bottom-bg.jpg) bottom no-repeat;
width: 865px;
height: 7px;
margin: 0 auto 10px auto;
padding: 0;
display: inline;
}


/*
------------------------------------------------------
 Navigation
------------------------------------------------------
*/
.main-nav	{
border-top: solid 2px #fff;
border-bottom: solid 5px #00a4b8;
height: 37px;
padding: 0;
margin: 0;
}

.main-nav a, .main-nav a:link, .main-nav a:visited	{
text-align: center;
font-weight: bold;
float: left;
line-height: 37px;
height: 37px;
width: 14%;
color: #000;
text-decoration: none;
border-right: solid 1px #fff;
background: url(../i/menu-bg.jpg) top left repeat-x;
}

.main-nav a:hover, .main-nav a:focus, .main-nav a:active	{
background: url(../i/menu-bg.jpg) bottom left repeat-x;
}

.main-nav .last a	{
border-right: none;
}

#nav-about	{
width: 98px;
}

#nav-prod-serv	{
width: 172px;
}

#nav-faq	{
width: 73px;
}

#nav-news	{
width: 79px;
}

#nav-fair-credit	{
width: 202px;
}

#nav-contact	{
width: 115px;
}

#nav-home	{
width: 89px;
}

html>body #nav-home	{
width: 90px;
}

.subnavgroup	{
position: absolute;
z-index: 50;
visibility: hidden;
background: #503875;
width: 202px;
}

.subnavgroup div	{
line-height: 30px;
border-bottom: solid 1px #336;
}

.subnavgroup .last	{
border-bottom: none;
}

.subnav a	{
color: #fff;
padding: 10px;
}

.subnav a:link, .subnav a:visited	{
text-decoration: none;
}

.subnav a:hover, .subnav a:active, .subnav:focus	{
color: #fff;
text-decoration: underline;
}

#prod-serv-menu	{
left: 99px;
}

#fcra-menu	{
left: 425px;
}

#contact-menu	{
left: 627px;
}

/*
------------------------------------------------------
 Contact Us Page
------------------------------------------------------
*/
#contact-left-column	{
float: left;
width: 45%;
}

#contact-right-column	{
float: left;
width: 45%;
}

.response-message	{
margin-top: 0;
padding-top: 0;
font-weight: bold;
color: #00a4b8;
text-align: center;
}

#contact-right-column .label	{
float: left;
width: 100px;
}

#contact-right-column .input	{
float: left;
width: 140px;
margin-bottom: 5px;
}

.input input	{
width: 140px;
}

#contact-right-column textarea	{
width: 240px;
margin: 5px 0 15px 0;
}

/*
------------------------------------------------------
 Contact Us Page
------------------------------------------------------
*/
h2.title	{
line-height: 20px;
}

.sub-title	{
color: #000;
font-style: italic;
font-size: 12px;
margin-top: 10px;
}