body { margin: 0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #000000; background-image: url(images/header-bg.png); background-position: top; background-repeat: repeat-x; cursor: default; text-align: center; }

a { color: #000000; text-decoration: underline; }
a:hover { text-decoration: none; }

.clear { clear: both; }

.header { width: 1254px; height: 125px; margin: 0 auto; }
.header .logo { width: 354px; height: 125px; display: block; float: left; }
.header .menu { width: 900px; height: 125px; float: left; }
.header .menu form { width: 317px; height: 28px; margin: 27px 0 0 0; padding: 0; float: right; }
.header .menu form .text { width: 279px; height: 28px; background-image: url(images/search-form.png); background-position: top; background-repeat: no-repeat; float: left; border: 0; color: #ffffff; margin: 0; padding: 0 0 0 4px; }
.header .menu form .button { width: 34px; height: 28px; background-image: url(images/search-button.png); background-position: top; background-repeat: no-repeat; float: left; border: 0; margin: 0; padding: 0; cursor: pointer; }
.header .menu ul { margin: 27px 0 0 0; padding: 0; float: right; }
.header .menu ul li { list-style: none; width: 122px; height: 43px; margin: 0; padding: 0; float: left; background-image: url(images/menu-separator.png); background-position: right; background-repeat: no-repeat; }
.header .menu ul li a { width: 120px; height: 43px; background-image: url(images/menu-notactive.png); background-position: top; background-repeat: repeat-x; float: left; line-height: 42px; font-size: 16px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px #000000; text-decoration: none; }
.header .menu ul li a:hover { background-image: url(images/menu-active.png); }
.header .menu ul li a.current { background-image: url(images/menu-active.png); }
.header .menu ul li.last { width: 120px; background-image: none; }

.footer { width: 100%; height: 85px; background-image: url(images/footer-bg.png); background-position: top; background-repeat: repeat-x; text-align: center; margin: 20px 0 0 0; }
.footer a { color: #00b0f9; }
.footer .footer-inner { width: 1254px; height: 85px; text-align: center; margin: 0 auto; }
.footer .footer-inner .footer-logo { width: 231px; height: 85px; display: block; float: left; }
.footer .footer-inner .copyright { width: 231px; float: left; margin: 26px 0 0 0; color: #ffffff; text-align: right; }
.footer .footer-inner .center { width: 792px; margin: 26px 0 0 0; text-align: center; color: #00b0f9; float: left; }

.content { width: 1254px; margin: 0 auto; text-align: left; }
.content .tabs { width: 1280px; margin: 25px 0 0 0; }
.content .tabs .tab { width: 231px; height: 289px; background-position: 0 0; background-repeat: no-repeat; margin: 0 25px 0 0; float: left; text-align: center; }
.content .tabs .tab:hover { background-position: 0 100%; }

.tab1 { background-image: url(images/grey-onlinemarketing.png); }
.tab2 { background-image: url(images/grey-websitemaintenance.png); }
.tab3 { background-image: url(images/grey-onlinestoremanagement.png); }
.tab4 { background-image: url(images/grey-contentmanagement.png); }
.tab5 { background-image: url(images/grey-onlineinventorymanagement.png); }

.current .tab-text { color: #ffffff; }

.tab-text { width: 190px; height: 78px; display: block; overflow: hidden; margin: 130px auto 0 auto; font-size: 12px; text-align: center; color: #666666; }
.tab:hover .tab-text { color: #ffffff; }
.tab-link { width: 117px; height: 40px; display: block; margin: 10px auto 0 auto; }

.content h1 { font-size: 24px; font-weight: normal; }
.content p { margin: 10px 0; }