html {overflow: auto;}

a, a:link, a:visited {text-decoration:none; color:#B8006F;}
a:focus, a:active {background-color: #FFFFCC; color:#000000 !important;}
a:hover {text-decoration:underline; color:#000000;}

.highlight {color:#666666;}


body {width:100%;min-width:980px;overflow:hidden; margin:0; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.42em; color:#222222}
h1 {color:#555555; font-family:Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif; font-size:1.8em; font-weight:200; line-height:normal; margin-top:0px; margin-bottom:7px;}
h2 {color:#000000; font-family:Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif; font-size:1.3em; font-weight:200; line-height:normal; margin-top:0px; margin-bottom:7px;}
h3 {font-size:1.1em; margin:5px 0 0 0;font-family:Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;}
h4 {font-size:1em; margin:5px 0 0 0;font-family:Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold;}
.listback h3 {margin:0 0 5px;}
.submenuheading {padding:5px 0 0px 10px; color:#FFFFFF; font-weight:600; font-size:1.4em;}

.submenu {background-color:#EBEBEB; width:218px; padding-bottom:1px;}
.submenu ul {list-style:none; margin:5px 0 0 10px; padding:0;}
.submenu h2 {color: #000000 !important; margin:0px;}
.submenu h3 {color: #000000; margin:0px; font-size:1em; font-family:Arial, Helvetica, sans-serif;}
.submenu a:link {color: #555555; font-size:1em !important;font-weight:bold; }
.submenu a:visited {color: #555555;font-weight:bold; }
.submenu a:hover {color: #000000; text-decoration:underline;font-weight:bold; }
.submenu li {padding: 4px 5px 4px 2px; border-top:1px solid #AAAAAA; margin:0 10px 0 0;}

.drag-contentarea li {margin-bottom:10px; margin-right:150px;}
.drag-contentarea h4 {margin:5px 0}

.casestudy {padding-right:35px;}
.casestudyquote {padding:0 10px 0 0px;}
.casestudyquote  p {margin:0px;}

.sharecontainer {margin:10px 63px 10px 0; padding:0 0 0 10px;}
.share {padding:5px 3px; background:#F5F5F5; border:1px solid #E1E1E1;}


.banner {background-image:url('../images/main/banner-back-strip.png'); background-repeat:repeat-x; height:104px; border-bottom: 1px solid #555555;}
.innerbanner {background-image:url('../images/main/toplevel-logo.jpg'); background-repeat:no-repeat; height:100%; width:980px; margin:0 auto 0 auto; background-position:left 10px}
.search {text-align:right;}
.socialmedia {text-align:right; color:#FFFFFF; margin-left:582px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; padding-top:12px;}

.top {text-align:center; clear:both;}
.top a:link{color:#000000;}
.top a:visited{color:#000000;}

.casestudyarrow {background:url(../images/main/case-study-arrow.png) no-repeat 0 1px; padding-left:20px;font-size:0.95em;}
.casestudyarrow2 {background:url(../images/main/case-study-arrow.png) no-repeat 0 1px; padding-left:20px; margin:30px 30px 0 13px; font-size:0.95em;}
.casestudyarrowtext {padding-left:32px; font-size:0.95em; display:block; padding-right:20px;}
.casestudyarrowtext2 {padding-left:23px; font-size:0.95em; display:block; padding-right:20px;}

#outerwrapper {width:980px; margin:0 auto; background:url('../images/main/outerwrapper-back_old.jpg') repeat-y;}

#contentwrapper {margin:0 auto 75px auto; width:980px; background:url('../images/main/submenu-grad_old.jpg') bottom left no-repeat; min-height:570px;}
#leftmenu { float:left;width:218px;}
#image {height:200px; margin-left:218px;}
#maincontent {margin-left:240px; margin-top:10px;}
#headings {color:#000000; margin:0 0 70px 0;}
#headings img {float:right; padding:11px 0 15px 15px;}
.contentleft {width:358px; margin-right:35px; float:left; margin-top:-12px;}
.contentright {margin-left:390px;}

.columndivider {background: url('../images/main/column-divider.jpg') no-repeat ;height:11px; margin:15px 0 20px 0; clear:both;}
.cleardiv {height:20px; clear:both;}

.headingborder {background:#BCBCBC; height:1px; margin:-3px 0 15px 0; clear:both;}

.contentleft img, .contentright img {float:right; padding:0 0 5px 10px;}

ul {margin:0; padding:0 0 0 20px;}
ol {margin:0; padding:0 0 0 20px;}

th {font-weight:normal;}

li {margin-bottom:3px;}
ol li {margin-bottom:15px !important;}

.listback {background:#FBE9F4; padding:5px; margin:0 0 10px 0;}


#leftcolumn {width:218px; float:left;}
#rightcolumn {margin-left:218px; padding-right:0px;}
#rightcolumn li {margin-bottom:5px;}

.heading {margin:20px 0 0 20px;}
.column1 {margin:10px 20px 0 20px; width:370px; float:left;}
.column2 {margin:16px 0 0 380px;}

.navholder {background: url('../images/main/navholder-back.gif'); background-repeat:repeat-x; height:40px; overflow:visible; margin:0; border-bottom:1px solid #434343;  margin:0 auto 0 auto; overflow:hidden; /*---IE6-hack---*/ _margin-top:-5px; _border-top:1px solid #434343;}

.tickerouter {width:100%;background:#DEDEDE; height:20px; margin-bottom:20px; overflow:hidden;}
.tickercontainer {width:980px; background:#DEDEDE;font-size:0.95em; font-family:Tahoma, Arial, Helvetica, sans-serif; font-variant:small-caps; overflow:hidden; position:relative; height:18px; padding-top:2px; margin:0 auto 15px auto;}
.ticker {width:980px; margin:0 auto 0 auto; white-space:nowrap; position:absolute; 	padding-right:1250px;}
#ticker2 {white-space:nowrap;	position:absolute; padding-right:3px;}
.ticker a:link, .ticker a:visited {color:#000000; cursor:pointer;}
.ticker a:hover {text-decoration:underline !important;}

.calltoactioncontainer {margin:22px 0 0 0;}
.calltoaction1 {background:#E242A2; padding:5px 5px; font-weight:bold; text-align:center; color:#000000;}
.calltoaction1 a:link {color:#000000;}
.calltoaction1 a:visted {color:#000000;}
.calltoaction1 a:hover {test-decoration:underline;}
.calltoaction2 {background:#000000; padding:3px 5px; text-align:center;color:#FFFFFF;}

.calltoaction1 a:link { border:1px solid #ECECEC !important; padding:0 2px 1px 2px !important; background:#ECECEC !important; margin-left:2px !important; }
.calltoaction1 a:visited {border:1px solid #ECECEC !important; padding:0 2px 1px 2px !important; background:#ECECEC !important; margin-left:2px !important; }
.calltoaction1 a:hover {border:1px solid #ECECEC !important; padding:0 2px 1px 2px !important; background:#ECECEC !important; margin-left:2px !important; }
.calltoaction1 a:active {border:1px solid #ECECEC !important; padding:0 2px 1px 2px !important; background:#ECECEC !important; margin-left:2px !important; }

.search {margin-top:22px;}
#searchbutton {padding-left:5px;}

div.cf_wrapper {position:relative;height:147px;padding-left:0px;}
div.cf_element {visibility:hidden;position:absolute;}
div.cf_element img {width:742px;height:138px;}

.bluetabs a:visited {color:#FFFFFF !important;}

.outermaincontainer2 {width:100%; background:#FFFFFF;}
.maincontainer2 {margin:0 auto 0 20px; width:980px;}

.slideshowcontainer {background-color:#222222;}
.slideshow1600wide {width:980px; margin:0 auto; background-color:transparent;}
.slideshow1600wide #slideshow {left:-300px;} /* width of slides = 1600px. (1600 - 980) / 2 = 310, but 300 actually looks better due to slide content. */


.italic {font-style:italic;}
.italicsmall {font-style:italic; font-size:0.95em;}


/*-------------Foooter styles-----------*/
.footercontainer {width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.95em; margin:0 0 25px 0; color:#555555; _margin-top:20px;}
.footer {text-align:center; margin:2px 0 0 0; padding:0 0 0 10px; width:980px; margin:0 auto 0 auto; clear:both;}
.footerlinkscontainer {background:#5e686b url(../images/main/footer-back.png) top repeat-x; margin:0; padding:0 0 25px 0;}
.footerlinks {width:980px; margin:0 auto 0 auto; padding:35px 0 0 23px;}

#footer { color:#CCCCCC;}
#footer a:link {color:#E2E2E2 !important;}
#footer a:visited {color:#E2E2E2;}
#footer a:focus, #footer a:active {background-color: #FFFFCC; color:#000000 !important;}
#footer a:hover {color:#FFFFFF; text-decoration:underline;}
#footer td {padding-left:10px; padding-right:2px; border-right:1px solid #999999;}
#footer ul {margin:0; padding:0;}
#footer li {list-style-type:none; margin:0 0 8px 0; padding:0; font-size:0.95em;}
.tableheader {height:24px;}
/*-------------End-Of-Foooter styles-----------*/

.searchresults {padding:0 175px 0 15px;}


.cf_element img {border:none;}

.bold {font-weight:bold;}

#linkedin {position:relative; top:-95px; width:980px; text-align:right; margin: 0 auto;}

.blogposts {background-color:#EBEBEB; width:200px; padding:5px; width:208px;}
.blogposts p {margin:0 0 5px 4px;}
.blogposts h3 {color:#000000; margin:5px 0 2px;}
.blogdate {font-size:0.8em;}

.more a:link, .more a:visited, .more a:hover{font-weight:bold;}

/*===================================================*/

#dropdownmenu {width:980px; margin:0 auto 0 auto; padding-top:12px; background-image:url('../images/main/nav-menu-back.png'); background-repeat:no-repeat; height:40px;}

#bluemenu {margin:0 auto 0 auto;}

.bluetabs{}


.bluetabs ul{
padding: 0;
margin:0;
margin-left: 0;
font: 1em Arial;
list-style-type: none;
text-align: left;
margin-left:16px;
}

.bluetabs li{
display: inline;
margin: 0;
}

.bluetabs li a, #linkstable a{
text-decoration: none;
padding: 0px;
margin-right: 0px;
color: #FFFFFF !important;
background: transparent url(media/bluetab.gif) top left repeat-x;
}

.bluetabs li a:visited, #linkstable a:visited{
color: #2d2b2b;
}



.bluetabs li a:hover, #linkstable a:hover{color: #FFFFFF !important; text-decoration:none;}

.bluetabs li a:focus,.bluetabs li a:active {background-color: #FFFFCC; color:#000000 !important;}

.bluetabs li.selected{}

.bluetabs li.selected a, .footerlinks li.selected a{ /*selected main tab style */
background-image: url(media/bluetabactive.gif);
border-bottom-color: #FFFFFF;
}

.bluetabs li.selected a:hover, .footerlinks li.selected a:hover { /*selected main tab style */
text-decoration: none;}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a {
position:absolute;
border: 1px solid #555555;
border-width: 0 1px 1px 1px;
font:normal 1em Arial;
line-height:16px;
z-index:100;
background-color: #000000;
visibility: hidden;
margin-top:13px;
width:auto;
min-width:110px;
padding:0 7px 0 0;
}

.dropmenudiv_a a {
width: auto;
display: block;
text-indent: 5px;
border: 0;
padding: 2px 0;
text-decoration: none;
color: #FFFFFF !important;
}
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
text-decoration:none;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #edf3f3; 
}


/*-----------Skip-to-content-link----------------*/
a.skip:link, a.skip:visited {border: 0 none; overflow: hidden; color:#FFFFFF; position:absolute; left:-5000px;}
a.skip:focus, a.skip:hover, a.skip:active {color:#FFFFFF; left:5px;}
.skiplink {}
/*-----------------------------------------------*/

#architecture-diagram {background:url(../images/main/architecture-swf-back.png) no-repeat; width:740px; height:388px; margin:5px 0 0 0;}




