@import "reset.css";
/* Company CSS Framework */
/* Author: Little Tree Software */

body {background:#ccdeee url(../_images/page-bg.gif) top repeat-x;  font:62.5% Arial, Helvetica, sans-serif; color:#555;}
.hidden, hr {font-size:0 !important; position:absolute !important; height:0 !important; left:-9999px !important;}
.clear:after, .row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
label {cursor:pointer;}
.wrap {width:960px; margin:0px auto; position:relative; font-size:1em;}

input, select, textarea {font:1.1em Arial, Helvetica, sans-serif; color:#555;}

h1 {color:#fff; font-size:2.4em; padding:1em 1.2em; background:#001a27; border-bottom:5px solid #3d7cb3;}
h2 {color:#001a27; font-size:2em; font-weight:bold; padding-bottom:0.5em;}
h3 {color:#000; font-size:1.6em; font-weight:bold; padding-bottom:0.5em;}
h4 {color:#000; font-size:1.4em; font-weight:bold; padding-bottom:0.5em;}
h5 {color:#000; font-size:1.3em; font-weight:bold; padding-bottom:0.5em;}
h6 {color:#000; font-size:1.2em; font-weight:bold; padding-bottom:0.5em;}

p, a, li, dt, dd, label, legend {font-size:1.2em;}
li a, li p, li p a, p a, dt a, dd a, label input, label textarea, h1 a, h2 a, h3 a, h4 a, h5 a, li li, p label, li label, li input, .article p a, .article li a, li dt, li dd {font-size:1em;}

a {text-decoration:none; color:#001a27;}
a:hover, a:focus, a:active {text-decoration:underline;}

img {display:block;}

.col, .col-main, .col-sub {float:left; display:inline; margin-left:10px; margin-right:10px;}

.one {width:60px;}
.two {width:140px;}
.three {width:220px;}
.four {width:300px;}
.five {width:380px;}
.six {width:460px;}
.seven {width:540px;}
.eight {width:620px;}
.nine {width:700px;}
.ten {width:780px;}
.eleven {width:860px;}
.twelve {width:940px;}

.col-main {width:600px; margin-right:5px; margin-left:0; background:#fff url(../_images/content-main-bg.gif) bottom repeat-x; min-height:40em;}
.col-sub {width:345px; margin:0; background:#ccdeee url(../_images/content-sub-bg.gif) bottom repeat-x; min-height:40em;}

.pad {padding:1em;}
.col-main .pad, .col-sub .pad {padding:3em;}

.pad {padding:1em;}
.crnr {position:absolute; height:10px; width:10px; display:block; font-size:0;}
.tl {background-position:top left; top:0; left:0;}
.tr {background-position:top right; top:0; right:0;}
.br {background-position:bottom right; bottom:0; right:0;}
.bl  {background-position:bottom left; bottom:0; left:0;}
.border {border:1px solid #b2b2b2;}

.header {padding:2.5em 3em; margin:0;}
.header p {float:left; width:137px;}

.navigation {right:0; top:60px; position:absolute;}
.navigation ul {position:relative;}
.navigation ul li {float:left; margin-right:20px;}
.navigation ul li a {display:block; float:left; color:#001a27; position:relative; z-index:10; padding-top:10px;}
.navigation ul li.current_page_item a {font-weight:bold;}
.navigation ul li.back {position:absolute; height:40px; z-index:8;}
.navigation ul li.back .left {background:none; height:26px; border-top:5px solid #3d7cb3;}
.navigation ul li a:hover, .navigation ul li a:focus, .navigation ul li a:active {text-decoration:none;} 

.banner {height:180px; background:url(../_images/banner.jpg) top left no-repeat;}
.banner h2 {margin:0; padding:0; text-indent:-9999px;}

.content {background:#ccdeee url(../_images/content-bg.gif) top repeat-x; clear:both; padding:5px;}
.content p, .footer p {padding:0.5em 0 1em 0; line-height:1.5em;}
.content ol {margin:1em 3em; list-style-type:decimal;}
.content ul {margin:1em 3em; list-style:disc;}
.content ul li, .content ol li {padding-bottom:.3em; line-height:1.6em;}
.content .col-sub ul {margin:1em 2em;}
.content ul.gallery {height:180px; overflow:hidden; margin:0; list-style:none;}
.content ul.gallery li {padding-bottom:0; line-height:0;}

a.quote {width:183px; height:36px; text-indent:-9999px; display:block; background:url(../_images/button-request-quote.gif) top left no-repeat;}

.case-study {border:3px solid #a3c3df; margin:1em 0;}
.case-study h2 {color:#fff; font-size:1.6em; padding:.8em 1em; background:#001a27; border-bottom:3px solid #a3c3df;}
.case-study .case-study-content {background:#fff url(../_images/content-main-bg.gif) top repeat-x; padding:2em;}

.error {color:#c00; font-weight:bold;}
.form form {margin-bottom:4em;}
.form {padding:1em 0;}
.form h3 {font-size:1.8em; font-weight:normal; color:#00a8ff; border-bottom:1px dotted #dedede; margin-bottom:0.5em;}
.form fieldset {border:0; margin:0; padding:1em;}
.form fieldset legend {padding:0 0.5em; font-weight:bold; color:#001a27;}
.form .row {clear:both; display:block; margin:0.5em 0; padding:0.25em 0;}
.form .row label {float:left; line-height:1.25em; margin:0 8px 0 0; padding:6px 0; text-align:right; width:130px;}
.form .row input.text, .form .row input.text-small, .form .row textarea {border:1px solid #d3d3ce; color:#403f41; padding:5px; width:350px; margin-right:5px;}
.form .row input.text-small {width:100px;}
.form .row select.select, .form .row .select select {border:1px solid #ccc; color:#403f41; padding:5px; width:280px;}
.form .row textarea {height:5em;}
.form .row input.text:focus, .form .row textarea:focus {border-color:#696b5d;}
.form .instruction {color:#888; font-size:1em; line-height:1.35em; margin:0.2em 0 0; padding:0.5em 136px 0;}
.form .error {color:#c00; font-size:1em; line-height:1.35em; margin:0.2em 0 0; padding:0.5em 136px 0;}
.form a {text-decoration:underline; color:#00a8ff;}
.form a:hover, .form a:active, .form a:focus {text-decoration:none;}
.form .buttons {padding-left:138px;}
.form .button {padding:0.3em 9px 0.3em; background-color:#001A27; border-color:#001A27; border-style:solid; border-width:1px; color:#fff; cursor:pointer; margin-right:3px; font-weight:bold;}
.form .message {color:#ea0e7d; padding-bottom:1em;}

.footer {padding:1em 0 0; border-top:1px solid #a3c3df; margin-top:2em;}
.footer .org {font-weight:bold; color:#001a27;}
.footer .address {width:50%; float:left;}
.footer ul {float:right;}
.footer ul li {float:left; margin-left:1em;}
.footer ul li.little-tree a {width:130px; display:block; height:20px; text-indent:-9999px; background:url(../_images/logo-littletree.gif) top no-repeat;}

.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}