body, html { height: 100%; }
body { padding: 0; margin: 0; font: 11px arial, sans-serif, verdana; color: #666; background: #979AA0; }

a { cursor: pointer; color: #5791D0; }
a:hover { color: #666666; }

a.lnkMore { color: #666666; text-decoration: none; }
a.lnkMore:hover {  color: #5791D0;  }

p {  margin: 0 0 10px 0;  }
h1 { margin: 0 0 16px 0; padding: 0; font-size: 16px; }
h2 { margin: 0 0 20px 0; font-size: 12px; color: #5791D0; }
h5 { color: #72A3D8; }
hr {  display: block; height: 1px; color: #525252; background: #525252; border-style: none; margin-top: 0; margin-bottom: 0; }

img {  margin: 0; padding: 0; border-width: 0; }
img.floatRight { float: right; vertical-align: top; margin: 0 0 10px 10px; }
img.floatLeft { float: left; margin: 2px 5px 0 0; }

tr.h { background-color: #F9F9F9; color: #999999; text-decoration: none; }
tr.h a { color: #999999; text-decoration: none; }
tr.w { color: #999999; text-decoration: none; }
tr.w a { color: #999999; text-decoration: none; }

fieldset { border: none; margin: 0; padding: 0; }
legend { display: none; }

#container { position: relative; width: 780px; margin: 0 auto; margin-top: 20px; background: #fff url(../images/bg-body-middle.jpg) repeat-y left top; }
#wrapper { width: 754px; padding: 0; margin: 0 auto; background-color: #fff; }
#content { margin: 0 auto; background-color: #fff; display: block; clear: both; float: none; }
.layout { padding: 16px 15px 0 25px; display: block; clear: both; float: none; }
#logoWrapper { width: 754px; height: 90px; margin: 0 auto; padding: 14px 0 4px 0; }
#logoImg { width: 380px; margin-top: 15px; padding-left: 20px; text-align: left; float: left; display: block; }

#pageWrapper { width: 754px; }
#pageHeader { margin: 0; background: url(../images/bg-header.jpg) repeat-x left top; }
#pageHeaderMargin { margin: 0; }
#pageHeaderImg { height: 128px; background: url(../images/header.jpg) no-repeat top left; }
#pageHeaderImg_webdev { height: 128px; background: url(../images/header/webdev.jpg) no-repeat top left; }
#pageHeaderImg_ecom { height: 128px; background: url(../images/header/ecom.jpg) no-repeat top left; }
#pageHeaderImg_cms { height: 128px; background: url(../images/header/cms.jpg) no-repeat top left; }
#pageHeaderImg_usability { height: 128px;background: url(../images/header/default.jpg) no-repeat top left; }
#pageHeaderImg_info { height: 128px; background: url(../images/header/info.jpg) no-repeat top left; }
#pageHeaderImg_seo { height: 128px; background: url(../images/header/seo.jpg) no-repeat top left; }

#headerLoading { height: 128px; background-color: #fff; text-align: center; vertical-align: middle; }
#crossbarImg { height: 8px; background-image: url(../images/crossbar.gif); background-repeat: repeat-x; }

#searchContainer { width: 330px; margin-top: 18px; text-align: right; float: left; }
#searchbar { white-space: nowrap; float: right; }
#searchbar label { display: none; }
#searchbar input { width: 100px; border: 1px solid #ccc; margin-right: 1px; }
#searchbar #button { position: relative; border: 0; width: 22px; height: 17px; top: 5px !important; top: 4px; margin-left: 1px; }

#bgNavImg { height: 40px; background: url(../images/bg-footer-nav.jpg) repeat-x center top; }

#footer { padding-top: 30px; margin: 0 auto; width: 100%; text-align: center; }
#company { display: block; text-align: right; }
#footer ul, #company ul { margin: 0 0 5px 0; padding: 0; list-style: none; }
#footer li, #company li {  display: inline; }
#footer a, #company a {  color: #666; font-weight: normal; text-decoration: none; padding: 0 9px 0 6px; text-align: center; }
#footer .pipe { border-right: 1px solid #ccc; }
#company .pipe { border-right: 1px solid #aaa; }
#footer a:hover, #company a:hover { color: #5791D0; }

#footerWrapper { width: 748px; margin: 0 auto; padding-top: 20px; color: #444; height: 50px; }
#footerWrapper a { cursor: pointer; color: #444; }
#footerWrapper a:hover { color: #ccc; }

#copyright { width: 374px; text-align: left; display: block; float: left; }
#lamp { width: 374px; text-align: right; }

#topnavcontainer, #breadcrumContainer  { margin: 0; }
#topnavlist, #breadcrumbList { text-align: right; list-style-type: none; margin: 0; padding: 0; vertical-align: middle; }
#topnavlist li { float: left; margin-left: 15px; margin-bottom: 6px; }
#topnavlist li img { vertical-align: middle; margin-right: 4px; margin-bottom: 2px; }
#topnavlist li a, #breadcrumbList li a { color: #666; text-decoration: none; }
#topnavlist li a:hover, #breadcrumbList li a:hover { color: #5791D0; }

#breadcrumbList li { float: left; margin-right: 5px; }
#breadcrumbList li img { vertical-align: middle; margin-right: 5px; margin-bottom: 2px; }

#navcontainer { height: 30px; margin: 0; background-image: url(../images/bg-nav.jpg); background-repeat: repeat-x; }
#navlist { text-align: left; list-style-type: none; margin: 0 0 0 20px; padding: 8px 0 0 0; }
#navlist li { float: left; margin-right: 18px; }
#navlist li a { color: #677D92; text-decoration: none; }
#navlist li a:hover { color: #5791D0; }
#navlist li a.selected { color: #5791D0; }

#navfootercontainer { height: 20px; text-align: center; margin: 0 auto; }
#navfootercontainer a { color: #677D92; text-decoration: none; padding: 0 3px 0 3px; }
#navfootercontainer a:hover { color: #5791D0; }

.pageTitle { padding-bottom: 15px; }
.goBack { list-style-type: none; margin: 0; padding: 0; vertical-align: middle; }

#leftColumn { width: 160px; margin: 0; padding-right: 20px; float: left; }
#rightColumn { width: 480px; border-left: 1px dotted #ccc; padding: 0 0 0 20px; margin: 0 10px 0 0; float: left; }
#leftColumnWhat { width: 470px; border-right: 1px dotted #ccc; padding: 0 15px 0 20px; margin: 0; float: left; }
#rightColumnWhat { width: 155px; margin: 0 0 0 30px; float: left; }

.profServicesSep { margin: 25px 0 20px 5px; clear: both; float: none; }
.profServicesText { margin: 0  0 15px 5px; color: #5791D0; text-align: center; }

#wideContainer { margin: 0; width: 700px; padding-top: 5px; }
#wideMid { height: 140px; display: block; background: url(../images/home/wide-mid.jpg) repeat-y left top; }
#wideTop { height: 21px; background: url(../images/home/wide-top.jpg) no-repeat left top; }
#wideBot { height: 18px; padding-top: 4px; background: url(../images/home/wide-bot.jpg) no-repeat left top; }

#divProducts { background-color: #ffffff; overflow: auto; border: 1px solid #efefef; }
#products { margin: 0; height: 135px; background-color: #eee; padding: 15px 0 15px 0; display: block; }
#productstop { margin: 25px 0 0 0; height: 4px; overflow: hidden; background: url(../images/top-shad.jpg) repeat-x left top; }
#productsbot { margin: 0; height: 4px; overflow: hidden; background: url(../images/bot-shad.jpg) repeat-x left top; }
.prodthumb { margin: 0 0 0 5px; padding: 0; width: 104px; height: 84px; background: url(../images/bg-thumb.jpg) no-repeat left top; float: left; }
.prodthumb img { padding: 2px; }
#prodnav { text-align: left; list-style-type: none; padding: 0; margin: 0 20px 0 20px; float: left; }
#prodnav li { padding-bottom: 2px; }

#homeExpertreview { padding: 0 25px 0 30px; width: 250px; height: 100px; float: left; }
#homeExpertreview .thumbs { width: 250px; overflow: hidden; padding-bottom: 10px; }
#homeSitequality { width: 385px; float: left; padding-left: 25px; border-left: 1px dotted #ccc; }
#homeSitequality .title { margin-bottom: 40px; }
#homeSitequality .thumb { height: 80px; padding: 0 15px 0 0; float: left;  }
#homeSitequality .description { display: block; float: left; }
#homeSitequality img.link { padding-right: 6px; vertical-align: middle; }


#jumpto { margin: 0; }
#jumpto option { padding: 0 5px 0 10px; }

#whoList { padding: 0 20px 20px 20px; margin: 0; list-style-type: none; list-style-image: url(../images/menu_arrow_blank.gif); float: left; }
#whoList li { margin-bottom: 14px; padding: 0; }

.clear  { margin: 0; padding: 0; float: none; clear: both; }

#whoListLeft { padding: 0; margin: 0 0 0 10px; list-style-type: none; list-style-image: url(../images/elements/arrow-lnk.gif); float: left; }
#whoListRight { padding: 0; margin: 0 0 0 50px; list-style-type: none; list-style-image: url(../images/elements/arrow-lnk.gif); float: left; }
#contactDivLeft { padding: 0; margin: 0; list-style-type: none; list-style-image: url(../images/elements/arrow-lnk.gif); float: left; }
#contactDivRight { padding: 0; margin: 0 0 0 70px; list-style-type: none; list-style-image: url(../images/elements/arrow-lnk.gif); float: left; }
#webdevListLeft { padding: 0 0 0 30px; margin: 0; list-style-type: none; list-style-image: url(../images/elements/arrow-lnk.gif); float: left; }
#webdevListRight { padding: 0 0 0 40px; margin: 0; list-style-type: none; list-style-image: url(../images/elements/arrow-lnk.gif); float: left; }

#bgReviewTop { margin-top: 25px; width: 490px; height: 16px; background-image: url(../images/bg-review-top.gif); background-position: left; background-repeat: no-repeat; }
#bgReviewMid { width: 490px; padding-top: 10px; background-image: url(../images/bg-review-middle.gif); background-position: left; background-repeat: repeat-y; }
#bgReviewBot { width: 490px; height: 19px; background-image: url(../images/bg-review-bottom.gif); background-position: left; background-repeat: no-repeat; }

.listMargin { padding: 0; margin: 0; }
.listMargin li { padding: 0; margin-left: 20px; }

.icon { margin: 0; padding: 0; }
.icon img { padding: 0 5px 1px 0; vertical-align: middle; }

#blockColumnCenter { width: 420px; float: left; border-left: 1px dotted #ccc; padding: 0px 10px 0px 15px; margin-right: 10px; }

.divColumSpacer { height: 190px; }
.columnTop { height: 245px; margin: 0 auto; padding: 5px 0 0 0; clear: both; float: none; display: block; }
.divColumLeft { width: 230px; float: left; margin-right: 15px; }
.divColumCenter { width: 220px; float: left; margin-right: 15px; }
.divColumRight { width: 220px; float: left; }
.divLineTitle { float: none; overflow: hidden; height: 16px; margin-bottom: 4px; background-image: url(../images/bg-line-title.jpg); }
.divLineTitleBlank { height: 16px; margin-bottom: 4px; background-image: url(../images/sep.gif); }
.divSep { padding-top: 30px; float: none; clear: both; }

.pageRightImg { float: right; padding: 0 0 15px 20px; text-align: center; border: 0; }
.pageLeftImg { float: left; padding: 0 20px 0 0; border: 0; }

.imgSepMenu { float: none; width: 100%; height: 6px; }
.imgTitle { float: left; }
.breadcrumb { float: left; margin: 4px 0 0 2px; }
.imgTitleLine { float: none; clear: both; width: 100%; height: 16px; padding-top: 5px; }
.imgTitleSep { padding: 5px 0 0 0; float: none; clear: both; }
.leftnavItem { float: left; padding-top: 4px; }
.leftnavArrow { float: left; }

#FadeImg_mainContainer { height: 510px; margin: 0 auto; } 
#FadeImg_mainContainerMap { height: 310px; margin: 0 auto; } 
#FadeImg_panel_one, #FadeImg_arrows, #FadeImg_thumbs { width: 110px; }
#FadeImg_panel_one { float: left; }
#FadeImg_thumbs { overflow: hidden; height: 280px; position: relative; float: left; }
#FadeImg_largeImage { width: 0; float: left; padding: 9px 10px 0 10px; }
#FadeImg_loader { overflow: hidden; width: 326px; height: 100%; text-align: center; }
.FadeImg_ClassLoader { background-image: url(../images/loading.gif); background-position: center; background-repeat: no-repeat; }
#FadeImg_thumbs_inner { position: relative; width: 1000px; }
.strip_of_thumbnails { width: 110px; padding-top: 10px; position: absolute; }
.strip_of_thumbnails div { width: 110px; height: 70px; padding: 0; }
.strip_of_thumbnails img { border: 0; padding: 3px 3px 3px 5px; }
.strip_of_thumbnails .activeImage { border-left: 3px solid #5791D0; padding-left: 2px; }

div.valign img { vertical-align: middle; }
div.valign img.leftborder {  border-left: 1px solid #ccc; margin-left: 10px; padding: 0 6px 0 10px; }

#sitemap, #clients { padding-left: 20px; }
.divSitemapLine { padding-bottom: 10px; }
.columnSitemapSpacer { height: 140px; }
.columnSitemapLeft { width: 200px; float: left; margin-right: 15px; }
.columnSitemapCenter { width: 200px; float: left; border-left: 1px dotted #ccc; padding: 0 0 0 15px; margin-right: 15px; }
.columnSitemapRight { width: 200px; float: left; border-left: 1px dotted #ccc; padding-left: 15px; }
#columnLoginLeft { width: 160px; float: left; margin-right: 20px; }
#columnLoginCenter { width: 220px; float: left; border-left: 1px dotted #ccc; padding-left: 20px; }
#columnLoginRight { width: 220px; float: left; padding-left: 20px; }


.divAppThumb { width: 53px; height: 50px; margin-right: 10px; background-image: url(../images/elements/bg-apps.gif); float: left;  }
.divAppThumb img {  margin-left: 2px; margin-top: 2px; }
.divShowApps { float: left; width: 210px; padding: 0 10px 0 20px; margin: 0; height: 75px; }
p.arrowLnk { margin-bottom: 1px; }
p.arrowLnk a { padding-right: 4px; vertical-align: middle; } 
p.apps { margin: 0; padding: 0; }
.appText { overflow: hidden; height: 60px; }

.topPagesplit { float: none; text-align: right;}

p.appTitle { margin: 0 0 7px 0; }
p.appDesc { margin: 0; }
p.appLicense { margin: 0; color: #A7A7A7; }
#appHeader { margin: 0 auto; width: 450px; }
#appDescription { padding: 25px 0 20px 0; margin: 0 auto; width: 450px; }

.leftnavItem .selected { color: #5791D0; }
.alignCenter { margin: 0 auto; text-align: center; }

img.arrow { border-left: 1px solid #ccc; margin-left: 10px; padding: 0 6px 0 10px; vertical-align: middle; }
img.arrowclear { margin-left: 10px; padding: 0 6px 0 10px; vertical-align: middle; }
p.total { padding-top: 10px; text-align: right; }
.aboutUs { margin-left: 10px; padding: 0 6px 0 10px; vertical-align: middle; }

#clientLoginTop { width: 100%; height: 45px; background-image: url(../images/client-login-top.jpg); background-position: left; background-repeat: no-repeat; }
#clientLoginMid { height: 90px; padding: 20px 0 15px 15px; background-image: url(../images/client-login-mid.jpg); background-position: left; background-repeat: repeat-y; }
#clientLoginBot { width: 100%; height: 22px; background-image: url(../images/client-login-bot.jpg); background-position: left; background-repeat: no-repeat; }
#accessLoginTop { width: 100%; height: 45px; background-image: url(../images/access-code-top.jpg); background-position: left; background-repeat: no-repeat; }

#bgAccess { height: 51px; background-image: url(../images/bg-access.jpg); background-repeat: repeat-x; padding: 25px 0 0 20px; }

#bgAccess .pageAccessTitle { color: #fff; }

.errorMsg { color: #CC0000;  }
#errorBox {  padding: 20px 20px 20px 60px; background: #FFF2F2; border: 1px solid #FFC4C4; background-image: url(../images/bg-error.jpg); background-position: top left; background-repeat: no-repeat; }


/* forms */

form { border-style: none; margin: 0px; }

.formFieldset { margin-top: 5px; text-align: left; vertical-align: top; width: 200px; border: none; }
.formFieldset p { margin: 0; padding-top: 4px; }
.formFieldset p label { float: left; width: 65px; }
.formFieldset p input { width: 120px; }
.formFieldset p input.btnSubmit { margin: 0; padding: 0; width: 60px; }
.formFieldset p input.btnLogin { margin: 0; padding: 0; width: 60px; margin-top: 5px; }

#formContact { margin-top: 30px; }
#formContact input,  #formContact select, #formContact textarea { font-size: 10px; font-family: arial, san-serif, verdana; color: #525252; border: 1px solid #C0C0C0; background-color: #EFEFEF; margin: 0; width: 140px; }
#formContact .select { border: 0; background-color: #fff; overflow: hidden; width: 20px; margin: 0; padding: 0 5px 0 0; vertical-align: middle; }
#formContact .button { background: #eee url(../images/rowbg.gif); padding-left: 6px; padding-right: 6px; }

input, textarea, select { font-size: 10px; font-family: arial, san-serif, verdana; color: #525252; border: 1px solid #C0C0C0; background-color: #EFEFEF; margin: 0; }
input.next { background: #eee url(../images/rowbg.gif); padding-left: 1px; padding-right: 1px; }
input.button { background: #eee url(../images/rowbg.gif); padding-left: 6px; padding-right: 6px; }

.btnSubmit, .btnLogin {  background: #eee url(../images/rowbg.gif); margin-top: 6px; padding: 0 10px 0 10px; }