@charset "utf-8";

/**
 * SenCSS 0.5 - Sensible Standards CSS framework
 *
 * Copyright (c) 2008 Kilian Valkhof (kilianvalkhof.com)
 * Visit sencss.kilianvalkhof.com for more information and changelogs.
 * Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
 */
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td{vertical-align:baseline;margin:0;padding:0}
body{background:#fff;color:#000;line-height:1.5em;font:75%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;position:relative}
textarea{font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:1px dotted}
a{color:inherit;text-decoration:underline}
a:hover,a:focus{text-decoration:none}
a img {border:none}
abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}
address,cite,em,i{font-style:italic}
blockquote p{background:#eee;margin:0 1.5em 1.5em;padding:0.75em}
code,kbd,tt{font:1em/1.5em "Courier New", Courier, monospace}
del{text-decoration:line-through}
dfn{border-bottom:1px dashed;font-style:italic}
dl{margin:0 0 1.5em}
h1{font-size:2em;font-weight:700;margin:0 0 0.75em}
h2{font-size:1.5em;margin:0 0 1em}
h3{font-size:1.1666em;margin:0 0 1.285em}
h4{font-size:1em;margin:0 0 1.5em}
h5{font-size:0.8333em;margin:0 0 1.8em}
h6{font-size:0.666em;margin:0 0 2.25em}
img{display:inline-block;vertical-align:bottom}
ins{text-decoration:overline}
ol li{list-style:inside decimal}
p{font-weight:300;margin:0 0 1.5em}
pre{font:1em/1.5em "Courier New", Courier, monospace;margin:0 0 1.5em;padding:0 0 0 1.5em}
sub{font-size:0.85em;line-height:1em;vertical-align:baseline;bottom:-0.4em;position:relative}
sup{font-size:0.85em;line-height:1em;vertical-align:baseline;top:-0.4em;position:relative}
ul,ol{margin:0 0 1.5em;padding:0}
li ul,li ol{margin:0}
ul li{list-style:inside disc}
table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}
caption{text-align:left;font-style:italic}
tr.alt td{background:#eee}
td{border:1px solid #000;vertical-align:middle;padding:0.333em}
th{font-weight:700;vertical-align:middle;padding:0.333em}

.amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;font-style:italic}
.aside-left{clear:left;float:left;margin:0 1.5em 0 0}
.aside-right{clear:right;float:right;margin:0 0 0 1.5em}
.error{background:#fee;border:1px solid red;text-align:center;margin:0 0 1.5em;padding:0.666em 0}
.notice{background:#eef;border:1px solid #00f;text-align:center;margin:0 0 1.5em;padding:0.666em 0}
.success{background:#efe;border:1px solid #0f0;text-align:center;margin:0 0 1.5em;padding:0.666em 0}
.warning{background:#ffe;border:1px solid #ff0;text-align:center;margin:0 0 1.5em;padding:0.666em 0}
.quo{font-family:Georgia, Gentium, "Times New Roman", Times, serif}
.lquo{font-family:Georgia, Gentium, "Times New Roman", Times, serif;margin:0 0 0 -0.55em}
.section{position:relative}
.firstParagraphArticle:first-letter{font-size:3.2em;line-height:1em;float:left;font-weight:700;margin-bottom:-0.2em;padding:0.125em 0.1em 0 0}
.horizontalForm button{clear:left;float:left}
.horizontalForm input,.horizontalForm textarea{float:left;width:49%;margin:1.5em 0 0}
.horizontalForm select{float:left;margin:1.5em 0 0}
.horizontalForm label{clear:left;float:left;width:49%;padding:0.375em 0}
.horizontalForm label input{height:1em;line-height:1;width:auto;margin:0.25em 0.5em 0 0}
.horizontalForm label.singleLine{width:100%;clear:both;float:none;margin-top:0;padding:1.5em 0 0}
dt,strong,b{font-weight:700}
dd,li li{padding-left:1.5em}
/* End of SenCSS */

body { border-top:4px solid #333; }
#page-wrap { border-top:3px solid #999; padding-top:20px; }

#header { width:960px; height:60px; margin:0 auto; position:relative; }
#logo { position:absolute; left:0; top:-18px; }
#navigation { position:absolute; right:0; top:20px; }
#navigation li { display:inline; list-style:none; margin:0 0 0 20px; position:relative; }
#navigation li span { display:block; position:absolute; top:18px; left:0; font-size:11px; color:#666; }
#navigation li a { font-size:14px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#000; display:inline-block; padding:3px 12px; }
#navigation li.active a { background:#91C2D6; color:#fff; }
#navigation li a:hover { background:#f2f2f2; }

#content { width:100%; padding-bottom:40px; }

#welcome-text { background:#9c0; }
#welcome-text .wrap { background:transparent url(images/welcome-bg.png) no-repeat right; padding:20px 0 40px; }
#welcome-text h1 { width:58%; color:#fff; font-size:28px; line-height:28px; margin:0 0 10px 0; }
#welcome-text p { width:55%; color:#fff; margin:0; }
#welcome-text h2.pitch { position:absolute; top:20px; right:80px; margin:0; padding:0; font-family:"Trebuchet MS"; font-size:26px; color:#841A0A; font-weight:bold; width:240px; line-height:28px; }
#welcome-text a.action { position:absolute; bottom:25px; right:80px; }

#page-info { background:#9c0; padding:20px 0 25px; margin-bottom:30px; }
#page-info h1 { width:58%; color:#fff; font-size:28px; line-height:30px; margin:0; padding:0; overflow:hidden; }

#services-summary { width:960px; margin:0 auto; background:#1F6B8B; position:relative; top:-20px; }
#services-summary ul { overflow:auto; }
#services-summary li { list-style:none; width:318px; float:left; padding:10px 0 15px; border-left:1px solid #5D94AB; }
#services-summary li:first-child { border-left:1px solid #1F6B8B; }
#services-summary h2 { width:80%; color:#fff; margin:0 0 5px 15px; }
#services-summary h3 { color:#B6DEEF; margin:0 0 0 15px; font-size:13px; font-weight:normal; }


#main { width:500px; float:left; border:0px solid #f00; }
#extended { width:180px; float:left; margin-left:10px; }
#extended .container { border:1px solid #ccc; margin-bottom:15px; padding:15px 10px; }
#extended h3 { margin:0; margin-bottom:8px; font-size:15px; color:#666; }
#extended p { font-size:11px; }
#extended ul { color:#ccc; padding:0; margin:0; }
#extended li { font-size:12px; color:#333; padding:5px 0; list-style:none outside; }
#extended li a { color:#333; }

#sidebar { width:260px; float:right; border:0px solid #f00; }
#sidebar .container { padding:0 8px 8px; }
#sidebar .container ul { margin-left:15px; }
#sidebar .container li { list-style:outside; margin:3px 0 10px 0; }

.wrap { width:960px; margin:0 auto; position:relative; overflow:auto; overflow-x:hidden; overflow-y:hidden; }
.light-bg { background:#f2f2f2; }

.heading { background:#91C2D6; color:#fff; font-size:12px; font-weight:bold; text-indent:5px; text-transform:uppercase; width:auto; padding:3px; margin:0 0 15px 0; }
.article-title { font-size:24px; font-family:georgia; font-weight:normal; line-height:26px; margin-bottom:8px; }
.article-title a { text-decoration:none; color:#000; }
.read-more { font-size:13px; font-weight:bold; }

.article { padding:0 4px; margin-bottom:30px; }
.article .title { font-size:24px; font-family:georgia; font-weight:normal; line-height:26px; }
.article .title a { text-decoration:none; color:#1F6B8B; }
.article .title a:hover { background:#f2f2f2; }
.article .entry { padding:0 10px 0 20px; }

.entry a { color:#00f; }


hr.separator { height:1px; border:none; color:#ccc; background:#ccc; margin:15px 0 35px; }

.banner-extended { display:block; margin-bottom:20px; }

img.with-border { border:1px solid #ccc; padding:3px; }
img.float-left { float:left; margin:3px 5px 3px 0; }
img.float-right { float:right; margin:3px 0 3px 5px; }

.work { width:500px; background:url(images/work-wide-bg.jpg) repeat-y; margin-bottom:20px; }
.work h2 { background:url(images/work-wide-bg-top.jpg) no-repeat top; padding:20px 0 0; text-indent:20px; margin:0; }
.work p.url { font-size:11px; margin:0; padding:0; margin-bottom:10px; border-bottom:1px solid #f2f2f2; padding-bottom:10px; }
.work .screenshot { width:450px; background:#ccc; padding:5px; overflow:hidden; }
.work .wrap { width:auto; background:url(images/work-wide-bg-bottom.jpg) no-repeat bottom; padding:0 20px 20px; }

#recent-articles { color:#ccc; }
#recent-articles li { padding:4px 0; font-size:13px; }
#recent-articles li a { color:#000; font-weight:bold; }

#work-list { margin:0; padding:0; }
#work-list li { width:160px; height:80px; background:transparent url(images/work-bg.jpg) no-repeat; float:left; margin:3px; list-style:none outside; padding:0; }

#quick-form { background:transparent url(images/quickform-bg-bottom.png) no-repeat bottom; padding-bottom:20px; margin-bottom:20px; }
#quick-form .form-wrap { padding:35px 25px 5px; background:transparent url(images/quickform-bg-top.png) no-repeat top; }
#quick-form h2 { font-size:28px; color:#fff; margin-bottom:10px; }
#quick-form p { color:#fff; font-size:11px; line-height:15px; }
#quick-form fieldset { border:none; margin:0; padding:0 25px 10px; background:transparent url(images/quickform-bg.png) repeat-y; }
#quick-form .input { position:relative; height:30px; }
#quick-form .input input { position:absolute; right:0; }
#quick-form .textarea { position:relative; height:70px; }
#quick-form .textarea  textarea { width:142px; position:absolute; right:0; }
#quick-form .checkbox label { display:block; }
#quick-form .button { margin-top:15px; text-align:center; }
#quick-form .button button { border:none; padding:0; margin:0; background:none; cursor:pointer; }
#quick-form label { color:#fff; font-weight:bold; }

.form-sidebar fieldset { border:none; padding:0; margin:0; }
.form-sidebar .input { position:relative; height:30px; }
.form-sidebar .input input { position:absolute; right:0; }
.form-sidebar label { color:#666; font-weight:bold; }

.form fieldset { border:none; }
.form .input,
.form .text,
.form .select,
.form .check,
.form .radio { margin:2px 0 10px 0; }
.form .input label,
.form .text label,
.form .check label,
.form .select label,
.form .radio label { display:block; font-size:13px; font-weight:bold; }
.form .input input { padding:3px; }
.form .text { clear:both; }
.form .text textarea { width:90%; }

.form label small { font-size:9px; color:#999; font-weight:normal; font-style:italic; }

.form .inline { float:left; margin-right:10px; }
.form .block { clear:both; }

.form .subject { border:1px solid #f2f2f2; margin:10px 0; padding:5px; background:#f2f2f2; }
.form .subject label { display:block; font-size:14px; font-weight:bold; }
.form .subject select { width:80%; padding:2px; }

#footer { width:960px; margin:0 auto; border-top:3px solid #333; padding:10px 0 50px; position:relative; }
#footer p { color:#999; font-size:11px; margin-bottom:5px; line-height:14px; }
#footer ul { position:absolute; top:5px; right:0; }
#footer li { list-style:none; display:inline; margin-left:12px; }


#notice { background:#f2f6f9; padding:10px 0; }
#notice p { margin:0; padding:0; text-align:center; font-weight:bold; }

.clear { clear:both; }