body {
    background-color: #f1f4c7;
    color: #464646;
    background-image: url(/img/bg.gif);
    text-align: center;
    font: 0.75em Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

a:link, a:visited {
    color: #005847;
}

img {
	border: 0;
}

#outer {
    background-image: url(/img/wrapper-bg.png);
    background-repeat: repeat-y;
    background-position: top center;
}

.btm {
    background-image: url(/img/wrapper-bottom.png);
    background-position: top center;
    height: 80px;
    background-repeat: no-repeat;
}

#wrapper {
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 30px 0 0 0;
   
}

#heading {
    background-image: url(/img/bar.gif);
    background-position: 100% 42px;
    background-repeat: no-repeat;
    height: 70px;
    position: relative;
}

#heading #logo {
    border: 0;
    float: left;
}

#heading .strapline {
    text-align:right;
    position: absolute;
    bottom: 30px;
    right: 20px;
    margin: 0;
    padding: 0;
    font-size: 170%;
    font-style: italic;
    color: #808184;
}

#nav {
    clear:both;
}

#nav form {
    margin-top: -4px;
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style:none;
    position: relative;
    width: 786px;
    height: 38px;
}

#nav li.home {
    position: absolute;
    left: 0;
    z-index: 10;
    width: 162px;
    height: 38px;
    background-image: url(/img/home-off.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}

#nav li.cur-home {
    position: absolute;
    left: 0;
    z-index: 50;
    width: 177px;
    height: 38px;
    background-image: url(/img/home-on.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}

#nav li.solutions{
    position: absolute;
    left: 162px;
    z-index: 10;
    width: 134px;
    height: 38px;
    background-position: bottom left;
    background-image: url(/img/solutions-off.gif);
    background-repeat: no-repeat;
}

#nav li.cur-solutions{
    position: absolute;
    left: 139px;
    z-index: 50;
    width: 178px;
    height: 38px;
    background-position: bottom left;
    background-image: url(/img/solutions-on.gif);
    background-repeat: no-repeat;
}

#nav li.technology {
    position: absolute;
    left: 296px;
    z-index: 10;
    width: 140px;
    height: 38px;
    background-position: bottom left;
    background-image: url(/img/technology-off.gif);
    background-repeat: no-repeat;
}

#nav li.cur-technology {
    position: absolute;
    left: 270px;
    z-index: 50;
    width: 175px;
    height: 38px;
    background-position: bottom left;
    background-image: url(/img/technology-on.gif);
    background-repeat: no-repeat;
}

#nav li.partners {
    position: absolute;
    left: 436px;
    z-index: 10;
    width: 146px;
    height: 38px;
    background-position: bottom left;
    background-image: url(/img/partners-off.gif);
    background-repeat: no-repeat;
}

#nav li.cur-partners {
    position: absolute;
    left: 410px;
    z-index: 50;
    width: 175px;
    height: 38px;
    background-position: bottom left;
    background-image: url(/img/partners-on.gif);
    background-repeat: no-repeat;
}

#nav li.news {
    position: absolute;
    left: 582px;
    z-index: 10;
    width: 146px;
    height: 38px;
    background-position: bottom left;
    background-image: url(/img/news-off.gif);
    background-repeat: no-repeat;
}

#nav li.cur-news {
    position: absolute;
    left: 555px;
    z-index: 50;
    width: 184px;
    height: 38px;
    background-position: bottom left;
    background-image: url(/img/news-on.gif);
    background-repeat: no-repeat;
}

#nav li a {
    display: block;
    height: 38px;
    overflow:hidden;
}

#nav li a span {
    margin-left: -9999px;
}

#nav form {
    float: right;
    width: 166px;
}

#nav form label span{
   margin-left: -9999px;
   display: block;
}

#nav form .text{
    width: 125px;
    color: #999;
}

#nav form .textbtn{
    border: 0;
    border-bottom: 1px solid #005847;
    background-color: #fff;
    color: #005847;
    margin: 0;
    padding: 0;
    font-size: 110%;
	cursor: pointer;
}

ul.subnav {
	margin: 0 0 72px 0;
	padding: 0;
	list-style: none;
}

ul.subnav li a:link, ul.subnav li a:visited{
	border-bottom: 1px solid  #cacaca;
	color: #808080;
	display: block;
	padding: 10px 0 0.2em 25px;
	text-decoration: none;
	font-size: 120%;
	background-image: url(/img/sub-arrow-off.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

ul.subnav li a:hover{
	border-bottom: 1px solid  #d6e03d;
	color: #d6e03d;
	background-image: url(/img/sub-arrow-hover.gif);
}

ul.subnav li.cur a:link, ul.subnav li.cur a:visited, ul.subnav li.cur a:hover{
	border-bottom: 1px solid  #005847;
	color: #005847;
	background-image: url(/img/sub-arrow-on.gif);
}

#homeframe {
    margin-bottom: 2em;
    width: 746px;
    float: left;
}

#homeframe .inner {
    background-image: url(/img/home-frame-bg.gif);
    background-repeat: repeat-y;
    padding: 0 5px 0 5px;
}

#homeframe .inner .content {
    padding: 0 10px 0 10px;
}

#homeframe .bottom {
    background-image: url(/img/home-frame-bottom.gif);
    background-repeat: no-repeat;  
    height: 5px;
}

h1 {
    color: #005847;
    font-style: italic;
    font-size: 240%;
    font-weight: bold;
    margin: 0.4em 0 0 0;
}

h2 {
	font-size: 150%;
}

#homeframe h1+p, #homeframe p.intro {
    font-size: 120%;
}


#extras {
    float: right;
    width: 166px;
    margin-top: -5px;
}

#homeboxes {
    clear: both;
    background-image: url(/img/homeboxes-bg.gif);
    background-repeat: repeat-y;
}

#homeboxes .box1{
    float: left;
    width: 298px;
    padding: 0 10px 2em 10px;
}

#homeboxes .box2{
    float: left;
    width: 298px;
    padding: 0 10px 2em 10px;
}

#homeboxes .box3{
    float: left;
    width: 260px;
    padding: 0 10px 2em 10px;
}

#homeboxes h2 {
    color: #005847;
    font-style: italic;
    font-size: 240%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#homeboxes h3 {
    margin: 0 0 1em 0;
    padding: 0.8em 0 0 0;
    font-size: 100%;
    font-weight: normal;
}

#homeboxes p {
    margin: 0;
    padding: 0 0 0.8em 0;
}

.registerbox {
    background-image: url(/img/register-box-bg.gif);
    background-repeat: no-repeat;
    padding: 20px 10px 10px 10px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}

.registerbox form, .registerbox .container {
    background-image: url(/img/arrow-on-green.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.registerbox h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 100%;
}

#extras h2 {
	font-size: 135%;
}

.registerbox form button {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

.registerbox form .buttons {
    padding: 1em 0 0 0;
}

.registerbox h3.signup {
    background-image: url(/img/register-heading.gif);
    background-repeat: no-repeat;
    width: 66px;
    height: 19px;
}

.registerbox h3.signup span, .registerbox h3.contact span {
    margin-left: -9999px;
}

.registerbox h3.contact {
    background-image: url(/img/contactus-heading.gif);
    background-repeat: no-repeat;
    width: 91px;
    height: 15px;
}

.registerbox h3.contact a, .registerbox h3.signup a {
    display: block;
    overflow:hidden;
}

.registerbox label {
    display: block;
    padding: 0.3em 0 0.1em 0;
}

.registerbox .text {
    width: 130px;
}

img.block {
    display: block;
}

.clear {
    clear: both;
    height: 1px;
    line-height: 1;
}

#sub {
    width: 166px;
    margin: 0 14px 0 15px;
    float: left;
    padding: 10px 0 0 0;
}

#main {
    background-image: url(/img/main-bg.gif);
    background-repeat: repeat-y;
}

#content {
    float: left;
    width: 550px;
}

#content .inner {
    padding: 0 10px 0 10px;
}

/* blog*/
hr {
    height: 2px;
    border: 0;
    background-image: url(/img/hr.gif);
    background-repeat: no-repeat;
}

ul.post-listing,
ul.post-listing li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.post .date {
    color: #000;
    padding: 0.8em 0 0 0;
}

.post .entry-content {
	margin-top: 0.8em;
}

.post .social {
    padding: 0 0 1em 0;
}

.latest h2 {
    font-size: 110%;
    color: #005847;
    margin: 1em 0;
    padding: 0;
}

.post p {
    padding: 0 0 1em 0;
    margin: 0;
}

.post .more a:link, .post .more a:visited {
    color: #464646;
}

.comments, 
.comments li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comments .comment {
	margin-left: 80px;
}

.comments .comment img {
	display: block;
	float: left;
	margin-left: -80px;
}

.comments .comment h3 {
	margin: 0;
	padding: 0;
}

h3#addcomment {
	margin-top: 2em;
}

form#comment div {
	clear: both;
	margin-bottom: 0.5em;
}

form#comment div.recaptcha-container {
	clear: both;
	margin-bottom: 0;
	padding-left: 6.8em;
}

form#comment div.recaptcha-container div {
	margin: 0;
}

form#comment label {
	width: 7em;
	float: left;
	font-weight: bold;
}

form#comment textarea,
form#comment input.text {
	border: 1px solid #9a9a9a;
	padding: 2px;
	width: 22em;
}

form#comment textarea {
	width: 306px;
}

form#comment .submit {
	margin-left: 7em;
}

.youtube {
	width: 425px;
	height: 344px;
}

.tagcloud {
	margin: 1em 0;
	padding: 0;
	list-style: none;
}

.tagcloud li {
	display: inline;
	list-style: none;
}

.tagcloud li span.items {
	position: absolute;
	left: -999em;
	display: block;
}

.tagcloud a:link,
.tagcloud a:visited {
	text-decoration: none;
	padding-right: 0.4em;
}

.tagcloud a:hover,
.tagcloud a:active {
	text-decoration: underline;
}

.tagcloud .x-small { font-size: 100%; }
.tagcloud .small { font-size: 120%; }
.tagcloud .medium { font-size: 140%; }
.tagcloud .large { font-size: 160%; }
.tagcloud .x-large { font-size: 180%; }

/* boxes */

.rssbox,
.emailbox {
    background-color: #d9d9d9;
    color: #005847;  
    background-image: url(/img/icon-rss.gif);
    background-repeat: no-repeat;
    background-position: 144px 8px;
    margin: 0 0 10px 0;
}

.emailbox {
	background-image: url(/img/icon-email.gif);
}

.emailbox a:link, .emailbox a:visited,
.rssbox a:link, .rssbox a:visited {
    font-style: italic;
    text-decoration: none;
    font-weight: bold;
	padding: 10px 30px 10px 10px;
	display: block;
}

.box {
    border: 1px solid #e1e1e1;
    padding: 4px;
    margin: 0 0 10px 0;
}

.imagebox {
	margin: 0 0 10px 0;
}

.box h4 {
    font-size: 180%;
    margin: 0;
    padding: 0 0 0.2em 0;
    font-style: italic;
    font-weight: bold;
    color: #005847;
}

.box h3, #extras .box h2.delicious-banner {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 135%;
}

#extras .box h2.delicious-banner a:link, #extras .box h2.delicious-banner a:visited {
    color: #464646;
    text-decoration: none;
}

#extras .box li.delicious-post {
    padding: 0 0 0.6em 0;
}

.twitter h3 {
    padding: 0 30px 0.5em 0;
}

.box h2 {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 135%;
	font-weight: bold;
}

.video h3 {
	/*background-image: url(/img/icon-youtube.gif);*/
	background-repeat: no-repeat;
	background-position: top right;
}

.box blockquote {
	margin: 0;
	padding: 0;
	text-transform: italic;
}

.twitter {
    padding: 16px 4px 4px 4px;
}

.twitter h4 {
    font-size: 100%;
    margin: 0;
    padding: 0 0 0.2em 0;
    color: #005847;
}

.twitter .inner {
    background-image: url(/img/icon-twitter.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

.blogarchives h5 {
    font-size: 100%;
    margin: 0;
    padding: 0 0 0.2em 0;
    color: #005847;
}

.blogarchives h6 {
    font-size: 90%;
    margin: 0;
    padding: 0 0 0.2em 0;
    color: #005847;
	display: inline;
}

.blogarchives ul,
.blogarchives li {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.blogarchives .date {
	color: #aaa;
	font-size: 90%;
	display: inline;
}

.box p {
    padding: 0 0 0.8em 0;
}

.grey {
    background-image: url(/img/box-grey-bg.gif);
    background-repeat: no-repeat;
}

.lime {
    background-image: url(/img/box-lime-bg.gif);
    background-repeat: no-repeat;
}

.green {
    background-image: url(/img/box-green-bg.gif);
    background-repeat: no-repeat;
}

.filebox p {
	padding: 0;
}

.box .file {
	background-image: url(/img/icon_pdf.gif);
    background-repeat: no-repeat;
	background-position: left 50%;
	padding: 5px 0 5px 20px;
	margin-bottom: 1em;
	display: block;
}

#footer {
    clear: both;
}

#footer .copy {
	padding: 1em 0 0 0;
	color: #999;
	font-size: 90%;
}

#footer ul {
	margin: 0 0 0 -1em;
	padding: 3em 0 0 0;
	list-style: none;
	color: #cacaca;
}

#footer li {
	display: inline;
	font-size: 90%;
}

#footer li a:link, #footer li a:visited {
	color: #999;
	padding: 0 1em 0 1em;
}

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

ul.searchresults li {
	padding: 0 0 1em 0;
}

.forms fieldset {
	border: 1px solid #ccc;
	margin: 0 0 1em 0;
}

.forms .error {
	color: red;
}

.forms label {
	float: left;
	width: 180px;
	font-weight: bold;
}

.forms ul.checks label {
	float: right;
	width: 480px;
	font-weight: normal;
	padding: 0.5em 0 0.5em 0;
}

.forms ul.checks li .input {
	float:left;
	width: 20px;
	padding: 0.5em 0 0.5em 0;
}

.forms ul.checks {
	list-style: none;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}

.forms ul.checks li {
	
	clear:both;
}

.forms .text {
	border: 1px solid #999;
	padding: 0.2em;
	width: 300px;
}

.forms div {
	padding: 0 0 0.4em 0;
}

.vcard h3 {
	margin: 0;
	padding: 1em 0 0 0;
}

.vcard .contact {
	font-weight: bold;
	padding: 1em 0 0 0;
}

.vcard .tel, .vcard .email {
	font-weight: normal;
}

object.include {
	width: 0;
	height: 0;
}

#playvideo {
    text-align:center;
    padding: 20px 0 20px 0;
}

h2.video {
    color: #005847;
    font-style: italic;
    font-size: 180%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.videobox {
    border-top: 1px solid #a9a9ad;
    margin-top: 1.4em;
    padding-top: 1em;
    
}

.videobox h3 {
    color: #005847;
    font-style: italic;
    font-size: 150%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

ul#videolist {
    margin: 0;
    padding: 1em 0 0 0;
    list-style: none;
}

ul#videolist li {
    background-image: url(/img/video-unselected.gif);
    background-repeat: no-repeat;
    background-position: 22px center;
    margin: 0 0 10px 0;
    min-height: 40px;
}

ul#videolist li.cur {
    background-image: url(/img/video-selected.gif);
    background-repeat: no-repeat;
    background-position: 6px center;
    margin: 0 0 10px 0;
    min-height: 50px;
    background-color: #e4e559;
    font-weight: bold;
}

ul#videolist li a:link span, ul#videolist li a:visited span {
    color: #005847;
    font-style: italic;
    font-weight: bold;
}

ul#videolist li a:link, ul#videolist li a:visited {
    text-decoration: none;
    color: #464646;
    display: block;
    padding: 8px 20px 8px 83px;
}

ul#videolist li.cur a:link, ul#videolist li.cur a:visited {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 8px 20px 0 83px;
}