/* @group  body */

body { background :  url(../images/body-bg.jpg) top center repeat-x ; }

body .site-wrapper {
  margin-right : auto;
  margin-left  : auto;
  width        : 980px;
}

body .site-wrapper .header {
  height   : 80px;
  position : relative;
}

body .site-wrapper .header .logo {
  height           : 76px;
  width            : 262px;
  margin-left      : 20px;
  display          : block;
  background-image : url(../images/logo.png);
}

body .site-wrapper .banks {
  padding-top      : 14px;
  height           : 70px;
  background-image : url(../images/banks.jpg);
  margin-left : 20px;
}

body .site-wrapper .banks #bank-lineup {
  padding-left : 28px;
  padding-top  : 10px;
}

body .site-wrapper .banks #bank-lineup a { float : left; }

body .site-wrapper .splash {
  height      : 425px;
  position    : relative;
  margin-left : -65px;
}

body .site-wrapper .splash .screenshoot {
  width            : 554px;
  height           : 390px;
  float            : left;
  background-image : url(../images/screenshoot.jpg);
}

body .site-wrapper .splash .quote {
  width            : 580px;
  height           : 278px;
  float            : left;
  position         : absolute;
  left             : 553px;
  background-image : url(../images/quote.jpg);
}

body .site-wrapper .splash .buttons {
  width            : 495px;
  height           : 105px;
  position         : absolute;
  top              : 278px;
  left             : 553px;
  background-image : url(../images/buttons.jpg);
}

body .site-wrapper .splash .buttons a {
  float       : left;
  height      : 105px;
  width       : 217px;
  margin-left : 25px;
  display     : block;
}

body .site-wrapper .sidebar {
  float          : left;
  width          : 360px;
  padding-top    : 10px;
  padding-bottom : 10px;
  padding-left   : 15px;
}

body .site-wrapper .sidebar .box-wrapper {
  width               : 330px;
  padding-bottom      : 20px;
  background-position : bottom left;
  margin-bottom       : 12px;
  background-image    : url(../images/box-bottom.jpg);
}

body .site-wrapper .sidebar .box-wrapper .box {
  width            : 330px;
  background-image : url(../images/box-top.jpg);
}

body .site-wrapper .sidebar .box-wrapper .box .box-content { padding : 10px; }

body .site-wrapper .sidebar .quote-body {
  padding-top      : 33px;
  color            : #444; /* Dark Slate Gray */
  background-image : url(../images/quote-open.png);
}

body .site-wrapper .sidebar .quote-body .quote-content {
  padding-bottom      : 33px;
  background-position : bottom right;
  padding-left        : 40px;
  font-size           : 1.17em;
  line-height         : 1.57em;
  background-image    : url(../images/quote-close.png);
}

body .site-wrapper .sidebar .quote-body .quote-author {
  text-align   : right;
  margin-right : 20px;
}

body .site-wrapper .sidebar .icon {
  float : left;
  width : 75px;
}

body .site-wrapper .sidebar .title { float : left; }

body .site-wrapper .sidebar .title h2 {
  font-size      : 1.5em;
  color          : #359fcf; /* Steel Blue */
  letter-spacing : -1px;
  font-weight    : bold;
  line-height    : 1.44em;
}

body .site-wrapper .content {
  float          : left;
  width          : 600px;
  height         : 600px;
  padding-top    : 20px;
  padding-bottom : 20px;
  color          : #888; /* Gray */
}

body .site-wrapper .content .puzzle {
  padding-top      : 10px;
  padding-bottom   : 10px;
  padding-left     : 40px;
  background-image : url(../images/puzzle.jpg);
}

body .site-wrapper .content .puzzle .item { margin-bottom : 20px; }

body .site-wrapper .content .puzzle .item .item-content {
  float : left;
  width : 400px;
}

body .site-wrapper .content .puzzle .item .item-content h3 {
  font-size     : 1em;
  color         : #4884ba; /* Steel Blue */
  margin-bottom : 10px;
  font-weight   : bold;
}

body .site-wrapper .content .puzzle .item .link-content {
  float : left;
  width : 120px;
}

/* @end */

/* @group  .top-menu-list */

.top-menu-list {
  position : absolute;
  top      : 50px;
  right    : 10px;
}

.top-menu-list li {
  float         : right;
  display       : block;
  padding-left  : 10px;
  padding-right : 10px;
  font-size     : 1.5em;
  color         : #fff; /* White */
}

.top-menu-list li a {
  text-decoration : none;
  color           : #fff; /* White */
}



/* @end */

/* @group  .box-header */

.box-header { margin-bottom : 5px; }

.box-header .icon {
  float : left;
  width : 75px;
}

.box-header .title {
  float : left;
  width : 220px;
}

.box-header .title h2 {
  font-size      : 1.5em;
  color          : #359fcf; /* Steel Blue */
  letter-spacing : -1px;
  font-weight    : bold;
  line-height    : 1.44em;
}

/* @end */

/* @group  .box-content */

.box-content .icon {
  float : left;
  width : 75px;
}

.box-content .title { float : left; }

.box-content .title h2 {
  font-size      : 1.5em;
  color          : #359fcf; /* Steel Blue */
  letter-spacing : -1px;
  font-weight    : bold;
  line-height    : 1.44em;
}

.box-content .link {
  display         : block;
  margin-bottom   : 5px;
  margin-left     : 20px;
  text-decoration : none;
  color           : #2a6eb0; /* Steel Blue */
}

/* @end */

/* @group  .what-is-smartloan */

.what-is-smartloan {
  background-position : bottom right;
  padding-right       : 160px;
  padding-bottom      : 60px;
  background-image    : url(../images/what-is-smartloans.jpg);
}

.what-is-smartloan .item { margin-bottom : 20px; }

.what-is-smartloan .item .icon {
  float : left;
  width : 75px;
}

.what-is-smartloan .item .item-content {
  float : left;
  width : 365px;
}

.what-is-smartloan .item .item-content h2 {
  font-size      : 1.5em;
  color          : #194779; /* Midnight Blue */
  letter-spacing : -1px;
  font-weight    : bold;
  line-height    : 1.44em;
}

.what-is-smartloan .item .item-content p { line-height : 1.5em; }

.what-is-smartloan .icon {
  float : left;
  width : 75px;
}

.what-is-smartloan .item-content {
  float : left;
  width : 300px;
}

.what-is-smartloan .item-content h2 {
  font-size      : 1.83em;
  color          : #194779; /* Midnight Blue */
  margin-bottom  : 10px;
  letter-spacing : -1px;
  font-weight    : bold;
}

.what-is-smartloan .item-content p { line-height : 1.5em; }

/* @end */

/* @group  .how-it-work */

.how-it-work {
  background-position : top right;
  padding-left        : 220px;
  padding-bottom      : 20px;
  padding-top         : 50px;
  background-image    : url(../images/how-it-work.jpg);
}

.how-it-work p { margin-bottom : 10px; }

/* @end */

/* @group  .what-provider-wrapper */

.what-provider-wrapper {
  background-position : top right;
  padding-bottom      : 60px;
  padding-top         : 50px;
  background-image    : url(../images/what-provider.jpg);
}

.what-provider-wrapper .what-provider { padding-left : 220px; }

.what-provider-wrapper .what-provider p { margin-bottom : 10px; }



/* @end */

/* @group  .rate-table */

.rate-table { width : 100%; }

.rate-table td {
  padding : 10px;
  color   : #666; /* Dim Gray */
}

/* @end */

/* @group  .odd */

.odd td { background-color : #e6f0fe; /* Lavender */ }

/* @end */