/* CSS Document */

/* Normalize CrossBrowser Margins set them all to zero */

*{margin:0; padding:0;}
img{margin:0; padding:0; border:0;}

body {background: #0e0e0e url(../Images/inner_bg.jpg) repeat-x; width:100%; margin:0; padding:0; color:#333333; font-family:Arial, Helvetica, sans-serif;}
#InnerContainer {width:960px; margin:0 auto 20px ;}
#InnerLeft {width: 555px; float: left; padding: 28px 0 40px 40px;}
#InnerHeader {background: url(../Images/InnerHeaderBkg.jpg) no-repeat; width: 966px; margin-top: 1px; height: 122px;}
#InnerContent {background: url(../Images/InnerBgRepeat.jpg) repeat-y; min-height: 500px;}
#InnerContent2 {background: url(../Images/InnerBgRepeat2.jpg) repeat-y; min-height: 500px;}

#InnerTop {margin-top: 10px; background: url(../Images/InnerTopBkg.jpg) no-repeat; width: 966px; height: 15px;}
#InnerBottom {background: url(../Images/InnerBottomBkg.jpg) no-repeat; width: 966px; height: 15px;}

/* full white content area for pages that require it */
body#Portfolio #InnerContent {background: url(../Images/InnerBgRepeatW.jpg) repeat-y;}
body#Portfolio #InnerTop {margin-top: 10px; background: url(../Images/InnerTopBkgW.jpg) no-repeat;}
body#Portfolio #InnerBottom {background: url(../Images/InnerBottomBkgW.jpg) no-repeat;}
body#Portfolio #InnerLeft {padding-left:30px;}

body#CaseStudies #InnerContent {background: url(../Images/InnerBgRepeat.jpg) repeat-y;}
body#CaseStudies #InnerTop {margin-top: 10px; background: url(../Images/InnerTopBkg.jpg) no-repeat;}
body#CaseStudies #InnerBottom {background: url(../Images/InnerBottomBkg.jpg) no-repeat;}
body#CaseStudies #InnerLeft {padding: 28px 0 40px 40px; float: left; width: 555px;}
body#CaseStudies #InnerRight {float: right;}
body#CaseStudies a.nPortfolio {border-bottom: 5px solid #F9DB87;} 

body#Landing #InnerContent {background: url(../Images/InnerBgRepeatW.jpg) repeat-y;}
body#Landing #InnerTop {margin-top: 10px; background: url(../Images/InnerTopBkgW.jpg) no-repeat;}
body#Landing #InnerBottom {background: url(../Images/InnerBottomBkgW.jpg) no-repeat;}
body#Landing #InnerLeft {padding-left:30px;}

body#IMSLanding #InnerContent {background: url(../Images/InnerBgRepeatW.jpg) repeat-y;}
body#IMSLanding #InnerTop {margin-top: 10px; background: url(../Images/InnerTopBkgW.jpg) no-repeat;}
body#IMSLanding #InnerBottom {background: url(../Images/InnerBottomBkgW.jpg) no-repeat;}
body#IMSLanding #InnerLeft {padding-left:30px;}
body#SocialMediaOptimization a.SocialMediaOptimization {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#SocialMediaOptimization a.nServices {border-bottom:5px solid #f9db78;}

body#News #InnerContent {background: url(../Images/InnerBgRepeatW.jpg) repeat-y;}
body#News #InnerTop {margin-top: 10px; background: url(../Images/InnerTopBkgW.jpg) no-repeat;}
body#News #InnerBottom {background: url(../Images/InnerBottomBkgW.jpg) no-repeat;}
body#News #InnerLeft {padding-left:30px;}

/* Portfolio list styling */

.pgroup {list-style-type:none; background:url(../images/portfoliopanelbg.png) left top no-repeat; width:904px; height:256px; margin-bottom:24px;}

.pgroup li {float:left; padding:18px 24px; text-align:center;}
.pgroup h3 {margin-bottom:0.3em;}
.pgroup a {text-align:left; color:#333333; text-decoration:none;}
.pgroup span {text-align:center; display:block; font-size:12px;}
.pgroup a span {color:#0085d7; padding-top:2px;}
.pgroup a:hover span {color:#025f99;}
	
	
/* News list styilng */

.ngroup {list-style-type:none; background:url(../images/newsRepeat.jpg) repeat-y; width:908px; padding-bottom: 10px;}

.newsContent{width: 580px; float:left; padding: 15px 26px;}
.newsImage{padding:24px 20px;}
.newsImage span {padding-top:5px;}
.ngroup h3 {margin-bottom:0.3em;}
.ngroup a {text-align:left; color:#333333; text-decoration:none;}
.ngroup span {text-align:center; display:block; font-size:12px;}
.ngroup a span {color:#0085d7; padding-top:2px;}
.ngroup a:hover span {color:#025f99;}

.newsItem{clear: left; margin-bottom: 20px;}
.newsBottom{background: url(../images/newsBottom.jpg) no-repeat; width: 908px; display: block; height: 16px;}
.newsTop{background: url(../images/newsTop.jpg) no-repeat; width: 908px; height: 13px; display: block;}

#InnerRight{float: right;}


#InnerHeaderRight{width: 200px; height:60px; position:absolute; right:21px; top:140px;}
/* Quote Button, inner pages */
.btnQuote {width:191px; height: 58px; position: relative; display:block;}
.btnQuote span {background: url(../images/btnQuoteInr.png) left bottom no-repeat; position: absolute; width: 100%; height: 100%;}
.btnQuote:hover span {background-position:left top}


#QuoteLeft h2{font-size: 32px; margin-top: 40px;}


/* subnavigation styles */
#navtop{background: url(../Images/subNavTop.jpg) top no-repeat; width: 267px; height: 9px; }
#Navigation{display: block; background: url(../Images/subNavRepeat.jpg) repeat-y; margin-top: 15px; margin-right: 16px; }
#Navigation ul{width: 276px; list-style: none; padding:25px 0;}
#Navigation ul ul {padding:0;}
#Navigation ul li{padding-left: 35px; margin-bottom:0.6em;}
#Navigation ul li a{color:#282828; font-size:1em; font-weight:bold; text-decoration:none;}
#Navigation ul li li {padding-left:0px;letter-spacing:-1px;}

#Navigation ul ul li a {text-decoration:none; font-weight:bold; color:#575044; font-size:0.9em; display:block; padding-left:15px;}

#Navigation ul ul li a:hover {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
#navbottom{background: url(../Images/subNavBottom.jpg) top no-repeat; width: 267px; height: 14px;}


/* Subnavigation selected page highlighting */
/* About Us */
body#AboutUs a.AboutDiscoverTec {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#AboutUs a.nAboutUs {border-bottom:5px solid #f9db78;}

body#ProjectManagementTeam a.ProjectManagementTeam {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#ProjectManagementTeam a.nAboutUs {border-bottom:5px solid #f9db78;}

body#ThePrincipals a.ThePrincipals {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#ThePrincipals a.nAboutUs {border-bottom:5px solid #f9db78;}

body#Careers a.Careers {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#Careers a.nAboutUs {border-bottom:5px solid #f9db78;}

body#DesignTeam a.DesignTeam {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#DesignTeam a.nAboutUs {border-bottom:5px solid #f9db78;}

body#DevelopmentTeam a.DevelopmentTeam {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#DevelopmentTeam a.nAboutUs {border-bottom:5px solid #f9db78;}

body#ITTeam a.ITTeam {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#ITTeam a.nAboutUs {border-bottom:5px solid #f9db78;}

body#News a.News {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#News a.nAboutUs {border-bottom:5px solid #f9db78;}

 
/* Services */

body#Services a.nServices {border-bottom:5px solid #f9db78;}

/* Design */
body#WebsiteDesign a.WebsiteDesign {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#WebsiteDesign a.nServices {border-bottom:5px solid #f9db78;}

body#MotionGraphics a.MotionGraphics {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#MotionGraphics a.nServices {border-bottom:5px solid #f9db78;}

body#UIDesign a.UIDesign {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#UIDesign a.nServices {border-bottom:5px solid #f9db78;}

body#NewsletterDesign a.NewsletterDesign {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#NewsletterDesign a.nServices {border-bottom:5px solid #f9db78;}

body#LogoPrintDesign a.LogoPrintDesign {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#LogoPrintDesign a.nServices {border-bottom:5px solid #f9db78;}

/* Products */
body#Products a.nProducts,
body#cldEmail a.nProducts,
body#cldVirtual a.nProducts,
body#cldCollaboration a.nProducts,
body#cldWebConf a.nProducts,
body#cldCRM a.nProducts,
body#cldAppHosting a.nProducts,
body#cldBackup a.nProducts,
body#cldManaged a.nProducts,
body#cldAnalytics a.nProducts
{border-bottom:5px solid #f9db78;}

body#cldEmail a.cldEmail {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#cldVirtual a.cldVirtual {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#cldCollaboration a.cldCollaboration {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#cldWebConf a.cldWebConf {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#cldCRM a.cldCRM {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#cldAppHosting a.cldAppHosting {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#cldBackup a.cldBackup {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#cldManaged a.cldManaged {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#cldAnalytics a.cldAnalytics {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}

/* Portfolio */
body#Portfolio a.nPortfolio {border-bottom:5px solid #f9db78;}
body#Landing a.nPortfolio {}

body#IMSLanding a.nPortfolio {}

/* Development */
body#ApplicationDevelopment a.ApplicationDevelopment {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#ApplicationDevelopment a.nServices {border-bottom:5px solid #f9db78;}

body#ContentManagementSystems a.ContentManagementSystems {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#ContentManagementSystems a.nServices {border-bottom:5px solid #f9db78;}

body#SilverlightDevelopment a.SilverlightDevelopment {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#SilverlightDevelopment a.nServices {border-bottom:5px solid #f9db78;}

body#E-Commerce a.ECommerce {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#E-Commerce a.nServices {border-bottom:5px solid #f9db78;}


/* Manage */
body#WebsiteHosting a.WebsiteHosting {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#WebsiteHosting a.nServices {border-bottom:5px solid #f9db78;}

body#NetworkSolutions a.NetworkSolutions {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#NetworkSolutions a.nServices {border-bottom:5px solid #f9db78;}

body#EmailSolutions a.EmailSolutions {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#EmailSolutions a.nServices {border-bottom:5px solid #f9db78;}

body#WebsiteMaintenance a.WebsiteMaintenance {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#WebsiteMaintenance a.nServices {border-bottom:5px solid #f9db78;}


/* Optimize */
body#TrafficAnalytics a.TrafficAnalytics {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#TrafficAnalytics a.nServices {border-bottom:5px solid #f9db78;}

body#SocialMediaOptimization a.SocialMediaOptimization {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#SocialMediaOptimization a.nServices {border-bottom:5px solid #f9db78;}

body#SearchEngineOptimization a.SearchEngineOptimization {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#SearchEngineOptimization a.nServices {border-bottom:5px solid #f9db78;}

body#PayPerClickCampaigns a.PayPerClickCampaigns {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#PayPerClickCampaigns a.nServices {border-bottom:5px solid #f9db78;}

body#ENewsletterCampaigns a.ENewsletterCampaigns {border-left:5px solid #f6ce48; color:#2d2d2c; padding-left:10px;}
body#ENewsletterCampaigns a.nServices {border-bottom:5px solid #f9db78;}


.clear{clear: both;}

/* Page Classes */
/* split these out by category i.e. design. */
#InnerHeaderLeft{padding-top:15px; padding-left:20px;}
/* fix for ie7 */
#InnerHeaderLeft h2 {font-size: 32px; height:100px; padding-left:100px; line-height:98px; /*margin-left:20px;*/ letter-spacing:-1px; }

/* set heading icons by class */
#InnerHeaderLeft h2.about {background: url(../Images/aboutIcon.jpg) no-repeat;}
#InnerHeaderLeft h2.special {background: url(../Images/specialIcon.jpg) no-repeat;}
#InnerHeaderLeft h2.design {background: url(../Images/designIcon.jpg) no-repeat;}
#InnerHeaderLeft h2.develop {background: url(../Images/developIcon.jpg) no-repeat;}
#InnerHeaderLeft h2.optimize {background: url(../Images/optimizeIcon.jpg) no-repeat;}
#InnerHeaderLeft h2.manage {background: url(../Images/manageIcon.jpg) no-repeat;}
#InnerHeaderLeft h2.contact {background: url(../Images/contactIcon.jpg) no-repeat;}
#InnerHeaderLeft h2.portfolio {background: url(../Images/portfolioIcon.jpg) no-repeat;}
#InnerHeaderLeft h2.products {background: url(../Images/productsIcon.jpg) no-repeat;}


.design h1{ margin-left: 100px; margin-top: 20px; color: Red;}

#breadcrumb{position:absolute; left:128px; top:188px; color:#31343c; font-weight:bold; font-size:0.8em;}
#breadcrumb ul {list-style-type:none;}
#breadcrumb ul li {float:left; line-height:1em; padding-right:0.6em;}
#breadcrumb a {color:#fff; text-decoration:none; background:url(../images/BCArrow.png) right center no-repeat; padding-right:1em;}
#breadcrumb a:hover {text-decoration:underline;}

/* Services Landing Page */

body#Services{background: #0e0e0e url(../Images/ServicesLandingBkg.jpg) repeat-x; height: 627px; width:100%; margin:0; padding:0; color:#333333; font-family:Arial, Helvetica, sans-serif;}
#ServicesContainer{width: 975px;}
#ServicesLeft{background: url(../Images/ServicesYellowLeft.png) no-repeat; padding-left: 20px; width: 483px; display: block;height: 432px; float: left;}
#ServicesRight{background: url(../Images/ServicesYellowRight.png) no-repeat; width: 472px; height: 432px; float: right;}
#ServicesCTA{color: #fff; font-weight: bold; margin: auto; margin-top: 30px; width: 780px;}
#ServiceContact{float: left; padding-top: 6px;}


/* Contact Page */

#contactLeft{float: left; margin-top: 10px; padding-top: 0; width: 280px; margin-right:40px;}
#contactRight{margin-top: 12px; float: right;}
#contactAddress{font-size: 14px; line-height: 1.4em;}
#contactAddress a{color: #0085d7;}
#contactMap{padding: 15px 0; font-size: 13px;}
#contactFB{margin-right: 22px; margin-top: 25px;}
#FBicon{background: url(../images/FBicon.png) no-repeat; color: #3c3731; text-decoration: none; padding-left: 37px; padding-top: 5px; padding-bottom: 12px; height: 46px;}
.contactError{padding-bottom: 15px;}
.contactSubmitBtn{float: right;}
.clabel {text-align:right; padding-right: 10px; font-weight:bold; font-size: 16px; vertical-align:top; padding-top:5px;}
.clabelr {text-align:right; font-weight:bold; vertical-align:top; }
.clabeltop {text-align:right; font-weight:bold; vertical-align:top;}
.cfield {font-family: arial; font-size:14px; font-weight:bold; padding:4px; color:#31343c; width:180px; margin-left:0px; margin-bottom:10px;}
.cmulti {padding:4px; font-family:arial, helvetica, sans-serif; height:142px; width:240px; font-size:14px; margin-left:20px;}
.cbudget input {margin-left:20px; position:relative; top:1px;}
.cbudget label {margin-left:4px; font-size:12px; font-weight:bold;}
.cbudget p {height:20px;margin-bottom:2px; }


/* Global inner page font styles */
h1 {font-size: 32px; font-weight: bold; color: #333;}
#Slogan h1 {margin: 30px 0 0 50px; display: block;}
h2 {color:#3c3731; margin-bottom:0.4em; font-size:1.5em; letter-spacing:-1px; line-height:1em; }
h3 {color:#3c3731; margin-bottom:0.4em; font-size:1.2em; letter-spacing:-1px;}
h2.green, h2.yellow, h2.purple {background:url(../images/headingbars.png) left no-repeat; padding-left:20px;}
h2.purple {background-position: 0 -140px;}
h2.green {background-position: 0 -70px;}
h2.yellow {background-position:0 0px;}

h3.profile {padding-left:110px;}
p.profile {padding-left:110px; margin-bottom:2.5em; min-height:110px;}
p.profile img {position:absolute; margin-left:-110px;}

#InnerContainer p {color:#0d0d0c; font-size:0.8em; margin-bottom:2em; line-height:1.7em;}

h2.ServiceDesign, h2.ServiceOptimize, h2.ServiceDevelop, h2.ServiceManage{font-size: 36px; letter-spacing: -1px;}

.ServiceQuadrant{padding: 29px 15px 0px 15px; color: #31343c; position: relative; }
.ServiceQuadrant a{text-decoration: none; color: #31343c;}
.ServicePar{width: 280px; float: left; letter-spacing: -.2px; font-weight: bold; color: #31343c; font-size: 16px; line-height: 1.3em; margin-left: 6px; margin-top: -3px;}
.ServiceDesign{background: url(../Images/designIcon.png) no-repeat; padding-left: 105px; padding-top: 20px; display: block; width: 198px; height: 72px;}
.ServiceOptimize{background: url(../Images/optimizeIcon.png) no-repeat; padding-left: 105px; padding-top: 20px; display: block; width: 198px; height: 72px;}
.ServiceDevelop{background: url(../Images/developIcon.png) no-repeat; padding-left: 105px; padding-top: 20px; display: block; width: 198px; height: 72px;}
.ServiceManage{background: url(../Images/manageIcon.png) no-repeat; padding-left: 105px; padding-top: 20px; display: block; width: 198px; height: 72px;}

.ServiceDetailsBtn{position: relative; float: right; width: 127px; margin-right: 20px; margin-top: 25px; height: 39px; font-size: 14px;}
.ServiceDetailsBtn:hover{background-position: bottom;}
.ServiceDetailsBtn span{background: url(../Images/seeDetailsBtn.png) top no-repeat; margin-left: -4px; position: absolute; width: 127px; height: 39px;}
.ServiceDetailsBtn:hover span{background-position: bottom;}

#ServicesContactBtn{float: right; position: relative; display: block; font-size: 10px;text-align: center; width: 120px; height: 47px;}
#ServicesContactBtn:hover{}
#ServicesContactBtn span{background: url(../Images/ContactBtn.png) top no-repeat; margin-top: -5px; margin-left: -10px; position: absolute; right: 6px; width: 100%; height: 100%;}
#ServicesContactBtn:hover span{background-position: bottom;}

.wm_bio {margin-top:-25px;margin-left:-37px;}


/* casestudies style */
#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper {width:632px; margin: 20px auto 0; padding: 0; display:none; margin-left: -33px; border-top: 1px solid #000;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:632px; height:340px; padding: 0 0 8px 0; background:#000;}

	/* text box markup */
#information {position:absolute; bottom:0; width:632px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.8; filter:alpha(opacity=80);}
#information h3 {padding:10px 30px 3px; font-size:14px; color: #fff;}
#information p {padding:5px 20px 0 30px; color: #fff; line-height: 1.25em;}
#image {width:632px;}
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:18px; height:122px; top:344px; cursor:pointer; z-index:150;}

/* left button */
#imgprev {background:url(../Images/left-arrow.jpg) top no-repeat; height: 122px;}
#imgprev:hover {background-position: 0 -122px;}

/* right button */
#imgnext {right: 0; background:url(../Images/right-arrow.jpg) top no-repeat; height: 122px;}
#imgnext:hover {background-position: 0 -122px;}

#imglink {position:absolute; height:306px; width: 593px; z-index: 100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url(../Images/link.gif) center center no-repeat;}
#thumbnails {margin:0;}
#slidearea {float:left; background: #000; position:relative; width:596px; margin-left:18px; height:118px; overflow:hidden;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}

/* text styles */
#case p {margin-bottom: 13px;}

.caseintro {font-weight: bold; font-size: 2.5em; margin-left: -21px; color: #959595;}
.casetype {color: #959595; font-size: 1.125em; margin-left: 5px;}
.casetype2 {color: #959595; font-size: 1.125em;}
.caseinfo {color: #0585ce; font-size: 1.125em;}
.caseheader {font-size: 2.25em; margin: 40px 20px 40px -20px;}

.caserighth3 {font-size: 1.3em; margin: 30px 10px 10px 10px; line-height: 1.25em;}
.caserighth4 {font-size: 1.5em; margin: 30px 10px 10px 10px; line-height: 1.5em;}
#caseright .caserightp {margin: 5px 10px 0 10px; width: 250px; font-size: 0.75em; line-height: 1.8em;}
#caseright .casequote {font-size: 0.75em; line-height: 1.5em; font-weight: bold; font-style: italic; margin: 0; width: 250px; color: #055e90; text-align: center;}
#caseright .casebenefits {margin-left: 20px; margin-right: 20px; font-style: italic; line-height: 1.25em;}

/* img style*/
.casebar {margin: 0 0 20px 0;}
.casesidebar1 {margin: 40px 15px 0 0;}
.casesidebar {margin: 9px 15px 0 0;}
.casecheck {float: left; margin-left: -40px; margin-top: -10px;}
.casecheck2 {float: left; margin-left: -40px; margin-top: -10px;}
.caserightquote {margin-left: 190px;}

#casetop {margin-left: 15px; background: url(../Images/caserighttop.png) no-repeat; height: 7px;}
#casemiddle {position: relative; font-size: 1.15em; margin-left: 15px; background: url(../Images/caserightmiddle.png) repeat-y; width: 200px; padding: 20px;}
#casebottom {margin-left: 15px; background: url(../Images/caserightbottom.png) no-repeat; height: 8px;}

/*    Landing page Styles    */

.SOurWork {background: url(../Images/LandButSprite.jpg) 0px 0px no-repeat; width: 230px; height: 69px; cursor:pointer; display:inline-block; float:left;}
.SOurWork:hover {background-position:0px -69px;}
.SOurSite {background: url(../Images/LandButSprite.jpg) -290px 0px no-repeat; width: 230px; height: 69px; cursor:pointer; display:inline-block; float:left;}
.SOurSite:hover {background-position:-290px -69px;}
.THtitle {font-size:11px; color:#4f4f4f; display:block; margin-left:8px; margin-top:4px;}
.THdate {font-size:11px; color:#698f00; font-weight:bold; display:block; margin-left:8px;}
.THpro {font-size:11px; color:#838383; display:block; margin-left:8px;}
.SOurWork2 {background: url(../Images/LandButSprite2.jpg) 0px 0px no-repeat; width: 230px; height: 69px; cursor:pointer; display:inline-block; float:left;}
.SOurWork2:hover {background-position:0px -69px;}
.SOurSite2 {background: url(../Images/LandButSprite2.jpg) -290px 0px no-repeat; width: 230px; height: 69px; cursor:pointer; display:inline-block; float:left;}
.SOurSite2:hover {background-position:-290px -69px;}

/* Case Studies Page
.InnerLeft {width: 555px; float: left; padding: 28px 0 5px 40px;}
#InnerLeftTwo {float: left; width: 645px; padding: 0 0 40px 0px; margin: 0;}
#InnerRightTwo {float: right; width: 270px; padding: 0; margin: 0 20px;}

.divider {margin-bottom: 10px;}

#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper {width:638px; margin:0 auto; padding: 0; display:none;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:632px; height:340px; padding:2px; background:#000;}

#information {position:absolute; bottom:0; width:632px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70);}
#information h3 {padding:4px 20px 3px; font-size:14px;}
#information p {padding:0 20px 8px;}
#image {width:632px;}
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:18px; height:122px; top:344px; cursor:pointer; z-index:150;}

#slideleft {left:0; background:url(../images/left-arrow.jpg) left center no-repeat; width: 18px;}

#slideright {left:0; background:url(../images/left-arrow.jpg) left center no-repeat; width: 18px;}

#imglink {position:absolute; height:306px; width: 593px; z-index: 100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url(../images/link.gif) center center no-repeat;}
#thumbnails {margin:0;}

#slidearea {float:left; background: #292929; position:relative; 
width:601px; margin-left:18px; height:121px; overflow:hidden;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}

.intro {color: #3c3731; font-size: 40px; font-weight: bold;}
#InnerContainer p.right-intro {color: #3c3731; font-size: 24px; line-height: 1.25em; margin: 10px 0;}
.type {color: #929292; font-size: 12px;}
.info {color: #00aeef; font-size: 12px;}

#quote {font-style: italic; font-size: 1em; color: #585858; margin: 0 20px; font-weight: bold;}
#quote p {margin-bottom: 0;}

#benefits-top {background: url(../images/studies-top.gif) no-repeat; height: 15px; width: 236px;}
#benefits-middle {background: url(../images/studies-middle.gif) repeat-y; width: 196px; padding: 0 10px 0 30px;}
#benefits-bottom {background: url(../images/studies-bottom.gif) no-repeat; height: 19px; width: 236px;}
#benefits p {color: #464646; font-style: italic; font-size: 18px; line-height: 1.25em; margin-bottom: 0; padding: 10px 0;} */

/* Cloud Stuff */
.cldEmail h3, .cldVirtual h3, .cldCollaboration h3, .cldWebConferencing h3, .cldCrm h3, .cldAppHosting h3, .cldBackup h3, .cldManagedHosting h3, .cldAnalytics h3 {background:url(../images/iconspriteCLD.png) no-repeat; height:32px; padding-left:45px;}

.cldEmail h3 {background-position:0 -320px;}
.cldVirtual h3 {background-position:0 -352px;}
.cldCollaboration h3 {background-position:0 -256px;}
.cldWebConferencing h3 {background-position:0 -160px;}
.cldCrm h3 {background-position:0 -192px;}
.cldAppHosting h3 {background-position:0 -384px;}
.cldBackup h3 {background-position:0 -96px;}
.cldManagedHosting h3 {background-position:0 -416px;}
.cldAnalytics h3 {background-position:0 -448px;}

.cldSvcs {list-style-type:none;}
.cldSvcs li {border-bottom:1px dotted #ddd;margin-bottom:16px; height:1%; padding-bottom:10px;}
.cldSvcs li:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.cldSvcs li h3 {margin:0;}

.cldSvcs li a.btnFD {float:right;  display:inline; background:url(../images/btnFullDetails.png) left top no-repeat; width:123px; height:35px; }
.cldSvcs li a.btnFD:hover {background-position: 0 -35px;}

#InnerContainer .cldSvcs li p {float:left; padding-left:45px; width:360px; margin-bottom:1em; } 


#tabs {padding-top:10px;}
#tabs a {color:#0085c2;}
.tabButtons { list-style-type:none; height:1%; margin-bottom:10px;}
.tabButtons:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tabButtons li {padding:0;float:left; background:#fcf6e6;  height:1%; border-bottom:1px solid #ddd;}
.tabButtons li a {display:block; font-weight:bold; text-decoration:none; padding:6px 20px;}
.tabButtons li.ui-state-active {background:#f3c848; border:1px solid #f3c848; border-bottom:none; }
#tabs .ui-state-active a {color:#333;}
h3 a {color:#0085c2;}

ul.contentList, ul.contentListCons {list-style-type:none; font-size: 0.8em; padding-left:30px; margin-bottom:30px; font-weight:bold;}/* content area ul */
ul.contentList li {margin-bottom:12px; color:#555; background:url(../Images/contentListCheck.png) left no-repeat; padding-left:30px;}
ul.contentListCons li {margin-bottom:12px; color:#555; background:url(../Images/contentListCross.png) left no-repeat; padding-left:30px;}


.prosCons {padding-top:10px;}
.prosCons td {vertical-align:top; padding:10px; padding-left:0;}

/* Fancybox */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../fancybox/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

.free-btn {background: url(../Landingpages/Hosting/images/free-btn.png) no-repeat; height: 40px; width: 160px; cursor: pointer; text-indent: -9999px; float: left; clear: left; margin-left: 20px; margin-top: 10px;}
.free-btn:hover {background-position: bottom;}