/* Hand-coded at NCS Fulfillment, 'cause that's how we roll.  */

/* Colors:
color: #80A436; green 
color: #e7181f; red 
color: #5590d2; blue 
*?

/*RESET/////////////////////////////////////////////////////////////////////*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/


/*HIDDEN ELEMENTS*/
hr{display:none;}
.clear{clear:both; height:0px;}



.wrapper {
    width: 100%;
    overflow: hidden;
}

.wrapper-1 {
    width: 100%;
}

.clear {
    clear: both;
    font-size: 0%;
    line-height: 0%;
    height: 0;
}

input, select {
    vertical-align: middle;
    font-weight: normal;
}

img {
    border: 0;
    vertical-align: top;
    text-align: left;
}

ul, ol {
    list-style: none;
}

object {
    vertical-align: top;
}

a {
    color: #80A436; /* green */
    color: #e7181f; /* red */
    color: #638E07;    
    color: #5590d2; /* blue */
}

a:hover {
    text-decoration: none;
}

body {
    background: #fff url(images/body-tail.gif) repeat-x 0% 0%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1em;
    color: #393939;
}

h2 {
    font-family: Tahoma, Geneva, sans-serif;
    margin: -2px 0 0 0;
    padding: 0 0 13px 0;
    word-spacing: 1px;
    line-height: 1.5em;
/*    text-transform: uppercase;
*/    font-size: 1.4em;
    color: #5590d2;
    
    font-weight: normal;
}

h2.extra {
    padding: 0 0 19px 0;
}

h5 {
    font-family: Tahoma, Geneva, sans-serif;
    margin: -2px 0 0 0;
    padding: 0 0 13px 0;
    word-spacing: 1px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-size: 1em;
    color: #5590d2;
    color: #638E07;    
    
    font-weight: normal;
}

h5.extra {
    padding: 0 0 19px 0;
}

h6 {
    padding: 0 0 13px 0;
    line-height: 1.25em;
    font-size: 1.2em;
    color: #9acf1a;
}

h6 a {
    color: #9acf1a;
    color: #5590d2;
    color: #80A436;
    
}

div.subtitle {
/*    font-family: Tahoma, Geneva, sans-serif;*/
    padding: 0 0 13px 0;
    word-spacing: 1px;
    line-height: 1.5em;
/*    text-transform: uppercase;*/
    font-size: 14px;
    color: #5590d2;
/*    font-weight: bold;
*/}



.fleft {
    float: left;
}

img.fleft {
    margin: 0 24px 0 0;
}

.readable { 
    padding-right: 100px;
}

.fright {
    float: right;
    clear: both;
}

img.fright {
    margin: 0  0 1em 24px;
}

.col-1, .col-2, .col-3, .col-4 {
    float: left;
}

#top-right-tail {
    background: url(images/top-right-tail.gif) repeat-x 0% 0%;
    width: 50%;
    height: 416px;
    position: absolute;
    top: 0;
    right: 0;
}

#main {
    width: 980px;
    margin: 0 auto;
    font-size: 0.75em;
}


/*MAIN MENU//////////////////////////////////////////////////////////////////////////////*/

#menu li{position:relative; float:left;}
#menu a{margin:0px; padding:0px; display:block; height:31px; text-indent:-9999px; border: none}
#menu a:hover{border:none}

#menu {
    overflow: hidden;
    position: absolute;
    top: 18px;
    left: 10px;
}


/*MENU ITEMS*/
#menu_home_off    a, #menu_home_off a:visited{width:69px; background:url(images/top-tabs.png) no-repeat -6px -61px;}
#menu_company_off    a, #menu_company_off    a:visited{width:98px; background:url(images/top-tabs.png) no-repeat -77px -61px;}
#menu_services_off    a, #menu_services_off    a:visited{width:92px; background:url(images/top-tabs.png) no-repeat -305px -61px;}
#menu_tech_off    a, #menu_tech_off    a:visited{width:127px; background:url(images/top-tabs.png) no-repeat -176px -61px;}
#menu_blog_off    a, #menu_blog_off    a:visited{width:62px; background:url(images/top-tabs.png) no-repeat -398px -61px;}
#menu_login_off  a, #menu_login_off  a:visited{width:126px; background:url(images/top-tabs.png) no-repeat -462px -61px;}
#menu_contactus_off    a, #menu_contactus_off    a:visited{width:119px; background:url(images/top-tabs.png) no-repeat -590px -61px;}

#menu_home_on    a, #menu_home_on a:visited{width: 69px; background:url(images/top-tabs.png) no-repeat -6px 0px}
#menu_company_on    a, #menu_company_on    a:visited{width:98px; background:url(images/top-tabs.png) no-repeat -77px 0px;}
#menu_services_on    a, #menu_services_on    a:visited{width:92px; background:url(images/top-tabs.png) no-repeat -305px 0px;}
#menu_tech_on    a, #menu_tech_on    a:visited{width:127px; background:url(images/top-tabs.png) no-repeat -176px 0px;}
#menu_blog_on    a, #menu_blog_on    a:visited{width:62px; background:url(images/top-tabs.png) no-repeat -398px 0px;}
#menu_login_on  a, #menu_login_on  a:visited{width:126px; background:url(images/top-tabs.png) no-repeat -462px 0px;}
#menu_contactus_on    a, #menu_contactus_on    a:visited{width:119px; background:url(images/top-tabs.png) no-repeat -590px 0px;}

#menu_home_off  a:hover{width:69px; background:url(images/top-tabs.png) no-repeat -6px -30px;}
#menu_company_off  a:hover{width:98px; background:url(images/top-tabs.png) no-repeat -77px -30px;}
#menu_services_off a:hover{width:92px; background:url(images/top-tabs.png) no-repeat -305px -30px;}
#menu_tech_off a:hover{width:127px; background:url(images/top-tabs.png) no-repeat -176px -30px;}
#menu_blog_off a:hover{width:62px; background:url(images/top-tabs.png) no-repeat -398px -30px;}
#menu_login_off  a:hover{width:126px; background:url(images/top-tabs.png) no-repeat -462px -30px;}
#menu_contactus_off  a:hover{width:119px; background:url(images/top-tabs.png) no-repeat -590px -30px;}


#menu li {
    background: url(images/menu-divider.gif) no-repeat 0% 12px;
    margin: 0 0 0 -8px;
    padding: 0 23px 0 22px;
    float: left;
}


h1 { 
    font-size: 23px;
    padding: 1px 0px .9em 0px;
    line-height: 1.1em;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: normal;
    color: #333;
}

h1 .first-word {
    color: #80A436;
    
}

.col-1 .box a, .col-1 .box a:visited { 
}

.col-1 .box h1 { 
    font-size: 21px;
}


p { 
    padding: 0px 0px 1em 0px;
}

/*HEADER//////////////////////////////////////////////////////////////////////////////*/
#header {
    background: url(images/header.gif) no-repeat 0px 74px;
    position: relative;
    height: 416px;
}

#logo {
    position: absolute;
    top: 133px;
    left: 80px;
}

#slogan {
    position: absolute;
    top: 305px;
    left: 61px;
}

#slogan1 {
    position: absolute;
    top: 197px;
    left: 605px;
}

#header-link {
    position: absolute;
    top: 284px;
    left: 604px;
}

#content {
    padding: 30px 0 27px 0;
}

#content p em {
    float: right;
    padding: 0 32% 0 0;
    font-style: normal;
}

#page2 #content {
    padding: 30px 0 3px 0;
}

#page3 #content {
    padding: 30px 0 1px 0;
}

#page4 #content {
    padding: 30px 0 12px 0;
}

#page5 #content {
    padding: 30px 0 3px 0;
}

#page7 #content {
    padding: 30px 0 7px 0;
}


#page3 .row-1 {
    padding: 0 21px 0 41px;
}

#page5 .row-1 {
    padding: 0 21px 0 41px;
}

#page6 .row-1 {
    padding: 0 21px 0 41px;
}

#page7 .row-1 {
    padding: 0 21px 0 41px;
}

.row-1 p {
    padding: 0 0 21px 0 !important;
    line-height: 1.417em !important;
    font-size: 1em !important;
    color: #898989 !important;
}

.row-1 p.extra {
    padding: 0 0 32px 0 !important;
}

.row-1 p.extra1 {
    padding: 0 0 17px 0 !important;
}

.row-2 {
    padding: 0 21px 0 11px;
}

.row-2 p {
    padding: 0 0 12px 0 !important;
    line-height: 1.417em !important;
    font-size: 1em !important;
    color: #323232 !important;
}

.line-ver-1 {
    background: url(images/line-ver.gif) repeat-y;
}

.line-ver-2 {
    background: url(images/line-ver.gif) repeat-y;
}


.list {
    padding: 0 0 23px 0;
}

.list li {
    line-height: 1.417em;
    color: #323232;
}

.list li a {
    color: #323232;
}

.list-1 {
    padding: 0 0 28px 0;
}

.list-1 li {
    background: url(images/marker.gif) no-repeat 0% 9px;
    padding: 0 0 0 18px;
    line-height: 2em;
    font-weight: bold;
    color: #1a2121;
}

.list-1 li a {
    color: #1a2121;
}

#content ul {
    padding: 0 0 .5em 0;
    margin-left: 2em;
    margin-right: 4em;
}

.col-1 ul {
    padding: 0 0 1em 0;
    margin-left: 1em ! important;
    margin-right: 0em ! important;
}



#content ul li {
    background: url(images/marker.gif) no-repeat 0% 3px;
    padding: 0 0 0 18px;
    line-height: 1.317em;
/*    font-weight: bold;*/
    color: #1a2121;
    margin-bottom: .75em;
    color: #1a2121;
}



.bold { 
    font-weight: bold;
}

.list-2 {
    padding: 0 0 24px 0;
}

.list-2 li {
    background: url(images/marker1.gif) no-repeat 2px 9px;
    padding: 0 0 0 12px;
    line-height: 1.75em;
    color: #5590d2;
}

.list-2 li a {
    color: #5590d2;
}

.list-3 {
    padding: 1px 0 0 0;
    margin: 0 ! important;
}

.list-3 li {
    background-image: none ! important;
    width: 100%;
    overflow: hidden;
    padding: .75em 0 0px 0 ! important;
    vertical-align: top;
    line-height: 1.417em;
    color: #8b8b8b;
}

.list-3 li img {
    float: left;
    margin: 0 23px 0 0;
}

.list-3 li strong {
    display: block;
    padding: 1px 0 13px 0;
    word-spacing: 1px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #5590d2;
}

.list-3 li b {
    display: block;
    padding: 16px 0 0 0;
}

.list-3 li.extra {
    padding: 0 0 20px 0;
}

.list-3 li.extra1 {
    padding: 0 0 13px 0;
}

.list-4 {
    padding: 1px 0 0 0;
    margin: 0 ! important;
}

.list-4 li {
    background-image: none ! important;
    width: 100%;
    overflow: hidden;
    padding: 0 0 24px 0 ! important;
    line-height: 1.417em;
    color: #323232;
}

.list-4 li img {
    float: left;
    margin: 0 23px 0 0;
}

.list-4 li strong {
    display: block;
    padding: 4px 0 12px 0;
}

.list-4 li p {
    padding: 0 !important;
    line-height: 1.417em !important;
    font-size: 1em !important;
    color: #323232 !important;
}

.list-4 li.extra {
    padding: 0 !important;
}

.list-indent {
    padding: 0 0 21px 0 !important;
}

.link {
    background: url(images/link-tail.gif) repeat-x 0% 0%;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: #272727;
    margin-bottom: 1em;
    margin-top: .5em;
}

.link span {
    background: url(images/link-left.gif) no-repeat 0% 0%;
    display: inline-block;
}

.link span span {
    background: url(images/link-right.gif) no-repeat 100% 0%;
    display: inline-block;
    height: 20px;
    padding: 0 7px 0 14px;
    line-height: 18px;
}

.link:hover span span {
    cursor: pointer;
    text-decoration: underline;
}

.link-1 {
    background: url(images/link-tail1.gif) repeat-x 0% 0%;
    display: inline-block;
    text-decoration: none;
    color: #fff;
}

.link-1 span {
    background: url(images/link-left1.gif) no-repeat 0% 0%;
    display: inline-block;
}

.link-1 span span {
    background: url(images/link-right1.gif) no-repeat 100% 0%;
    display: inline-block;
    height: 19px;
    overflow: hidden;
    padding: 0 9px 0 8px;
    line-height: 19px;
    font-weight: bold;
}

.link-1:hover {
    cursor: pointer;
    text-decoration: underline;
}

.link-2 {
    background: url(images/link-tail1.gif) repeat-x 0% 0%;
    display: inline-block;
    height: 19px;
    overflow: hidden;
    float: left;
    text-decoration: none;
    color: #fff;
}

.link-2 span {
    background: url(images/link-left1.gif) no-repeat 0% 0%;
    display: inline-block;
}

.link-2 span span {
    background: url(images/link-right1.gif) no-repeat 100% 0%;
    display: inline-block;
    height: 19px;
    overflow: hidden;
    padding: 0 9px 0 8px;
    line-height: 19px;
    font-weight: bold;
}

.link-2:hover {
    cursor: pointer;
    text-decoration: underline;
}

.line-hor {
    background: #f0f0f0;
    width: 100%;
    height: 1px;
    overflow: hidden;
    margin: 21px 0 19px 0;
}

.line-hor1 {
    background: #f0f0f0;
    width: 100%;
    height: 1px;
    overflow: hidden;
    margin: 12px 0 29px 0;
}

.line-hor2 {
    background: #f0f0f0;
    width: 100%;
    height: 1px;
    overflow: hidden;
}

.indent-left {
    padding: 0 0 0 23px;
}

.indent-left1 {
    padding: 0 0 0 4px;
}

.indent-bot {
    margin: 0 0 20px 0;
}

.no-indent {
    margin: 0 !important;
    padding: 0 !important;
}

.tight li {
    margin-bottom: .25em ! important;
}


#subscribe-form strong {
    display: block;
    padding: 0 0 6px 3px;
    color: #181a23;
}

#subscribe-form label {
    display: block;
    height: 29px;
    overflow: hidden;
}

#subscribe-form input {
    background: #fff;
    width: 190px;
    height: 13px;
    margin: 0 0 0 2px;
    padding: 1px 3px 1px 3px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.917em;
    color: #181a23;
}

#subscribe-form #subscribe-submit {
    background: url(images/subscribe-submit.gif) no-repeat 0% 0%;
    width: 72px;
    height: 19px;
    margin: 0 0 0 2px;
    padding: 0;
    border: none;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
}

.matted {
    background: white;
    padding: 3px;
    border:1px solid #ccc;
}

.box {
    background: #f3f3f3;
    padding: 26px 28px 13px 26px;
    border-top: 7px solid #dedede;
}

.col-1 .box {
    background: #f3f3f3;
    position: relative;
    overflow: hidden;
    margin: 28px -24px 0 -24px;
    padding: 20px 28px 24px 24px;
    border-top: 7px solid #dedede;
}

dl {
    margin: -1px 0 0 0;
    padding: 0 0 0 2px;
}

dl dt {
    word-spacing: 1px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    color: #9ABCD5;
}

dl dd {
    padding: 0 0 16px 0;
    line-height: 1.417em;
    color: #898989;
}

dl dd.extra {
    padding: 0;
}


th { 
    text-align: left;
    padding-right: 1em;
    vertical-align: top;
}

#contact-form {
    width: 616px;
    padding: 72px 0 0 0;
}

#contact-form strong {
    display: block;
    padding: 0 0 24px 0;
}

#contact-form textarea {
    background: none;
    width: 308px;
    height: 64px;
    padding: 2px 3px 2px 3px;
    border: 1px solid #a4a4a4;
    float: right;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #323232;
}

#contact-form label {
    display: block;
    height: 25px;
    overflow: hidden;
}

#contact-form input {
    background: none;
    width: 280px;
    height: 14px;
    padding: 2px 3px 2px 3px;
    border: 1px solid #a4a4a4;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #323232;
}

#contact-form a {
    background: url(images/link-tail.gif) repeat-x 0% 0%;
    display: inline-block;
    float: right;
    margin: 7px 0 0 24px;
    font-weight: bold;
    text-decoration: none;
    color: #272727;
}

#contact-form a span {
    background: url(images/link-left.gif) no-repeat 0% 0%;
    display: inline-block;
}

#contact-form a span span {
    background: url(images/link-right.gif) no-repeat 100% 0%;
    display: inline-block;
    height: 20px;
    padding: 0 7px 0 14px;
    line-height: 18px;
}

#contact-form a:hover span span {
    cursor: pointer;
    text-decoration: underline;
}

#footer {
    background: url(images/footer.gif) no-repeat 11px 0%;
    height: 63px;
    overflow: hidden;
}

#footer p {
    padding: 28px 0 0 41px;
    color: #323232;
}

#footer p span {
    margin: 0 3px 0 0;
}

#footer p a {
    margin: 0 0 0 6px;
    color: #5590d2;
}

/* ******************* Home Page ******************* */
#home-slider-wrap { 
    height: 300px; 
    width: 620px; 
    margin-bottom: 2em; 
}

.home-slider { 
    color: #777;
    height: 300px; 
    width: 620px; 
    font-size: 13px;
}

.home-slider-link { 
    padding-top: .55em;
}


/* Specific slides */

#home-slider-portal { 
    padding: 75px 0 0 41px;
    background: url(images/slideshow/portal.jpg) no-repeat 0 0;
}    
#home-slider-portal .home-slider-text {
    width: 320px;
}

#home-slider-ae { 
    padding: 75px 0 0 41px;
    background: url(images/slideshow/ae.jpg) no-repeat 0 0;
}   
#home-slider-ae .home-slider-text {
    width: 200px;
}

#home-slider-hosted { 
    padding: 125px 0 0 41px;
    background: url(images/slideshow/hosted.jpg) no-repeat 0 0;
}   
#home-slider-hosted .home-slider-text {
    width: 180px;
}

#home-slider-reports { 
    padding: 125px 0 0 41px;
    background: url(images/slideshow/reports.jpg) no-repeat 0 0;
}   
#home-slider-reports .home-slider-text {
    width: 180px;
}

/* *********** Feeds ************** */

.feed {
  margin-left: 3px;
  padding: 0 0 0 24px;
  background: url(images/feed.png) no-repeat 0 50%;
}


.facebook {
  margin-left: 3px;
  padding: 0 0 0 24px;
  background: url(images/facebook.png) no-repeat 0 50%;
}


.twitter {
  margin-left: 3px;
  padding: 0 0 0 24px;
  background: url(images/twitter.png) no-repeat 0 50%;
}



.feed-list {
    padding: 0 0 0 0;
    margin: 1em 0 -1em 0 ! important;
}

.feed-list li {
    background-image: none ! important;
    width: 100%;
    overflow: hidden;
    padding: .2em 0 0px 0 ! important;
    vertical-align: top;
    line-height: 1.417em;
    color: #8b8b8b;
}


/*  *****************   Grid Layouts   ******************  */


.row-3col .col-1 { width: 226px; padding: 0 28px 0 0;}
.row-3col .col-2 { width: 373px; padding: 0 30px 0 32px; }
.row-3col .col-3 { width: 197px; padding: 0 0 0 30px; }

.row-2col .col-1 { width: 226px; padding: 0 24px 0 0; margin: 0 0 0 24px; }
.row-2col .col-2 { width: 629px; padding: 0 0 0 48px; }

.row-1col .col-1 { width: 900px; padding: 0 52px 0 0; }

.row-1col, .row-2col, .row-3col {
/*    padding: 0 21px 26px 41px;*/
    padding-left: 6px;
}

.row-2col { 
    background: url(images/line-ver.gif) repeat-y;
    background-position: 290px 0%;
}

.col-1, .col-2, .col-3 { 
}


.border-bottom { 
    border-bottom: 1px solid #f0f0f0;    
}

.border-top { 
    border-top: 1px solid #f0f0f0;    
}

.pseudo-3col {
    padding-bottom: 2em;
    margin-bottom: 2em;
    
}
.pseudo-3col .pseudo-middle { 
    width: 405px;
    float: left;
    display: inline-block;
}

.pseudo-3col .pseudo-right { 
    width: 180px;
    padding: 0 0 0 20px; 
    margin-left: 20px;
    display: inline-block;
    border-left: 1px solid #f0f0f0;
}

/* 4-up grids */
.grid-2up, .grid-3up { 
    width: 100%;
    overflow: hidden;    
}

.block-1, .block-2, .block-3, .block-4 {
    float: left;
    overflow: hidden;
}

.grid-2up .block-1 {
    width: 246px; padding: 1px 40px 16px 1px;
    border-right: solid 1px #f0f0f0;
}
.grid-2up .block-2 {
    width: 303px; padding: 1px 0 16px 38px;
}

.grid-2up .block-3 {
    width: 246px; padding: 32px 40px 0 1px;
    border-right: solid 1px #f0f0f0;
    border-top: solid 1px #f0f0f0;
}
.grid-2up .block-4 {
    width: 303px; padding: 32px 0 0 38px;
    border-top: solid 1px #f0f0f0;
}

.grid-3up .block-1 {
    width: 167px; padding: 1px 30px 16px 1px;
    border-right: solid 1px #f0f0f0;
}
.grid-3up .block-2 {
    width: 167px; padding: 1px 30px 16px 28px;
}
.grid-3up .block-3 {
    width: 167px; padding: 1px 1px 16px 30px;
    border-left: solid 1px #f0f0f0;
    
}

/*  *****************   index.html   ******************  */
#news-ticker { 
    height: 200px;
    overflow: hidden;    
}
.news-ticker-list {
    margin-left: 0 ! important; 
}

.news-ticker-list li {
    background-image: none ! important;
    width: 100%;
    padding: .0 0 0px 0 ! important;
    vertical-align: top;
    line-height: 1.417em;
}

.news-ticker-list li a, .news-ticker-list li a:visited  {
    text-decoration: none;
    color: #555;
    font-size: 11px;
}

.news-ticker-list .title a, .news-ticker-list .title a:visited{
    color: #5590d2; /* blue */
    font-size: 13px;
    font-weight: bold;
    margin-bottom: .3em;
}

.news-ticker-list .excerpt {
    padding-bottom: .25em;
    margin-left: 1em;
}

.news-ticker-list .date {
    font-size: 9px;
    padding: 0 0 0 0;
}


.testimonial { 
    clear:both;
    padding-top: 1em;
    padding-bottom: 2.5em;
}
.col-1 .testimonial { 
    position: relative;
    overflow: hidden;
    color: #666;
    margin: 28px -24px 0 -42px;
    padding: 20px 22px 24px 24px;
}

.testimonial cite { 
    font-size: 11px;
    padding-top: .75em;
    margin-right: 20px;
    float: right;
    font-style: normal;
    color: #444;
    text-align: right;
}

.col-1 .testimonial blockquote { 
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.testimonial blockquote {
    background: url(images/quote-right.png) no-repeat right bottom;
}

.testimonial blockquote p {
    padding: 0px 16px 0px 16px;
    background: url(images/quote-left.png) top left no-repeat;
}

.col-2 .testimonial-logo { 
     margin-left: -200px;
     float: left;
     
 }

.col-2 .testimonial { 
    width: 500px;
}

/*======= staff bios =======*/

.staff-bios div { 
    padding: 0;
    margin: 0;
}

.staff-bios .headshot { 
    width: 100px;
    height: 115px;
}

.staff-bios .name { 
    font-weight: bold;
    font-size: 125%;
}

.staff-bios .title { 
    font-weight: bold;
    padding-bottom: .25em;
}

.staff-bios .description { 
    padding-top: .25em;
}


/*===== GalleryView customizations */
#gallery-backdrop {
    overflow: hidden;
    background: #fff url(images/loading.gif) no-repeat 50% 25%;
}

.gallery {
  visibility: hidden;   
  border: none ! important;
  background-color: #f0f0f0;
  padding: 0 ! important;
  margin-bottom: 2.5em;
}

#gallery, #gallery2, #gallery3, #gallery4 { 
    border: 2px solid #999 ! important;   
}

.gallery .panel-overlay h2,
.gallery .panel-overlay p{
margin: .2em 0 ! important;
text-align: left;
}

.gallery .panel-overlay h2 {
    font-size: 16px ! important;
}

.gallery p {
    font-size: 12px ! important;
}

/* ====== Tech Pages ======= */
.example_domain { color: #408080; font-style: italic }
    
ol { 
    list-style-type: decimal;
    padding-left: 2em;
    margin-bottom: 2em;
}
ol li { 
    margin-bottom: .75em;
}

/* ===== Pygments code highlighting  ======*/

/* our customizations */
.syntax { 
    font-size: 11px;
    margin-bottom: 2em ! important;
}

/* pygments base file */
.syntax .hll { background-color: #ffffcc }
.syntax  { background: #f8f8f8; }
.syntax .c { color: #408080; font-style: italic } /* Comment */
.syntax .err { border: 1px solid #FF0000 } /* Error */
.syntax .k { color: #008000; font-weight: bold } /* Keyword */
.syntax .o { color: #666666 } /* Operator */
.syntax .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.syntax .cp { color: #BC7A00 } /* Comment.Preproc */
.syntax .c1 { color: #408080; font-style: italic } /* Comment.Single */
.syntax .cs { color: #408080; font-style: italic } /* Comment.Special */
.syntax .gd { color: #A00000 } /* Generic.Deleted */
.syntax .ge { font-style: italic } /* Generic.Emph */
.syntax .gr { color: #FF0000 } /* Generic.Error */
.syntax .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.syntax .gi { color: #00A000 } /* Generic.Inserted */
.syntax .go { color: #808080 } /* Generic.Output */
.syntax .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.syntax .gs { font-weight: bold } /* Generic.Strong */
.syntax .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.syntax .gt { color: #0040D0 } /* Generic.Traceback */
.syntax .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.syntax .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.syntax .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.syntax .kp { color: #008000 } /* Keyword.Pseudo */
.syntax .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.syntax .kt { color: #B00040 } /* Keyword.Type */
.syntax .m { color: #666666 } /* Literal.Number */
.syntax .s { color: #BA2121 } /* Literal.String */
.syntax .na { color: #7D9029 } /* Name.Attribute */
.syntax .nb { color: #008000 } /* Name.Builtin */
.syntax .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.syntax .no { color: #880000 } /* Name.Constant */
.syntax .nd { color: #AA22FF } /* Name.Decorator */
.syntax .ni { color: #999999; font-weight: bold } /* Name.Entity */
.syntax .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.syntax .nf { color: #0000FF } /* Name.Function */
.syntax .nl { color: #A0A000 } /* Name.Label */
.syntax .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.syntax .nt { color: #008000; font-weight: bold } /* Name.Tag */
.syntax .nv { color: #19177C } /* Name.Variable */
.syntax .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.syntax .w { color: #bbbbbb } /* Text.Whitespace */
.syntax .mf { color: #666666 } /* Literal.Number.Float */
.syntax .mh { color: #666666 } /* Literal.Number.Hex */
.syntax .mi { color: #666666 } /* Literal.Number.Integer */
.syntax .mo { color: #666666 } /* Literal.Number.Oct */
.syntax .sb { color: #BA2121 } /* Literal.String.Backtick */
.syntax .sc { color: #BA2121 } /* Literal.String.Char */
.syntax .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.syntax .s2 { color: #BA2121 } /* Literal.String.Double */
.syntax .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.syntax .sh { color: #BA2121 } /* Literal.String.Heredoc */
.syntax .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.syntax .sx { color: #008000 } /* Literal.String.Other */
.syntax .sr { color: #BB6688 } /* Literal.String.Regex */
.syntax .s1 { color: #BA2121 } /* Literal.String.Single */
.syntax .ss { color: #19177C } /* Literal.String.Symbol */
.syntax .bp { color: #008000 } /* Name.Builtin.Pseudo */
.syntax .vc { color: #19177C } /* Name.Variable.Class */
.syntax .vg { color: #19177C } /* Name.Variable.Global */
.syntax .vi { color: #19177C } /* Name.Variable.Instance */
.syntax .il { color: #666666 } /* Literal.Number.Integer.Long */