/*=======================================================
 CSS Document for West Corp Finance
=======================================================*/

@import url("global.css");

.hidden { display: none; }
.show { display: block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

.wrapper { width: 100%; height: auto; display: block; background: url('../images/core/bg.jpg') no-repeat 50% 2px; margin: 0 auto; }
#container { width: 920px; height: auto; display: block; margin: 0 auto; background: url('../images/core/bg-repeat.png') repeat-y 50% 0; clear: both; }
#container:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/*=============================================================
	Header - nav + logo
=============================================================*/

#header { width: 890px; height: 118px; float: left; background: url('../images/core/bg-header.jpg') no-repeat 0 0; padding: 40px 25px 0 5px; clear: both; }
#logo { width: 310px; height: 118px; float: left; display: inline; }
h2#callus { background: url('../images/core/callus.gif') no-repeat 0 0; float: left; margin: 20px 0 30px 275px; display: inline; width:305px; height: 25px; text-indent: -9999em; }
/*nav*/
ul#nav { width: 568px; height: 32px; float: right; display: inline; }
ul#nav li { display: inline; float: left; margin: 0 5px; width: 132px; height: 32px; }
ul#nav a { width: 132px; height: 32px; display: block; float: left; text-indent: -9999em; }
ul#nav a:hover, body#home-page a#navhome, body#about-page a#navabout, body#testimonials-page a#navtestimonials, body#contact-page a#navcontact { background-position: 0 -32px!important; }
#navhome { background: url('../images/core/nav-home.gif') no-repeat 0 0; }
#navabout { background: url('../images/core/nav-about.gif') no-repeat 0 0; }
#navtestimonials { background: url('../images/core/nav-testimonials.gif') no-repeat 0 0; }
#navcontact { background: url('../images/core/nav-contact.gif') no-repeat 0 0; }

/*=============================================================
	Header - nav + logo
=============================================================*/

#banner { position: relative; z-index: 80; width: 910px; height: 225px; background: url('../images/core/bg-banner.jpg') no-repeat 0 0; display: block; float: left; clear: both; margin: 0 5px; }
body#home-page #banner { height: 450px!important; background: url('../images/core/bg-flash.jpg') no-repeat 0 0!important; }
#home-banner { width: 910px; height: 450px; position: absolute; z-index: 80; left: 0; top: 0; overflow: hidden!important; }
/*subnav*/
ul#subnav { position: relative; z-index: 90; width: 260px; height: auto; float: left; display: inline; }
body#home-page ul#subnav { margin-top: 35px!important; }
ul#subnav li { display: inline; float: left; margin: 0 0 2px 0; width: 260px; }
body#home-page ul#subnav li { margin-bottom: 4px!important; }
ul#subnav a { width: 260px; height: 26px; display: block; float: left; text-indent: -9999em; }
ul#subnav a:hover { background-position: -260px 0!important; }
a#subnav1 { background: url('../images/core/subnav-loan.gif') no-repeat 0 0; }
a#subnav2 { background: url('../images/core/subnav-debt.gif') no-repeat 0 0; }
a#subnav3 { background: url('../images/core/subnav-investment.gif') no-repeat 0 0; }
a#subnav4 { background: url('../images/core/subnav-firsthome.gif') no-repeat 0 0; }
a#subnav5 { background: url('../images/core/subnav-personal.gif') no-repeat 0 0; }
a#subnav6 { background: url('../images/core/subnav-ulifestyle.gif') no-repeat 0 0; height: 45px!important }
body#services1 a#subnav1, body#services2 a#subnav2, body#services3 a#subnav3, body#services4 a#subnav4, body#services5 a#subnav5, body#services6 a#subnav6 { background-position: -260px!important; }
/*cta*/
#cta { position: relative; z-index: 100; float: left; margin: 50px 0 0 20px; width: 120px; height: 60px; display: inline;  }
#cta a { position: relative; z-index: 100; text-indent: -9999em; width: 120px; height: 60px; display: block; background: url('../images/core/cta-inner.gif') no-repeat 0 0; }
body#home-page #cta { float: left; width: 190px!important; margin: 110px 0 0 25px; clear: both!important; height: 100px!important; }
body#home-page #cta a#cta1 { text-indent: -9999em; display: block; width: 190px!important; height: 50px!important; background: url('../images/core/cta-home.gif') no-repeat 0 0; }
body#home-page #cta a#cta2 { text-indent: -9999em; display: block; width: 190px!important; height: 50px!important; background: url('../images/core/cta-home2.gif') no-repeat 0 bottom; }

/*banner images*/
#banner-images { width: 650px; height: 225px; position: absolute; z-index: 80; right: 0; top: 0; }
body#about-page #banner-images { background: url('../images/core/banner2.jpg') no-repeat 0 0; }
body#testimonials-page #banner-images { background: url('../images/core/banner3.jpg') no-repeat 0 0; }
body#contact-page #banner-images { background: url('../images/core/banner1.jpg') no-repeat 0 0; }
body#services1 #banner-images { background: url('../images/core/banner4.jpg') no-repeat 0 0; }
body#services2 #banner-images { background: url('../images/core/banner1.jpg') no-repeat 0 0; }
body#services3 #banner-images { background: url('../images/core/banner5.jpg') no-repeat 0 0; }
body#services4 #banner-images { background: url('../images/core/banner3.jpg') no-repeat 0 0; }
body#services5 #banner-images { background: url('../images/core/banner2.jpg') no-repeat 0 0; }
body#services6 #banner-images { background: url('../images/core/banner1.jpg') no-repeat 0 0; }
body#links-page #banner-images { background: url('../images/core/banner4.jpg') no-repeat 0 0; }

/*=============================================================
	Main contents body
=============================================================*/

#contents-area { width: 850px; height: auto; padding: 30px 35px; margin: 0; float: left; background: url('../images/core/bg-body2.jpg') no-repeat 50% 0; display: block; clear: both; }
body#home-page #contents-area { background: url('../images/core/bg-body.jpg') no-repeat 50% 0!important; }
.non-text { float: left; display: inline; width: 201px; height: auto; padding-right: 28px; border-right: 1px solid #cfcfcf; }
img.thumbs { width: 195px; border: 3px solid #d0eff8; display: block; line-height: 0; margin-bottom: 5px; clear: both; float: left; text-decoration: none; }
.non-text span { font-size: 1.1em; color: #000; text-align: center!important; margin: 0 0 15px 0; line-height: 10px; padding: 0 10px; display: block; }
.text { display: block; float: right; width: 575px; height: auto;  }
.cascade { width: 405px; float: left; display: inline; height: auto; }
.cascade p { text-align: justify!important; }
.pushed { margin-right: 40px; }
.boxed { border: 1px solid #eee; padding: 10px 15px; background-color: #ecf8fb; font-size: 1em; color: #0c4655; }
.cta-link { width: 160px; height: 32px; display: block; clear: both; }
.cta-link a { text-indent: -9999em; width: 155px; height: 32px; overflow: hidden; background: url('../images/core/cta-contact.gif') no-repeat 0 0; display: block; }
.cta-link a:hover { background-position: 0 -32px!important; }

/*=============================================================
	Footer
=============================================================*/

#footer { width: 860px; height: 100px; margin: 0 auto; background: url('../images/core/bg-footer.gif') no-repeat 50% 0; padding: 15px 30px; clear: both; }
ul#address { margin-bottom: 40px; display: block; height: 18px; }
ul#address li { float: left; display: block; height: 17px; padding: 1px 50px 0 0; color: #6f6f6f!important; }
ul#address li#bookmark { visibility: visible!important; padding: 0!important; width: 100px; height: 18px; display: block; }
ul#address li#bookmark a { background: url('../images/core/bookmark.gif') no-repeat 0 0!important; text-indent: -9999em; display: block; }
.ph { background: url('../images/core/icon-ph.gif') no-repeat 0 4px; padding-left: 20px!important; }
.email { background: url('../images/core/icon-email.gif') no-repeat 0 4px; padding-left: 20px!important; }
body#contact-page ul#address li { visibility: hidden; background-image: none!important; }
#footer p { font-size:1.1em; line-height: 16px; margin-top: -5px; color: #386370; float: left; width: 750px; display: inline; }
#footer p strong { color: #fff; }
a#credits { float: right; display: inline; margin-top: -10px; width: 100px; height: 38px; }
#footer a { color: #386370; text-decoration: none;}
#footer a:hover { color: #000; text-decoration: underline;}


/*=======================================================
 End of CSS Document for West Corp Finance
=======================================================*/