/* 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#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; padding-left:15px; font-size:0.9em;}
#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;}


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

body#IMSLanding a.nPortfolio {border-bottom:5px solid #f9db78;}

/* 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.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;}

.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 */
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:638px; margin:0 auto; padding: 0; display:none; margin-left: -36px;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:632px; height:340px; padding:2px; border:1px solid #ccc; 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 {left:0; background:url(../Images/left2.jpg) left center no-repeat;}

/* right button */
#imgnext {right:0; background:url(../Images/right2.jpg) right center no-repeat;}

#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: url(../Images/body2.jpg) no-repeat; position:relative; 
width:610px; margin-left:18px; height:121px; 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 {position: absolute; bottom:471px;}
.casecheck2 {position: absolute; bottom:404px;}
.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;}