body, td, th {width: 100%; color: #666666; margin: 0px; padding: 0px; font-family: "Arial", Helvetica, sans-serif;}

.bottom-content, #featured-box, a.contact-us-btn, contact-button4, .footer-logo, .appdev, .category-columns, .left-cat, a.contact-button4, .applist, .client-holder, .clients-list-box, png, .nav-menu, .resources-title-image, img, .blog-article-big-box, .blog-article-box, .small-badge, a.contact-button3, a#faceyspacey-portfolio-tab, .client-box, .test-bottom1, .test-bottom2, a.feature-link, #featured-box, #featured-box2 {behavior: url("css/iepngfix.htc");}

a {outline: none;}

p a{color: #3f658b;}

a:link {color: #3f658b; text-decoration: none;}

a:visited {color: #3f658b; text-decoration: none;}

a:hover {color: #4e77a0; text-decoration: none;}

a:active {color: #4e77a0; text-decoration: none;}

.main-bg-tile {background: #ffffff url(../images/backgrounds/main-tile.png) repeat-x bottom left;}

.main-bg-tile2 {background: #ffffff url(../images/backgrounds/main-tile2.png) repeat-x bottom left;}

.bg-index {background: #e9ece2 url(../images/backgrounds/bg-index.png) repeat-x top left;}

.bg-subcats {background: #e9ece2 url(../images/backgrounds/bg-subcats.png) repeat-x top left; min-height: 500px;}

.bg-comparison {background: #e9ece2 url(../images/backgrounds/bg-subcats.png) repeat-x top left; min-height: 500px;}

.bg-company-stuff {background: #e9ece2 url(../images/backgrounds/company-stuffbg.png) repeat-x top left; min-height: 500px;}

.bg-about {background: #e9ece2 url(../images/backgrounds/bgtileabout.png) repeat-x top left; min-height: 500px;}

.bg-blog {background: #ffffff url(../images/backgrounds/blog-bg.png) repeat-x top left; min-height: 500px;}

h1 {font-family: "Myriad Pro"; color: #0f4275; font-size: 26px; margin: 46px 0 0 0; padding: 0px; font-weight: normal;}

h2 {font-family: "Georgia", Times New Roman, Times, serif; margin: 0px; padding: 0px; font-size: 25px; color: #0f4275; font-weight: normal; line-height: 32px; clear: both; display: block; padding: 34px 0 0px 0;}

h3 {font-family: "Arial", Helvetica, sans-serif; margin: 0px; padding: 35px 0 8px 0; font-weight: bold; font-size: 14px; color: #1a4e81;}

h4 {font-family: "Arial", Helvetica, sans-serif; margin: 0px; padding: 0px; font-size: 25px; color: #0f4275; font-weight: normal; line-height: 32px; clear: both; display: block; padding: 0px;}

h5, h5 a {font-family: "Arial", Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #bf1358; margin: 0px; padding: 0px;}

h5 a:hover {color: #0f4275; text-decoration: none;}

h2.overlay {position: relative; top: 9px; left: 0px; font: bold 13px "Arial", sans-serif; color: #f482bd; margin: 0px; padding: 0px;}

h3.overlay {position: relative; top: -8px; font: bold 13px "Arial", sans-serif; color: #9b0b55; margin-left: 1px; margin: 0px; padding: 0px;}

h2.overlay2 {position: relative; top: 1px; left: 0px; font: bold 13px "Arial", sans-serif; color: #f482bd; margin: 0px; padding: 0px;}

h3.overlay2 {position: relative; top: -16px; font: bold 13px "Arial", sans-serif; color: #9b0b55; margin-left: 1px; margin: 0px; padding: 0px;}

h2.size-twentytwo {font-size: 22px;}

.blogheaders {float: left;}

.lightblue {color: #528dc6;}

.nopad {padding: 0 0 4px 7px;}

h3.nopad-cattitle1 {padding: 5px 10px 0px 0px; font-weight: bold; font-size: 18px; letter-spacing: 2px; color: #002743;}

h3.nopad-cattitle2 {padding: 15px 10px 10px 0px; font-weight: bold; font-size: 20px; letter-spacing: 2px; /* color: #eb468b; */ color: #002743; border-bottom: 0px solid #eb468b;}

a.cattitle2-link {display: block; color: #1a4e81; background: url(../images/gobutton.png) no-repeat top right; text-decoration: none; height: 22px; line-height: 19px; font-size: 18px;}

a.cattitle2-link:hover {display: block; color: #276db2; text-decoration: none; background: url(../images/gobutton.png) no-repeat bottom right; height: 22px;}

.resource-icon {background: url(../images/library-icon.gif) no-repeat center left; padding: 8px 0 0 35px; height: 22px;}

.nopad2 {padding: 10px 0 4px 10px;}

#top_bar {width: 100%; height: 18px; color: #9bc8d7; text-align: center; font-size: 11px; padding-top: 3px; background: url(../images/top-bar.gif) repeat-x top left;}

#top_bar h1.topbar {font-family: "Arial", Helvetica, sans-serif; font-size: 11px; color: #9bc8d7; margin: 0px; padding: 0px; font-weight: normal;}

a.topbar-link {color: #9bc8d7; text-decoration: none;}

a.topbar-link:hover {color: #ffffff; text-decoration: none;}

#top_bar strong {font-weight: bold; color: #bdebfb;}

#header {width: 100%; height: 100px; background: url(../images/header-bg.gif) repeat-x top left;}

#header .clouds {background: url(../images/background-sprites.png) no-repeat top left; width: 902px; height: 100px; margin: 0px auto;}

#header .logo {width: 349px; height: 38px; float: left; clear: right; padding-top: 22px;}

#header .header-text {width: 544px; height: 80px; float: right; text-align: right; padding: 20px 5px 0 0;}

h1.header-text1 {font-family: "Georgia", Times New Roman, Times, serif; font-size: 32px; color: #0f4275; font-weight: normal; margin: 0px; padding: 0px;}

h1.header-text2 {font-family: "Georgia", Times New Roman, Times, serif; font-size: 22px; color: #5f7996; font-weight: normal; margin: 0px; padding: 0px;}

#navbar-bg {background: url(../images/navbar.png) repeat-x top left; width: 100%; height: 100%; min-height: 80px;}

#nav-container {width: 912px; margin: 0px auto; height: 51px;}

ul.navigation {margin: 0px; padding: 16px 0 0 0; list-style-type: none; position: relative; height: 35px; float: left; clear: right;}

ul.navigation li {height: 47px; display: inline;}

ul.navigation li a.home {height: 31px; width: 36px; background: url(../images/home-icon.png) no-repeat top left; display: block; float: left; clear: right; margin-right: 0px; text-indent: -5000px;}

ul.navigation li a.services {height: 23px; padding-top: 8px; padding-left: 8px; width: 81px; /*background: url(../images/nav-services.gif) no-repeat top left;*/ display: block; float: left; clear: right; margin-right: 0px; color: #9b0b55; font-weight: bold; font-size: 13px;}

ul.navigation li a.services:hover {height: 23px; padding-top: 8px; padding-left: 9px; color: #ffffff; width: 80px; background: url(../images/nav-services.gif) no-repeat bottom left; display: block; float: left; clear: right; text-decoration: none;}

ul.navigation li a.about {height: 23px; padding-top: 8px; padding-left: 8px; width: 64px; /*background: url(../images/nav-about.gif) no-repeat top left;*/ display: block; float: left; clear: right; margin-right: 0px; color: #9b0b55; font-weight: bold; font-size: 13px;}

ul.navigation li a.about:hover {height: 23px; padding-top: 8px; padding-left: 8px; width: 64px; /*background: url(../images/nav-about.gif) no-repeat top left;*/ display: block; float: left; clear: right; color: #fff; text-decoration: none;}

ul.navigation li a.blog {height: 23px; padding-top: 8px; padding-left: 8px; width: 54px; /*background: url(../images/nav-blog.gif) no-repeat top left;*/ display: block; float: left; clear: right; margin-right: 0px; color: #9b0b55; font-weight: bold; font-size: 13px;}

ul.navigation li a.blog:hover {height: 23px; padding-top: 8px; padding-left: 8px; width: 54px; color: #fff; /*background: url(../images/nav-blog.gif) no-repeat top left;*/ display: block; float: left; clear: right; text-decoration: none;}

ul.navigation li a.resources {height: 23px; padding-top: 8px; padding-left: 8px; width: 91px; /*background: url(../images/nav-resources.gif) no-repeat top left;*/ display: block; float: left; clear: right; margin-right: 0px; color: #9b0b55; font-weight: bold; font-size: 13px;}

ul.navigation li a.resources:hover {height: 23px; padding-top: 8px; padding-left: 8px; width: 91px; color: #fff; /*background: url(../images/nav-resources.gif) no-repeat top left;*/ display: block; float: left; clear: right; text-decoration: none;}

ul.navigation li a.method {height: 23px; padding-top: 8px; padding-left: 8px; width: 100px; /*background: url(../images/nav-method.gif) no-repeat top left;*/ display: block; float: left; clear: right; margin-right: 0px; color: #9b0b55; font-weight: bold; font-size: 13px;}

ul.navigation li a.method:hover {height: 23px; padding-top: 8px; padding-left: 8px; width: 100px; color: #fff; /*background: url(../images/nav-method.gif) no-repeat top left;*/ display: block; float: left; clear: right; text-decoration: none;}

.bottom-content {background: url(../images/bottom-clouds.png) scroll no-repeat center top; margin: 0px auto; width: 100%; /* min-height: 250px; */ height: 100%;}

#featured-box {width: 902px; height: 440px; background: url(../images/featured-bg.png) no-repeat top left; margin: 0px auto;}

#featured-box2 {width: 902px; height: 536px; background: url(../images/featured-bg2.png) no-repeat top left; margin: 0px auto;}

ul.feature-tabs {list-style-type: none; width: 896px; margin: 0px; padding: 0px; height: 100px; padding-top: 2px; padding-left: 2px;}

ul.feature-tabs li {display: block; float: left; clear: right;}

ul.feature-tabs a.spec {background: url(../images/features/services-tabs.png) no-repeat top left; width: 224px; height: 81px; display: block; float: left; clear: right; text-indent: -5000px;}

ul.feature-tabs a.spec:hover {background: url(../images/features/services-tabs.png) no-repeat top right; width: 224px; height: 81px; display: block; float: left; clear: right;}

ul.feature-tabs a.brand {background: url(../images/features/services-tabs.png) no-repeat 0px -81px; width: 224px; height: 81px; display: block; float: left; clear: right; text-indent: -5000px;}

ul.feature-tabs a.brand:hover {background: url(../images/features/services-tabs.png) no-repeat -224px -81px; width: 224px; height: 81px; display: block; float: left; clear: right;}

ul.feature-tabs a.code {background: url(../images/features/services-tabs.png) no-repeat 0px -162px; width: 224px; height: 81px; display: block; float: left; clear: right; text-indent: -5000px;}

ul.feature-tabs a.code:hover {background: url(../images/features/services-tabs.png) no-repeat -224px -162px; width: 224px; height: 81px; display: block; float: left; clear: right;}

ul.feature-tabs a.marketing {background: url(../images/features/services-tabs.png) no-repeat 0px -243px; width: 223px; height: 81px; display: block; float: left; clear: right; text-indent: -5000px;}

ul.feature-tabs a.marketing:hover {background: url(../images/features/services-tabs.png) no-repeat -224px -243px; width: 223px; height: 81px; display: block; float: left; clear: right;}

.feature1-screenshot-big {width: 444px; height: 296px; float: left; clear: right; padding-left: 1px;}

.feature1-text {width: 445px; float: left; clear: right; color: #4a4f53; font-size: 13px; padding-bottom: 0px; line-height: 21px;}

.feature1-text h1 {margin-top: 10px;}

.feature1-text h1.feature1header {font-family: "Myriad Pro"; color: #0f4275; font-size: 26px; margin: 46px 0 0 0; padding: 0px; font-weight: normal;}

.feature-divider {margin: 0px auto; background: url(../images/features/features-divider.gif) no-repeat top center; width: 440px; height: 50px; display: block;}

.feature-thumb-holder {position: relative; float: left; display: block; background: url(../images/features/features-divider.gif) no-repeat top left; padding-top: 20px; padding-left: 20px;}

/*
.feature-thumb-holder img, .feature-thumb-holder a img{width: 136px; height: 97px; float: left; clear: right; margin-right: 3px;}
*/
a.contact-us-btn {height: 74px; width: 202px; display: block; background: url(../images/contact-us.png) top left no-repeat; text-indent: -5000px;}

a.contact-us-btn:hover {height: 74px; width: 202px; display: block; background: url(../images/contact-us.png) bottom left no-repeat;}

#featured-ribbon {position: absolute; margin-left: -5px; margin-top: 267px; z-index: 2500;}

#portfolio-tab-box {position: absolute; top: 300px; right: 0px;}

.portfolio-tab {position: fixed;}

.referbox {width: 184px; height: 33px; float: left; clear: right; background: url(../images/nav-divider.gif) no-repeat center left; padding-left: 28px; padding-top: 18px;}

.referbox input{background: url(../images/refer-input.png) no-repeat center left; width: 141px; height: 23px; /*color: #691438;*/ color: #ff9dd7; font-size: 13px; border: none; padding-top: 4px; padding-left: 10px;}

.loginbox {width: 180px; color: #691438; height: 39px; float: left; clear: right; background: url(../images/nav-divider.gif) no-repeat center left; font-size: 13px; padding-left: 17px; padding-top: 12px;}

.loginbox strong{color: #691438;}

.loginbox span.login-text {float: left; clear: right; margin-top: 10px; padding-right: 20px; width: 60px;}

.loginbox span.login-text a{color: #691438;}

.loginbox span.loginbtn {float: left;}

a.contactus-btn {background: url(../images/contact-us2.png) no-repeat top left; display: block; width: 96px; height: 38px; outline: none; text-indent: -5000px;}

a.contactus-btn:hover {background: url(../images/contact-us2.png) no-repeat center left;}

a.contactus-btn:active {background: url(../images/contact-us2.png) no-repeat bottom left; display: block;}

#resources {clear: both; display: block; color: #8b8e8d; font-size: 11px; width: 902px; height: 121px; margin: 0px auto;}

.resources-title-image {background: url(../images/web-resources.png) no-repeat top left; width: 248px; height: 101px; float: left; clear: right; display: block;}

.resources-links {font-size: 11px; margin: 0px; padding: 0px; width: 185px; height: 74px; float: left; clear: right; padding-left: 30px; padding-top: 27px;}

.resources-links h1.title-links {margin: 0 0 11px 0; padding: 0px; color: #236ab3; font-weight: bold; font-size: 14px; font-family: "Arial", Helvetica, sans-serif;}

.resources-links h1.title-links a {color: #236ab3; text-decoration: none;}

.resources-links h1.title-links a:hover {color: #236ab3; text-decoration: underline;}

#footer {text-align: center; color: #52b5ce; font-size: 10px; clear: both; display: block; background: #1b242c url(../images/footer-bg.png) repeat-x top left; width: 100%;}

#footer a{color: #60859b; text-decoration: none;}

#footer a:hover{color: #8fbbd6; text-decoration: underline;}

#footer .footer-content {width: 900px; margin: 0px auto;}

#footer .footer-content .footer-logo {width: 215px; height: 97px; float: left; clear: right; padding: 32px 0 0 50px;}

.recent-article {float: left; clear: right; width: 308px; padding: 32px 0 0 40px; background: url(../images/footer-divider.gif) top left no-repeat;}

h1.article-header {font-size: 20px; font-family: "Georgia", Times New Roman, Times, serif; margin: 0 0 10px 0; padding: 0px; color: #ffffff; font-weight: normal; text-align: left;}

.article-row{font-size: 13px; height: 23px; text-align: left; width: 283px; color: #60859b; border-bottom: 2px dotted #2f3d49; padding-top: 7px; clear: both; float: left;}

.article-row a {color: #60859b; text-decoration: none;}

.check-us-out {float: left; clear: right; height: 198px; width: 219px; padding: 32px 0 0 18px;}

.check-us-out a img, .check-us-out a {float: left; clear: right;} /****/

.footer-link-holder{float: left; clear: right; width: 50px; height: 49px; position: relative;}

.footer-link-holder-img {padding: 2px 0 0 2px;}

a.footer-link-over {width: 50px; height: 49px; background: url(../images/blank.gif) repeat top left; position: absolute; top: 0px; left: 2px;}

a.footer-link-over:hover {background: url(../images/social-icons/footer-link-overlay.png) no-repeat top left;} /****/

ul.footer-list {list-style-type: none; clear: both; display: block; height: 27px; margin: 0px; padding: 13px 0 0 0;}

ul.footer-list li {display: inline; font-size: 12px; border-right: 1px solid #394a53; padding: 0 11px 0 11px;}

ul.footer-list li.lastlink {display: inline; font-size: 12px; border-right: 0px solid #394a53; padding: 0 11px 0 11px;}

ul.footer-list a{color: #60859b; text-decoration: none;}

ul.footer-list a:hover{color: #8fbbd6; text-decoration: underline;}

.footer-copyright {width: 100%; background-color: #1e272e; border-top: 1px solid #425663; height: 25px; color: #b9cdd9; font-size: 11px; padding-top: 7px;}

.copy-content {width: 400px; margin: 0px auto; font-size: 11px;}

.footer-copyright span.copyright {float: left; clear: right;}

ul.copy-list {list-style-type: none; float: right; height: 0px; margin: 0px; padding: 0px 0 0 20px;}

ul.copy-list li {display: inline; color: #60859b; font-size: 11px; border-right: 1px solid #394a53; padding: 0 3px 0 3px;}

ul.copy-list li.lastlink {display: inline; color: #60859b; font-size: 11px; border-right: 0px solid #394a53; padding: 0 3px 0 3px;}

ul.copy-list a{color: #60859b; text-decoration: none;}

ul.copy-list a:hover{text-decoration: underline;} /**********menu**********/

.menu-content {position: absolute; display: none; top: 47px; left: 36px; padding: 10px 10px 10px 10px; width: 262px; height: 106px; background: transparent url(../images/nav/dropdown-services2.png) no-repeat 0 -63px; z-index: 2;}

.hover .menu-content {display: block;}

.menu-items {margin: 0px 0 0 0; padding: 0; font-size: 11px; font-weight: normal; list-style: none;}

.menu-item {height: 30px; margin-bottom: -5px;}

a.menu-link, a.menu-link:visited {display: block; padding: 6px 8px 4px 8px; color: #fb99d5; background: #4a5157; height: 30px;}

.menu-link:hover {color: #fff; background: #dd448b url(../images/nav/subnav-over.gif) repeat-x top left; text-decoration: none; /*padding-bottom: 10px;*/}

.menu-link:active {color: #fff; background: #dd448b url(../images/nav/subnav-over.gif) repeat-x top left;}

.menu-link-extra {float: right; margin: 1px 0 0 10px; font-size: 10px; color: #bfff7f;}

.menu-link:hover .menu-link-extra {color: #fff;}

.menu-link-detail {display: block; margin: 2px 0 0 0; color: #7f8991; font-size: 10px;}

.menu-link:hover .menu-link-extra, .menu-link:hover .menu-link-detail, .menu-link:hover .menu-tool-status {color: #fff;}

#menu-tools {width: 263px;}

#menu-tools .menu-tool {float: left; width: 129px; margin-right: 1px;}

#menu-tools .menu-tool img {float: left; margin: 0px 5px 0 0px;}

.menu-tool-status {color: #94bad8; font-style: italic; font-size: 10px;}

strong.pink {color: #d54b92; font-weight: bold;}

.nav-link {height: 23px; padding-top: 8px; padding-left: 8px; width: 81px; float: left; clear: right; text-decoration: none; font-weight: bold; font-size: 13px; background: url(../images/nav-services.png) no-repeat top left; background-repeat: no-repeat; background-position: 0 0; color: #9b0b55 !important;}

.nav-menu .nav-link:hover {height: 23px; padding-top: 8px; padding-left: 8px; width: 81px; float: left; clear: right; text-decoration: none; font-weight: bold; font-size: 13px; background: url(../images/nav-services.png) no-repeat bottom left; background-repeat: no-repeat; background-position: 0 0; color: #9b0b55 !important;}

.nav-link-inner {float: left; height: 23px; background: #transparent url(../images/nav-services.png) no-repeat middle left; background-repeat: no-repeat; background-position: 0 0;}

.hover .nav-link, .hover .nav-link:hover {position: relative; color: #fff; background-position: bottom left; color: #fff !important;}

.hover .nav-link .nav-link-inner, .hover .nav-link:hover .nav-link-inner {background-position: 100% -123px; padding-right: 17px;}

.port_container {  }

a#faceyspacey-portfolio-tab {position: fixed; right: 0px; top: 289px; display: block; background: transparent url(../images/portfolio-tab.png) top left no-repeat; text-indent: -8000px; width: 50px; height: 193px; z-index: 100001; outline: none; cursor: pointer;}

a#faceyspacey-portfolio-tab:hover {background: transparent url(../images/portfolio-tab.png) bottom left no-repeat;} /*********about *********/

.content-gap {padding-top: 10px; clear: both; display: block;}

.content-gap2 {height: 20px; clear: both; display: block;}

.content-gap3 {height: 18px; clear: both; display: block;}

.content-gap4{height: 0px; clear: both; display: block;}

#content-box {width: 848px; background: url(../images/content-bg.gif) no-repeat top left; margin: 0px auto; padding: 0px 31px 115px 23px;}

h1.content-title {font-family: "Georgia", Times New Roman, Times, serif; margin: 0px; padding: 0px; font-size: 25px; color: #0f4275; font-weight: normal; line-height: 32px; clear: both; display: block; padding: 34px 0 15px 0;}

#content-box p{font-size: 13px; line-height: 19px; color: #4b5052; margin-top: 14px;}

#content-box p.photop-left{font-size: 13px; line-height: 19px; color: #4b5052; margin: 0px; padding: 0 0 0 15px; width: 650px; float: left;}

#content-box .av-left {float: left; clear: right; width: 177px; height: 151px;}

#content-box p.photop-right{font-size: 13px; line-height: 19px; color: #4b5052; margin: 0px; padding: 0 15px 0 0; width: 650px; float: left; clear: right;}

#content-box .av-right {float: left; clear: right; width: 177px; height: 151px;}

.picture-cont {clear: both; display: block;} /*********** company clients ****************/

#columns-container {margin: 0px auto; width: 937px;}

#columbbg-wide {background: url(../images/columnbg-wide.gif) no-repeat top left; width: 617px; padding: 0 20px 100px 20px; float: left; clear: right;}

#columbbg-wide p{font-size: 13px; line-height: 19px; color: #4b5052; margin-top: 0px; padding-top: 0px;}

.client-box {width: 620px; background: url(../images/clientbox-bg-fade.png) no-repeat top left; padding: 20px 0 0px 0;}

.client-logo-box {float: left; clear: right; width: 210px;}

.client-logo-box .client-logo img{display: block; margin-left: auto; margin-right: auto; border: none; clear: both;}

.client-box p{width: 405px; color: #4b5052; margin: 0px; padding: 0px; font-size: 13px; line-height: 19px; float: left;}

a.client-profile-link {color: #3f658b; font-size: 13px; margin: 28px 0 0 0; clear: both; display: block;}

#sidebar-wide {width: 227px; padding: 50px 0 0 23px; float: left; clear: right;}

.widget-holder {margin-bottom: 20px;}

h3.widget-title {float: right; font-size: 11px; padding: 0 14px 4px 0; color: #1a4e81;}

h3.widget-title a{color: #1a4e81;}

h3.widget-title a:hover{color: #316aa1;}

.appdev {background: url(../images/column-fade1.png) top left no-repeat; padding-top: 10px; clear: both;}

.appdev ul{font-size: 12px; margin: 0 0 0 17px; padding: 4px 0 0 0px; list-style-type: none;}

.appdev ul li{color: #3f658b; background: url(../images/list-arrow.gif) center left no-repeat; line-height: 24px; padding-left: 13px;}

.appdev ul li a {color: #3f658b; text-decoration: none;}

.appdev ul li a:hover {color: #698eb3; text-decoration: none;}

.client-testimonials {background: #ebeff8 url(../images/textimonial-top.gif) top left no-repeat; width: 198px; padding: 10px 10px 10px 10px; clear: both; font-style: italic; font-size: 12px; color: #4b5052;}

.client-testimonials2 {width: 192px; padding: 10px 10px 10px 16px; clear: both; font-style: italic; font-size: 12px; color: #4b5052; line-height: 23px;}

.test-bottom1 {background: url(../images/testimonial-bottom-blue.png) no-repeat top left; width: 182px; padding: 16px 0 20px 36px; font-size: 12px; font-weight: bold; color: #4b5052; display: block;}

span.test-loc {font-weight: normal; color: #3f658b; display: block;}

.test-bottom2 {background: url(../images/testimonial-bottom-blue2.png) no-repeat top left; width: 182px; padding: 16px 36px 20px 0; font-size: 12px; font-weight: bold; color: #4b5052; display: block; text-align: right;}

.test-bottom-nobg {width: 214px; padding: 5px 0 30px 15px; font-size: 12px; font-weight: bold; color: #4b5052; display: block; text-align: left;} /******************************* main categories ***************/
.main-box1 {width: 898px; height: 318px; margin: 0px auto; background: url(../images/cats-bg.png) no-repeat top left; padding: 2px 2px 0 2px;}

#main-box2 {width: 896px; height: 320px;}

#main-box3 {width: 1024px; min-height: 300px; padding: 10px 14px 0 12px; margin: 0px auto; background: url(../images/columnbg-wide2.gif) no-repeat top left;}

#main-box4 {width: 880px; margin: 0px auto; padding: 10px; background: url(../images/columnbg-wide3.gif) no-repeat top left;}

.category-columns {width: 866px; background: url(../images/category-fade.png) no-repeat top left; margin: 0px auto; min-height: 460px;}

.category-columns h2 {padding: 0px;}

.category-columns .cat-left {width: 409px; float: left; clear: right; padding: 24px 0 30px 24px; margin: 0 0 0px 0;}

.category-columns .cat-right {width: 409px; float: left; padding: 24px 0 0 24px;}

.categories {float: left; display: block; width: 365px; font-size: 13px; color: #4b5052; padding: 20px;}

.categories .cat-thumb {float: left; clear: right; width: 50px;}

.categories .cat-text {float: right; width: 315px;}

.categories a{text-decoration: underline; color: #0f4275;}

.categories a:hover{text-decoration: underline; color: #698eb3;}

.categories h3{font-size: 13px; color: #4b5052; font-weight: bold; margin: 0px; padding: 0px;}

.categories h3 a{text-decoration: none; color: #4b5052;}

.categories h3 a:hover{text-decoration: underline; color: #4b5052;}

.categories-sub {clear: both; float: left; width: 282px; font-size: 13px; color: #4b5052; padding-top: 20px;}

.categories-sub .cat-thumb {float: left; clear: right; width: 50px;}

.categories-sub .cat-text {float: right; width: 232px;}

.categories-sub h3 a{text-decoration: none; color: #4b5052;}

.categories-sub h3 a:hover{text-decoration: underline; color: #4b5052;}

.categories-sub a{text-decoration: underline; color: #0f4275;}

.categories-sub a:hover{text-decoration: underline; color: #698eb3;}

.categories-sub h3{font-size: 13px; color: #4b5052; font-weight: bold; margin: 0px; padding: 0px;} /************ sub categories ***************/

#subcat-container {width: 899px; margin: 0px auto;}

#subcat-container .sub-left { /* width: 242px; */width: 222px; padding-top: 50px; float: left; clear: right;}

.left-cat {background: url(../images/column-fade1.png) no-repeat top left; width: 218px; padding: 15px 0 10px 0px; margin: 10px 0 0 0; font-size: 11px; line-height: 18px; clear: both;}

.refer {margin-top: 11px;}

.refer input{background: url(../images/input-bg-tile.gif) repeat-x top left; border: 1px solid #c9c9c9; color: #6e7578; font-size: 12px; width: 215px; height: 21px; padding-top: 5px; padding-left: 5px;}

.refer textarea{background: #ffffff url(../images/input-bg-tile.gif) repeat-x top left; border: 1px solid #c9c9c9; color: #6e7578; font-size: 12px; width: 215px; height: 63px; padding-top: 5px; padding-left: 5px;}

.refer a.refer-send {width: 97px; height: 35px; display: block; background: url(../images/refer-send2.png) top left no-repeat; float: right; text-indent: -5000px; margin-top: 10px; outline: none;}

.refer a.refer-send:hover {width: 97px; height: 35px; display: block; background: url(../images/refer-send2.png) center left no-repeat; float: right; text-indent: -5000px; margin-top: 10px; outline-style: hidden;}

.refer a.refer-send:active {width: 97px; height: 35px; display: block; background: url(../images/refer-send2.png) bottom left no-repeat; float: right; text-indent: -5000px; margin-top: 10px; outline-style: hidden;}

a.contact-button3 {width: 224px; height: 56px; display: block; background: url(../images/contact-uspng.png) top left no-repeat; text-indent: -5000px; margin: 0px auto;}

a.contact-button3:hover {width: 224px; height: 56px; display: block; background: url(../images/contact-uspng.png) center left no-repeat; text-indent: -5000px;}

a.contact-button3:active {width: 224px; height: 56px; display: block; background: url(../images/contact-uspng.png) bottom left no-repeat; text-indent: -5000px;}

a.contact-button4 {width: 224px; height: 56px; display: block; background: url(../images/contact-uspng.png) top left no-repeat; text-indent: -5000px; margin-left: 2px;}

a.contact-button4:hover {width: 224px; height: 56px; display: block; background: url(../images/contact-uspng.png) center left no-repeat; text-indent: -5000px;}

a.contact-button4:active {width: 224px; height: 56px; display: block; background: url(../images/contact-uspng.png) bottom left no-repeat; text-indent: -5000px;}

.most-commented{color: #4b5052; clear: both;}

.most-commented a.readmore {color: #3f658b; text-decoration: underline; margin-left: 10px; float: left; clear: right;}

.most-commented a.readmore:hover {color: #6692be; text-decoration: underline; margin-left: 10px; float: left; clear: right;}

.most-commented h1{color: #c5276d; font-size: 12px; font-family: "Arial", Helvetica, sans-serif; margin: 0px 0 0 0; padding: 0px; font-weight: bold; height: 15px; padding-top: 15px;}

.most-commented h1 a{text-decoration: none; color: #c5276d;}

.most-commented h1 a:hover{text-decoration: none; color: #ff5da5;}

.most-commented .date {color: #a6acae; font-size: 10px; font-family: "Arial", Helvetica, sans-serif; margin: 0px 0 0 0; padding: 0px; font-weight: normal;}

.most-commented .linkbits {margin-top: 5px;}

.most-commented .cmts {float: left; clear: right;}

.most-commented a.comments-link{background: url(../images/comment-balloons.gif) no-repeat top left; padding: 0 10px 0 24px; color: #3f658b; text-decoration: underline; float: left; clear: right;}

.most-commented a.comments-link:hover{background: url(../images/comment-balloons.gif) no-repeat top left; padding: 0 10px 0 24px; color: #6692be; text-decoration: underline;}

.most-commented .readmore {float: left; clear: right;}

ul.subscribe {list-style-type: none; margin: 0px; padding: 10px 0 0 10px;}

ul.subscribe li {background: url(../images/pink-rss.gif) no-repeat top left; padding: 0px 0 0 25px; margin: 0; font-size: 12px; height: 25px;}

ul.subscribe li a{color: #3f658b; text-decoration: none; margin: 3px 0 3px 0;}

ul.subscribe li a:hover{color: #6692be; text-decoration: none;}

#subcat-container .sub-right {width: 645px; float: left; min-height: 500px; background: url(../images/subcat-contentbg.gif) no-repeat top left; padding: 10px 0 20px 12px;}

.applist {margin-top: 5px; background: url(../images/subcat-bigfade.png) no-repeat top left; width: 616px; padding: 11px 10px 0 10px; font-size: 13px; color: #4b5052; line-height: 19px;}

.subcat-lists1 {float: left; clear: right; width: 282px;}

.subcat-lists2 {float: right; width: 282px;}

.apppad {padding: 20px 0 0 13px;}

.apppad2 {padding: 10px 0 10px 13px;}

ul.resource-cats {margin: 0px; padding: 0px; list-style-type: none;}

.cat-thumb2 {float: left; clear: both; padding: 0px 10px 0px 0;}

ul.resource-cats li{margin: 10px 0 0 0; padding: 0px; min-height: 35px;}

ul.resource-cats li h3{color: #3f658b; font-size: 13px; padding: 12px 0 0 0; margin: 0px; font-weight: bold; float: left; clear: right;}

ul.resource-cats li h4{color: #0a4374; font-size: 14px; padding: 0px 0 0 0; margin: 0 0 0 48px; font-weight: bold; clear: both; display: block;}

ul.resource-cats li a{color: #3f658b; font-size: 13px; padding: 0px; margin: 0px; font-weight: bold;}

ul.resource-cats li ul {display: block; margin: 0px 0 0 60px; padding: 0px; clear: both; list-style-type: none;}

ul.resource-cats li ul li{margin: 0px; padding: 0px; min-height: 20px; font-size: 12px; color: #002442;}

ul.resource-cats li ul li a{margin-right: 10px;} /************ resources **********/

ul.feature-tabs {z-index: 1;}

ul.feature-tabs a.online-marketing {background: url(../images/features/features-onlinemarketing.gif) no-repeat top left; width: 299px; height: 81px; display: block; float: left; clear: right; text-indent: -5000px;}

ul.feature-tabs a.online-marketing:hover {background: url(../images/features/features-onlinemarketing.gif) no-repeat bottom left; width: 299px; height: 81px; display: block; float: left; clear: right;}

ul.feature-tabs a.webdev {background: url(../images/features/features-webdev.gif) no-repeat top left; width: 298px; height: 81px; display: block; float: left; clear: right; text-indent: -5000px;}

ul.feature-tabs a.webdev:hover {background: url(../images/features/features-webdev.gif) no-repeat bottom left; width: 298px; height: 81px; display: block; float: left; clear: right;}

ul.feature-tabs a.browseall {background: url(../images/features/features-browseall.gif) no-repeat top left; width: 298px; height: 81px; display: block; float: left; clear: right; text-indent: -5000px;}

ul.feature-tabs a.browseall:hover {background: url(../images/features/features-browseall.gif) no-repeat bottom left; width: 298px; height: 81px; display: block; float: left; clear: right;}

.allcats-column-left {width: 359px; float: left; clear: right; padding-left: 90px;}

ul.allcats-list {color: #597b97; font-weight: bold; font-size: 14px; margin: 0 0 0 60px; padding: 0px; clear: both; list-style-type: none;}

ul.allcats-list li {height: 23px; display: block; clear: both; padding: 15px 11px 15px 11px;}

ul.allcats-list li img{float: left; clear: right; padding-top: -15px; margin: 0px;}

ul.allcats-list li a{color: #597b97;}

.allcats-underline {color: #2c669f; text-decoration: underline;}

ul.allcats-list li a:hover{text-decoration: none; text-decoration: underline;}

ul.allcats-list li ul{margin: 0px 0 5px 46px; padding: 0px; list-style-type: none; float: left; clear: both;}

.redtext {color: #a3547d;}

.allcats-column-right {width: 378px; float: left; padding-left: 70px;}

.allcats-header {display: block;}

.allcats-header img {float: left; clear: right;}

.allcats-header h4 {float: left; clear: right; padding: 14px 0 0 10px;} /*******************************/

ul.resource-cats2 {margin: 0px; padding: 0px 0 0 60px; list-style-type: none; clear: both;}

ul.resource-cats2 h3{font-size: 12px; color: #0a4374; margin: 5px 0 5px 20px; padding: 0px;}

.cat-thumb2 {float: left; clear: both; padding: 0px 10px 0px 0;}

ul.resource-cats2 li{margin: 5px 0 0 0; padding: 0px; min-height: 20px;}

ul.resource-cats2 li a{color: #3f658b; font-size: 13px; padding: 0px; margin: 0px; font-weight: bold; text-decoration: none;}

ul.resource-cats2 li a:hover{color: #3f658b; font-size: 13px; padding: 0px; margin: 0px; font-weight: bold; text-decoration: underline;}

ul.resource-cats2 li ul {display: block; margin: 0px 0 0 40px; padding: 0px 0 0 0; clear: both; list-style-type: none;}

ul.resource-cats2 li ul li{font-size: 11px; margin: 0px; padding: 0px; min-height: 20px;}

ul.resource-cats2 li ul li a{color: #3f658b; font-size: 11px; padding: 0px; margin: 0px; font-weight: bold; text-decoration: none;}

ul.resource-cats2 li ul li a:hover{color: #3f658b; font-size: 11px; padding: 0px; margin: 0px; font-weight: bold; text-decoration: underline;} /**************** client comparison *************/

.col1 {width: 376px; padding: 16px 0 16px 12px;}

.col2 {width: 66px;}

.col3 {width: 90px;}

.col4 {width: 72px;}

.row-bluebg {background-color: #f5f7f9;}

.tableprops {width: 616px;}

.client-holder {background: url(../images/clientbox-bg-fade.png) no-repeat top left; width: 620px; padding-top: 10px; clear: both;}

.comparison-box1 {width: 602px; background-color: #f5f7f9; padding: 16px 0px 16px 12px; display: block; margin: 0px auto;}

.comparison-box2 {width: 602px; background-color: transparent; padding: 16px 0px 16px 12px; display: block; margin: 0px auto;}

.comp-widgets{width: 345px; padding-right: 10px; float: left; clear: right; color: #4b5052; font-size: 13px;}

.comparison-box2 img, .comparison-box1 img {display: block; margin-left: auto; margin-right: auto; border: none;}

.basic {padding-top: 36px; width: 65px; float: left; clear: right;}

.premium {padding-top: 36px; width: 90px; float: left; clear: right;}

.ultimate {padding-top: 36px; width: 90px; float: left;}

.basic, .premium, .ultimate {font-weight: bold; font-size: 13px; color: #4b5052;}

.basic2, .premium2, .ultimate2 {padding-top: 0px;}

.comp-widgets h3 {font-size: 13px; color: #466b8d;}

.headerfloat {float: left; clear: right; width: 392px; margin: 0px; padding: 0px 0 0 0; text-indent: 10px;}

.partner-images {padding-top: 20px;}

.partner-images a img{display: block; margin-left: auto; margin-right: auto; border: none; clear: both; margin-bottom: 20px;} /************* faq ****************/

.faqbox {}

.faqbox h3 {color: #3f658b; padding: 28px 0 33px 0; margin: 0px;}

ul.faq-list {margin: 0px; padding: 0px; list-style-type: none; font-size: 13px; color: #0f4275;}

ul.faq-list li{line-height: 24px;}

ul.faq-list li a{color: #0f4275;}

.graytext {color: #4b5052; font-weight: bold; padding-right: 5px;} /*************** login ****************/

.client-login1 {width: 261px; float: left; clear: right; padding-top: 41px; font-size: 10px; padding-left: 55px;}

.client-login2 {width: 261px; float: left; padding-top: 41px; font-size: 10px;}

.client-login1 h3, .client-login2 h3{color: #4b5052; padding: 0 0 5px 0px; margin: 0px;}

.client-login1 input, .client-login2 input{background: url(../images/client-login-input.gif) no-repeat top left; width: 238px; height: 39px; font-size: 24px; color: #000000; border: none; clear: both; padding: 10px 0 0 8px; margin-bottom: 8px;}

.clogin-submit {float: right; width: 230px; padding-top: 20px; padding-right: 60px;}

.clogin-submit .ibox {width: 22px; clear: right; float: left;}

.clogin-submit input{background: none;}

span.checktext {float: left; font-size: 12px; padding-top: 2px;}

.submitbox {float: left; clear: right; width: 125px; padding-top: 10px;}

a.login-send {width: 97px; height: 35px; background: url(../images/refer-send2.png) top right no-repeat; float: right; text-indent: -5000px; outline-style: hidden;}

a.login-send:hover {width: 97px; height: 35px; background: url(../images/refer-send2.png) center right no-repeat;}

a.login-send:active {width: 97px; height: 35px; background: url(../images/refer-send2.png) bottom right no-repeat;} /**************** stuff ******************/

.stuff-column {width: 295px; float: left; clear: right; font-size: 13px; padding: 0 0px 0 0;}

.stuffbox {clear: both;}

.stuff-column h3 {color: #4b5052; padding: 25px 0 0 0; margin: 0px;}

.clients-list-box{background: url(../images/column-fade1.png) top left no-repeat; width: 228px; clear: both; padding-top: 5px;}

.clients-sidebox {width: 222px; margin: 0px auto; background: #f5f5f3 url(../images/clients-box-bottom.gif) bottom left no-repeat; padding: 28px 0 22px 0;}

.clients-sidebox a img {display: block; margin-left: auto; margin-right: auto; border: none; clear: both; margin-bottom: 22px;}

.client-testimonials-gray {background: #ebeff8 url(../images/testimonials-top2.gif) top left no-repeat; width: 198px; padding: 10px 10px 10px 10px; clear: both; font-style: italic; font-size: 12px; color: #4b5052; line-height: 20px;}

.test-bottom1-gray {background: url(../images/testimonials-bottom2.gif) no-repeat top left; width: 182px; padding: 25px 0 0px 36px; font-size: 12px; font-weight: bold; color: #4b5052; display: block;}

.test-bottom1-gray span.test-loc {font-weight: normal; color: #3f658b; display: block; padding-top: 6px;} /*********** tag cloud ***************/

.bigtagbox {width: 500px; height: 500px; margin: 0px auto;}

.littletagbox {width: 215px; margin: 0px auto;} /***** contact ********/

.contact-case {width: 616px; padding: 0px 10px 0 10px; font-size: 13px; color: #4b5052; line-height: 19px;}

.contact-case .contact-field {height: 40px; clear: both;}

.contact-case .contact-field2 {height: 120px; clear: both;}

.contact-case .labelbox {color: #475f77; font-weight: bold; font-size: 13px; float: left; clear: both; display: block; width: 90px; padding-top: 5px; margin: 10px 0 0 20px;}

.contact-case .inputbox {float: left; width: 350px; margin-top: 10px;}

.contact-case .inputbox input {width: 209px; height: 22px; border: 1px solid #bec1c0; background: url(../images/contact-input.gif) repeat-x top left; padding: 5px 0 0 4px; margin-top: 10px;}

.contact-case .inputbox2 {float: left; width: 350px; margin-top: 5px;}

.radiobox {padding-top: 2px; height: 20px; width: 20px; float: left; clear: both;}

.radiobox .radiolabel{padding-top: 0px; float: left; height: 30px; line-height: normal;}

.radiobox input{margin: 0px 5px 0 0;}

.radio-row {width: 200px; clear: both; height: 25px;}

.radio-input {width: 20px; float: left; clear: right; padding-top: 2px;}

.radio-label {width: 180px; float: left;}

.contact-case textarea{width: 346px; height: 146px; border: 1px solid #bec1c0; background: url(../images/contact-textarea.gif) repeat-x top left; padding: 4px 0 0 4px;}

.googmap {border: 6px solid #e4e7e8; width: 363px; height: 363px; float: left; clear: right; margin: 25px 18px 0 0;}

.addr-block {width: 192px; float: left; font-size: 13px; color: #4b5052; line-height: 20px;}

.addr-block h3{font-size: 13px; color: #4b5052; font-weight: bold; margin: 20px 0 0 0; padding: 0px;}

.addr-block a{color: #0f4275; text-decoration: underline;}

.addr-block a:hover{color: #2b67a3; text-decoration: underline;}

a.contact-send {width: 97px; height: 35px; display: block; background: url(../images/refer-send2.png) top left no-repeat; float: right; text-indent: -5000px; margin-top: 10px; outline: none;}

a.contact-send:hover {width: 97px; height: 35px; display: block; background: url(../images/refer-send2.png) center left no-repeat; float: right; text-indent: -5000px; margin-top: 10px; outline-style: hidden;}

a.contact-send:active {width: 97px; height: 35px; display: block; background: url(../images/refer-send2.png) bottom left no-repeat; float: right; text-indent: -5000px; margin-top: 10px; outline-style: hidden;} /******** blog *********/

#columbbg-wide2 {background: url(../images/content-bg-blog-big.gif) no-repeat top left; width: 622px; padding: 20px 20px 100px 20px; float: left; clear: right;}

#sidebar-wide2 {width: 202px; padding: 50px 0 0 23px; float: left; clear: right;}

#sidebar-wide3 { /* width: 212px; */width: 228px; padding: 50px 0 0 23px; float: left; clear: right;}

.blog-titlebits {color: #8b8e8d; font-size: 11px; height: 35px;}

.blog-titlebits a{color: #bf1358; font-size: 11px; text-decoration: none;}

.blog-titlebits a:hover{text-decoration: underline;}

.blog-title-image {width: 80px; float: left; clear: both; height: 80px;}

.blog-title {float: left; padding-top: 7px; width: 535px;}

.blog-title2 {float: left; padding-top: 7px; width: 350px;}

.blog-entry {font-size: 13px; color: #4b5052; clear: both; line-height: 19px;}

.blog-entry2 {font-size: 13px; color: #4b5052; clear: both; line-height: 22px; padding: 10px;}

.blog-entry2 p{margin: 0px; padding: 0px;}

.blogimg {float: left; clear: right; padding-right: 10px;}

.blog-postbits {color: #bf1358; float: right; clear: both; height: 40px; padding-right: 7px;}

a.blog-readmore {color: #bf1358; text-decoration: none; font-size: 13px; font-weight: bold; background: url(../images/blog-readmore.gif) no-repeat center left; padding-left: 20px;}

a.blog-readmore:hover {color: #ef5190; text-decoration: none; font-size: 13px; font-weight: bold; background: url(../images/blog-readmore.gif) no-repeat center left; padding-left: 20px;}

a.blog-readmore1 {color: #bf1358; text-decoration: none; font-size: 13px; font-weight: bold; background: url(../images/blog-readmore.gif) no-repeat center left; padding-left: 20px; margin-right: 5px;}

a.blog-readmore1:hover {color: #ef5190; text-decoration: none; font-size: 13px; font-weight: bold; background: url(../images/blog-readmore.gif) no-repeat center left; padding-left: 20px;}

a.blog-comments {color: #bf1358; text-decoration: none; font-size: 13px; font-weight: normal; background: url(../images/cmt-balloons.gif) no-repeat center left; padding-left: 20px;}

a.blog-comments:hover {color: #ef5190; text-decoration: none; font-size: 13px; font-weight: normal; background: url(../images/cmt-balloons.gif) no-repeat center left; padding-left: 20px;}

a.blog-comments2 {color: #bf1358; text-decoration: none; font-size: 13px; font-weight: normal; background: url(../images/cmt-balloons.gif) no-repeat center left; padding-left: 20px; padding-right: 5px;}

a.blog-comments2:hover {color: #ef5190; text-decoration: none; font-size: 13px; font-weight: normal; background: url(../images/cmt-balloons.gif) no-repeat center left; padding-left: 20px;}

.sharethis-box {width: 620px; background: url(../images/clientbox-bg-fade.png) no-repeat top left; padding: 5px 0 0px 0; clear: both;}

a.sharethis-article {background: url(../images/share-article.gif) top left; height: 22px; width: 141px; display: block; text-indent: -4000px;}

a.sharethis-article:hover {background: url(../images/share-article.gif) bottom left; height: 22px; width: 141px; display: block; text-indent: -4000px;}

.rss-box {width: 460px; float: left; clear: right; height: 40px;}

a.rss-link {color: #cf2466; font-size: 11px; background: url(../images/pink-rss.gif) center left no-repeat; padding-left: 20px; height: 20px; display: block; padding-top: 5px;}

.linkto-box {width: 605px; height: 43px; background: url(../images/linkto-bg.gif) no-repeat top left; display: block; margin: 0px auto; font-size: 12px; color: #385f88; clear: both; font-weight: bold; line-height: 29px; text-indent: 20px; padding-top: 7px;}

.linkto-box .label{float: left; clear: right; width: 130px; text-align: left;}

.linkto-box .bubble{float: left; clear: right; width: 64px;}

.linktobox .bubble-img {width: 64px; height: 26px; float: left; clear: right;}

.linkto-box input{margin-left: 8px; float: left; clear: right; background: url(../images/linkto-inputbg.gif) no-repeat top left; width: 453px; height: 21px; border: 1px solid #aeb3b6; color: #6b6b6b; padding-top: 6px; text-indent: 5px;}

.linkto-box .inputbox {float: left; clear: right; width: 395px;}

.rel-entries ul{margin: 0px; padding: 5px 0 0px 10px; list-style-type: none;}

.rel-entries ul li {background: url(../images/list-arrow.gif) no-repeat center left; font-size: 12px; color: #465e76; text-indent: 10px; line-height: 20px;}

.rel-entries ul li a{text-decoration: none; color: #465e76;}

.rel-entries ul li a:hover{text-decoration: underline; color: #465e76;}

.comments-box1 {width: 585px; float: right; margin-bottom: 20px;}

.comments-box2 {width: 565px; float: right; margin-bottom: 20px;}

.comments-box3 {width: 545px; float: right; margin-bottom: 20px;}

.comments-box4 {width: 525px; float: right; margin-bottom: 20px;}

.comments-box5 {width: 505px; float: right; margin-bottom: 20px;}

.comments-box6{width: 485px; float: right; margin-bottom: 20px;}

.comments-box7{width: 465px; float: right; margin-bottom: 20px;}

.comments-box8{width: 445px; float: right; margin-bottom: 20px;}

.comments-bar {background-color: #f0f4f5; color: #495f77; font-size: 12px; font-weight: normal; height: 28px; padding-top: 15px; padding-left: 20px;}

.comments-bar span.comment-name {font-weight: bold;}

.comment-entry {font-size: 12px; color: #848484; padding: 10px 20px;}

a.reply-comments {color: #456179; text-decoration: none; font-size: 13px; font-weight: bold; background: url(../images/reply-icon.gif) no-repeat center left; padding-left: 20px; margin-left: 20px;}

a.reply-comments:hover {color: #6c8ba5; text-decoration: none; font-size: 13px; font-weight: bold; background: url(../images/reply-icon.gif) no-repeat center left; padding-left: 20px; margin-left: 20px;}

a.submit-button {background: url(../images/submit-button.gif) top left; height: 43px; width: 113px; display: block; text-indent: -4000px; margin: 10px 0 0 0;}

a.submit-button:hover {background: url(../images/submit-button.gif) center left; height: 43px; width: 113px; display: block; text-indent: -4000px; margin: 10px 0 0 0;}

a.submit-button:active {background: url(../images/submit-button.gif) bottom left; height: 43px; width: 113px; display: block; text-indent: -4000px; margin: 10px 0 0 0;}

.blog-paginator {padding: 5px 0 20px 10px;}

.blog-paginator a{font-size: 10px; color: #71879f; padding: 1px 4px;}

.blog-paginator a:hover{font-size: 10px; color: #71879f; padding: 1px 4px; background-color: #d9e9f8; text-decoration: none;}

.blog-paginator a.active {font-weight: bold; color: #124175; background-color: #d9e9f8;}

a.blog-readmore2 {color: #bf1358; text-decoration: none; font-size: 13px; font-weight: bold; background: url(../images/readmore-arrow.gif) no-repeat center right; padding-right: 20px; padding-left: 5px;}

a.blog-readmore2:hover {color: #ef5190; text-decoration: none; font-size: 13px; font-weight: bold; background: url(../images/readmore-arrow.gif) no-repeat center right; padding-right: 20px;}

.news-column1 {width: 342px; float: left; clear: right; padding: 20px 0 0 10px;}

.news-column2 {width: 244px; float: right; padding: 20px 0 20px 0;}

.news-column2 a img {display: block; margin-left: auto; margin-right: auto; border: none; clear: both; margin-bottom: 10px;}

.blog-article-box {background: transparent url(../images/article-box-bg.png) repeat-x top left; width: 340px; padding: 10px 0 0 10px; clear: both;}

.blog-article-big-box {width: 620px; background: url(../images/clientbox-bg-fade.png) no-repeat top left; padding: 5px 0 0px 0; clear: both;}

.showcase-small-text {width: 604px; font-size: 13px; line-height: 19px; padding-left: 10px; color: #4c5053;}

a.big-rss {display: block; background: url(../images/big-rss.png) no-repeat top left; width: 70px; height: 23px; float: left; margin: 20px 0 20px 20px; color: #ca1e64; padding: 145px 0 0 100px; font-size: 12px; font-weight: bold;}

a.big-rss:hover {display: block; background: url(../images/big-rss.png) no-repeat bottom left; width: 70px; height: 23px; float: left; margin: 20px 0 20px 20px; color: #e63b82; padding: 145px 0 0 100px; font-size: 12px; text-decoration: none;}

a.newerpost {color: #bf1358; text-decoration: none; font-size: 18px; font-weight: bold; background: url(../images/readmore-arrow2.gif) no-repeat center left; padding-left: 20px;}

a.newerpost:hover {color: #ef5190; text-decoration: none; font-size: 18px; font-weight: bold; background: url(../images/readmore-arrow2.gif) no-repeat center left; padding-left: 20px;}

a.olderpost {color: #bf1358; text-decoration: none; font-size: 18px; font-weight: bold; background: url(../images/readmore-arrow.gif) no-repeat center right; padding-right: 20px; float: right;}

a.olderpost:hover {color: #ef5190; text-decoration: none; font-size: 18px; font-weight: bold; background: url(../images/readmore-arrow.gif) no-repeat center right; padding-right: 20px; float: right;} /********* breadcrumbs ***********/

.breadcrumbs {font-size: 12px; color: #00111e; line-height: 22px;}

.breadcrumbs a {font-size: 12px; color: #3f658b; text-decoration: none; margin: 0 5px 0 5px;}

.breadcrumbs a:hover {font-size: 12px; color: #3f658b; text-decoration: underline;} /* menu styles */

#jsddm {margin: 0; padding: 0;}

#jsddm li {float: left; list-style: none; font: 12px Tahoma, Arial;}

#jsddm li a {display: block; padding: 5px 12px 5px 0px; text-decoration: none; color: #577899; white-space: nowrap; background: transparent;}

#jsddm li a:hover {text-decoration: underline;}

#jsddm li a.active {display: block; padding: 5px 12px 5px 0px; text-decoration: underline; border-right: 0px solid white; color: #577899; white-space: nowrap; background: transparent;}

#jsddm li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; background: #ffffff url(../images/dropdown-bg-tile.gif) repeat-x top left; border: 1px solid #98a8b2;}

#jsddm li ul li {float: none; display: inline;}

#jsddm li ul li a {width: auto; color: #24313C; text-indent: 10px; text-decoration: none;}

#jsddm li ul li a:hover {background: #dee5e7; text-decoration: none; color: #476076;} /************** badge *************/ /* .badge { width: 271px; height: 189px; background: url(../images/badge-bg.png) no-repeat top left; } */

.badge {width: 241px; height: 184px; background: url(../images/badge-bg2.png) no-repeat top left; padding-top: 3px; margin-top: 5px;}

h1.badgetitle {color: #ffffff; font-size: 18px; margin: 0px auto; padding: 0px; text-align: center; font-family: "Verdana", Geneva, sans-serif;}

h1.badgetitle-sub {color: #ffffff; font-size: 12px; margin: 0px auto; padding: 0px; text-align: center; font-weight: normal; font-family: "Verdana", Geneva, sans-serif;}

.badge-icons {width: 231px; height: 103px; padding: 19px 0 0 25px;}

.social-icons {width: 50px; float: left; clear: right;}

.badge-pic {width: 100px; height: 100px; float: left; padding-left: 4px;}

a.badge-linkedin {display: block; width: 50px; height: 50px; background: url(../images/social-icons/badge-linkedin.gif) no-repeat top left;}

a.badge-linkedin:hover {background: url(../images/social-icons/badge-linkedin.gif) no-repeat bottom left;}

a.badge-facebook {display: block; width: 50px; height: 50px; background: url(../images/social-icons/badge-facebook.gif) no-repeat top left;}

a.badge-facebook:hover {background: url(../images/social-icons/badge-facebook.gif) no-repeat bottom left;}

a.badge-twitter {display: block; width: 50px; height: 50px; background: url(../images/social-icons/badge-twitter.gif) no-repeat top left;}

a.badge-twitter:hover {background: url(../images/social-icons/badge-twitter.gif) no-repeat bottom left;}

a.badge-youtube {display: block; width: 50px; height: 50px; background: url(../images/social-icons/badge-youtube.gif) no-repeat top left;}

a.badge-youtube:hover {background: url(../images/social-icons/badge-youtube.gif) no-repeat bottom left;} /*******badge small*******/ /************** badge *************/ /* .badge { width: 271px; height: 189px; background: url(../images/badge-bg.png) no-repeat top left; } */

.small-badge {width: 231px; height: 175px; background: url(../images/badge/small-badge-bg.png) no-repeat top left; padding-top: 3px; margin-top: 1px;}

h1.small-badgetitle {color: #ffffff; font-size: 18px; margin: 0px auto; padding: 0px; text-align: center; font-family: "Verdana", Geneva, sans-serif; width: 185px;}

h1.small-badgetitle-sub {color: #ffffff; font-size: 12px; margin: 0px auto; padding: 0px; text-align: center; font-weight: normal; font-family: "Verdana", Geneva, sans-serif; width: 185px;}

.small-badge-icons {width: 90px; height: 90px; padding: 19px 0 0 35px; float: left; clear: right;}

.small-social-icons {width: 50px; float: left; clear: right;}

.small-badge-pic {width: 68px; height: 60px; float: left; padding-left: 4px; padding: 19px 0 0 0px;}

.badge-link-row {clear: both; height: 41px;}

.badge-link-holder{float: left; clear: right; width: 41px; height: 41px; position: relative;}

.badge-link-holder-img {padding: 0px 0 0 0px;}

a.badge-link-over {width: 41px; height: 41px; background: url(../images/blank.gif) repeat top left; position: absolute;}

a.badge-link-over:hover {background: url(../images/badge/badge-link-overlay.png) no-repeat top left;} /**************/

.tier1 {display: block; clear: both; height: 36px; color: #3f658b; font-size: 13px; line-height: 36px; margin: 10px 0 10px 0;}

.tier1 a {color: #3f658b; font-weight: bold; text-decoration: none;}

.tier1 a:hover {text-decoration: underline;}

.tier-title {color: #0f4275; font-weight: bold; font-size: 14px; margin: 5px 0 15px 45px; clear: both;}

.tier2 {display: block; clear: both; height: 22px; font-size: 12px; color: #00264c; margin-left: 55px; font-family: "Arial", Helvetica, sans-serif;}

.tier2 a {text-decoration: none; font-size: 12px; color: #3f658b; font-weight: bold;}

.tier2 a:hover {text-decoration: underline;}

.loginforms input{background: url(../images/refer-input.png) no-repeat center left; width: 141px; height: 23px; /*color: #691438;*/ color: #ff9dd7; font-size: 13px; border: none; padding-top: 4px; padding-left: 10px;} /**** login *****/

.main-login {margin: 0px auto; width: 400px; padding: 150px 0 100px 0;}

.login-box {width: 200px; float: left; clear: right;}

.login-label {font-size: 12px; color: #55626e;}

.main-login input{background: url(http://cms.jamesgillmore.com/images/input-bg-tile.gif) repeat-x top left; border: 1px solid #c9c9c9; color: #6e7578; font-size: 12px; width: 180px; height: 21px; padding-top: 5px; padding-left: 5px;}

.main-login input.login-send {width: 97px; height: 35px; display: block; background: url(../images/refer-send2.png) top right no-repeat; float: right; text-indent: -5000px; margin: 10px 10px 0 0; outline: none; border: none; font-size: 1px; cursor: pointer;}

.main-login input.login-send:hover {background: url(../images/refer-send2.png) center right no-repeat;}

.main-login input.login-send:active {background: url(../images/refer-send2.png) bottom right no-repeat;}

.login-errbox {height: 30px; text-align: center; color: #d20000;}

.main-tier-title-image {float: left; clear: right; width: 33px;}

.main-tier-title {float: left; clear: right; padding-top: 10px; width: 150px;}

.c-error-text {font-size: 12px; color: #d20000;} /******* new resources *********/

.featurebuttons-box {width: 710px; margin: 0px auto;}

.featurebuttons-link-holder {width: 236px; height: 194px; float: left; clear: right; color: #2c669f; font-size: 14px; font-weight: bold; text-align: center;}

.featurebuttons-link-holder a{margin: 0px; padding: 0px; color: #2c669f; text-decoration: none;}

.featurebuttons-link-holder a:hover{color: #4d87bf;}

.featurebuttons-link-holder .feature-name {padding-top: 24px;}

.featurebuttons-link-holder a img{display: block; margin-left: auto; margin-right: auto; border: none;}

a.feature-link {position: absolute; display: block; width: 236px; height: 184px; padding-top: 10px; background: url(../images/blank.gif) no-repeat top left;}

a.feature-link:hover {background: url(../images/resources-link-bg.png) no-repeat top left;} /************/

li.dsq-widget-item {font-size: 13px !important; min-height: 36px !important; clear:both !important; list-style-type:none !important; text-align: left !important; width: 283px !important; color: #60859b !important; border-bottom: 2px dotted #2f3d49 !important; padding-top: 7px !important; padding-bottom: 3px !important; clear: both !important; float: left !important; margin: 0px !important;}

.dsq-widget ul.dsq-widget-list {margin: 0; padding: 0 0 10px 0; text-align: left; font-size: 13px; letter-spacing: 0px;}

a.dsq-widget-thread {color: #66a8c3 !important; font-size: 13px !important; letter-spacing: normal !important; font-weight: bold !important;} /**************************/

.appdev .dsq-widget-list {margin-left: 10px !important;}

.appdev li.dsq-widget-item {font-size: 13px !important; height: auto !important; clear:both !important; list-style-type:none !important; text-align: left !important; width: 195px !important; color: #60859b !important; border-bottom: 0px dotted #2f3d49 !important; padding:0 0 15px 13px !important; clear: both !important; float: left !important; margin: 0px !important; line-height: 14px !important; background: url(../images/list-arrow3.gif) top left no-repeat !important;}

.appdev .dsq-widget ul.dsq-widget-list {margin: 0; padding: 0 0 10px 0; text-align: left; font-size: 13px; letter-spacing: 0px;}

.appdev a.dsq-widget-thread {color: #66a8c3 !important; font-size: 13px !important; letter-spacing: normal !important; font-weight: bold !important;}

h2.dsq-widget-title {clear: both; color: #0F4275; display: block; font-family: "Georgia", Times New Roman, Times, serif; font-size: 25px; font-weight: normal; line-height: 32px; margin: 0; padding:10px 0 10px 10px !important;} /***Most commented disqus widget***/

.left-cat .dsq-widget-list {margin-left: 10px !important;}

.left-cat li.dsq-widget-item {font-size: 13px !important; height: auto !important; clear:both !important; list-style-type:none !important; text-align: left !important; width: 195px !important; color: #60859b !important; border-bottom: 0px dotted #2f3d49 !important; padding:0 0 5px 13px !important; clear: both !important; float: left !important; margin: 0px !important; line-height: 14px !important; background: url(../images/list-arrow3.gif) top left no-repeat !important;}

.left-cat .dsq-widget ul.dsq-widget-list {margin: 0; padding: 0 0 10px 0; text-align: left; font-size: 13px; letter-spacing: 0px;}

.left-cat a.dsq-widget-thread {color: #66a8c3 !important; font-size: 13px !important; letter-spacing: normal !important; font-weight: bold !important;}

.left-cat #dsq-popthreads a{color: #66a8c3 !important;}

#dsq-content .dsq-by {float:right !important; display: none !important;} /*******************/

#RaF_thanks {text-align: center;} /*** admin styles ***/

.admin-box {width: 900px; margin: 0px auto; border: 0px solid #666; padding-top: 40px;}

.admin-box h1 {font-family: "Arial", Helvetica, sans-serif; color: #0f4275; font-size: 26px; margin: 0px 0 0 0; padding: 0px; font-weight: normal;}

.admin-box a{color: #0f4275;}

.admin-box a:hover{color: #1a6bbc; text-decoration: none;}

a.admin-edit {display: block; float: left; clear: right; background: url(../images/admin-controls.png) top right no-repeat; width: 21px; height: 20px; text-indent: -5000px;}

a.admin-edit:hover{background: url(../images/admin-controls.png) bottom right no-repeat;}

a.admin-del {display: block; float: left; clear: right; background: url(../images/admin-controls.png) top left no-repeat; width: 21px; height: 20px; text-indent: -5000px;}

a.admin-del:hover{background: url(../images/admin-controls.png) bottom left no-repeat;}

center {float: left;}

.p-title {font-size: 14px; font-weight: bold; color: #2f6295; padding: 5px 0;}

.addpage {float: left; clear: right; /* width: 500px; */}

.addpage input{border: 1px solid #cccccc; background: #fff; height: 21px; padding-top: 4px;}

.addpage textarea{border: 1px solid #cccccc; background: #fff; height: 180px; padding-top: 10px; padding-bottom: 10px;}

.addpage select{ margin-right: 10px;}

.smallinp {width: 200px; float: left; clear: right;}

.smallinp input{border: 1px solid #cccccc; background: #fff; height: 21px; padding-top: 4px;}

.inp-btn {width: 74px; float: left; clear: right; padding-left: 10px;}

.generate-btn {display: block; width: 89px; color: #f063ab; height: 27px; border: 0px; cursor: pointer; overflow: hidden; text-indent: -5000px; font-size: 0px; background: url(../images/generate-btn.png) top left no-repeat; margin: 0 5px;}

.generate-btn:hover {background: url(../images/generate-btn.png) bottom left no-repeat;}

.cancel-btn {display: block; width: 89px; color: #f063ab; height: 27px; border: 0px; cursor: pointer; overflow: hidden; text-indent: -5000px; font-size: 0px; background: url(../images/cancel-btn.gif) top left no-repeat; margin: 0 5px;}

.cancel-btn:hover {background: url(../images/cancel-btn.gif) bottom left no-repeat;}

.save-btn {display: block; width: 63px; color: #f063ab; height: 27px; border: 0px; cursor: pointer; font-size: 0pt; text-indent: -5000px; background: url(../images/generate-btn.png) top right no-repeat; overflow: hidden; margin: 0px; padding: 0px;}

.save-btn:hover {background: url(../images/generate-btn.png) bottom right no-repeat;}

.catbox {width: 230px; padding-left: 20px;}

ul#left_cat_content {list-style-type: none; margin: 10px 0 10px 0; padding: 0px;}

.edit-btn {color: #f276bb; font-size: 1px; display: block; width: 53px; height: 27px; background: url(../images/ed-ad-del.png) top left no-repeat; text-indent: -5000px; float: left; clear: right; cursor: pointer; margin: 0px; padding: 0px; border: 0px;}

.edit-btn:hover {background: url(../images/ed-ad-del.png) bottom left no-repeat;}

.add-btn {color: #f276bb; font-size: 1px; display: block; width: 53px; height: 27px; background: url(../images/ed-ad-del.png) top center no-repeat; text-indent: -5000px; float: left; clear: right; cursor: pointer; margin: 0px; padding: 0px; border: none; border: 0px;}

.add-btn:hover {background: url(../images/ed-ad-del.png) bottom center no-repeat; text-indent: -5000px;}

.del-btn {color: #f276bb; font-size: 1px; display: block; width: 53px; height: 27px; background: url(../images/ed-ad-del.png) top right no-repeat; text-indent: -5000px; float: left; clear: right; cursor: pointer; margin: 0px; padding: 0px; border: none; border: 0px;}

.del-btn:hover {background: url(../images/ed-ad-del.png) bottom right no-repeat;}

.secondary-nav { width: 250px; float: left; clear: right; padding-top: 13px}

.secondary-content1 { float: left; width: 620px;}

.secondary-content1 h2 { margin: 0px; padding-top: 10px;}

.secondary-content1 p { font-size: 13px; line-height: 19px; color: #4b5052; margin-top: 0px; padding-top: 10px; }

.secondary-content2 { clear: both; margin: 0px;}

.secondary-content2 h2 { margin: 0px; padding-top: 10px;}

.secondary-content2 p { font-size: 13px; line-height: 19px; color: #4b5052; margin-top: 0px; padding-top: 10px; } 

.leftheader { background: url(../images/rounded-containers2.png) top right no-repeat; font-size: 18px; width: 210px; height: 30px; color: #fff; padding: 7px 0 0 10px; }

ul.sidebarList { list-style-type: none; margin: 0px; padding: 0 0 10px 0; } 

ul.sidebarList li { display: block; margin-top: 3px; width: 215px; height: 24px; padding-top: 5px; background-color: #d1e0ec; padding-left: 5px; }

ul.sidebarList li:hover { background-color: #e9bcd5; }

ul.sidebarList li a{ display: block; color: #000; text-decoration: none; width: 215px; height: 24px; }

ul.sidebarList li a:hover{ background-color: #e9bcd5; }

.adminblue { color: #0f4275; font-size: 12px; font-weight: bold; }
.adminblue2 { color: #0f4275; font-weight: bold; }

.pagenav a{ padding: 0 3px;}