/**********************************************
* CSS FILE FOR PHOSPHOR WHITESITE - LAYOUT STYLES
   DEVELOPED BY PHOSPHOR ESSENCE
   COPYRIGHT 2007
   www.phosphor.co.nz
**********************************************/
/**********
**   Colors
********/
/*   #E7E4D3 /* beige-bg */
/*   #2E88D1 /* link-blue */
/*   #0A5A78 /* hover-darkblue */
/*      #333 /* text-darkgrey */
/*      #666 /* heading-darkgrey */
/*      #777
/*      #888
/*      #999 /* header-links */
/*      #CCC /* */
/*      #DDD /* */


body, html {
    background: #E7E4D3 /* beige-bg */ url(../userfiles/images/bkgd.gif);
    color: #333333 /* text-darkgrey */;
    height: 100%;
    padding: 0 0 1px 0;
    text-align: center;
}

/**********
**   Text
**********/
body { font: 11px/1.4em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; }
p { margin: 7px 0; }
small {
    color: #888888;
    font-size: 90%;
    line-height: 130%;
}
li {
    line-height: 150%;
    margin: 0 0 2px 15px;
}

/**********
**   Links
*******/
a {
    color: #2E88D1 /* link-blue */; 
    text-decoration: none;
}
a:visited {
    color: #2E88D1 /* link-blue */; 
    text-decoration: none;
}
a:hover {
    color: #0A5A78 /* dark-blue */;
    text-decoration: underline; 
}
a:active {}
ul.menu { list-style: none; }

/*************
**   Headings
**********/
h1, h2, h3, h4, h5, h6 {
    color: #666 /* heading-darkgrey */; 
    font-weight: normal;
    line-height: 130%;
}
h1 {
    font-size: 160%;
}
h2 {
    font-size: 140%;
    padding: 0 0 4px 0;
    margin: 6px 0 0 0;
    /*border-bottom: dotted thin;*/
}
h3 {
    font-size: 130%;
    font-weight: bold; 
    margin: 12px 0 0 0;
}
h4 { font-size: 118%; }


/**********
**   Layout
**********/
#mainContainer {
    background: url(../userfiles/images/bkgd_wrap.png) top left repeat-y;
    margin: 0 auto;
    min-height: 100%;
    padding: 0 30px 70px 30px; /*** 70px bottom margin is not the correct fix - have added this so footer sits below mainContainer. Needs to be fixed properly so footer doesn't sit below mainContainer off the screen on shorter pages ***/
    text-align: left;
    width: 820px;
}
#header {
    position: relative;
    height: 75px;
}
#subNav {
    width: 170px;
    float: left;
}

#bodyText {
    float: left;
    width: 440px;
    height: auto;
    display: block;
    margin: 0 0 30px 20px;
}
#bodyText #map {
    width: 420px; 
    height: 400px;
    margin: 70px 0 10px 0;
    border: 1px black solid;
}

#sideNav {
    width: 170px;
    float: left;
}
#sideNav ul {
    list-style: none;
    display: block;
    height: auto;
}
#sideNav li {
    margin: 0;
}
#sideNav h1 a {
    display:block;
    font-size:65%;
    line-height:110%;
    text-decoration:none;
    padding:0 55px 0 34px;
    text-align:left;
    vertical-align:baseline;
    height:30px;
}
#sideNav h1.sideNav_prodServ a {
    color: #0A5A78;
    background: url(/userfiles/images/subnav/section_prodserv_imgsml.gif) no-repeat center left;
}
#sideNav h1.sideNav_caseStudies a {
    color: #CC0000;
    background: url(/userfiles/images/subnav/section_casestudies_imgsml.gif) no-repeat center left;
}
#sideNav h1.sideNav_ourProcess a {
    color: #A8C82A;
    background: url(/userfiles/images/subnav/section_process_imgsml.gif) no-repeat center left;
}
#sideNav h1.sideNav_aboutUs a {
    color: #0A5A78;
    background: url(/userfiles/images/navicon_aboutus.gif) no-repeat center left;
}
.subNav {
    padding-left: 10px;
}
.subNav li {
    border-bottom:1px dotted black;
    list-style-position:outside;
    margin:0;
    padding:3px 0 3px 0;
}
.subNav li a {
    color: #000000;
    line-height: 130%;
    display: block;
    margin: 0;
    padding: 5px 0 0 20px;
    background: #fff;
}
.subNav li a span {
    display: block;
/*    height: 9px;*/
    width: 160px;
    margin: -8px 0 0 -20px;
}
.subNav li a:hover {
    background: url(/userfiles/images/sideNavButton.png) no-repeat top right;
    text-decoration: none;
}
.subNav .selected a, 
.subNav .selected a span,
.subNav .selected a:hover {
    background: url(/userfiles/images/sideNavButton.png) no-repeat top left;
}
.subNav li a:hover span, 
.subNav .selected a span,
.subNav .selected a:hover span {
    background: url(/userfiles/images/sideNavButton.png) no-repeat bottom right;
}


#sideBar {
    float: left;
    width: 170px;
    margin-left: 20px;
}
#sideBar h3 {
    margin: 15px 0 5px 0;
    font-size: 110%;
}
#sideBar h4 {
    color: #0A5A78;
    font-size: 120%;
    font-weight: bold;
    line-height: 140%;
    margin: 0 0 5px;
    padding: 0;
}

#slideshowMenu a.selected {
    font-weight: bold;
}

/*************
**   Header
*************/
/* LINKS */
#header a {color: #999; font-family: Arial, Helvetica, sans-serif;}
#header a:hover,
#header a:active {color: black; text-decoration: none;}

#header h1 a {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;}

/* LISTS */
#header ul {list-style: none;}
#header ul li {float: left; clear: none;}

#header h1 {float: left; margin: 13px 0 0 0;}

#about {float: left; width: 200px; margin: 0;}
#siteName {width: 200px;float: left;clear: left;margin: 0;}

#about li {border-right: 1px dotted #999 /* header-links-grey */; padding: 0 5px 0 0;}
#about li.last {border: none;}


#header #logo {
    float: right;
    margin: -7px 3px 0 0;
}


/******
***   Nav
******/
.techItem h2 a {
    font-size: 85%;
    color: #666;
}

.pdf {

    background: url(/userfiles/images/pdf.gif) top left no-repeat;
    padding: 2px 0 2px 20px;
}

ul.menu { /*on the front page products and about us*/
    border-top: #999 dotted 1px;
}
#navigation {
    display:inline;
    float:left;
    margin:-10px 0 0 76px;
    width:470px;
}

#navigation li {
    float: left;
    background: url(../userfiles/images/dottedline_greydown_bg.gif) repeat-y top left;
    margin: 0;
    padding-left: 3px;
}
#navigation a {
    font-weight: bold;
    display: block;
    padding: 30px 20px 0 5px;
    white-space: nowrap;
}
#navigation ul li a {
    text-decoration: none;
}
#navigation ul li.root a:hover,
#navigation ul li.root a.selected {
    color: #0a5a78;
}
/* Products and Services */
#navigation ul li.child_1 a:hover,
#navigation ul li.child_1 a.selected {
    background: url(/userfiles/images/navicon_prodserv.gif) 5px top no-repeat;
    color: #0a5a78;
}
/* Case Studies */
#navigation ul li.child_3 a:hover,
#navigation ul li.child_3 a.selected  {
    background: url(/userfiles/images/navicon_casestudies.gif) 5px top no-repeat;
    color: #cd2814;
}
/* Our Process*/
#navigation ul li.child_4 a:hover, 
#navigation ul li.child_4 a.selected {
    background: url(/userfiles/images/navicon_process.gif) 5px top no-repeat;
    color: #9dba27;
}
#navigation ul li.child_8 a:hover, 
#navigation ul li.child_8 a.selected {
    background: url(/userfiles/images/navicon_news.gif) 5px top no-repeat;
    color: #0c5a78;
}

/*************
**   Content
*************/
#content {
    width:820px;
    margin:0 0 40px 0;
    clear:both;
    float:left;
    display:inline;
    position:relative;
}

#products,
#aboutUs {
    display: inline; /*Fix IE6*/
    float: right;
    width: 166px; 
}
#aboutUs {
    margin-left: 20px;
}

#products ul li, 
#aboutUs ul li {
    margin: 10px auto 10px auto;
}
#products ul li a,
#aboutUs ul li a {
    font-size: 12px;
}

#content h1 {
    font-size: 200%;
    font-weight: bold;
    margin: 0 auto 15px auto;
}

h1.prodServ,
h1.caseStudies,
h1.process,
h1.blog {
    padding:14px 0 0 190px;
    height:26px;
}

h1.prodServ {
    background: url(/userfiles/images/subnav/section_prodserv_img.gif) no-repeat left bottom;
}
h1.caseStudies {
    background: url(/userfiles/images/subnav/section_casestudies_img.gif) no-repeat left bottom;
}
h1.process {
    background: url(/userfiles/images/subnav/section_process_img.gif) no-repeat left bottom;
}
h1.blog {
    background: url(/userfiles/images/subnav/section_news_img.gif) no-repeat left bottom;
}

#content h1 img {
    width: 37px; 
    height: 40px;
    margin: 0 144px 0 0;
    padding: 0;
}

#content p, table {
    margin: 0.2em 0;
}

#leftColumn {
    width: 440px;
    float: left;
}
#rightColumn {
    float: left;
    width: 380px /* 820 - 440 */;
}
/*
*** Landing Pages */
.introParagraph {
    margin-top: 6px;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.6;
}
/*
*** bodyText */
#bodyText h2 {
    color: #0A5A78;
    font-size: 195%;
/*    font-weight: bold;*/
    line-height: 120%;
    margin: 0;
    padding: 0 0 0.5em;
}
#bodyText h3 {
    padding: 12px 0 3px;
}
#bodyText h4 {
    clear: left;
    padding: 0.5em 0;
}
#bodyText ol,
#bodyText ul {
    margin: 4px 15px 10px 15px;
}
#bodyText p {
    line-height: 1.6em;
    margin: 0 0.5em 0.5em 0;
    padding: 0;
}
#bodyText p.introtext {
    color: #666666;
    font-size: 140%;
    font-weight: normal;
    line-height: 145%;
    margin-bottom: 15px;
}
#bodyText p.caption {
    color: #777777;
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 15px;
}
#bodyText p.quote {
    color: #666666;
    font-size: 120%;
    line-height: 160%;
    margin: 20px 80px 0 30px;
}
#bodyText p.attrib {
    color: #333;
    margin: 8px 80px 0 30px;
}
p.btn a {
    background: transparent url(../userfiles/images/btnarw.png) left 3px no-repeat scroll;
    display: block;
    padding: 0 0 2px 22px;
}
p.btn a:hover {
    background: transparent url(../userfiles/images/btnarw_f2.png) left 3px no-repeat scroll;
}
#bodyText p.small {
    color: #999999;
    font-size: 95%;
    line-height: 140%;
}
#bodyText div.casescreens {
    color: #999999;
    float: right;
    margin-right: -3px;
    overflow: hidden;
    padding: 0 0 10px 20px;
    width: 170px; 
}
div.casescreens img {
    margin: 10px 0 0 0;
}

/*
*** Slideshow */
#slideshow img {
    position: absolute;
    top: 0;
    left: 0;
}
#slideshow img.slide {
    display: none;
}
#slideshow-base img {
    position: relative;
    height: 90px;
    width: 170px;
}

#slideshow {
    position: relative;
    height: 370px;
}

#slideshow-base {
    background: transparent url(../userfiles/images/slideshows/ss_base_bkgd.png) no-repeat scroll 0 0;
    display: block;
    width: 440px;
    height: 33px;
    padding: 26px 0 4px 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

#slideshow-base .slideIndex {
    margin: 2px 0 0 5px;
    float: left;
}

#slideshow-base a {
    display: block;
    float: right;
    margin: 0 5px;
    width: 29px;
    height: 22px;
    border: 0px;
}

#slideshow-base img {
    width: 29px;
    height: 22px;
    border: 0px;
}

#slideshow-base a.goNext:hover
{ background: url(../../userfiles/images/slideshows/ss_next_f2.png) no-repeat;}

#slideshow-base a.goPrev:hover
{ background: url(../../userfiles/images/slideshows/ss_prev_f2.png) no-repeat;}

#slideshow-base a.playOrStop:hover
{ background: url(../../userfiles/images/slideshows/ss_stop_f2.png) no-repeat;}

#slideshow-base a.stop:hover
{ background: url(../../userfiles/images/slideshows/ss_stop_f2.png) no-repeat;}

#slideshow-base a.play:hover
{ background: url(../../userfiles/images/slideshows/ss_play_f2.png) no-repeat; }

#slideshow-base .stop-hover
{ background: url(../../userfiles/images/slideshows/ss_stop_f2.png) no-repeat; }

#slideshow-link {
    margin: 0 0 12px;
    position: relative;
    width: 170px;
}

#slideshow-link img {
    height: 90px;
    width: 170px;
}

#slideshow-link a.ss-position {
    background: url(../userfiles/images/slideshows/ss_link.png) no-repeat;;
    padding: 18px 10px 4px;
    position: absolute;
    bottom: -3px;
    left: 0px;
    width: 170px;
}
/*
*** Blog pages */

#leftColumn.blog {
    width: 160px;
    margin-right: 30px;
    overflow: hidden;
}

#content h1.blog {
    border-bottom: #999 dotted 1px;
    margin: 0px;
    padding-bottom: 15px;
    background-position: top left;
}

#leftColumn.blog h1 a{
    display: block;
    font-size: 65%;
    line-height: 110%;
    text-decoration: none;
    padding: 0 20px 15px 34px;
    text-align: left;
    vertical-align: baseline;
    height: 30px;
    background: url(/userfiles/images/navicon_news.gif) no-repeat top left;
    color: #0c5a78;
}
#rightColumn.blog {
    float: left;
    width: 440px;
    /* margin-right: 190px; */
    overflow: hidden;
}

#rightColumn .archiveNav {
    margin: 0 30px;
    display: block;
    width: auto;
}

#rightColumn.blog h2.filter {
    margin: 12px 0 0;
}
.postitem a,
.post a {
    text-decoration: none;
}
.postitem,
.post .bodyText {
    padding: 10px 0 20px 0;
    border-bottom: dotted 1px #AAA;
    /* background: url(/userfiles/images/dottedline_bg.gif) repeat-x bottom left; */
}
.post .bodyText {
    margin: 1em 0;
}

.post .bodyText {
    margin: 0 0 2em 0;
    padding-bottom: 4em;
    line-height: 1.4;
}

.post .bodyText ul,
.post .bodyText ol {
    list-style-position: inside;
    margin-left: 5px;
}

.post .bodyText h1,
.post .bodyText h2,
.post .bodyText h3,
.post .bodyText h4 {
    color: #555;
}

.post .bodyText h2 { margin: 15px 0 0; }

.post .bodyText blockquote {
    background: #f2f2ff;
    padding: 5px;
    font-style: italic;
}

.post .comments .errors{
		color: red;
}
.readmore, .back {
    display: inline; /* Fix IE6*/
    float: right;
    padding-left: 22px;
    background: url(/userfiles/images/read_more.png) left 3px no-repeat;
}
.readmore:hover, .back:hover {
    background: url(/userfiles/images/read_more_over.png) left 3px no-repeat;
}
.back{ margin: 0 0 20px 0; float: left; }

.post h4 {
    color: #666;
    font-size: 1.1em;
    margin: 0.2em 0;
}
.post .attribution {
    color: #bbb;
}
.postitem p {
    line-height: 1.5em;
}

.postitem .author {
    color: #888888;
    font-size: 90%;
    line-height: 130%;
}

.postitem h3 {
    margin-top: 0px;
}
.shareLinks {
    margin: 1em 0;
}
.digg {
    background: url(/userfiles/images/digg.gif) no-repeat center left;
    padding-left: 20px;
}
.stumble {
    background: url(/userfiles/images/stumbleupon.gif) no-repeat center left;
    padding-left: 20px;
}
.delicious {
    background: url(/userfiles/images/delicious.png) no-repeat center left;
    padding-left: 20px;
}

div.archiveNav {
    float: left;
    margin: 5px 0 0 0;
}

div.archiveNav select {
    display: block;
    margin: 0 0 8px 0;
}

/*
*** recentBlogPosts */
#recentBlogPosts {
    float: right;
    clear: right;
    width: 352px;
    margin: 20px 0 0 0;
}
.postitem {
    /* margin-left: 190px; */
    padding-bottom: 30px;
}
.textBlock {
    position: relative;
    width: 100%;
}
#recentBlogPosts .postitem {
    float: none;
    margin: 0;
    padding: 12px 0 20px 0;
}
#recentBlogPosts h2 {
    border-bottom: 1px dotted #999999;
}
#recentBlogPosts h3 {
    font-size: 110%;
}

#recentPosts h3 {
    font-size: 1em;
    margin-top: 0px;
}
#recentPosts .author { font-size: 0.8em;}
#recentPosts .postitem { padding: 5px 0; }
#recentPosts { margin: 0 0 20px; }

/**********************
**   Partners Section
**********************/
ul.partners {
    margin: 20px 0 0 0 !important;
    list-style: none;
}
ul.partners li {
    border-top: 1px dotted;
    height: 100px;
}
ul.partners img {
    width: 100px;
    float: left;
    margin: 10px 20px 10px 0;
}
ul.partners div.partnerText {
    float: right;
    width: 300px;
    padding: 20px 0 20px 0;
}


/***************
**   News Post Page
***************/

ul.newsTags {
    list-style: none;
    margin: 5px 0 40px 0;
}
.archiveNav ul.newsTags {
    list-style: none;
    margin: 0;
}
.archiveNav ul.newsTags li{
    padding: 0;
    margin: 0;
}
div.comments {
    width: 416px;
    margin-bottom: 60px;
}
.post .bodyText .comments h2{
    margin-top: 40px;
    padding-top: 10px;
    border-top: dotted 1px grey;
}
.comments ul,
.comments li {
    list-style: none;
}

.comments form label {
    font-size: 0.9em;
}

.comments a.addComment {
    line-height: 2.3;
    float: right;
    padding-left: 22px;
    background: url(/userfiles/images/read_more.png) left 6px no-repeat;
}

.comments a.addComment:hover {
    background: url(/userfiles/images/read_more_over.png) left 3px no-repeat;
}


/* Contact pages ----------------------------*/


#contactDetails_left {
    float: left;
    line-height: 1.6em;
    width: 230px;
}
#contactDetails_right {
    float: left;
    line-height: 1.6em;
}
.contactForm {
    display: inline; /*Fix IE6*/
    float: left;
    clear: both;
    width: 480px;
    margin-top: 20px;
}
.quoteForm {
    width: auto;
}

td label {
    display: inline;
    padding: 5px;
}


.tel {
    background: url(/userfiles/images/telephone.gif) no-repeat center left;
    padding-left: 20px;
}
.email {
    background: url(/userfiles/images/email.gif) no-repeat center left;
    padding-left: 20px;
}
/* Forms ---------------------------------------*/
#content .Doc2Form li {
    list-style: none;
    margin: 0 0 5px 0;
}
#content .Doc2Form li strong {
    font-weight: normal;
}
#content .Doc2Form ul {
    margin: 0;
}
.Doc2Form legend {
    display: none;
}
#content fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    width: auto;
}
#content fieldset p {
    display: block;
    margin: 0.2em 0 0 0;
    padding: 0;
}
input, textarea, select {
    font-size: 100%;              
}
select.textFont {
    margin: 0 0 10px -6px;
}       
fieldset p {
    display: inline;
}
legend {
    font-weight: bold;
}
label {
    font-size: 110%;
    line-height: 150%;
    display: block;
    margin: 0.5em 0 0 0;
    color: #666;
}
textarea {
    width: 410px;
    height: 100px;
    overflow: hidden;
}
.Doc2Form .textbox,
.dropdownlist {
    width: 220px;
}
.Doc2Form legend {
    display: none;
}
.Doc2Form .textbox,
.Doc2Form .textboxmultiple {
    float: left;
}
.textbox input,
.dropdownlist select {
    width: 180px;
}
.dropdownlist select {
    height: 20px;
}
.textbox input,
.textboxmultiple textarea {
    border: 1px solid #B5CDD7;
    padding: 3px;
}
.textbox input: focus,
.textboxmultiple textarea:focus,
.dropdownlist select:focus {
    border: 1px solid #6F9EB3;
    color: #6F9EB3;
}
.textbox,
.textboxmultiple {
    float: left;
}
.quoteForm .textbox,
.QuoteForm .textboxmultiple {
    float: right;
    clear: right;
}

.textboxmultiple {
    padding-top: 10px;
}
.checkboxlist,
.dropdownlist {
    float: none;
}
.estimatePagesNumber_li, .budget_li {
    clear: both;
    width: 100%;
}
.estimatePagesNumber_li select {
    width: 80px;
}
input.button {
    background: #B6CAD3 url(/userfiles/images/button-bg-base.gif) repeat-x scroll left bottom;
    border-color: #B5CDD7 #9CB0B9;
    border-style: double;
    border-width: 3px;
    color: white;
    cursor: pointer;
    font-family: Verdana,Arial;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    padding: 2px 10px;
}
input.button:hover {
    background-image: url(/userfiles/images/button-bg-top.gif);
}
.umbracousercontrolwrapper {
    width: 210px;
    float: none;
}
#fs_31 .checkboxlist {
    width: 210px;
}

#Doc2Form_7_ctl09_lblChange,
#Doc2Form_7_ctl09_lblCurrentURL {
    color: #666666;
    font-size: 118%;
}

.Doc2Form ul li.required_li { display: none;}
/*****************
**   Featured Nav
**************/
#featuredNavigation {
    margin-top: 20px;
}
#featuredNavigation li h2 {
    color:#0A5A78;
    font-size:135%;
    font-weight:bold;
	padding:0 0 4px 0;
    margin:6px 0 0 0;
}
#featuredNavigation li img {
    display: inline;
    float: left;
    width: 170px;
    padding: 10px 0 0 0;
    clear: none;
}
#featuredNavigation li {
    margin: 0;
    padding: 0 0 10px 0;
    color: #888;
    list-style: none;
    border-top: dotted 1px #AAA !important;
/*  background: url(../userfiles/images/dottedline_bg.gif) repeat-x top left;*/
}
#featuredNavigation li + li {
    border-width: 0 0 1px 0;
}
#featuredNavigation li .textBlock {
    margin-left: 190px;
    width: 250px;
}
#featuredNavigation li a {
    font-weight: normal;
}
#featuredNavigation .textBlock a {
    display: block;
    background: url(/userfiles/images/read_more.gif) left 3px no-repeat;
    padding-left: 22px;
}
#featuredNavigation .textBlock h2 a {
    background: none;
    padding: 0;
}
#featuredNavigation li h2 a {
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
}
#featuredNavigation li h2 a:hover,
#featuredNavigation li h2 a:active {
}
#featuredNavigation h3.caseStudyType {
    color: #333;
    padding: 0;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    display: inline;
    float: left;
    line-height: 1.4em;
    margin: 3px 3px 0 0;
    padding: 0;
}
#featuredNavigation p {color: #333;}

/****************
**   SectionList
****************/
#sectionList {
    width: 630px;
}
#sectionList ul {
    list-style: none;
}
#sectionList li.section li /*--change by Jon */ {
    margin: 0;
    float: left;
}
#sectionList li.section {
    border: dotted 1px grey;
    border-width: 1px 0 0 0;    
    width: auto;
    margin: 0;
	padding:0 0 10px 0;
}
#sectionList li.section + li {
    border-width: 1px 0 0 0;
}
#sectionList .productsLinks ul {
    margin:0 0 0 -5px;
	float:left;
}
#sectionList .productsLinks li {
    margin:0 5px 5px -5px;
    padding:0 5px; /* -- change by jon */
    border:solid 1px #DDD;
    border-width:0 1px 0 0;/*float:left; -- change by jon */
}
#sectionList .productsLinks a {
    font-size: 120%;
    line-height: 155%;
}
#sectionList .productsLinks a {
    text-decoration:none;
}
#sectionList .productsLinks a:hover,
#sectionList .productsLinks a:active {
    /*color: #77C; */
    text-decoration: underline;
}
#sectionList .productsLinks h3 a {
    color: #0A5A78;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
#sectionList .productsLinks h3 a:hover,
#sectionList .productsLinks h3 a:active {
    text-decoration: none;
}

/****************************
**   Showcase
****************************/
#showCase,
#showCase ul li {
    width: 610px;
}
#showCase {
    background: none;
    position: relative;
    height: 200px;
    float: left;
    margin: 0 0 25px 0;
}
#showCase * {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #ccc;
}
#showCase ul {
    position: relative;
}
#showCase li {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#showCase .showitem {
    width: 160px;
    height: 180px;
    padding: 10px 15px;
    text-align: left;
    position: absolute;
    right: -20px;
    top: 0;
    overflow: hidden;
    background: #08597B;
    z-index: 0;
}
#showCase .showitem h1 {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 1em;
}
#showCase .showitem h2 {
    color: white;
    margin-bottom: 0.6em;
}
#showCase .showitem * {
    width: 160px;
}
#showCase span.left,
#showCase span.right {
    width: 8px;
    height: 200px;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    z-index: 1000;
}
#showCase span.left {
    background: transparent url(../userfiles/images/boxes/crnrs_left.png) no-repeat top left;
    left: 0;
}
#showCase span.right {
    background: transparent url(../userfiles/images/boxes/crnrs_right.png) no-repeat top left;
    right: -20px;
}
#showCase .showitem a {
    color: white;
    font-weight: bold;
    display: block;
    text-align: right;
    margin-top: 5px;
}
/****************************
**   Feature
****************************/
.show {
    float: left;
    margin: 0 0 0 -8px;
    position: relative;
    z-index: 10;
}
.feature {
    display: inline;
    float: right;
    width: 146px;
    height: 192px;
    position: relative;
    z-index: 15;
    background: url(../userfiles/images/boxes/box170_mintgreen.jpg) no-repeat scroll left top;
    padding: 0 12px 8px 12px; /* added by Jon */
    overflow: hidden;
}
.feature h3 {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 1em;
}

/****************************
**   Products and Services
****************************/
.productsLinks {
    width: 440px;
    margin-left: 190px;
}
.topic-pic {
    width: 125px;
    display: inline;
    float: left;
    margin: 10px auto 20px auto;
    
}
.topic-pic img {
    height: 65px;
    width: 125px;
}

#content .job {
    width: 200px;
    height: 123px;
    border-top: 1px dotted;
    float: left;
    padding-top: 10px;
}

#content h1.prodServ,
#content h2.prodServ {
    color: #0A5A78;
}

#webDesignBody {
    width: 690px;
    margin-left: -40px; 
    float: left;
}

#webDesignBody h2 {
    margin-bottom: 20px;
    margin-left: 60px;
    color: #0A5A78;
    font-size: 190%;
    font-weight: bold;
}

#webDesignBody .case {
    width: 170px;
    margin-left: 60px;
    margin-bottom: 20px;
    float: left;
    display: inline;
}

#webDesignBody ul
 { margin-left: 20px;}


#webDesignBody .case img {
    width: 170px;
    height: 90px;
}
#webDesignBody .case a {
    background: url(../userfiles/images/btnarw.png) left 3px no-repeat;
    padding: 0 0 2px 22px;
    vertical-align: bottom;
}
#webDesignBody .case a:hover {
    background: url(../userfiles/images/btnarw_f2.png) left 3px no-repeat;
}
#webDesignBody .case a.image {
    background: none;
    padding: 0;
    vertical-align: text-top !important;
}

#webDesignBody .casesPagesNavBar {
    float: right;
}

#webDesignBody .sectionDivider {
    margin: 5px 0 15px 60px;
    border-bottom: 1px dotted black;
}

/*#webDesignBody .moreCases a {
    background: none;
    vertical-align: bottom;
}

#webDesignBody .moreCases a:hover {
    background: none;
}*/


#webDesignBody .aligned {
    margin-left: 60px;
}

#productServiceSideinfo .shdw {
    background: transparent url(../userfiles/images/rightcol_box_shdw.png) no-repeat scroll left top;
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#productServiceSideinfo .sideinfo-top {
    height: 42px;
    width: 170px;   
}

#productServiceSideinfo .sideinfo-content {
    background: #F5F8F9 url(../userfiles/images/rightcol_box_base.jpg) no-repeat scroll left bottom;
    margin: 0;
    padding: 8px 6px 45px 10px;
    position: relative;
    line-height: 155%;
}
#productServiceSideinfo .sideinfo-content a{
    line-height: 130%;
}

#productServiceSideinfo .sideinfo-content img.caseStudy {
    width: 130px;
    height: 104px;
}

#productServiceSideinfo .sideinfo-content img.koisk {
    width: 150px;
    height: 88px;
}

#productServiceSideinfo p.caption {
    color: #777777;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding-bottom: 7px;
}

#productServiceSideinfo .sideinfo-bottom {}

/*************
**   Blog
**********/
#content h1.blog  {
    color: #0c5a78;
}

/*************
**   Process
**********/
#content h1.process  {
    color: #A8C82A;
}

#content h2.process {
	font-size:117%;
    color:#2E88D1;
}

/********************
**   Case Study
********************/
#technology {
    list-style: none;
    width: 820px;
}
#technology li.techItem {
    border-top: 1px dotted #999;
    margin: 10px 0 0 0;
    padding: 0;
}
#technology li h2 {
    color: #0A5A78 /* darkblue */;
    font-size: 13px;
    font-weight: bold;
    width: auto;
    display: block;
}
#technology li h3 a {
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
}
#technology .toggler a {
    background: url(../userfiles/images/btnarw.png) left 3px no-repeat;
    padding: 0 0 2px 22px;
}
#technology .toggler a:hover {
    background: url(../userfiles/images/btnarw_f2.png) left 3px no-repeat;
}
#technology .toggler a.expanded {
    background: url(../userfiles/images/btnarw_hide.png) left 3px no-repeat;
}
#technology ul.onShow {
    margin: -13px 0 10px 170px;
    overflow: hidden;
}
#technology .toggler  /*louie*/ {
    width: 135px;
  /*background: red;*/
    float: left;
}
#technology ul li.case {
    width: 295px;
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
}
#technology ul li.case img {
    width: 105px; 
    height: 65px;
    float: left;
}
#technology ul li.case .text {
    float: left;
    margin-left: 10px;
    width: 170px;
}
#technology ul li.case .text a {
    font-size: 120%;
}
#technology ul.client {
    margin-left: 170px;
    overflow: hidden;
}
#technology ul.client .case a {
    font-size: 120%;
}



#content h1.caseStudies {
    color: #CC0000;
}


#caseStudySideinfo {
    background: #CCCCCC url(../userfiles/images/bkgd_sideinfo.gif) repeat-y scroll left top;
    margin: 0 0 7px 0;
    padding: 0;
}

#caseStudySideinfo p.separator {
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    padding: 0;
}

.sideinfo-top  {
    background: transparent url(../userfiles/images/bkgd_sideinfo_topcorners.png) no-repeat scroll 0 0;
    position: relative;
    margin: 0;
    padding: 0;
} 
#caseStudySideinfo .sideinfo-content {
    margin: -17px 12px 8px 12px;
    padding: 0;
    line-height: 155%;
}
#caseStudySideinfo .sideinfo-content ul {
    margin: 0 0 0 36px;
}
#caseStudySideinfo .sideinfo-content ul li {
    font-size: 90%;
    color: #666666; 
}
.sideinfo-content img.icon {
	width:16px;
	height:16px;
	margin:0 6px 0 0;
	vertical-align:middle;
}
.sideinfo-bottom  {
    background: transparent url(../userfiles/images/bkgd_sideinfo_btmcorners.png) no-repeat scroll 0 0;
    line-height: 7px;
} 

/**********
**Doc2Form - louie added
***********/

#Doc2Form_6_ctl09_UpdatePanel1 {
    width: 214px;
}

.Doc2Form span.bodyText {
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
}

#Doc2Form_7_ctl09_chblChange {
    margin-bottom: 10px;
}
/*Hide the descriptition field then show when "other" is selected*/
.Doc2Form .description_li {
    display:none;
    float:left;
    width:98%;
}
.Doc2Form .description_li input {
    width:400px;
}

/* Blog styles */

.post {
    width: auto;
}
#content .post h1 {
    margin: 0;
}


/*************
**   Footer (and header)
**********/
#footer {
    font-size: 90%;
    text-align: left;
    height: 70px;
    margin: -70px auto 0 auto;
    padding: 0 20px;
    width: 820px;
}
#footer ul.footNav {
    border-top: 1px dotted #999999;
    display: block;
    height: 17px;
    overflow: hidden;
    padding: 10px 0 0 0;
    width: 300px;
}
#footer li {
    margin-right: 10px;
    list-style: none;
    float: left;
}
#footer ul.footNav li a {
    color: #999999;
    font-weight: normal;
}
#header ul.about {
    margin: 0;
    padding-top: 5px;
    overflow: hidden;
}
#header ul.about li,
#footer ul li {
    border-left: 1px dotted #999999;
    margin-left: -10px;
    margin-right: 20px;
    padding-left: 10px;
}
#footer .footleft {
    float: left;
    margin: 5px 10px 5px 0;
    width: 350px;
}
#footer .footright {
    float: right;
    margin: 5px 10px;
    width: 416px;
}
#footer .footright img {
    float: right;
}