html {background: url(../img/inbite-bg.jpg) top center no-repeat #390A4A;}
body {margin: 0; text-align: center; font-family: arial, tahoma, "trebuchet ms"; font-size: 12px; color: #000000;}

/* Header */
.headerArea {width: 920px; margin: 0 auto 0 auto;}
.headerLogo {width: 300px; height: 115px; float: left; background: url(../img/inbite-logo.png) top left no-repeat; margin: 0 0 0 20px;}
.headerContact {text-align: right; padding: 10px 20px 0 0;}
.headerNav {padding: 30px 20px 0 0; text-align: right;}
.clear {clear: both; height: 1px; overflow: hidden;}
.headerLogo a {display: block; width: 215px; height: 115px; text-decoration: none;}
.headerContact a {margin: 0 0 0 5px; text-decoration: none;}
.headerNav a {font-size: 16px; margin: 0 0 0 25px; color: #FFFFFF; font-weight: bold; text-decoration: none;}

.headerCall {background: url(../img/header-call-back.png) center no-repeat; width: 190px; height: 30px; font-weight: bold; color: #FFFFFF; float: right;}
.callNumber {color: #FF00FF;}

/* Fancy Preview Block */
.showBlock {position: relative; height: 390px; width: 920px; margin: 0 auto 0 auto;}
.showBlock-1 {position: absolute; top: 0; left: 0; background: url(../img/blocks/1-newton.png) center no-repeat; width: 920px; height: 390px;}
.showBlock-2 {position: absolute; top: 0; left: 0; background: url(../img/blocks/2-rateaface.png) center no-repeat; width: 920px; height: 390px;}

.aboutBlock {position: relative; height: 223px; width: 920px; margin: 0 auto 0 auto;}
.aboutBlock-1 {position: absolute; top: 0; left: 0; background: url(../img/blocks/about-block.png) center no-repeat; width: 920px; height: 223px;}

/* Main Content */
.contentArea {width: 892px; margin: 20px auto 0 auto;}
.contentTop {background: url(../img/content-top.png) top center no-repeat; height: 16px;}
.contentBtm {background: url(../img/content-btm.png) bottom center no-repeat; height: 16px;}
.contentCen {background: #FFFFFF;}
.contentMain {margin: 0; padding: 0px 20px 0px 20px; border: 0;}

.contentMain h1 {margin: 0 0 1em 0; font-size: 24px;}
.contentMain h2 {margin: 0 0 1em 0; font-size: 20px;}
.contentMain h3 {margin: 0 0 1em 0; font-size: 18px;}
.contentMain p {margin: 0 0 1em 0; font-size: 12px;}

.pageHeader {border-bottom: 2px solid #FF00FF; text-align: left;}
.pageHeader h1 {color: #FF00FF; margin: 0 0 5px 0; font-size: 20px;}
.pageContent {text-align: left; padding: 0 0 20px 0;}
.pageContent p {margin: 1em 0 0 0; color: #373737; font-size: 14px;}
.pageContent p.darkp {margin: 1em 0 0 0; font-weight: bold; color: #373737; font-size: 14px;}
.pageContent img {float: left; margin: 0 20px 0 0;}

a.highlightLink {font-size: 16px; color: #9900CC; text-decoration: none; font-weight: bold;}
a.highlightLink:hover {font-size: 16px; color: #390A4A; text-decoration: underline; font-weight: bold;}


/* Footer */
.footerArea {width: 900px; margin: 0 auto 0 auto; padding: 20px 0 20px 0;}
.footerInner {font-size: 11px; color: #999999; line-height: 1.5em;}
.footerInner a {font-size: 11px; color: #999999; text-decoration: none;}
.footerInner a:hover {font-size: 11px; color: #FFFFFF; text-decoration: underline;}

/* Services Page */
.serviceType {width: 30%; float: left; margin: 0 5px 0 0; padding: 15px 0 0 0;}
#serviceList {margin: 0; padding: 0; border: 0;}
#serviceList li {height: 20px; margin: 0 0 0 1em; list-style: square;}
#serviceList li a {color: #000000;}
#serviceList li a:hover {color: #333333;}


/* Services Table */
.servicesTDT {border-bottom: 1px solid #FF00FF;}
.servicesTDT h3 {margin: 0; font-size: 14px; font-weight: bold;}
.servicesTD {border-bottom: 1px solid #CCCCCC;}
.servicesTD a {color: #000000; text-decoration: underline;}
.servicesTD a:hover {color: #000000; text-decoration: underline; font-weight: bold;}
.price {margin: 0 0 0 15px; font-size: 14px; font-weight: bold;}

/* mBubble - by Mark Willis */
.bubble-off {display: none; height: 1px; overflow: hidden; width: 1px; position: absolute; left: 0px; top: 0px;}
.bubble-on {position: absolute; left: 0px; top: 0px; width: 300px; background: #FFFFFF; border: 1px solid #000000; text-align: left; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}
.bubble-inside {padding: 10px; color: #000000;}
.portPic {margin: 3px 0 0 0;}

/* FB Fan Holder */
.fbFanHolder-off {position: absolute; display: none; left: 0px; top: 0px; width: 300px; z-index: 500;}
.fbFanHolder-on {position: absolute; display: block; left: 0px; top: 0px; width: 300px; z-index: 500;}
.fbFanHolderInner {background: #FFFFFF; border: 5px solid #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: absolute; width: 300px; z-index: 600; padding: 0 0 10px 0;}
.fbFanHolderInner a {color: #000000; font-size: 12px;}

/* mFloat - by Mark Willis */
.mFloat-wrapper {position: relative; padding: 0; margin: 0; border: 0;}
.mFloatBlock-off {display: none; height: 1px; overflow: hidden; width: 1px; position: absolute; left: 0px; top: 0px;}
.mFloatBlock-on {position: absolute; display: block; left: 0px; top: 0px; width: 600px; background: url(floater/img/shade-border-dark.png); font-size: 12px; margin: 0 auto 0 auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 100;}
.mFloat-inner {background: #FFFFFF; font-size: 12px; margin: 10px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 1px solid #FF00FF; color: #333333;}
.mFloat-main {padding: 10px; color: #333333; text-align: left;}
.mFloat-main a {color: #000000;}
.mFloat-main a:hover {color: #999999;}
.mFloat-close {text-align: right; float: right; padding: 0; background: url(floater/img/close-button.png) center no-repeat;}
.mFloat-close a {display: block; width: 20px; height: 20px;}
.mFloat-section {border-bottom: 1px solid #CCCCCC; padding: 10px;}
.mFloat-section h1 {margin: 0;}
.mFloat-section h2 {margin: 0;}
.mFloat-section h3 {margin: 0;}
.mFloat-section p {color: #333333;}
.mFloat-section a {color: #000000; text-decoration: underline;}
.mFloat-section a:hover {color: #000000; text-decoration: none;}
.mFloatClear {clear: both; height: 1px; overflow: hidden;}