﻿p,* { margin:0px; padding:0px; }
table { border-collapse:collapse; }
body { background-color:#ffffff; }
img { border:0px; }
b { color:#52A8E3; }
.outer { text-align:center; }
 .page { text-align:left; width:865px; margin:auto; padding-top:20px; }
 
.hd { height:60px; border-bottom:1px solid #d6d7d7; }
 .hdLogo { width:300px; }

/*: NAVIGATION 
*********************/
.navButton { width:100px; height:28px; display:block; float:right; margin:32px 0px 0px 3px; }
.navSelected { background-position:0px -32px; }
.bHomePage { background:url(../images/navigation.gif) no-repeat; }
 .bHomePage:hover,.bHomePageSelected { background:url(../images/navigation.gif) no-repeat 0px -32px; } 
.bPortfolio { background:url(../images/navigation.gif) no-repeat -103px 0px; }
 .bPortfolio:hover,.bPortfolioSelected { background:url(../images/navigation.gif) no-repeat -103px -32px; }
.bTestimonial { background:url(../images/navigation.gif) no-repeat -206px 0px; }
 .bTestimonial:hover,.bTestimonialSelected { background:url(../images/navigation.gif) no-repeat -206px -32px; }
.bAbout { background:url(../images/navigation.gif) no-repeat -309px 0px; }
 .bAbout:hover,.bAboutSelected { background:url(../images/navigation.gif) no-repeat -309px -32px; }
.bServices { background:url(../images/navigation.gif) no-repeat -412px 0px; }
 .bServices:hover,.bServicesSelected { background:url(../images/navigation.gif) no-repeat -412px -32px; }
 
.footerNavTable { padding-top:10px; }
.footerNav { text-align:right; font:10px tahoma; color:#757677; } 
 .footerCopy { font:12px tahoma; color:#757677; }
 .bNavBottom { font:12px tahoma; color:#757677; margin:0px 10px 0px 10px; }
 
 /*: TOPIC 
 ******************/
 .topicFrame { width:555px; height:35px; display:block; }
  .topicPortfolio { background:url(../images/topics.gif) no-repeat 0 0; }
  .topicServices { background:url(../images/topics.gif) no-repeat 0 -35px; }
  .topicAbout { background:url(../images/topics.gif) no-repeat 0 -70px; }
 
 /*: HOME PAGE
*******************/
.bd { margin-top:35px; }
 .bdLeft { width:226px; background:url(../images/hpLeft.gif) no-repeat; padding-top:150px; vertical-align:top; }
  .servicesList { color:#52a8e3; padding-left:30px; }
   .servicesList li a { font:bold 12px arial; color:#98c3d1; line-height:22px; text-decoration:none; }
   .servicesList li a:hover { text-decoration:underline; }
 .bdMid { height:303px; border:1px solid #d6d7d7; vertical-align:top;}
  .bdMidSlideShow {  }
 .bdRight { width:275px; background:url(../images/hpRight.gif) no-repeat; vertical-align:top; }
  .bdRightTable { margin-left:5px; width:100%; }
  .bdRightLets { font:bold 16px tahoma; color:#52a8e3; padding-top:20px; text-align:center; }
  .bdRightTelephone { font:25px arial; text-align:center; color:#990000; }
   .bdRightTelephone span { font:19px arial; color:#990000; }
  .bdRightOpen{ font:11px tahoma; color:#52a8e3; text-align:center; }
  .bdRightOr { font:11px tahoma; color:#52a8e3; text-align:right; padding:5px 50px 0px 0px; }
  .bdRightForm { margin-top:3px; width:100%; }
   .bdRightFormName { font:bold 11px tahoma; color:#52a8e3; text-align:right; padding-right:5px; height:25px; }
   .bdRightFormInput input,.bdRightFormInput select { font:bold 12px tahoma; border:1px solid #dddddd; }
   .bdRightFormInput input { width:150px; }
   .bdRightFormSubmit { padding-top:5px; }
   .bdRightPrivacy { padding-top:10px; font:11px tahoma; color:#52a8e3; text-align:center; }
 .bdRightServices { vertical-align:top; padding-top:145px; }
 
/*: SERVICE
****************/
.serviceContentDesc { padding-left:0px !important; }
.serviceContent,.serviceContentDesc { font:13px arial,clean,sans-serif; color:#757677; text-align:justify; padding-left:10px; }
.serviceIconFrame { width:74px; height:80px; display:block; }
 .serviceIconWebDesign { background:url(../images/serviceIcons.gif) no-repeat 0px 0px; }
 .serviceIconContentDevelopment { background:url(../images/serviceIcons.gif) no-repeat 0px -90px; }
 .serviceIconLogoDesign { background:url(../images/serviceIcons.gif) no-repeat 0px -180px; }
 .serviceIconHosting { background:url(../images/serviceIcons.gif) no-repeat 0px -285px; }
 .serviceIconPPC { background:url(../images/serviceIcons.gif) no-repeat 0px -380px; }
 .serviceIconSEO { background:url(../images/serviceIcons.gif) no-repeat 0px -470px; } 

/*: ABOUT
****************/
.aboutContent { font:13px arial,clean,sans-serif; color:#757677; text-align:justify;  }
.aboutContentList { margin-left:10px; }

/*: MID CONTENT
****************/
.midContent { width:555px; margin:10px 0px 0px 15px;  }
 .midContentMargin { vertical-align:text-top; text-align:center; }
 .midContentTable { margin:auto; width:540px; }

/*: PORTFOLIO
****************/
.portfolioRight { width:275px; background:url(../images/portfolioRight.gif) no-repeat; vertical-align:top; }
.portfolioText { font:13px arial,clean,sans-serif; color:#757677; text-align:justify; padding-left:10px; }

.webFrame { display:block; width:205px; height:103px;  }
 .webAbFlooring { background:url(../images/webPortfolio.jpg) no-repeat 0px -113px; }
 .webFMGroup { background:url(../images/webPortfolio.jpg) no-repeat 0px -224px; }
 .webPcMatix { background:url(../images/webPortfolio.jpg) no-repeat 0px -335px; }
 .webLuxusLimos { background:url(../images/webPortfolio.jpg) no-repeat 0px 0px; }
 .webMasonry { background:url(../images/webPortfolio.jpg) no-repeat 0px -452px; }
.webClear { height:15px; }

/*: FOOTER
***************/
.footer { margin-top:30px; }
 .footerRecentClients { height:18px; }
  .footerRecentClients img { display:block; margin-left:25px; }
 .footerLeftBorder { background:url(../images/recentClientsBorders.gif) no-repeat 0px 0px; width:3px; height:46px; }
 .footerMidBorder { border-top:1px solid #d6d7d7; border-bottom:1px solid #d6d7d7; text-align:center; }
 .footerMidBorder img { display:inline; margin-left:15px; }
 .footerRightBorder { background:url(../images/recentClientsBorders.gif) no-repeat -3px 0px; width:3px; height:46px; }
 
/* FORM
*****************/
.inputError { border:1px solid #990000 !important; }
.nameError { color:#990000 !important;; }
.clearErrors { color:#52a8e3 !important;  }
.validator { text-align:center; padding:30px 0px 30px 0px; }
.thankYou { font:11px Tahoma, Geneva, sans-serif; padding-top:10px; }
