* {
    margin: 0;
    padding: 0;
}

html, body {
    font-family: Verdana, Arial, Helvetica ,sans-serif;
    font-size: 11px;
    line-height: 18px;
    cursor: default;
    color: #333333;
    background-color: #ffffff;
}
#headerWrapper {
    background-color: #57539f;
    border: 1px solid #D0D0E9;
    border-width: 0 0 1px 0;
    height: 25px;
    width: 100%;
    position: relative;
    color: White;
}
#main_wrapper {
    width: 770px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 5px auto;
}
input, textarea, select {
    /*border: 1px solid #ccc;
    font-size: 100%;*/
    padding:2px;
}
p {
    margin: 1em 0;
}
h1 {
    color: #333399; /*	font-family:helvetica,verdana,sans-serif; */
    font-family: Century Gothic, Apple Gothic, sans-serif;
    font-weight: bold;
    font-size: 175%;
    margin: 0.25em 0 0.5em 0;
}
h2 {
    color: #333399; /*	font-family:helvetica,verdana,sans-serif; */
    font-family: Century Gothic, Apple Gothic, sans-serif;
    font-weight: bold;
    font-size: 160%;
    margin: 0.5em 0;
}
h3 {
    clear: both;
    color: #333399;
    font-weight: bold;
    font-size: 110%;
    margin: 0.5em 0;
}
h4 {
    clear: both;
    color: #333333;
    font-weight: bold;
    font-size: 100%;
    margin: 0.5em 0;
}
hr {
    background-image: url("../images/hr_bg.gif");
    border: 0;
    height: 1px;
    clear: both;
    margin: 1em 0;
}
.spacer {
    clear: both; /* for 2/3 col layouts & top menu*/
}
a {
    text-decoration: none;
    color: #414196;
}
a:hover {
    text-decoration: none;
    border: 1px dotted #70AC26;
    border-width: 0 0 1px 0;
    color: #70AC26;
}
a.more {
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}
a.more:hover {
    font-weight: bold;
    color: #70AC26;
    text-decoration: underline;
    border: 0;
}
form {
    margin: 0;
}
img {
    border: 0;
}
img.left {
    float: left;
}
img.right {
    float: right;
}
ul {
    margin: 10px 0 0 0;
    padding: 0 0 0 18px;
}
ul, li {
    padding-left: 16px;
    list-style-image:url(../images/bullet-triangle-big.gif);
}
ul li {
    padding-left: 5px;
    list-style-image:url(../images/bullet-triangle-big.gif);
}
ol, ol li {
    list-style-image: none;
}
/* Header divs */
#headerFunctions {
    clear: both;
    width: 770px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 5px auto;
}
#headerFunctions p {
	margin: 0;
	padding: 0;
	line-height: 10px;
}
#header {
    background-color: #ffffff;
    background-repeat: repeat-x;
    background-position: bottom;
    border: 1px solid #D0D0E9;
    border-width: 0 0 1px 0;
    height: 11.5em;
    min-height: 125px;
    clear: both;
    margin-top: 10px;
    padding: 0;
}
#logo {
    color: #474799;
    width: 770px;
    height: 80px;
    float: left;
}
#logo a {
    color: #474799;
}
#header_logo a:hover {
    color: #474799;
    text-decoration: underline;
}
#logo img {
    margin-top: 10px;
    float: left;
}
#logo p#headerContact {
    text-align: right;
    float: right;
    margin-top: 22px;
    white-space: nowrap;
    line-height: 1px;
}
#logo p img {
	margin-top: 0;
}
#headerFunctions a:hover {
    border: 0;
}
#headerFunctions .submit {
    background-color: #57539f;
    border: 0;
    font-size: 100%;
    width: 50px;
    color: white;
    font-weight: bold;
    background-color: transparent;
}
#headerFunctions input.input {
    border: 1px solid #999;
    color: #444;
    background-color: #b6b3df;
    width: 101px;
    padding: 2px;
    font-weight: normal;
    font-size: 100%;
}
#headerFunctions input:focus {
    color: black;
    background-color: white;
}
#headerFunctions #search {
    float: right;
    text-align: right;
    width: auto;
    margin: 3px 0 0 0;
}
#headerFunctions #fontResize {
    float: right;
    display: none; /*unset via script*/
    margin: 2px 10px 0 0;
    padding-right: 10px;
    text-align: right;
    width: auto;
    border: 1px solid #D0D0E9;
    border-width: 0 1px 0 0;
}
/**************** menu coding *****************/
#menu {
    width: 770px;
    float: left;
    height: 4.25em;
    min-height: 45px;
    overflow: hidden;
    font-family: Verdana, Arial, Sans-Serif;
    /*font-weight: bold;*/
}
#menu ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 770px;
    list-style: none;
    list-style-image: none;
}
#menu a {
    display: block;
    margin: 0;
    padding: 0;
    color: #414196;
    text-decoration: none;
}
#menu a:hover, #menu a.current {
    border: 0;
    color: #70AC26;
    text-decoration: underline;
}
#menu li {
    position: relative;
    float: left;
    white-space: nowrap;
    border: 1px solid #D0D0E9;
    border-width: 0 0 0 1px;
    list-style: none;
    list-style-image: none;
    padding: 0;
}
#menu ul ul {
    position: absolute;
}
div#menu ul ul, div#menu ul li:hover ul {
    display: none;
}
div#menu ul li:hover ul {
    display: block;
    z-index: 100;
}
#menu li.first {
    margin-left: 1px;
    border: 0;
}
#menu ul ul {
    border: 1px solid #ffffff;
    border-width: 0 0 0 1px; /* Fudge so that menus don't overlap*/
    margin-left: -772px;
    padding-left: 769px;
    background-color: #ffffff; /*	background-image: url("../images/nav/bg.gif"); 	background-repeat:repeat-x; 	background-position:bottom; */
}
#menu ul ul.current {
    display: block;
    z-index: 0;
}
#menu ul ul li {
    border: 0;
    padding: 3px 0 0 0;
    height: 2em;
}
#menu ul ul li.first {
    border: 1px solid #D0D0E9;
    border-width: 0 0 0 1px;
    padding: 3px 0 0 3px;
}
#menu ul ul li a {
    padding: 0 5px 0 5px;
    border: 1px solid #D0D0E9;
    border-width: 0 0 0 1px;
}
#menu ul ul li a:hover, #menu ul ul li a.current {
    border: solid 1px #D0D0E9;
    border-width: 0 0 0 1px;
}
#menu ul ul li.first a, #menu ul ul li.first a:hover {
    border-width: 0;
}
/* MAIN divs */
#main {
    clear: both;
}
/* Further layout classes etc */
#home form {
/*    background-color: #D0D0E9;
    border: 1px solid #414196;
    padding: 5px;*/
}
#home form ul, #home form ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.titlebanner {
    margin: 20px 0 0 0;
    height: 140px;
    clear: both;
}
#home .titlebanner {
    height: 144px;
}
.titlebanner p, .titlebanner h1 {
    margin: 0;
    padding: 0;
}
.titlebanner .col1 {
    float: left;
    padding: 14px 14px 0 14px;
    width: 253px;
}
/* homepage-specific boxes */
.solutionselector {
    padding: 3px 5px 0 5px;
    font-size: 8pt;
    background-image: url("../images/home/solutionselector.gif");
    background-repeat: no-repeat;
    height: 36px;
    clear: both;
    margin: 0 0 20px 0;
}
.solutionselector .col1 {
    float: left;
    padding: 0 0 0 9px;
    width: 243px;
}
.solutionselector h2 {
    font-size: 8.5pt;
    font-weight: bold;
    color: #6EAC27;
    margin: 0;
}
.solutionselector p {
    margin: 0;
}
.solutionselector a {
    color: #ffffff;
}
.solutionselector a:hover {
    color: #ffffff;
    border: 0;
    text-decoration: underline;
}
.solutionselector ul {
    padding: 0;
    margin: 2px 0 0 0;
}
.solutionselector ul li {
    float: left;
    display: block;
    font-weight: bold;
    padding: 8px 0 0 0;
    margin: 0;
    color: white;
    width: 100px;
    height: 22px;
    border: 1px solid #a2c971;
    border-width: 0 0 0 1px;
    text-align: center;
}
.solutionselector ul li:first-child {
    border: 0;
}
ul.services {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
}
ul.services li {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0 0 12px 0;
}
.article {
    margin: 5px 0 5px 0;
}
.socialMedia {
    margin: 5px 0 5px 0;
}
.caseStudy {
    margin: 5px 0 5px 0;
}
.news {
    margin: 5px 0 5px 0;
}
.workingwith {
    margin: 0 0 5px 0;
}
.workingwith a:hover {
    border: 0;
}
.featuredproject h4 {
    margin-bottom: 10px;
}
.featuredproject img {
    float: left;
}
/* styles for body layouts*/
.threecol, .twocol, .onecol {
    clear: both; /*	border:1px solid #D0D0E9; 	border-width: 1px 0 0;*/
    margin-top: 20px;
    padding-bottom: 10px;
}


.onecol {
    padding: 0 15px 25px 15px;
}
.threecol .col1, .threecol .col2, .threecol .col3, .twocol .col1, .twocol .col2, .onecol {
    /*	background-image:url("../images/col_bg.gif"); */
    background-repeat: repeat-x;
    min-height: 100px;
}
/* left hand nav */

/* three column layout - 3rd column first */
.threecol {
    background-image: url("../images/threecol_bg.gif");
}
.threecol h2 {
    margin: 0 0 10px 0; /* better way of setting font size with sIFR */
    height: 25px;
    width: 200px;
}
.threecol h4 {
    margin: 0 0 3px 0;
}
.threecol .rss {
    float: right;
    margin-top: 5px;
}
.threecol a.rss:hover {
    border: 0;
}
.threecol a.more {
    display: block;
    float: right;
    background-image: url("../images/icons/arrow.gif");
    background-position: 0 3px;
    background-repeat: no-repeat;
    text-decoration: none;
    font-weight: normal;
    clear: both;
    padding-left: 10px;
    margin: 0 0 10px 0;
    color: #57539F;
}
.threecol a.more:hover {
    color: #70AC26;
    text-decoration: underline;
    font-weight: normal;
}
.threecol h3 {
    margin: 5px 0 5px 0;
    padding: 0;
}
.threecol h3 a {
    /*color: #005FAB;*/
    font-weight: normal;
}
.threecol h3 a:hover {
    color: #70AC26;
    border-color: #70AC26 !important;
}
.threecol .col1 {
    clear: none;
    float: left;
    border: 0;
    width: 243px; /*	padding:10px 10px 10px 14px;*/
    padding: 10px 10px 10px 0;
}
.threecol .col2 {
    clear: none;
    float: left;
    width: 242px;
    border: 0;
    padding: 10px;
    border: 1px solid #D0D0E9;
    border-width: 0 0 0 1px;
}
.threecol .col3 {
    float: right;
    width: 243px;
    border: 1px solid #D0D0E9;
    border-width: 0 0 0 1px;
    padding: 10px 0 10px 10px;
}
/* 2-column body layout - 2nd column first */
.twocol .col2 a:hover, .onecol a:hover {
    text-decoration: none;
    border: 1px dotted #70AC26;
    border-width: 0 0 1px 0;
}
.twocol {
    /*	background-image:url("../images/twocol_bg.gif");*/
}
.twocol .col1 {
    float: left;
    width: 168px;
    border: 0; /*	padding:10px 10px 10px 14px; */
    clear: none;
}
.twocol .col1 img {
    margin-left: 0;
}
.twocol #callbackLink, .twocol #emailusLink {
    float: left;
    height: auto;
    padding: 0;
    line-height: 0;
    margin: 0;
    /*    background-color: Red; */
}
.twocol .col2 h2 {
    margin: 0 0 10px 0;
    padding: 0;
}
.twocol .col2 {
    float: right;
    width: 557px;
    border: 0;
    padding: 0 0 20px 20px; /*	border:1px solid #D0D0E9; 	border-width:0 0 0 1px;*/
    clear: none;
}
.twocol .col2 a, .onecol a {
    text-decoration: none;
    border: 1px solid #414196;
    border-width: 0 0 1px 0;
}
.col2 ul li {
    padding-bottom: 0.5em;
    list-style-type: square;
}
.col2 h1 {
    /*	margin-top: 0; */
}
/* Browse this section */
.browse {
    width: 193px;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
    border: 1px solid #e5e5e5;
}
.browse a:hover {
    border: 0;
}
.browse ul {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0;
}
.browse ul ul {
    margin: 0;
    padding: 0;
}
.browse li {
    font-size: 14px;
    list-style-image: none;
    padding: 0; /*	padding:8px 0 8px 0;*/
    font-weight: normal;
}
.browse li a {
    background-color: white;
    color: #666;
    border-bottom: none;
    display: block;
    padding: 10px 10px 10px 10px;
}
.browse li li ul {
    padding-left: 0;
}
.browse li li li {
    list-style-type: none;
    list-style-image: none;
    font-weight: normal;
}
.browse li.current {
    font-weight: bold;
}

.browse li li {
    font-size: 11px;
    background-color: #f2f2f2;
    color: #333;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid white;
}
.browse li li a {
    background-color: #f2f2f2;
    color: #333;
    border: none;
    padding: 5px 10px 5px 10px;
}
.browse li li li {
    background-color: #f2f2f2;
    color: #7a7a7a;
    border: none;
}
.browse li li li a {
    background-color: #f2f2f2;
    color: #7a7a7a;
    padding-left: 20px;
    border: none;
}
.browse li a:hover {
    text-decoration: underline;
    color: white;
    background-color: #a5a5a5;
    border: none;
}
.browse li li a:hover {
    background-color: #a5a5a5;
    border: none;
}
.browse li li li a:hover {
    background-color: #a5a5a5;
    border: none;
}

/* Client Quotes */
.quote {
    padding: 0 60px 0 60px;
    background-image: url("../images/quote.gif");
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
}
.quote blockquote {
    padding: 0;
    margin: 0;
}
.quote p {
    font-style: italic;
    padding: 0;
    margin: 0 0 5px 0;
}
.quote strong {
    color: #414196;
}
/* Text & image left */
.img-left {
    clear: both;
}
.img-left div {
    float: left;
    margin-right: 8px;
    margin-bottom: 4px;
    clear: both;
}
/* How We Work ordered-list */
ol.howwework {
    list-style: none;
    padding: 0 0 0 5px;
    margin: 0;
}
ol.howwework li {
    margin: 10px 0 10px 0;
    padding: 0 0 0 33px;
    list-style: none;
    background-position: top left;
    background-repeat: no-repeat;
}
ol.howwework li p{
	margin:0;
	padding:0;
}
ol.howwework li.step1 {
    background-image: url("../images/howwework/list1.gif");
}
ol.howwework li.step2 {
    background-image: url("../images/howwework/list2.gif");
}
ol.howwework li.step3 {
    background-image: url("../images/howwework/list3.gif");
}
ol.howwework li.step4 {
    background-image: url("../images/howwework/list4.gif");
}
ol.howwework li.step5 {
    background-image: url("../images/howwework/list5.gif");
}
ol.howwework li.step6 {
    background-image: url("../images/howwework/list6.gif");
}
ol.howwework li.step7 {
    background-image: url("../images/howwework/list7.gif");
}
/* Key technologies */
.key-tech {
    width: 343px;
}
.key-tech h4 {
    padding: 10px;
    margin: 0;
    color: #60872C;
    background-color: #D0E7B1;
    background-repeat: no-repeat;
    background-image: url("../images/keytech/top-curve.gif");
}
.key-tech ul {
    margin: 0;
    padding: 5px;
    list-style: none;
    color: #60872C;
    background-color: #EDF3E5;
    background-image: url("../images/keytech/bottom-curve.gif");
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-bottom: 20px;
}
.key-tech ul li {
    padding: 5px;
    list-style: none;
    background-image: url("../images/keytech/tick.gif");
    background-repeat: no-repeat;
    background-position: top right;
}
/* Services */
ol.services,ol.services li p {
    margin: 0;
    padding: 0;
}
ol.services li {
    margin: 10px 0 10px 0;
    padding: 0 0 0 60px;
    list-style: none;
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 60px;
}
ol.services li a {
    margin-bottom: 5px;
}
ol.services li.ecommerce {
    background-image: url("../images/services/ecommerce.gif");
}
ol.services li.content {
    background-image: url("../images/services/content.gif");
}
ol.services li.marketing {
    background-image: url("../images/services/marketing.gif");
}
ol.services li.webapps {
    background-image: url("../images/services/webapps.gif");
}
ol.services li.websites {
    background-image: url("../images/services/websites.gif");
}
/* News pages */
.news-summary {
    margin: 0 0 24px 0;
    clear: both;
}
.news-summary h3 {
    margin-bottom: 5px;
    clear: none;
}
.news-summary p.date {
    margin-top: 0;
}
.news-summary img {
    float: left;
    margin-right: 9px;
}
.news-summary p {
    margin-left: 135px;
}
/* featured case study */
.boxb {
    float: right;
    width: 225px;
    border: solid 1px #C1D8FF;
}
.boxb .top {
    padding: 10px;
    background-color: #E0EBFF;
}
.boxb h2 {
    margin: 0;
}
/* Forms */
.form {
    clear: both;
}
.form ul, .chkForm ul {
    clear: none;
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
.form ul li, .chkForm ul li {
    list-style: none;
    list-style-image: none;
    padding: 5px 0;
    margin: 2px 0 2px 0;
/*    border-bottom: 1px solid #dedede;*/
}
.form label {
    padding-top: 3px;
    float: left;
    display: block;
    width: 130px;
    padding-right: 10px;
}
.chkForm label {
    padding-top: 3px;
    float: left;
    display: block;
    width: 275px;
}
.form textarea, .form input {
    /*width: 300px;
    padding: 2px;*/
}
.form textarea {
    height: 200px;
}
.form .chk {
    width: 50px;
    padding: 2px;
}

.form .errorl {
    margin-left: 130px;
}
.form p {
    margin: 0;
    padding: 5px;
    padding-left: 140px;
   /* border-bottom: 1px solid #dedede; */
}
.form p input {
    width: auto;
    border: outset 1px #000000;
}
/* Google map */
#gmapright {
    float: right;
    width: 300px;
    height: 285px;
    text-align: right;
    margin: 0 0 30px 8px;
}
/* RSS Feed */
.rss {
    float: right;
    margin-top: 5px;
}
.rss a, .rss a:hover {
    border: 0 !important;
}
/* Search */
#search-results ol, search-results li {
    list-style-image: none;
}
/* Footer */
#footer {
    clear: both;
    color: #474799;
    padding: 10px 0 10px 0;
    font-size: 90%;
    height: 70px;
    border: 1px solid #D0D0E9;
    border-width: 1px 0 0 0;
}
#footer img {
    margin-top: 10px;
}
#footerl {
    clear: none;
    float: left;
}
#footerr {
    clear: none;
    float: right;
}
#footer a, #footer a:hover {
    color: #474799;
}
#footer a:hover {
    color: #70AC26;
}
#footer #footlb a:hover {
    border: 0;
}
#footerr a:hover {
    border: 0;
}

.showcase {
    margin: 20px 0 20px 0;
}

h1.showcase {
    padding-left: 13px;
}

a.imgLink:hover {
    border: 0;
}

.hide {
    display: none;
}

div#main div.inline-case-study {
    width:240px;
    border:solid 1px #CCC;
    background-color:#f2f2f2;
    float:right;
    clear:right;
    background-repeat:no-repeat;
    margin:0 0 10px 10px;
}
div#main div.inline-case-study h2 {
    background-image:url(../images/titles/heading-case-study.png);
    /*margin:132px 0 5px 0;*/
    margin:0;
    height:24px;
    text-indent:-9999px;
}
div#main div.inline-case-study h3 {
    margin:9px 0 9px 0;
    padding:0 0 0 10px;
}
div#main div.inline-case-study p {
    margin:0 0 9px 0;
    padding:0 0 0 10px;
}
div#main div.inline-case-study ul {
    padding:0 0 0 15px;
}
div#main div.inline-case-study ul li {
    list-style-image:url(../images/bullet-triangle.gif);
    padding:0;
    margin:0 0 10px 10px;
    line-height:1.3em;
}
div#main div.inline-case-study a.right {
    text-indent:-9999px;
    background-image:url(../images/case-study-read.gif);
    width:47px;
    height:18px;
    margin:0 10px 10px 0;
    overflow:hidden;
    float:right;
    background-repeat:no-repeat;
    text-decoration:none;
    border:0;
}
div#main div.inline-case-study a.image-link {
    text-decoration:none;
    border:0;
    border-bottom:solid 1px #CCC;
}

/* Pullout Case Study */

.caseStudyPullout {
	width: 240px;
	float: right;
	height: auto;
	margin-left: 20px;
	margin-bottom: 1em;
	border: 1px solid #bbb;
}

.caseStudyPulloutTitle {
	float: left;
	font-size: 14px;
	color: White;
	display: block;
	width: 220px;
	height: auto;
	padding: 5px 10px;
	background-color: #704b8b;
	margin: 0;
	font-family: Century Gothic, Apple Gothic, sans-serif;
}

.caseStudyPulloutImage {
	float: left;
	width: 240px;
	height: 156px;
	margin: 0;
	padding: 0;
}

.caseStudyPulloutImage a {
	float: left;
	width: 240px;
	height: 156px;
}

.caseStudyPulloutImage a span {
	display: none;
}

.caseStudyPulloutCopy h4 {
	font-size: 13px;
	line-height: 13px;
}

.caseStudyPulloutCopy p {
	margin-top: 0;
}

.caseStudyPulloutCopy {
	float: left;
	display: block;
	padding: 10px;
	background-color: #f6f6f6;
	color: #444;
	font-size: 11px;
}

.caseStudyImage {
    text-align: left;
    width: 570px;
    height: 220px;
}
.caseStudyContainer {
    height: 135px;
    width: 560px;
    _width: 507px;
    padding: 50px 0 0 50px;
    position: relative;
}
.caseStudyCopy {
    width: 557px;
    position: relative;
}

h2.caseStudy {
	margin: 0;
	padding: 10px 0 0 0 ! important;
}

.caseStudyLink {
	margin-top: 0;
}