* {margin: 0; padding: 0}
 .clear {clear: both; height: 0; font-size: 0; line-height: 0}
 body {font-family: "Trebuchet MS", "Trebuchet", Helvetica, Arial, Verdana, sans-serif; font-size: 13px; line-height: 20px; background: #d6e0e7}
 p {margin: 18px 0 0 0}
#body ul, #body ol {margin: 10px 30px}
#body img {border: none; padding: 4px}
pre {margin: 25px 20px; padding: 8px; background-color: #d6e1e7; border: 2px solid #444; color: #000; overflow: auto}
pre.src {color: #fff; background-color: #242524}
h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 14px;}
h1, h2, h3, h4 {margin: 30px 0 10px 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; font-weight: normal; color: #1f2c3b}
h1+p, h2+p, h3+p, h4+p {margin-top: 3px}
a:link, a:visited {color: #384e5e;}
a:hover, a:active {color: #3b7099;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited {color: inherit; text-decoration: none}
a.image-link {background: none; text-decoration: none; color: inherit; border: none}
a img {border: none}
.divider {margin: 30px 0; height: 2px; background: url(/images/bg_div.gif); overflow: hidden}
.content {width: 940px; margin: 0 auto}
 #header {color: #fff; background: #0b1119 url(/images/bg_header.jpg) center center no-repeat}
#header .logo {float: left; overflow: hidden; width: 203px; height: 145px; margin: 35px 0 0 0}
#header-body {width: 670px; float: right; display: inline; font-size: 14px; line-height: 22px; margin: 30px 0 0 0}
#header-body h1 {color: #3381b8; font-size: 22px; font-weight: bold; letter-spacing: 0.1em; margin: 0 0 10px 0}
#header-body p {margin: 0 0 15px 0}
#header-body p span {display: block}
#header-body p a {margin: 0 0 0 5px}
#header-body img {float: left; display: inline; overflow: hidden; width: 175px; height: 20px; margin: 0 10px 0 0}
#header-body a:link, #header-body a:visited {color: #f5c833}
#header-body a:hover, #header-body a:active {color: #fff}
#header-body a.image-link {float: left; color: transparent}
 #header ul {margin-top: 10px; list-style: none; list-style-position: outside; float: right; display: inline; width: 400px; height: 34px}
#header ul li {float: left; display: inline}
#header ul li a {background-position: bottom left; background-repeat: no-repeat; float: left; display: inline; display: block; text-indent: -999em; overflow: hidden; height: 34px}
#header ul li a:hover {background-position: top}
#nav-home {background-image: url(/images/nav_home.gif); width: 77px}
#nav-about {background-image: url(/images/nav_about.gif); width: 75px}
#nav-services {background-image: url(/images/nav_services.gif); width: 91px}
#nav-blog {background-image: url(/images/nav_blog.gif); width: 64px}
#nav-contact {background: url(/images/nav_contact.gif) top left no-repeat; width: 93px}
 #main {background: url(/images/bg_main_tile.png) top left repeat-x}
#main .content {position: relative; background: url(/images/bg_sidebar_tile.gif) center repeat-y}
#body {background: url(/images/bg_main.jpg) top left no-repeat; float: left; display: inline; width: 650px; padding: 30px 30px 0 0}
#body p {max-width: 700px}
 #sidebar {background: url(/images/bg_sidebar.gif) top left no-repeat; width: 220px; float: right; display: inline; padding: 30px 20px 20px 20px; font-size: 12px}
#sidebar .sidebar {margin: 0 0 40px 0; text-align: left}
#sidebar h2 {margin: 0 0 8px 0; font-weight: bold; font-size: 20px; color: #1d689e}
#sidebar h2 a {color: #1d689e}
#sidebar p {max-width: 200px}
#sidebar ul {margin-left: 5px; list-style-image: url(/images/bullet.gif)}
#sidebar li {margin-bottom: 4px}
#sidebar li.button {list-style-image: none; list-style-type: none}
#sidebar #twitter .date {font-style: italic; font-size: 0.9em}
#sidebar #twitter .twitter-follow {list-style-type: none; list-style-image: none}
#sidebar #headlines div {height: 40px}
#sidebar #headlines p {margin: 0; padding: 0}
 #footer {margin: 0 auto; width: 220px; padding: 20px 20px 10px 20px; font-size: 10px; text-align: center; color: #bbb; position: absolute; bottom: 0; right: 0}
 .featured {width: 650px}
.featured h2 {width: 248px; height: 24px; margin: 0 0 20px 0}
#body .featured .featured-image {background: url(/images/bg_img_shadow.gif) bottom center no-repeat; float: left; display: inline; width: 181px; padding: 0 0 6px 0}
#body .featured .featured-image img {border: 2px solid #fff; padding: 0; display: block}
.featured .featured-copy {float: right; display: inline; width: 450px; color: #1b3345; line-height: 21px}
.featured .featured-copy h3 {font-size: 18px; font-weight: bold; margin: 0 0 6px 0}
 table {margin: 10px; border-collapse: collapse}
table th {color: #0a1119; font-weight: bold; font-size: 16px; background-color: #d6e1e7}
table td, table th {padding: 4px; border: 1px solid #0a1119}
 form {width: 300px; font-size: 16px}
fieldset {padding: 10px}
legend {font-family: Helvetica; font-size: 17px; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.898039) 0px 1px 0px; color: rgb(51, 51, 51)}
form p {margin: 10px 0 0 0}
label {font-family: Helvetica; font-size: 13px; font-weight: bold; display: block}
label em {font-size: 12px; font-weight: normal; font-style: normal; color: #444}
label.select_label, label.check_box_label, label.file_field_label, label.checkbox {margin-right: 0.5em; display: inline}
input[type="text"], input[type="password"], textarea {width: 300px; font-size: 14px}
textarea {height: 150px}
.buttons {margin-top: 10px; text-align: right}
#contact-info {margin: 0 auto; text-align: left}
#contact-form {float: left; width: 400px}
#contact-form .buttons {width: 300px}
#contact-additional {float: right}
#contact-additional p {margin-bottom: 35px}
#contact-additional h2 {font-size: 18px}
#contact-sent {margin: 0 auto 50px auto; float: left; width: 300px; text-align: left; font-size: 16px}
 body.blog .article {margin-bottom: 60px}
 #article, .article {position: relative; font-size: 14px}
.published {margin: 0; padding: 0; width: 60px; height: 60px; background: url(/images/icon_date_bg.gif) no-repeat; position: absolute; line-height: 16px; top: -5px; left: -70px}
.published .month {margin: 0; padding: 10px 0 0 0; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; color: #1d689e}
.published .day {margin: 0; padding: 0; display: block; font-size: 26px; font-weight: bold; text-align: center; position: relative; top: 4px}
.article .read-more {padding: 5px 0}
.article-bar {margin: 20px 0 25px 0; padding: 4px}
.article-bar p {margin: 0; padding: 0; height: 25px; line-height: 25px; vertical-align: middle}
.article-bar .page-tags, .article-bar .read-more {float: left}
#article p img {display: block; margin: 20px auto}
body #body .page-tags {padding-left: 29px; padding-right: 8px; background-image: url(/images/icon_tag.gif); background-repeat: no-repeat}
br + .page-tags {padding-top: 4px; padding-bottom: 4px; background-position: 2px 4px; height: 25px; line-height: 25px; vertical-align: middle}
.article-bar .comments {padding: 0 8px 0 29px; float: right; background: url(/images/icon_comment.gif) no-repeat}
 .heading h1 {padding: 0 10px 0 0}
.attribution, .subtitle {color: #1d689e}
.attribution {margin-top: 5px; font-size: 16px}
.heading + p {margin-top: 5px}
.heading + img {float: left; padding: 10px 10px 5px 0}
.heading + img + p {margin-top: 5px}
.directory {margin: 0 10px 0 0; padding: 4px; width: 280px; float: left}
.directory h3 {padding: 5px; border-bottom: 1px solid #444}
 .comment {margin: 0 auto; padding: 15px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #a7bdcf; background-color: #e6ecf1 }
.comment .avatar {margin: 0 5px 0 0; padding: 0; float: left}
.comment .author {margin-right: 10px; font-weight: bold; color: #1d689e}
.comment .body {float: left; padding: 0 5px; width: 80%}
.comment .body span + p {margin-top: -5px}
.comment .footer {color: #828383}
#comment-form-area form {margin: 0 auto}
.comment-pending-notice {margin: 30px 0; font-size: 20px}
 .button {border: 1px solid #a7bdcf; margin-top: 10px}
.button a {background-color: #d9e6f1; color: #1d689e; border-top: 1px solid #f5f7f9; border-bottom: 1px solid #879dad; text-decoration: none; display: block; font-size: 1.1em; font-weight: bold; padding: 4px; text-align: center}
.button a:hover {background-color: #e6ecf1; text-decoration: underline}
 .stickies_close_area {display: none}
.error_stickie {font-size: 22px; color: red}