/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #e5e8ee url(../images/bg.gif) center top;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 14px; line-height: 22px; color: #686868;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin-top: 0;}

a {color: #4c628f;}
a:hover {color: #000;}

h1 {margin: 0 0 20px 0; font-size: 18px; font-weight: normal; color: #4c628f;}
h2 {margin: 0 0 20px 0; font-size: 16px; font-weight: normal; color: #000;}
h3 {margin: 0 0 0 0; font-size: 14px; font-weight: normal; color: #000;}

.client {margin: 0 0 0 0; font-size: 12px; font-weight: normal; color: #686868; }
.caps {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; text-transform: uppercase; color: #474747;}
.small {font-size: 12px; line-height: 17px; color: #4c628f; margin-top: 0px; }
/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

img.border {border: solid 2px #9ba6bd; padding: 4px;}

img.right {float: right; margin: 0 15px 0 15px;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

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

ul.subnav {margin: 0; padding: 0; list-style-type: none; font-size: 12px; line-height: 18px; color: #000; text-transform: uppercase;}
ul.subnav li {padding-bottom: 10px;}
ul.subnav a {color: #000; text-decoration: none;}
ul.subnav a:hover {color: #4c628f;}
ul.subnav li.on {font-weight: bold;}
ul.subnav li.on a:hover {color: #4c628f;}

/**
 * Layout
 */
#master {width: 829px; margin: auto; padding: 0 36px; background: #a8b5d2 url(../images/page-bg.gif);}

#header {position: relative; width: 829px; height: 135px; background: url(../images/header-bg.gif) no-repeat;}
#header .logo {position: absolute; top: 15px; left: 25px;}
#header .tagline {position: absolute; top: 50px; left: 25px;}
#header .login {position: absolute; top: 0; right: 29px; width: 227px; font-size: 12px; line-height: normal; color: #fff;}
#header .login form {padding: 10px 0 0 18px;}
#header .login form input[type="text"],
#header .login form input[type="password"] {width: 120px; font: 12px arial;}
#header .login form input[type="image"] {margin: 3px 0 0 40px;}
#header .services {position: absolute; top: 90px; left: 25px; font-size: 14px; font-weight: bold; line-height: 39px; color: #bb5400; font-weight: bold;}
#header .services ul {margin: 0; padding: 0; list-style-type: none;}
#header .services ul li {display: inline; padding: 0 12px 0 18px; background: url(../images/diamond.gif) no-repeat left 4px;}
#header .services ul li.firstItem {background: none; padding-left: 0;}
#header .contact {position: absolute; top: 90px; right: 30px; font-size: 14px; line-height: 39px; color: #4c628f;}
#header .contact ul {margin: 0; padding: 0; list-style-type: none;}
#header .contact ul li {display: inline; padding: 0 15px 0 19px; background: url(../images/diamond.gif) no-repeat left 4px;}
#header .contact ul li.firstItem {background: none;}
#header .subscribe {position: absolute; top: 0; right: 29px; width: 207px; padding: 10px 10px 0 10px; font-size: 12px; line-height: normal; color: #fff;}
#header .subscribe p {margin-bottom: 10px;}
#header .subscribe input[type="text"] {float: left; width: 110px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #666;}
#header .subscribe input[type="image"] {float: left; margin: 0 0 0 5px;}

#nav {font-size: 13px; line-height: normal; color: #000; text-transform: uppercase; padding-top: 2px; position: relative; width: 100%; padding-left: 26px;}
#nav ul {margin: 0; padding: 0; list-style-type: none;}
#nav ul li {float: left; display: block; padding: 0 5px 0 22px; margin-right: 13px;} /* padding: 0 5px 0 23px; margin-right: 15px; */
#nav ul li a {float: left; display: block; padding: 9px 18px 14px 0; color: #000; text-decoration: none; position: relative; margin-right: -20px;}
#nav ul li a:hover {color: #fff;}
#nav ul li.on {background: url(../images/tab-bg.gif) no-repeat 5px 0;}
#nav ul li.on a {background: url(../images/tab-bg.gif) no-repeat right 0;}
#nav ul li.on a:hover {color: #000;}

#body {width: 829px; background: url(../images/body-bg-sprites.gif) repeat-y -829px; margin-top: -5px;}
#body > div {width: 829px; background: url(../images/body-bg-sprites.gif) no-repeat;}
#body > div > div {width: 785px; background: url(../images/body-bg-sprites.gif) no-repeat -1658px bottom; padding: 25px 22px 25px 22px;}

#contentWrapper {padding: 0 5px 55px 5px; background: url(../images/dot-bg.gif) repeat-y 172px 0;}

#sidebar {float: left; width: 150px; padding: 10px 20px 0 0;}

#content {float: right; width: 580px; padding: 10px 0 0 0;}

#footer {font-size: 12px; color: #000; text-align: center; padding: 5px 0 30px 0;}
#footer ul {margin: 0; padding: 0; list-style-type: none;}
#footer ul li {display: inline; padding: 0 10px 0 16px; background: url(../images/diamond-footer.gif) no-repeat left 4px;}
#footer ul li.firstItem {background: none;}
#footer .legal {font-size: 11px; color: #4c4c4c; padding-top: 20px;}
#footer .legal a {color: #4c4c4c; text-decoration: none;}
#footer .legal a:hover {color: #000;}

/**
 * Home Page
 */
#home .photo {float: left; margin: 0 20px 20px 0;}
#home .content {width: 785px; font-size: 15px; line-height: 26px;}
#home .footer {width: 100%; background: url(../images/dot-bg.gif) repeat-y 250px 0; margin-bottom: 10px; font: 12px/18px arial;}
#home .footer > div {width: 100%; background: url(../images/dot-bg.gif) repeat-y 522px 0;}
#home .footer .column {float: left; width: 225px; padding: 0 25px;}
#home .footer .firstColumn {padding-left: 0;}
#home .footer .thirdColumn {padding-right: 0;}
#home .footer .thirdColumn h2 {font-size: 15px;}
#home .footer .thirdColumn .tagline {font-size: 12px; margin: 5px 0; line-height: 16px; color: #373838;}
#home .footer h1 {margin: 0 0 10px 0; font-size: 13px; font-weight: normal; letter-spacing: 0.07em; color: #fff; text-transform: uppercase; background: #bb5400 url(../images/box-bg-sprites-red.gif) no-repeat;}
#home .footer h1 span {display: block; padding: 5px 10px; width: 205px; background: url(../images/box-bg-sprites-red.gif) no-repeat -225px bottom;}
#home .footer h2 {margin: 0; font-size: 16px; font-weight: normal; color: #4c628f;}
#home .footer h2 a {text-decoration: none;}
#home .quoteBlock {margin: 20px 0 0 0; padding: 0 30px; font-family: Georgia, Times New Roman, Serif; font-size: 15px; line-height: 20px; color: #000;}
#home .quoteBlock p {margin-bottom: 0;}
#home .quoteBlock .author {text-align: right; font: 12px/20px arial;}
#home .quoteBlock .quote {margin: 0; padding: 0;}

/**
 * Forms
 */
form.form .row {padding: 0px 0px 2px 0px;}
form.form .label {float: left; width: 65px;}
form.form .field {float: left; width: 140px;}

/**
 * Boxes
 */
.box {width: 225px; background: #d1deaf url(../images/box-bg-sprites.gif) no-repeat;}
.box > div {width: 225px; background: url(../images/box-bg-sprites.gif) no-repeat -225px bottom;}

.quoteBox {float: right; margin: 0 0 10px 10px; font-size: 12px; line-height: 24px; color: #000;}
.quoteBox > div {width: 185px; padding: 15px 20px;}
.quoteBox .author {float: right; font-size: 11px; line-height: 17px; text-align: right; padding: 10px 0; color: #4c525e;}

.quoteBoxWide {float: none; width: 785px; margin-left: 0; background-position: -450px 0;}
.quoteBoxWide > div {width: 745px; background-position: -1235px bottom;}

.quoteBoxLightBlue {background: #edf1f7 url(../images/box-bg-sprites-lightblue.gif) no-repeat;}
.quoteBoxLightBlue > div {background: url(../images/box-bg-sprites-lightblue.gif) no-repeat -225px bottom; text-align: center;}


/**
 * Messages
 */
div.message {margin: 0 0 20px 0; padding: 10px;}

div.errorMessage {border: solid 1px #e50000; color: #000;}

/**
 * Dialogs
 */
body.dialog {background: #fff;}