html {height: 100%;}

body {background: #353535; color: black; font-family: arial; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; top: 0px; left: 0px; height: 100%;}

a {color: #00ACEF; text-decoration: underline;}
a:hover {color: #00ACEF; text-decoration: underline;}

img {border: 0px;}
img.png {behavior: url(iepngfix.htc);}
img.hr {clear: both; display: block; margin: 0px auto; padding: 0px;}
img.floatleft {float: left; margin: 0px 20px 5px 0px;}
img.floatright {float: right; margin: 0px 0px 5px 20px;}

th {font-size: 12px;}
td {color: black; font-family: arial; font-size: 12px;}
p {margin-bottom: 0px;}
blockquote {margin: auto 5%;}
hr {clear: both; display: block; width: 100%; height: 1px; margin-bottom: 20px; border: 0px; border-bottom: 1px solid #CCCCCC; padding: 0px;}
ul.nomargin {margin: 0px; margin-left: 15px; padding: 0px;}
ol.nomargin {margin: 0px; margin-left: 30px; padding: 0px;}
form {margin: 0px;}
input, textarea, select {font-family: arial; font-size: 12px;}

.fullw {width: 100%;}
.fullh {height: 100%;}
.fixedw {width: 766px;}
.collapse {margin: 0px; border: 0px; border-collapse: collapse;}
.collapse td {padding: 0px; vertical-align: top;} /* set another class td to have padding to override */
.taleft {text-align: left;}
.tacenter {text-align: center;}
.taright {text-align: right;}
.vamiddle {vertical-align: middle;}
.floatleft {float: left;}
.floatright {float: right;}
.clearboth {clear: both;}
.displaynone {display: none;}
.row {clear: both; width: 100%; overflow: hidden;}

#body {width: 836px; margin: 0px auto; /* min-height: 100%; position: relative; */ border: 0px solid red;}
* html #body {/* height: 100%; */}

.rowcontent {width: 836px; margin: 0px auto; padding: 0px; overflow: hidden; border: 0px solid red;}

#menurow {padding-top: 114px; margin-bottom: 10px;}
#menu {height: 45px; background: url(img/bg_menu.gif) no-repeat; padding: 0px 25px; position: relative;}
#menu .menu {margin: 16px 17px auto auto;}
#logo {width: 234px; height: 69px; position: absolute; top: -89px; left: 0px;}

#contentrow {background: url(img/bg_box_top.gif) no-repeat; padding-top: 10px;}
#contentrow .rowcontent {background: url(img/bg_box_bot.gif) no-repeat bottom center; padding-bottom: 25px; position: relative;}

#content {width: 806px; background: white; padding: 5px 15px; overflow: hidden;}
#content_left {float: left; width: 470px; padding: 18px 0px 18px 23px;}
#content_right {float: right; width: 274px; padding: 18px 23px 18px 0px;}
.content_fullw {clear: both; display: block; width: 760px; margin: 0px auto; padding: 18px 0px; overflow: hidden;}

#home_spotlight {float: left; width: 600px; background: #00ACEF url(img/bg_home_spotlight_bot.gif) no-repeat bottom center; color: white; position: relative;}
#home_spotlight div.inside {background: url(img/bg_home_spotlight_top.gif) no-repeat; padding: 15px 0px 0px 15px;}
#home_spotlight .title {margin-bottom: 28px; color: white;}
#home_spotlight .subtitle {width: 180px; background: #00ACEF; margin-bottom: 10px; color: white; font-size: 17px; font-weight: bold;}
#home_spotlight .subtitle .black {color: black;}
#home_spotlight .txt {background: #00ACEF; width: 180px; font-size: 13px;}
#home_spotlight a {color: white;}
#home_spotlight .pagination {width: 235px; text-align: left; line-height: 20px; position: absolute; bottom: 15px; z-index: 100;}
#home_spotlight .pagination a {border: 1px solid #6AC9EE; padding: 0px 4px 1px 5px; color: #6AC9EE; text-decoration: none;}
#home_spotlight .pagination a:hover,
#home_spotlight .pagination a.selected {background: #6AC9EE; padding: 0px 4px 1px 5px; color: #00ACEF; text-decoration: none;}
#home_spotlight img.spotlight {position: absolute; bottom: 0px; left: 190px;}
#home_spotlight img.corner {width: 10px; height: 10px; position: absolute; bottom: 0px; right: 0px; z-index: 50;}
* html #home_spotlight .title {margin-bottom: 21px;}
* html #home_spotlight img.spotlight {bottom: -1px;}
* html #home_spotlight img.corner {bottom: -1px; right: -1px;}

.sliderwrapper {width: 585px; height: 285px; /*leave as is*/ position: relative; overflow: hidden;}
.sliderwrapper .contentdiv {width: 100%; height: 100%; /*leave as is*/ visibility: hidden; position: absolute; top: 0; left: 0; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; z-index: 10;}

#home_news {float: right; width: 196px; background: #00ACEF url(img/bg_home_news_bot.gif) no-repeat bottom center; color: white; font-size: 11px; line-height: normal; position: relative;}
#home_news div.inside {background: url(img/bg_home_news_top.gif) no-repeat; padding: 15px;}
#home_news .title {margin-bottom: 5px; color: white; font-size: 16px;}
#home_news .item {margin-bottom: 15px;}
#home_news .header {margin-bottom: 5px; color: white; font-size: 12px;}
#home_news a {color: white;}
#home_news a.header {display: block; margin-bottom: 15px; font-size: 12px; font-weight: normal;}
#home_news a.more {margin-bottom: 0px; font-size: 11px;}

#home_news dl {margin-bottom: 15px;}
#home_news dt {margin-bottom: 5px; font-size: 12px; font-weight:bold;}
#home_news dd {margin: 0px 0px 10px 0px;}

#twitter_div ul {margin: 0px; margin-top: 5px; padding: 0px; list-style: none;}
#twitter_div li {margin-bottom: 10px;}
#twitter_div li a {text-decoration: none;}
#twitter_div span {display: block;}
#twitter_div span a {text-decoration: underline;}
#twitter_link {background: url(img/home_news_twitter.gif) no-repeat; padding: 11px 0px 1px 35px; position: absolute; bottom: 14px; left: 15px;}

#home_wedowebstuff {float: left; width: 585px;}
#home_compliant {float: left; width: 173px; height: 15px; margin-left: 2px; padding-top: 106px; text-align: right;}
#home_portfolio {width: 100%; overflow: hidden;}
#home_quicklinks {width: 100%; overflow: hidden;}

.hr {clear: both; display: block; width: 760px; height: 10px; background: url(img/hr.gif) no-repeat 0px 18px; margin: 0px auto; padding: 18px 0px;}
.hr_half {clear: both; display: block; width: 100%; height: 10px; background: url(img/hr.gif) no-repeat center 18px; margin: 0px auto; padding: 18px 0px;}

.portfolio_tn {float: left; width: 160px; margin: 18px 43px auto auto;}
.portfolio_tn img {display: block; border: 3px solid #00ACEF;}
.portfolio_tn a {display: block; font-weight: bold; text-decoration: none;}
.portfolio_tn a.launchsite,
.portfolio_tn a.viewcasestudy {color: #353535; font-weight: normal; text-decoration: underline;}
.portfolio_tn .portfoliotitle {color: #00ACEF; font-weight: bold;}
.portfolio_tn_last {width: 151px; margin-right: 0px}

.portfolio {float: left; width: 360px; margin: auto 40px 20px auto; position: relative;}
.portfolio .subtitle {margin-bottom: 14px;}
.portfolio .client {position: relative; top: -14px;}
.portfolio .icons {width: 100%; overflow: hidden; position: relative; top: -14px;}
.portfolio .icons img {margin: auto 2px 2px auto;}
.portfolio img {float: left; margin: auto 12px 3px auto;}
.portfolio .txt {float: right; width: 200px; margin-bottom: 13px; line-height: normal;}
.portfolio .port_thb {border: 1px solid #CCCCCC;}
.portfolio a {display: block; font-weight: bold;}
.portfolio_last {margin-right: 0px;}

#ecards hr {margin-top: 25px; padding-top: 25px;}
.ecard {float: left; width: 180px; margin: auto 13px 10px auto;}
.ecard img {float: left; margin: auto 3px 3px auto;}
.ecard .txt {padding-left: 19px;}
.ecard a {display: block; font-weight: bold;}
.ecard_last {margin-right: 0px;}

.quicklink {float: left; width: 151px; height: 62px; background: url(img/bg_quicklink.gif) no-repeat; margin-right: 12px; padding: 15px; color: white; font-size: 11px; line-height: normal; position: relative;}
.quicklink .subtitle {color: white; font-size: 16px; font-weight: bold;}
.quicklink a {width: 151px; height: 50px; padding: 42px 15px 0px 15px; color: white; text-decoration: none; position: absolute; top: 0px; left: 0px;}
.quicklink a:hover {color: white; text-decoration: none;}
.quicklink_last {margin-right: 0px}

a.back {display: block; font-size: 11px;}
a.toggle {display: block; background: url(img/toggle_closed.gif) no-repeat 0px 5px; margin-bottom: 15px; padding-left: 11px; font-size: 14px; font-weight: bold; text-transform: uppercase;}
div.toggle {margin-bottom: 15px;}
.toggle_style {margin-bottom: 15px; color: #00ACEF; font-size: 14px; font-weight: bold; text-transform: uppercase;}

#spot {width: 806px; background: #00ACEF url(img/bg_spot_bot.gif) no-repeat bottom center; color: white;}
#spot div.inside {height: 18px; background: url(img/bg_spot_top.gif) no-repeat; padding: 15px; overflow: hidden;}
#spot .title {margin-bottom: 0px; color: white;}
#spot a {color: white;}

#pagination {clear: both; width: 760px; padding-top: 3px; text-align: right; font-weight: bold; letter-spacing: 1px;}
#pagination a {font-weight: bold;}
#pagination a.nounderline {text-decoration: none;}
#pagination .onpage {color: black; text-decoration: none;}





#about #content_right {width: 258px;}

#about_side {width: 258px; height: 240px; background: #00ACEF url(img/bg_about_side_bot.gif) no-repeat bottom center; color: white;}
#about_side div.inside {background: url(img/bg_about_side_top.gif) no-repeat; padding: 15px; padding-bottom: 0px;}
#about_side .title {margin-bottom: 10px; color: white; font-size: 16px;}
#about_side ul {margin: 0px; margin-left: 25px; padding: 0px; padding-bottom: 15px;}
#about_side li {margin-bottom: 5px;}
#about_side a {color: white;}

#about_side ul ul {margin-top: 3px;}
#about_side ul ul li {width: 160px;}
#about_side ul ul li a {float: left; width: 45px;}

#about_philosophy #content_right {width: 258px;}
#about_philosophy .header {font-size: 14px;}

#about_clients #content_right {width: 258px;}
#about_clients .client_list {width: 480px; margin-top: 18px;}
#about_clients .client_list div {float: left; width: 147px; height: 130px; margin-right: 12px; font-size: 11px; line-height: normal;}
#about_clients .client_list img {display: block; margin-bottom: 1px; border: 1px solid #CCCCCC;}

#about_team #content_left {width: 490px;}
#about_team #content_right {width: 258px;}
#about_team img.profile {margin-bottom: 15px;}
#about_team .content_fullw {padding-bottom: 0px;}
#about_team .content_fullw hr {margin-bottom: 10px;}

#services #content_right {width: 258px;}
#services b a {text-transform: uppercase;}

#services_strategic #content_right {width: 258px;}
#services_solutions #content_right {width: 258px;}
#services_complement #content_right {width: 258px;}

#services_strategic .header {font-size: 14px;}
#services_solutions .header {font-size: 14px;}
#services_complement .header {font-size: 14px;}

#services_side {width: 258px; background: #00ACEF url(img/bg_contact_details_bot.gif) no-repeat bottom center; color: white;}
#services_side div.inside {background: url(img/bg_contact_details_top.gif) no-repeat; padding: 15px; padding-bottom: 0px;}
#services_side .title {margin-bottom: 10px; color: white; font-size: 16px;}
#services_side ul {margin: 0px; margin-left: 25px; padding: 0px; padding-bottom: 15px;}
#services_side li {margin-bottom: 5px;}
#services_side ul ul {padding: 0px;}
#services_side ul ul li {margin: 0px; font-size: 11px;}
#services_side a {color: white;}

#whyus_side {width: 258px; background: #00ACEF url(img/bg_contact_details_bot.gif) no-repeat bottom center; color: white; margin-top: 18px;}
#whyus_side div.inside {background: url(img/bg_contact_details_top.gif) no-repeat; padding: 15px; padding-bottom: 0px;}
#whyus_side .title {margin-bottom: 10px; color: white; font-size: 16px;}
#whyus_side ul {margin: 0px; margin-left: 25px; padding: 0px; padding-bottom: 15px;}
#whyus_side li {margin-bottom: 5px;}
#whyus_side a {color: white;}

#portfolio #spot {margin-bottom: 10px;}

#portfolio #tagcloud {width: 806px; background: #00ACEF url(img/bg_portfolio_tagcloud_bot.gif) no-repeat bottom center;}
#portfolio #tagcloud div.inside {width: 776px; background: url(img/bg_portfolio_tagcloud_top.gif) no-repeat; padding: 15px; overflow: hidden;}
#portfolio #tagcloud .subtitle {color: #353535; margin-bottom: 10px;}
#portfolio #tagcloud .subtitle img {display: block;}
#portfolio #tagcloud .header {font-size: 14px; text-transform: uppercase;}

#portfolio #tagcloud .categories {float: left; width: 250px; border-right: 1px solid white; position: relative;}
#portfolio #tagcloud .categories .header {position: absolute; top: 3px; left: 0px;}
#portfolio #tagcloud .categories a {display: block; margin: auto auto 2px 60px;}
#portfolio #tagcloud .categories a img {display: block;}

#portfolio #tagcloud .tags {float: right; width: 498px;}
#portfolio #tagcloud .tags .header {margin: 3px 0px 5px 0px;}
#portfolio #tagcloud .tags a {margin-right: 8px; text-decoration: none; color: white;}
#portfolio #tagcloud .tags a:hover {background: #69c3e6;}
#portfolio #tagcloud .tags a.onsection {background: white; color: #00acef;}
#portfolio #tagcloud .tags a.smallest {font-size: 11px;}
#portfolio #tagcloud .tags a.smaller {font-size: 12px;}
#portfolio #tagcloud .tags a.normal {font-size: 14px;}
#portfolio #tagcloud .tags a.bigger {font-size: 16px;}
#portfolio #tagcloud .tags a.biggest {font-size: 20px;}

* html #portfolio .content_fullw {padding-bottom: 0px;}
#portfolio #clientlink {clear: both; text-align: center; font-size: 14px;}

#casestudy {width: 100%; overflow: hidden;}
#casestudy .blockquote {margin: 0px 24px;}
#casestudy a.back {display: block; margin-top: 15px; text-align: right; font-size: 12px;}

#casestudy #spot {margin-bottom: 18px;}
/*
#casestudy #spot div.inside {height: auto; padding: 7px 15px;}
*/
#casestudy #spot .categories {line-height: normal;}
#casestudy #spot .categories .subtitle {color: white; font-weight: bold;}
#casestudy #spot .categories ul {padding: 4px 12px; list-style-type: square;}
#casestudy #spot .categories a {font-size: 14px; font-weight: bold; text-decoration: none;}

#casestudy #content_left {width: 284px; background: #00ACEF url(img/bg_casestudy_side_bot.gif) no-repeat bottom center; padding: 0px;}
#casestudy #content_left div.inside {background: url(img/bg_casestudy_side_top.gif) no-repeat; padding: 17px;}
#casestudy #content_left .subtitle {margin: 20px auto auto 12px; color: white;}
#casestudy #content_left .header {margin: auto auto 14px 12px; color: white;}
#casestudy #content_left .launchlink a {margin-left: 12px; color: white; font-weight: bold;}

#casestudy_tn {width: 250px; background: white url(img/bg_casestudy_tn_bot.gif) no-repeat bottom center;}
#casestudy #casestudy_tn div.inside {width: 233px; background: url(img/bg_casestudy_tn_top.gif) no-repeat; padding: 17px 0px 9px 17px; overflow: hidden;}
#casestudy_tn img {display: block; float: left; margin: auto 8px 8px auto; border: 2px solid white;}
#casestudy_tn a:hover img {border: 2px solid #00ACEF;}

#casestudy #content_right {width: 480px; padding: 0px 13px 0px 0px;}
#casestudy #content_right .subtitle {margin-bottom: 12px;}
#casestudy #content_right .header {margin-top: 15px; color: #00ACEF; font-size: 14px;}
#casestudy #content_right .basicinfo {}
#casestudy #content_right .basicinfo .header {display: block; float: left; width: 90px; margin-top: 0px;}
* html #casestudy #content_right .basicinfo .header {width: 87px;}
#casestudy #content_right .services {width: 390px; margin-bottom: 15px; padding-left: 90px; overflow: hidden; position: relative;}
#casestudy #content_right .services .header {margin-top: 0px; position: absolute; top: 0px; left: 0px;}
#casestudy #content_right .services img {float: left; margin: auto 2px 2px auto;}

#careers div.toggle {width: 500px;}

#contact #content_left {}
#contact #content_right {width: 258px;}
#contact form {margin-top: 15px;}
#contact .header {margin-bottom: 15px;}
#contact .service {font-weight: bold;}
#contact .service_description {margin-left: 24px;}

#contact_details {width: 258px; background: #00ACEF url(img/bg_contact_details_bot.gif) no-repeat bottom center; margin-bottom: 15px; color: white;}
#contact_details div.inside {background: url(img/bg_contact_details_top.gif) no-repeat; padding: 15px;}
#contact_details .title {margin-bottom: 18px; color: white; font-size: 16px;}
#contact_details a {color: white;}

#contact_map {width: 258px; height: 258px;}

#payment .blockquote {font-weight: bold;}

form {}
form div {width: 100%;}
form div .field {clear: both; width: 100%; margin-bottom: 15px; padding-left: 16px; overflow: hidden;}
form div .required {background: url(img/contact_required_dot.gif) no-repeat 0px 8px;}
form div label {display: block;}
/*
form div label {float: left; width: 120px; / * height: 100%; * / margin-top: 3px;}
form div .nolabel {margin: 3px auto auto 120px;}
form div .value {float: left; width: auto; margin-top: 3px;}
form div input.text {width: 294px;}
form div input.texthalf {width: 144px;}
form div select {width: 300px;}
form div textarea {width: 296px; height: 100px;}
form div .submit {margin-left: 122px;}
*/
form div input.text {width: 252px; border: 1px solid #353535; padding: 2px 6px 4px 6px; color: #898989; font-size: 11px;}
form div input.texthalf {width: 110px; border: 1px solid #353535; padding: 2px 6px 4px 6px; color: #898989; font-size: 11px;}
form div select {width: 266px; height: 20px; border: 1px solid #353535; padding: 1px 0px 0px 2px; color: #898989; font-size: 11px;}
form div textarea {width: 252px; height: 122px; border: 1px solid #353535; padding: 3px 6px 4px 6px; color: #898989; font-size: 11px;}
form div .submit {width: 266px; text-align: right;}
form div .required_txt {width: 276px; text-align: right; font-size: 11px;}
form div .required_txt img {margin: 6px 5px auto auto; vertical-align: top;}

.title {color: #00ACEF; font-size: 22px; font-weight: bold; margin-bottom: 15px;}
.title img {vertical-align: top;}
.subtitle {color: #00ACEF; font-size: 18px;}
.header {color: #353535; font-weight: bold;}
.underline {text-decoration: underline;}
.linethrough {text-decoration: line-through;}
.blockquote {margin: 15px 40px;}
.small {font-size: 11px;}
.li_br li {margin-bottom: 15px;}
.li_br ul li {margin-bottom: auto;}
.li_brhalf li {margin-bottom: 5px;}
.li_brhalf ul li {margin-bottom: auto;}
ul.paw {margin: 0px; list-style-type: none;}
ul.paw li {background: url(img/ul_paw.gif) no-repeat 0px 0px; padding-left: 25px;}
ul.paw ul li {background: none; padding: 0px;}

#footerrow {padding: 11px 0px 15px 0px; /* margin-top: -36px; position: relative; */}
#footerrow .rowcontent {/* height: 36px; */ text-align: center; color: white;}
#footerrow a {}
#footerrow a.wp {}