/* 
** Global settings
*/

body, html {
   z-index: 0;
   margin: 0px;
   border: 0px;
   padding: 0px;
   font-size: 100%;
   height: 100%;
   width: 100%;
   top: 0px;
   left: 0px;
   font-family: Helvetica, Arial, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
   position: absolute;
   background-color: #c0c3bd;
}

:active, :focus { 
   outline: none; 
}

.bold {
   font-weight: bold;
}

.italic {
   font-style: italic;
}

a img {
   border: none;
}

a:link, a:visited {
   color: black;
   text-decoration: none;
}

a:hover {
   color: yellow;
}

#invisibleSizer {
   position: absolute;
   display: block;
   z-index: -9;
   width: 1em;
   height: 1em;
}

p {
   margin-top: 0px;
}

h4 {
   margin: 0;
   padding: 0;
}

#wrapper {
   position: relative;
   display: block;
   margin-left: auto;
   margin-right: auto;
   height: 100%;
   width: 1211px;
   font-size: 100%;
   overflow: hidden;
   background: url('../images/Chrobis-site-background-with-borders.jpg') center center no-repeat;
}

#measure {
   position: absolute;
   height: 100%;
   bottom: 0px;
   left: 0px;
   width: 100%;
   z-index: 9;
   opacity: 0.5;
   background-color: yellow;
   /*min-height: 551px;*/
   display: none;
}

#a {
   display: block;
   width: 50%;
   position: relative;
   float: left;
   height: 85.7%;
   min-height: 551px;
}

#b {
   display: inline-block;
   background-color: green;
   position: relative;
   float: left;
   width: 55%;
   min-height: 10px;
}

#contentAreaHolder {
   position: absolute;
   left: 0%;
   right: 142px;
   top: 40px;
   bottom: 37px;
   display: block;
   border: none;
   vertical-align: middle;
}

#contentAreaOuter {
   position: absolute;
   display: table;
   height: 100%;
   width: 100%;
   vertical-align: middle;
}

#contentAreaMiddle {
   display: table-cell;
   position: relative;
   /*top: 50%;*/
   height: 600px;
   vertical-align: middle;
}

#contentAreaInner {
   position: relative;
   height: 600px;
   margin-left: auto;
   margin-right: auto;
   width: 89.6%;
   min-height: 600px;
   min-width: 864px;
   /*top: -50%;*/
}

#menuArea {
   display: block;
   position: absolute;
   z-index: 1;
   height: 100%;
   width: 122px;
   top: 0px;
   right: 15px;
}

/*#menuArea div {
   height: 100%;
}*/

#menuSlider {
   position: relative;
   width: 122px;
   height: 100%;
   top: 0px;
}

#menuHolderOuter {
   position: relative;
   top: 0px;
   right: 0px;
   height: 100%;
   width: 100%;
   display: table;
   vertical-align: middle;
   background: url('../images/menuBG.png') right center no-repeat;
   border: none;
}

#menuHolderMiddle {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   width: 100%;
   height: 494px;
}

.menuItem {
   position: relative;
   float: right;
   width: 97px;
   height: 105px;
}

.menuItem a {
   display: block;
   height: 100%;
   width: 100%;
   position: relative;
}

#homeMenu a {
   background: url('../images/mainMenu.png') no-repeat 0px 0px;
}

#homeMenu a:hover {
   background: url('../images/mainMenu.png') no-repeat -485px 0px;
}

.homePage #homeMenu a {
   background: url('../images/mainMenu.png') no-repeat -970px 0px;
}

#sitesMenu a {
   background: url('../images/mainMenu.png') no-repeat -97px 0px;
}

#sitesMenu a:hover {
   background: url('../images/mainMenu.png') no-repeat -582px 0px;
}

.sitesPage #sitesMenu a {
   background: url('../images/mainMenu.png') no-repeat -1067px 0px;
}

#servicesMenu a {
   background: url('../images/mainMenu.png') no-repeat -194px 0px;
}

#servicesMenu a:hover {
   background: url('../images/mainMenu.png') no-repeat -679px 0px;
}

.servicesPage #servicesMenu a {
   background: url('../images/mainMenu.png') no-repeat -1164px 0px;
}

#blogMenu a {
   background: url('../images/mainMenu.png') no-repeat -291px 0px;
}

#blogMenu a:hover {
   background: url('../images/mainMenu.png') no-repeat -776px 0px;
}

.blogPage #blogMenu a {
   background: url('../images/mainMenu.png') no-repeat -1261px 0px;
}

#contactMenu a {
   background: url('../images/mainMenu.png') no-repeat -388px 0px;
}

#contactMenu a:hover {
   background: url('../images/mainMenu.png') no-repeat -873px 0px;
}

.contactPage #contactMenu a {
   background: url('../images/mainMenu.png') no-repeat -1358px 0px;
}

#mainHolderOuter {
   position: relative;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   display: table;
   vertical-align: middle;
   border: none;
}

#mainHolderMiddle {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   width: 100%;
   height: 600px;
}

.contentContainer {
   position: absolute;
   top: -23px;
   left: -19px;
   right: -31px;
   height: 600px;
   z-index: 2;
}

.contentContainerTop {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 114px;
   z-index: 4;
   text-align: center;
}

#portfolio .contentContainerTop {
   position: absolute;
   top: 1px;
   left: 0px;
   width: 100%;
   height: 22px;
   z-index: 4;
}

.contentContainerCorner {
   position: absolute;
   width: 80px;
   height: 100%;
   z-index: 2;
}

#portfolio .contentContainerCorner {
   position: absolute;
   width: 22px;
   height: 100%;
   z-index: 5;
}

.topLeft {
   top: 0px;
   left: 0px;
   background: url('../images/mainContentBGTopLeft.png') no-repeat;
}

.topRight {
   top: 0px;
   right: 0px;
   background: url('../images/mainContentBGTopRight.png') no-repeat top right;
}

#portfolio .topLeft {
   top: 0px;
   left: 0px;
   background: url('../images/advancedInfoBGTopLeft.png') no-repeat;
}

#portfolio .topRight {
   top: 0px;
   right: 0px;
   background: url('../images/advancedInfoBGTopRight.png') no-repeat top right;
}

#chrobisHeaderLogoHolder {
   position: absolute;
   top: 5px;
   left: 0px;
   width: 100%;
   height: 113px;
   text-align: center;
   z-index: 3;
}

#currentSectionTitle {
   position: absolute;
   top: 25px;
   left: 35px;
   width: 87px;
   height: 81px;
   z-index: 3;
}

#currentSectionTitle h4 {
   visibility: hidden;
}

.contentContainerBottom {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 83px;
   z-index: 4;
}

#portfolio .contentContainerBottom {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 22px;
   z-index: 4;
}

#siteVersion {
   position: absolute;
   bottom: 31px;
   left: 40px;
   height: 35px;
   width: 87px;
   font-size: 0.625em;
   color: #c0c0c0;
   z-index: 3;
   line-height: 35px;
}

#fontScaler {
   position: absolute;
   bottom: 32px;
   right: 35px;
   width: 150px;
   height: 30px;
   z-index: 3;
}

.siteLinksHolder {
   position: absolute;
   bottom: 32px;
   right: 180px;
   left: 140px;
   height: 35px;
   line-height: 35px;
   z-index: 3;
   vertical-align: middle;
}

.infoLinkHolder {
   position: relative;
   top: 0px;
   height: 100%;
   z-index: 3;
   text-align: center;
   color: white;
}

.infoLinkHolder a {
   font-size: 0.95em;
   color: #ffffff;
   vertical-align: top;
   height: 100%;
   display: inline-block;
}

.infoLinkHolder a:hover {
   color: #ffff00;
}

#externalLinks {
   float: left;
   vertical-align: middle;
   line-height: 35px;
   height: 35px;
   width: 51%;
}

#brochure {
   float: left;
   width: 35%;
}

#brochure a {
   color: #ffffff;
}

#brochure a:hover {
   color: #ffff00;
}

#externalLinks img, #brochure img {
   vertical-align: middle;
}

#lastUpdated {
   position: absolute;
   bottom: 31px;
   right: 40px;
   height: 35px;
   width: 220px;
   font-size: 0.625em;
   color: #c0c0c0;
   z-index: 3;
   line-height: 35px;
}

.bottomLeft {
   bottom: 0px;
   left: 0px;
   background: url('../images/mainContentBGBottomLeft.png') no-repeat;
}

.bottomRight {
   bottom: 0px;
   right: 0px;
   background: url('../images/mainContentBGBottomRight.png') center right no-repeat;
}

#portfolio .bottomLeft {
   bottom: 0px;
   left: 0px;
   background: url('../images/advancedInfoBGBottomLeft.png') no-repeat;
}

#portfolio .bottomRight {
   bottom: 0px;
   right: 0px;
   background: url('../images/advancedInfoBGBottomRight.png') center right no-repeat;
}

.contentContainerBorderHorizontal {
   position: absolute;
   left: 40px;
   height: 100%;
   right: 40px;
   z-index: 1;
}

#portfolio .contentContainerBorderHorizontal {
   position: absolute;
   left: 22px;
   height: 100%;
   right: 22px;
   z-index: 1;
}

.borderTop {
   top: 0px;
   background: url('../images/mainContentBGTopBorder.png') bottom repeat-x;
}

.borderBottom {
   bottom: 0px;
   background: url('../images/mainContentBGBottomBorder.png') repeat-x;
}


#headerParabola {
   position: absolute;
   top: 25px;
   height: 81px;
   width: 100%;
   left: 0px;
   background: url('../images/mainParabolaHeader.png') center center no-repeat;
}

#footerParabola {
   position: absolute;
   top: 19px;
   height: 33px;
   width: 100%;
   background: url('../images/mainParabolaFooter.png') center center no-repeat;
}

#portfolio .borderTop {
   top: 0px;
   background: url('../images/advancedInfoBGBorderTop.png') bottom repeat-x;
}

#portfolio .borderBottom {
   bottom: 0px;
   background: url('../images/advancedInfoBGBorderBottom.png') repeat-x;
}

.contentContainerMiddle {
   position: absolute;
   top: 114px;
   left: 40px;
   right: 40px;
   bottom: 83px;
   overflow: visible;
}

#portfolio .contentContainerMiddle {
   position: absolute;
   top: 20px;
   left: 12px;
   right: 12px;
   bottom: 22px;
   overflow: visible;
   background: #fffee6 url('../images/advancedInfoBGFill.png') bottom repeat-x;
}

.backgroundMilk {
   background: url('../images/mainContentBGMiddleArea.png') repeat;
   z-index: 4;
}

.crossHatch {
   background: url('../images/mainContentBGCrossHatch.png') repeat;
   z-index: 2;
}

.Glow {
   /*background: url('../images/mainContentBGGlow.png') center center no-repeat;*/
   z-index: 3;
}

.contentContainerBorderVertical {
   position: absolute;
   top: 114px;
   width: 40px;
   bottom: 83px;
   z-index: 2;
}

#portfolio .contentContainerBorderVertical {
   position: absolute;
   top: 22px;
   width: 22px;
   bottom: 22px;
   z-index: 2;
}

.borderLeft {
   left: 0px;
   background: url('../images/mainContentBGLeftBorder.png') repeat-y;
   
}

.borderRight {
   right: 0px;
   background: url('../images/mainContentBGRightBorder.png') repeat-y;
}

#portfolio .borderLeft {
   left: 0px;
   background: url('../images/advancedInfoBGBorderLeft.png') repeat-y;
   
}

#portfolio .borderRight {
   right: 0px;
   background: url('../images/advancedInfoBGBorderRight.png') right repeat-y;
}

#mainContentHolder {
   position: absolute;
   left: 22px;
   top: 106px;
   bottom: 66px;
   right: 27px;
   z-index: 5;
   overflow: hidden;
}

#mainContentContainer {
   position: absolute;
   height: 100%;
   width: 100%;
   overflow-y: scroll;
   overflow-x: hidden;
}

.sitesPage #mainContentContainer {
}

#mainContent {
   position: relative;
   top: 2%;
   width: 94.2%;
   min-width: 871px;
   min-height: 413px;
   margin-left: auto;
   margin-right: auto;
   z-index: 3;
}

.blogPage #mainContent h2 {
   padding-left: 15px;
}

#advertHolder {
   position: relative;
   left: 0px;
   top: 0px;
   /*width: 685px;
   height: 277px;*/
   min-width: 667px;
   min-height: 255px;
   height: 100%;
   width: 52%;
   z-index: 2;
   display: table-cell;
}

#advertContainer {
   position: relative;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   /*display: table;*/
}

#advertContentHolder {
   position: absolute;
   display: table;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
}

#advertBackground {
   position: absolute;
   display: block;
   width: 672px;
   /*height: 273px;*/
   background: url('../images/advertBG.png') no-repeat center center;
   top: -11px;
   left: -6px;
   bottom: -8px;
}

#advertContentMiddle {
   position: relative;
   display: table-cell;
   height: 255px;
}

#advert {
   position: relative;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
}

#advertBufferTop, #advertBufferBottom {
   display: table-row;
}

.advertImage {
   position: absolute;
   width: 392px;
   /*width: 369px;
   height: 194px;*/
   height: 186px;
   top: 58px;
   left: 89px;
}

#advertImage1 {
   background: url('../adverts/200908001-boostsales.png') no-repeat center left;
}

#advertImage2 {
   background: url('../adverts/200908002-daviddavis.jpg') no-repeat center left;
   display: none;
}

#advertImage3 {
   background: url('../adverts/200908003-itsupport.jpg') no-repeat center left;
   display: none;
}

#advertImage4 {
   background: url('../adverts/200908004-businessingear.jpg') no-repeat center left;
   display: none;
}

#advertOptionHolder {
   position: absolute;
   left: 8px;
   top: 50px;
   width: 74px;
   height: 204px;
   z-index: 2;
}

.advertOptionSelector {
   position: absolute;
   right: 0px;
   width: 74px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   color: white;
   z-index: 2;
}

#advertSelector1 {
   top: -3px;
}

#advertSelector2 {
   top: 48px;
}

#advertSelector3 {
   top: 98px;
}

#advertSelector4 {
   top: 148px;
}

#advertHeader {
   position: absolute;
   top: 16px;
   left: 20px;
   width: 630px;
   height: 30px;
   background: url('../images/advertHeader.png') no-repeat;
}

#advertCaption {
   position: absolute;
   height: 33px;
   width: 356px;
   bottom: 11px;
   left: 89px;
   background-color: white;
   opacity: 0.75;
   line-height: 33px;
   text-align: center;
   color: #0e3fa8;
   font-size: 16px;
   font-weight: bold;
}

.adSelectorNum {
   position: relative;
   left: 5px;
}

#advertTextHolder {
   position: absolute;
   z-index: 9;
   top: 58px;
   right: 28px;
   height: 185px;
   width: 177px;
   display: table;
   vertical-align: bottom;
   font-size: 0.875em;
}

#advertTextHolder h1 {
   font-size: 1.25em;
   font-weight: bold;
}

#advertTextHolder p {
   margin-top: 1em;
   margin-bottom: 0px;
}

#advertTextHolder a, #mainContent a {
   color: #0075de;
}

#advertTextHolder a:hover, .blogPage #mainContent a:hover {
   text-decoration: underline;
}

#advertText {
   display: table-cell;
   vertical-align: bottom;
}

.blogHolder {
   position: relative;
   width: auto;
   z-index: 2;
   min-height: 255px;
   display: table-cell;
   vertical-align: middle;
}

#blogContainer {
   height: 255px;
   width: 100%;
   position: relative;
   /* url('../images/TEMPblog.png') no-repeat center center;*/
}

#blogBack {
   position: absolute;
   top: 0px;
   left: 17px;
   right: 17px;
   height: 100%;
   z-index: -1;
   background: url('../images/blogBG.png') repeat-x;
   overflow: hidden;
}

#blogBackPara {
   position: relative;
   width: 100%;
   top: 1px;
   height: 253px;
   background: url('../images/blogBGPara.png') no-repeat center center;
}

#blogBackLeft {
   float: left;
   height: 100%;
   background: url('../images/blogBackLeft.png') no-repeat;
   width: 45px;
}

#blogBackRight {
   float: right;
   height: 100%;
   background: url('../images/blogBackRight.png') no-repeat;
   width: 45px;
}

#blog {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
}

#blogHeadTitle {
   position: absolute;
   top: 15px;
   left: 15px;
   text-indent: -9000px;
   background: url('../images/blogHeadTitle.png') no-repeat;
   width: 137px;
   height: 26px;
   z-index: 9;
}

#blogHeadlines {
   position: absolute;
   left: 2%;
   right: 2%;
   top: 120px;
   height: 127px;
   width: 96%;
}

#blogHeadlineHolder {
   position: absolute;
   left: 4%;
   width: 92%;
   height: 105px;
   top: 10px;
   font-size: 0.65em;
   line-height: 21px;
   color: white;
}

#blogHeadlineHolder ul, #blogHeadlineHolder li{
margin-left:-40px;
padding:0;
list-style-type:none;
}

#blogHeadlineHolder ul, #blogHeadlineHolder li{
margin:-20;
padding:0;
list-style-type:none;
}
#blogHeadlineHolder li{
background:url('../images/blogBullet.png') 0px 0px no-repeat;
padding-left:20px;
padding-bottom:10px;
    line-height: 14px;
}

#blogHeadlineHolder a:link, #blogHeadlineHolder a:visited, #helpOptionsHolder a {
   color: white;
}

#blogHeadlineHolder a:hover {
   color: #ffe513;
}

.blogHeadline {
   position: relative;
   width: 100%;
   overflow: hidden;   
   float: left;
   clear: both;
   height: 21px;
}

#blogQuoteLeft {
   position: absolute;
   top: 20px;
   left: 5%;
   width: 56px;
   height: 50px;
   background: url('../images/blogQuoteLeft.png') no-repeat;
}

#blogQuoteRight {
   position: absolute;
   top: 85px;
   right: 5%;
   width: 56px;
   height: 50px;
   background: url('../images/blogQuoteRight.png') no-repeat;
}

#blogQuoteHolder {
   position: absolute;
   top: 42px;
   left: 6%;
   width: 88%;
   height: 72px;
}

#blogQuoteOuter {
   display: table;
   height: 100%;
   width: 100%;
   font-size: 1.1em; 
}

#blogQuoteMiddle {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

#blogHeadShot {
   position: absolute;
   top: 5px;
   right: 2%;
   left: 157px;
   height: 42px;
   text-align: right;
   overflow: hidden;
}

#blogHeadPhoto {
   float: right;
}

#blogHeadText { 
  line-height: 42px; 
  font-size: 1.25em; 
  color: #777; 
} 

#blogHeadName{
}

#blogReadMore {
   position: absolute;
   top: 106px;
   right: 10px;
   color: #777;
   font-size: 0.875em;
}

#blogReadMore a:link, #blogReadMore a:visited {
   color: #777;
}

#blogHLLeft {
   float: left;
   height: 100%;
   width: 16px;
   background: url('../images/blogHLLeft.png') no-repeat;
}

#blogHLRight {
   float: right;
   height: 100%;
   width: 16px;
   background: url('../images/blogHLRight.png') no-repeat;
}

#blogHLBack {
   position: absolute;
   top: 0px;
   left: 16px;
   right: 16px;
   height: 100%;
   z-index: 0;
   background: url('../images/blogHLBG.png') repeat-x;
   overflow: hidden;
}

.blogArrow {
   position: absolute;
   right: 0px;
   height: 21px;
   width: 15px;
   top: 0px;
}

.blogTitleHolder {
   position: absolute;
   left: 15px;
   right: 27px;
   overflow: hidden;
   height: 100%;
}

/*.blogHolder a {
   display: block;
}*/

.introtextHolder {
   position: absolute;
   left: 0px;
   bottom: 0px;
   right: 270px;
   top: 270px;
   padding: 5px;
   z-index: 2;
   font-size: 0.825em;
   overflow: hidden;
}

.helplinksHolder {
   position: relative;
   /*right: 0px;
   top: 265px;
   z-index: 2;
   bottom: 0px;*/
   width: 270px;
   float: right;
   height: 162px;
   right: -12px;
   top: 0px;
   margin-top: -0.5em;
   margin-left: 0.5em;
}

#helpOptionsHolder {
   position: absolute;
   right: 10px;
   z-index: 2;
   bottom: 5px;
   float: right;
   width: 252px;
   height: 108px;
}

#helpOptionsHolder a {
   display: block;
   width: 100%;
   height: 100%;
   background: url('../images/helpOptionBG.png') no-repeat;
}
 
#helpOptionsHolder a:hover {
   color: #0075de;
   background: url('../images/helpOptionBGOver.png') no-repeat;
}
   
.helpOption {
   position: absolute;
   width: 136px;
   height: 45px;
   line-height: 36px;
   z-index: 2;
   text-align: center;
   font-size: 0.825em;
}

.helpOption a {
   color: #ffffff;
}

#helpMarketing {
   top: -10px;
   left: -5px;
}

#helpWeb {
   top: -10px;
   right: -5px;
}

#helpSEO {
   top: 26px;
   left: -5px;
}

#helpECommerce {
   top: 26px;
   right: -5px;
}

#helpBusiness {
   bottom: 0px;
   left: -5px;
}

#helpIT {
   bottom: 0px;
   right: -5px;
}

.helpButtonText {
   position: relative;
   top: 3px;
}

#helpDivider {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 2px;
   height: 101px;
   background: url('../images/helpDivider.png') no-repeat;
   display: none;
}

#helplinksTitle {
   position: absolute;
   left: 4px;
   top: 2px;
   width: 215px;
   height: 44px;
   line-height: 44px;
   text-align: center;
   background: url('../images/helpLinksTitleBG.png') no-repeat;
   z-index: 2;
}

#helplinksIcon {
   position: absolute;
   right: 10px;
   top: -5px;
   width: 48px;
   height: 50px;
   background: url('../images/helpQuestionIcon.png') no-repeat;
   z-index: 2;
}

#footerArea {
   position: absolute;
   bottom: 2%;
   left: 0px;
   height: 6.5%;
   min-width: 996px;
   width: 100%;
   z-index: 4;
}

#siteControlsHolder {
   position: absolute;
   top: -5px;
   left: -10px;
   height: 59px;
   width: 153px;
}

#siteControlsHolder a {
   display: block;
   height: 100%;
   width: 100%;
   background: url('../images/siteControls.png');
   text-indent: -5000px;
   overflow: hidden;
}

#newsletter {
   position: absolute;
   top: 3px;
   left: 153px;
   height: 47px;
   line-height: 47px;
   right: 445px;
   text-align: center;
   padding-bottom: 5px;
   color: white;
   font-size: 1.1em;
   background: url('../images/newsletterBG.png') center no-repeat;
}

#newsletterSignUp {
   position: absolute;
   width: 57px;
   height: 23px;
   top: 5px;
   right: 0px;
}

#newsletterSignUp a {
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
   background: url('../images/newsletterSignUp.png') center no-repeat;
}

#newsletterSignUp a:hover {
   background: url('../images/newsletterSignUpOver.png') center no-repeat;
}

#newsletter a {
   display: block;
   color: white;
}

#newsletter a:hover {
   color: yellow;
}

#newsletterBoxHolder {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 47px;
   display: none;
   vertical-align: bottom;
}

#newsletterBoxContainer {
   display: table-row;
}

#newsletterBoxPadLeft, #newsletterBoxPadRight {
   display: table-cell;
   position: relative;
   height: 100%;
}

#newsletterBoxOuter {
   position: relative;
   display: table-cell;
   vertical-align: bottom;
   width: 325px;
   text-align: center;
}

#newsletterBoxMiddle {
   position: relative;
   width: 325px;
   height: 100%;
   display: block;
}

#newsletterBoxLeft {
   position: absolute;
   bottom: 2px;
   left: 0px;
   height: 90px;
   width: 22px;
   background: url('../images/newsletterBGLeft.png');
}

#newsletterBoxRight {
   position: absolute;
   bottom: 2px;
   right: 0px;
   height: 90px;
   width: 22px;
   background: url('../images/newsletterBGRight.png');
}

#newsletterContent {
   position: absolute;
   left: 0px;
   width: 100%;
   height: 68px;
   top: 10px;
}

#newsletterTopRow, #newsletterBottomRow {
   position: relative;
   float: left;
   width: 100%;
   height: 34px;
   line-height: 34px;
   font-size: 0.875em;
   text-align: left;
}

#newsletterBox {
   position: absolute;
   bottom: 2px;
   height: 90px;
   width: 281px;
   left: 22px;
   background: url('../images/newsletterBGBack.png') repeat-x;
}

#newsletterBox label {
   display: block;
   float: left;
   width: 3.2em;
}

#newsletterBox input {
   background-color: #dbdbdb;
   border: none;
   font-size: 1em;
}

#newsletterClose {
   position: absolute;
   bottom: 67px;
   right: 12px;
   height: 20px;
   width: 21px;
   z-index: 9;
}

#newsletterClose a {
   display: block;
   height: 100%;
   width: 100%;
   background: url('../images/newsletterClose.png');
}

#newsletterClose a:hover {
   background: url('../images/newsletterCloseOver.png');
}

#contactBG {
   position: absolute;
   top: -9px;
   right: -5px;
   width: 457px;
   height: 52px;
   z-index: 2;
}

#contactBGLeft {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 21px;
   height: 52px;
   background: url('../images/contactBGLeft.png') no-repeat;
}

#contactBGRight {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 21px;
   height: 52px;
   background: url('../images/contactBGRight.png') no-repeat;
}

#contactBGFill {
   position: absolute;
   top: 0px;
   right: 21px;
   left: 21px;
   height: 52px;
   background: url('../images/contactBGFill.png') repeat-x;
}

#contactDetails {
   position: absolute;
   top: 10px;
   right: 0px;
   width: 572px;
   height: 31px;
}

#contact {
   position: relative;
   float: left;
   width: 430px;
   height: 31px;
   z-index: 3;
}

#email {
   position: relative;
   float: right;
   width: 141px;
   height: 31px;
   z-index: 3;
}

/* 
** contact page components
*/

.formLeft {
   position: relative;
   float: left;
   width: 48%;
}

.formRight {
   position: relative;
   float: right;
   width: 52%;
}

.formGroupedEntry {
   margin-bottom: 5px;
}

.formEntry {
   display: block;
   float: left;
   width: 85%;
   padding-bottom: 5px;
}

.submit {
   display: block;
   float: left;
   width: 50%;
   text-align: center;
}

.formSubEntry {
   display: block;
   float: left;
   padding-top: 5px;
}

.formEntryLabel {
   display: block;
   float: left;
   width: 160px;
   text-align: right;
   padding-right: 5px;
   margin-left: 15px;
}

#formSubmit {
   color: #fdff98;
}

.end {
   vertical-align: top;
}

/* Form Validation Elements */

.formError {
   color: red;
}

.fieldError {
   color: red;
}

.warn {
   color: maroon;
}

.invalid {
   background-color: #FFE0E0;
   border-color: red;
   border-style: solid;
}

.checked {
   background-color: #E0FFE0;
   border-color: green;
   border-style: solid;
}

#homeTopRow {
   position: relative;
   height: 50%;
   min-height: 255px;
   width: 100%;
   /*background-color: green;*/
   display: table;
}

#homeTopRowInner {
   display: table-row;
}

#homeBottomRow {
   padding-top: 0.5em;
   min-height: 50%;
   position: relative;
   width: 100%;
}

.firstLetter {
   float: left;
   font-size: 2.5em;
   line-height: 0.9em;
   margin-right: 0.05em;
   margin-bottom: 0px;
   padding-bottom: 0px;
}

#currentProjectList {
   position: relative;
   text-align: center;
}

.curProj {
   width: 225px;
   height: 135px;
   cursor: pointer;
   border: 1px solid #bbb;
}

.curProj a {
   position: relative;
   display: block;
   text-indent: -5000em;
}

#curProj2 {
   position: relative;
   float: left;
   background: url('../images/curProj2.png');
}

#curProj2:hover {
   background: url('../images/curProj2Over.png');
}

#curProj3Holder {
   position: absolute;
   top: 0px;
   left: 50%;
   border: none;
}

#curProj3 {
   position: absolute;
   left: -50%;
   width: 100%;
   height: 100%;
   background: url('../images/curProj3.png');
   border: 1px solid #bbb;
 }

/*#curProj3:hover {
   background: url('../images/curProj3Over.png');
}*/

#curProj1 {
   position: relative;
   float: right;
   background: url('../images/curProj1.png');
}

#curProj1:hover {
   background: url('../images/curProj1Over.png');
}

.footerDivider {
   position: absolute;
   top: 17px;
   width: 1px;
   height: 35px;
   background: url('../images/mainFooterDivider.png');
   z-index: 5;
}

#footerDivider1 {
   left: 133px;
}

/* UVUMI */

#scrollContainer {
   position: absolute;
   bottom: 50px;
   right: 26px;
   width: 26px;
   top: 75px;
   z-index: 8;
   display: none;
}

#scrollUp {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 26px;
   height: 18px;
   cursor: pointer;
   text-align: center;
   visibility: hidden;
}

#scrollDown {
   position: absolute;
   bottom: 0px;
   right: 0px;
   width: 26px;
   height: 18px;
   cursor: pointer;
   text-align: center;
   visibility: hidden;
}

#innerWrapScrollUp, #innerWrapScrollDown, #innerWrapScrollHolder {
   width: 100%;
   height: 100%;
}

.scrollBar .bar{
   width: 26px;
   height: 18px;
   z-index: 9;
}

.scrollBar .button{
   width: 26px;
   height: 26px;
   /*background-color: #FFB119;*/
   outline: none;
   background-position: top center;
   background-repeat: no-repeat;
   cursor: pointer;
}

.scrollBar .button.topButton{
   background-image: url('../images/scrollUp.png');
   top: 0px;
   right: 0px;
   z-index: 9;
}

.scrollBar .button.topButton:hover {
   background-image: url('../images/scrollUpOver.png');
}

.scrollBar .button.bottomButton{
   background-image: url('../images/scrollDown.png');
   bottom: 0px;
   right: 0px;
   z-index: 9;
}

.scrollBar .button.bottomButton:hover {
   background-image: url('../images/scrollDownOver.png');
}

.scrollSmall .scrollBar .button.topButton{
   right: 37px;
}

/*.scrollBar .button.leftButton{
   background-image:url('arrow-left.gif');
}

.scrollBar .button.rightButton{
   background-image:url('arrow-right.gif');
}*/

/*.scrollBar .button.active{
   background-position: top center ;
}*/

.scrollBar .scrollable {
   position: absolute;
   cursor: pointer;
   background: url('../images/scrollBarFill.png') repeat-y center;
   top: 21px;
   bottom: 21px;
   width: 14px;
   right: 6px;
}

.scrollSmall .scrollBar .scrollable {
   display: none;
   height: 0px;   
}

.scrollBar .knob{
   height:20px;
}

.scrollBar .knob.verticalKnob{
   cursor:n-resize;
}

.scrollBar .knobVerticalTip{
   height: 14px;
   background-position: top center;
   background-repeat: no-repeat;
}

/*.scrollBar .active .knobVerticalTip{
   background-position:bottom center;
}*/

.scrollBar .knobVerticalFill{
   background: url('../images/knobFill.png') repeat-y;
   position: absolute;
   bottom: 14px;
   top: 14px;
   width: 100%;
}

.scrollBar .knobVerticalFront{
   position: absolute;
   top: 0px;
   left: 7px;
   height: 100%;
   width: 22px;
}

.scrollBar .active .knobVerticalFill{
   background-position:right center;
}

.scrollBar .topTip{
   background-image: url('../images/knobUp.png');
}

.scrollBar .bottomTip{
   position: absolute;
   bottom: 0;
   background: url('../images/knobDown.png') no-repeat center bottom;
}

.scrollBar .knob.active{
   border:none;
}

.scrollFull {
   overflow: auto;
}

.sitePreviewHolder {
   position: relative;
   float: right;
   right: 15px;
   top: 0px;
   width: 160px;
}

.status img {
   position: relative;
   float: left;
   width: 21px;
   height: 16px;
}

#sitePreviewTextHolder {
   position: absolute;
   top: 2%;
   height: 98%;
   left: 2.9%;
   width: 94.2%;
   min-height: 413px;
   min-width: 871px;
   z-index: -1;
}

#sitePreviewText {
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 225px;
}

.sitePreview {
   width: 100%;
   height: auto;
   margin-top: 5px;
   margin-bottom: 5px;
   position: relative;
   float: right;
   display: inline;
}

.sitesPage #mainContentContainer {
   width: 100%;
}

#portfolio {
   position: absolute;
   top: 1px;
   left: 160px;
   right: 160px;
   bottom: 40px;
   display: none;
   z-index: 3;
}

.advancedInfoContent {
   position: absolute;
   top: 20px;
   left: 20px;
   right: 20px;
   bottom: 20px;
   z-index: 4;
}

.advancedInfoClose {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 68px;
   height: 16px;
   background: url('../images/advancedInfoClose.png') no-repeat;
   z-index: 9;
}

.advancedInfoClose a {
   display: block;
}

.advancedInfoTitle {
   position: absolute;
   top: 15px;
   left: 15px;
   width: 505px;
   height: 50px;
   line-height: 50px;
   font-size: 2em;
   padding-left: 10px;
   background: url('../images/advancedInfoBGTitleFill.png') repeat-y;
   z-index: 3;
}

#portfolioDescription {
   position: absolute;
   top: 65px;
   bottom: 15px;
   left: 15px;
   right: 15px;
   padding: 10px;
   font-size: 0.825em;
   z-index: 5;
}

#portfolioDescription a:hover {
   color: blue;
   text-decoration: underline;
}

#advertOptionHolder a {
   position: relative;
   height: 100%;
   color: white;
   display: block;
   background: url('../images/advertOptions.png') no-repeat -74px 0px;
}

#advertOptionHolder a:hover {
   background: url('../images/advertOptions.png') no-repeat -148px 0px;
   color: white;
}

#advertOptionHolder .activeSelector a, #advertOptionHolder .activeSelector a:hover {
   background: url('../images/advertOptions.png') no-repeat 0px 0px;
   color: #0075de;
}

.blogPage #mainContent h2 {
    padding-left: 0px;
}

.blog-container .side-panel {
    float: right;
    width: 24%;
    border-left: 1px solid #434343;
    padding-left: 10px;
}

.blog-post .post-body {
    margin: 0;
}

table.webform, table.reporting {
    font-size: 14px;
}

#breadcrumbs {
   position: relative;
   height: 20px;
   top: 10px;
    font-size: 14px;
    padding-left: 10px;
}

#breadcrumbs a {
   color: grey;
}

#breadcrumbs a:hover {
   color: #006bdb;
}

.author { display:none !important; } 

.photogalleryTable  { position:relative; float:left;}