/* Main CSS Document */
/*---------------------------------------*/
/*Main*/
a, a:visited { color: #1898d7; text-decoration: underline; }
a img { border: none; }
p { margin: 5px 0px; } 
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px 0px 12px; color: #102e41; }
h1, h2, h3.page-title { font-size: 24px; line-height: 28px; }
h3, h4, h5, h6 { font-size: 14px; }
.no-css { display: none; }
/*---------------------------------------*/
html, body { margin: 0px; padding: 0px; }
body, .contact-form input.text-input, .contact-form textarea, .contact-form select { font: 12px Arial, Verdana, Tahoma, sans-serif; color: #000; }
/*---------------------------------------*/
#block-w850 { width: 850px; margin: 0px auto; }
/*---------------------------------------*/
#site-top { width: 850px; overflow: hidden; padding-top: 10px; }
#site-top a.logotype { display: block; float: left; margin: 0px 50px 10px 0px; }
#site-top h1 { font-size: 12px; color: #6d7981; text-align: right; line-height: normal; }
#site-top .top-nav { float: right; margin-top: 32px; }
#site-top .top-nav ul { margin: 0px; padding: 0px; list-style: none; }
#site-top .top-nav ul li { float: left; }
#site-top .top-nav ul li a { display: block; text-indent: -100000px; width: 38px; height: 38px; overflow: hidden; }
#site-top .top-nav ul li a.tn-homepage { background: #5c6870 url(../images/icons/ico-home.gif) no-repeat center center; }
#site-top .top-nav ul li a.tn-site-map { background: #6d7981 url(../images/icons/ico-site-map.gif) no-repeat center center; }
#site-top .top-nav ul li a.tn-contact-us { background: #7e8a92 url(../images/icons/ico-mail.gif) no-repeat center center; }
#site-top .top-nav ul li a.selected, #site-top .top-nav ul li a:hover { background-color: #154360; }
#site-top .nav-block { clear: both; }
#site-top .nav-block .left-nav { float: left; }
#site-top .nav-block .left-nav ul { width: 238px; margin: 0px; padding: 0px; list-style: none; background: url(../images/left-nav-bg.gif) repeat-x; text-align: right; }
#site-top .nav-block .left-nav ul li {  }
#site-top .nav-block .left-nav ul li a { display: block; height: 35px; padding-right: 20px; color: #fff; font-size: 18px; line-height: 35px; text-decoration: none; }
#site-top .nav-block .left-nav ul li a.selected, #site-top .nav-block .left-nav ul li a:hover { background: #154360; }
#site-top .flash-banner { float: right; height: 210px; overflow: hidden; }
/*---------------------------------------*/
#site-content { width: 810px; padding: 15px 20px 40px; overflow: hidden; background: #f6f6f6 url(../images/mc-bg.gif) repeat-y; }
/*---------------------------------------*/
.left { float: left; width: 196px; padding-right: 20px; }
/*---------------------------------------*/
.recommendations { text-align: right; }
.recommendations p { margin: 0px 0px 5px; text-align: left; }
.recommendations .lnk-more { text-align: left; margin-top: 10px; }
/*---------------------------------------*/
.hint { background: #fff; border: 1px solid #c2b2b2; position: absolute; width: 300px; padding: 15px; margin: -165px 0px 0px -20px; display: none; text-align: left; }
.hint a.lnk-close { background: url(../images/close-hint.gif) no-repeat; display: block; width: 13px; height: 13px; float: right; margin: -14px -14px 0px 0px; }
.hint .hint-box-text { text-align: right; margin-bottom: 20px; }
.hint .last { margin-bottom: 0px; }
.hint .hint-box-text p { margin: 0px 0px 5px; text-align: left; }
/*---------------------------------------*/
.lnk-contact{ display: block; width: 194px; height: 80px; background: url(../images/buttons/lnk-contact-us.gif) no-repeat;  text-indent: -100000px; overflow: hidden; margin: 30px 0px 18px; }
/*---------------------------------------*/
.wd-examples{ text-align: center; }
.wd-examples h3 { text-transform: uppercase; padding-bottom: 6px; }
.wd-examples a img { display: block; padding: 5px; background: #fff; border: 1px solid #d3d8dc; }
/*---------------------------------------*/
.right { float: right; width: 572px; margin-left: 2px; }
/*---------------------------------------*/
.content-text { width: 572px; overflow: hidden; }
.content-text p { margin: 0px 0px 10px; }
.content-text p.aright { text-align: right; }
.content-text p.acenter { text-align: center; margin: 25px 0px; }
.content-text ul { margin: 10px 0px; padding: 0px 0px 0px 40px; }
.content-text p.wd-services { border-top: 1px solid #d5dade; margin-top: 15px; padding-top: 15px; }
/*---------------------------------------*/
.fl-img { float: left; text-align: center; margin-right: 20px; padding-top: 3px; }
.fl-img img { display: block; padding: 5px; background: #fff; border: 1px solid #d3d8dc; }
.fl-img p { margin: 2px 5px 10px; }
/*---------------------------------------*/
.fr-img { float: right; text-align: center; margin-left: 20px; padding-top: 3px; }
.fr-img img { display: block; padding: 5px; background: #fff; border: 1px solid #d3d8dc; }
.fr-img p { margin: 2px 5px 10px; }
/*---------------------------------------*/
.fl-imgs { width: 572px; overflow: hidden; margin-bottom: 15px; }
.fl-imgs img { float: left; padding: 5px; background: #fff; border: 1px solid #d3d8dc; margin-right: 10px; }
.fl-imgs img.last { margin-right: 0px; }
/*---------------------------------------*/
.fl-imgs .img-item { float: left; margin: 0px 10px 10px 0px; }
.fl-imgs .img-item a img { margin-right: 0px; }
.fl-imgs .img-item p { width: 180px; padding: 0px 2px; font-style: italic; text-align: center; clear: both; height: 30px; overflow: hidden; }
.fl-imgs .last { margin-right: 0px; }
/*---------------------------------------*/
.content-text table { width: 572px; border: 1px solid #d9dde1; border-width: 1px 0px 1px 1px; border-spacing: 0px; margin-bottom: 20px; }
.content-text table tr th, .content-text table tr td { padding: 7px; }
.content-text table tr th { border-right: 1px solid #d9dde1; text-align: left; color: #102e41; }
.content-text table tr td { border: 1px solid #d9dde1; border-width: 1px 1px 0px 0px; }
.content-text table tr td span { color: #102e41; font-weight: bold; }
/*---------------------------------------*/
.lnk-portfolio { }
.lnk-portfolio ul { width: 184px; margin: 0px 10px 10px 0px; padding: 0px; float: left; list-style: none;  }
.lnk-portfolio ul li { padding-bottom: 10px; }
.lnk-portfolio .last { margin-right: 0px; }
/*---------------------------------------*/
.contact-form { }
.contact-form .row { margin-bottom: 10px; }
.contact-form label { display: block; font-weight: bold; padding-bottom: 3px; }
.contact-form input.text-input, .contact-form textarea, .contact-form select { margin: 0px; padding: 3px 2px 1px; width: 282px; height: 18px; background: #fff; border: 1px solid #d9dde1; }
.contact-form textarea { width: 567px; height: 150px; }
.contact-form select { width: 288px; padding: 2px 0px 3px; height: auto; }
.contact-form .error { font-size: 10px; color: #ff0000; margin-top: -5px; }
.contact-form .button-row input { margin-right: 10px; }
/*---------------------------------------*/
ul.site-map { margin: 0px; padding: 0px; list-style-position: inside; color: #102e41; }
/*---------------------------------------*/
#site-bottom { padding: 20px 0px; background: #eee; text-align: center;}
#site-bottom ul.bottom-nav { margin: 0px; padding: 0px 0px 10px; list-style: none; color: #102e41; font-size: 11px; }
#site-bottom ul.bottom-nav li { display: inline; padding: 0px 1px; }
#site-bottom ul.bottom-nav li a { color: #102e41; }
/*---------------------------------------*/