* {padding:0; margin:0;}
html, body{height:100%; width:100%;}
body {text-align:center;}
body {background-color:#550438; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#5b5b5b;}
h1, h2, h3, h4, h5 {color:#c91186; margin-bottom:10px;}
h1 {font-size:1.6em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
a {color:#c91186;}
a:link, a, img {border:none;}
hr {color:#c91186; background-color:#c91185;height:2px;}
.hr {color:#c91186; background-color:#c91185;height:2px;margin:3px 0;} /*used for divs*/
.thinhr {color:#888; background-color:#888;height:1px;margin:3px 0;} /*used for divs*/
.dottedhr {height:1px;margin:6px 0px;border-bottom:1px dotted #CCC;} /*used for divs*/

/* Global Common */
.left {float:left;}
.right {float:right;}
.clear {clear:both; height:0;}
.center {text-align:center;}

/* Box Styles */
div.box-wide {margin:10px 0; width:440px;}
div.box-wide div.top {background:url(/i/box-wide-top.gif) no-repeat; height:10px; font-size:0;}
div.box-wide div.content {background:url(/i/box-wide-bg.gif) repeat-y; padding:0 10px;}
div.box-wide div.bottom {background:url(/i/box-wide-bottom.gif) no-repeat; height:9px; font-size:0;}

div.box-narrow {width:214px; margin:10px 0;}
div.box-narrow div.top {background:url(/i/box-narrow-top.gif) no-repeat; height:8px; font-size:0;}
div.box-narrow div.content {background:url(/i/box-narrow-bg.gif) repeat-y; padding:0 10px;}
div.box-narrow div.bottom {background:url(/i/box-narrow-bottom.gif) no-repeat; height:7px; font-size:0;}

div.box-narrow-wt {width:230px; margin:10px 0;}
div.box-narrow-wt div.top {background:url(/i/box-narrow-wt-top.gif) no-repeat; height:8px; font-size:0;}
div.box-narrow-wt div.content {background-color:#fff; padding:0 10px; color:#000;}
div.box-narrow-wt div.bottom {background:url(/i/box-narrow-wt-bottom.gif) no-repeat; height:8px; font-size:0;}
div.box-narrow-wt h2{margin-top:0;}
div.box-narrow-wt .content{height:200px;}

div.box-left {float:left; margin-left:13px;}
div.box-right {float:right; margin-right:5px;}
div.box-end {margin-left:0; margin-right:0;}

div.highlightBox {margin:5px 5px; width:275px;}
div.highlightBox div.top {background:url(/i/boxes/hl/pink-top.gif) no-repeat; height:36px;font-size:12pt;color:white;padding:10px 0 0 10px; margin-bottom:-12px;}
div.highlightBox div.content {background:url(/i/boxes/hl/slice.gif) repeat-y; padding:10px 10px 5px 10px;}
div.highlightBox div.bottom {background:url(/i/boxes/hl/bottom-curve.gif) no-repeat; height:6px; font-size:0;}

/* image styles - Used within sitecore */
.imgright {float:right;margin:0 0 0px 10px;}
.imgleft {float:left;margin:0 10px 0 0;}

/* image offset styles - Used within sitecore */
.top0px {margin-top:0px;}
.top50px {margin-top:50px;}
.topMinus10px {margin-top:-10px;}


/*box styles*/
.sectionbox {display:block;clear:both;margin:0 0 35px 0;}

/*breadcrumbs*/
.breadcrumbs {font-size:1.3em;color:#c91186}
.bcnav{float:left;margin:0 0 4px 0;}

.hide {display:none;}

.phone {float:right;margin:63px 15px 0 0;font-size:1.4em;color:White;}

.subtitle {color:#c91186; margin:10px 0 10px 0;font-size:1.1em;font-weight:bold;}


/*layout related*/
/* Flash bg */
#bg-top {position:absolute; z-index:1;top:0; left:0; width:100%;height:100%;background:url(/i/bg-trans.gif) repeat;}
#flashbg{position:fixed; top:0;left:0;width:100%; height:100%; z-index:0;}

/* Page width */
#frame {width:960px; margin:0 auto; position:relative;text-align:left;background:url(/i/bg-trans.gif) repeat;}


/* Header and Main Menu */
#header {height:85px; background:transparent url(/i/header-bg.gif) no-repeat top left; position:relative;}
#header #logo {display:block; position:absolute; left:30px; top:0; height:80px; width:290px; text-indent:-999em; overflow:hidden;}
#header #main-menu {list-style:none; height:40px; position:absolute; left:460px; top:16px;}
#header #main-menu li {float:left; width:95px; height:40px; text-align:center;}
#header #main-menu a {background:url(/i/tab-off.gif) no-repeat 0 0; display:block; color:#c91186; height:100%; text-decoration:none; line-height:55px; text-indent:8px; font-weight:bold;}
#header #main-menu a:hover, #header #main-menu a.on {background-image:url(/i/tab-on.gif); color:#fff;}

/* Body */
#main {background:#fff; padding:10px 20px;text-align:left;}
#main #feature {height:285px; width:710px; float:right;}

#main #sub-menu {height:285px; width:200px; list-style:none;}
#main #sub-menu li {margin: 0px;padding:0px; overflow: hidden;list-style: none;}
#main #sub-menu li a {text-indent:-9999em;background-repeat:no-repeat;display:block;height:36px;}
#main #sub-menu li a.webdev {background-image:url("/i/btns/WebDevelopment.gif");height:35px}
#main #sub-menu li a.webdev:hover, #main #sub-menu li a.searchengine:hover, #main #sub-menu li a.technicalinnovations:hover {background-position: 0px -35px; }
#main #sub-menu li.on a.webdev, #main #sub-menu li.on a.searchengine, #main #sub-menu li.on a.technicalinnovations {background-position: 0px -70px; }

/*need custom for web dev as short than the rest*/
#main #sub-menu li a.web2 {background-image:url("/i/btns/Web2.gif");}
#main #sub-menu li a.mobile {background-image:url("/i/btns/MobileSolutions.gif");}
#main #sub-menu li a.usability {background-image:url("/i/btns/Usability.gif");}
#main #sub-menu li a.datawarehousing {background-image:url("/i/btns/DataWarehousing.gif");}
#main #sub-menu li a.analytics {background-image:url("/i/btns/WebAnalytics.gif");}
#main #sub-menu li a.searchengine {background-image:url("/i/btns/SearchEngineMarketing.gif");height:35px;}
#main #sub-menu li a.technicalinnovations {background-image:url("/i/btns/TechnicalInnovations.gif");height:35px;}
#main #sub-menu li a:link, #main #sub-menu li a:visited {background-position: 0px 0px; }
#main #sub-menu li a:hover {background-position: 0px -36px; }
#main #sub-menu li.on a {background-position: 0px -72px; }

/*#main #sub-menu {height:285px; width:190px; float:left;list-style:none;}
#main #sub-menu li {height:35px; background:url(/i/dotted-line.gif) repeat-x left bottom;}
#main #sub-menu a {background:url(/i/icon-arrow-off.gif) no-repeat left center; height:100%; line-height:33px; padding-left:20px; color:#7c7c7c; font-weight:bold; text-decoration:none; font-size:1.1em; display:block;}
#main #sub-menu a:hover, #main #sub-menu a.on {background-image:url(/i/icon-arrow-on.gif); color:#c91186;}*/
#main-close {height:10px; background:url(/i/footer-bg.gif) no-repeat 0 0;}

/* Page Content */
#main #content {clear:left;}
#main #content p {margin:0 0 10px 0;}
#main #content li {list-style:disc;margin:0 0 0 20px;}
#main #content-margin {clear:both;height:20px;}
#main #content-left {width:450px; float:left;}
#main #content-right {width:445px; float:right;}

#main #proddetail-left {width:705px; float:left;}
#main #proddetail-left .sectionbox {margin-top:15px;}

#main #proddetail-right {width:190px; float:right;}
#main #proddetail-right a {color:#4c4c4c;}
#main #proddetail-right a:hover {color:#c91186;}



/* Footer */
#footer {clear:left; text-align:center; color:#fff; padding-top:20px;}

#feature-hdr {margin-bottom:6px;height:285px;}

/*feature lines*/
.featurelines {position:absolute;left:255px;top:225px;color:#FFF;font-size:1.3em;list-style:none;}
.featurelines li {margin-bottom:15px}

/* Two column 2thirds sub layout */
.left23column {float:left;width:685px;}
.right23column {float:right;width:190px;}

/*blog dates*/
.blogEntries ul
{
	margin:0 0 0 -25px;
}

.BlogPostTable ul 
{
	margin: 0 0 10px 0;
}

#content .blogEntries ul li, .fpBlogEntry
{
    margin: -40px 0 0 45px;
    padding: 0;
    display: block;
} 

#main #content .blogEntries ul li
{
    list-style:none;
}


.date {
    background: transparent url("/i/bg_calendar.png") 0 50% no-repeat;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1;
    display: block;
    height: 36px;
    width: 30px;
    margin: 4px 12px 4px 4px;
}
.date .month {
    font: bold 9px Tahoma,Arial,Verdana,Helvetica,sans-serif;
    text-transform: uppercase;
    text-align: center;
    display: block;
    color: #fff;
    padding: 2px 0 0 0;
}
.date .day {
    font: normal 12px Tahoma,Arial,Verdana,Helvetica,sans-serif;
    text-align: center;
    display: block;
    color: #664E2D;
    padding: 5px 0 0 0;
    margin: 0;
}

#clientpage h2
{
  margin: 20px 0 10px 0;
}

#clientpage h4 {
  height:105px; width:168px; padding-right:15px; text-decoration:none; display:block; float:left; 
}

#clientpage a { height:105px; width:168px; display:block; overflow: hidden; text-indent:-999em;}

/*tag cloud*/
#tagCloud {	width:175px; border:solid 1px #ccc; padding:5px; margin-bottom:10px; text-align:justify; }
#tagCloud A.weight1, #tagCloud A.weight2, #tagCloud A.weight3,#tagCloud A.weight4, #tagCloud A.weight5 { text-transform:lowercase; font-weight:bolder; line-height:1.6em; text-decoration:none; }
#tagCloud A.weight1 {	color: #c91186; font-size: 1.9em; }
#tagCloud A.weight2 { color: #a91186; font-size: 1.6em; }
#tagCloud A.weight3 { color: #891186; font-size: 1.3em; }
#tagCloud A.weight4 { color: #691186; font-size: 1em; font-weight:normal; }
#tagCloud A.weight5 { color: #491186; font-size: 0.7em; font-weight:normal; }
/*end tag cloud*/

/*frontpage panels*/
#main #content #fp-panel {}
#main #content #fp-panel ul {margin:0 0 0 -15px;padding:0;}
#main #content #fp-panel li {float:left;margin:0 0 10px 15px;padding:0;list-style-type:none;}
#main #content #fp-panel h2 {text-indent:-9999px;}
#main #content #fp-panel h2 a {margin:10px 10px 0 10px;display:block;width:160px;height:40px;}
#fp-panel .webdev {background-image:url("/i/fpPanels/WebDevelopment.gif");width:218px;height:198px;}
#fp-panel .web2 {background-image:url("/i/fpPanels/Web2-0.gif");width:218px;height:198px;}
#fp-panel .mobile {background-image:url("/i/fpPanels/MobileSolutions.gif");width:218px;height:198px;}
#fp-panel .usability {background-image:url("/i/fpPanels/Usability.gif");width:218px;height:198px;}
#fp-panel .datawarehousing {background-image:url("/i/fpPanels/DataWarehousing.gif");width:218px;height:198px;}
#fp-panel .analytics {background-image:url("/i/fpPanels/WebAnalytics.gif");width:218px;height:198px;}
#fp-panel .searchengine {background-image:url("/i/fpPanels/SearchEngineMarketing.gif");width:218px;height:198px;}
#fp-panel .technicalinnovations {background-image:url("/i/fpPanels/TechnicalInnovations.gif");width:218px;height:198px;}
#fp-panel p {padding:0px 15px 15px 15px;}