/** CSS Tools **/
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,blockquote {
  margin: 0;
  padding: 0;
}

.hidden { /* Still read by screen readers */
  height: 1px;
  left: -10000px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: auto;
  width: 1px;
}

.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

.ie .clearfix {
  zoom: 1;
}

a img {
  border: 0;
}

ul.links {
  list-style: none;
  padding: 0;
}


/** Typography **/
body {
/*  font: 87.5%/1.286 Calibri,Arial,Helvetica,Clean,sans-serif; */
  font: 15px Calibri,Arial,Helvetica,Clean,sans-serif;  
}

p, ol, ul, dd, .long-list>li, #successStories, .ssItem, .contactBox, .inset, .success-story, .breadcrumb, .launch-quote {
  padding-bottom: 16px;
}

h1,h2,h3,h4,h5,h6 {
  color: #0a4993;
  font-family: Calibri,Frutiger,"Frutiger Linotype",Univers,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1, .page-title, .section-title {
  font-weight: normal;
  font-size: 24px;
  padding-bottom: 5px;
}

.page-title {
  padding-bottom: 14px;
}

h2, body.left-column #content h3 {
  font-size: 20px;
  font-weight: normal;
  padding-bottom: 5px;
}

.inner-left h3, .inner-right h3 {
  color: #333 !important;
  padding: 0 0 5px !important;
}

.inner-left h4, .inner-right h4 {
  line-height: 1.5 !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}

#mainContent ol li {
  margin-left: 1.5em;
}

#mainContent ul li {
  margin-left: 1.3em;
}

.long-list {
  padding-bottom: 0;
}

.long-list .long-list {
  margin-bottom: -1.5em;
  padding-top: 1.5em;
}

.left {
	float: left;
	margin-right: 1em;
}

.right {
	float: right;
	margin-left: 1em;
}

.inner-left, .inner-right, .breadcrumb {
/*  font-size: 85.71%; */
  line-height: 1.5em;
}


/** Layout & Design **/
html {
  background: #bebebe;
}

body {
	background: #fefefe url(images/bgGradient.png) repeat-x 0 -100px;
	color: #666;
	text-align: center;
}

a {
 color: #2579dc;
}

#page {
  background: url(images/bgPage.png) repeat-x 0 100%;
}

#page-top, #header, #video, #showcase, #navigation, #mainContent, #card, #page-bottom, #footer {
  clear: both;
  margin: 0 auto;
  padding: 0 45px;
  text-align: left;
  width: 674px;
}

#page-top {
  background: url(images/bgPageDetails.png) no-repeat;
  height: 35px;
}

#header {
  background: url(images/bgMainContent.png) repeat-y;
  height: 39px;
}

#site-name {
  float: left;
  margin: -8px -419px 0 255px;
  padding: 0;
}

#ie6 #site-name {
  margin: 0 -419px 0 127px;
}

#page-links {
  float: left;
  margin-top: -8px;
}

#ie6 #page-links {
  margin-top: 0;
}

#page-links a {
  color: #fff;
}

#page-links a:hover,
#page-links a:focus {
  color: #2579dc;
}

#top-links {
  float: right;
}

#top-links li {
  display: block;
  float: left;
}

a.icon-home,
a.icon-phone {
  background: url(images/bgPageDetails.png) no-repeat;
  display: block;
  height: 23px;
  margin: 3px 0 0 16px;
  text-indent: -10000px;
  width: 24px;
}

a.icon-home {
  background-position: -24px -136px;
}

a.icon-phone {
  background-position: 0 -136px;
}

#movie {
  background: url(images/bgImageflow.jpg) no-repeat;
  color: #fff;
  height: 298px;
  margin:0 auto;
  width: 674px;
}

#video, #showcase {
  background: url(images/bgMainContent.png) repeat-y;
  height: 305px;
  overflow: hidden;
}

#imageflow {
  background: url(../images/bgImageflow.jpg) no-repeat;
  color: #fff;
  height: 298px;
  width: 674px;
}

#navigation {
  background: url(images/bgPageDetails.png) no-repeat 0 -35px;
  height: 58px;
  padding: 0 18px;
  width: 728px;
}

#mainContent {
  background: url(images/bgMainContent.png) repeat-y;
  overflow: hidden;
  padding-top: 14px;
}

body.right-column #content {
  float: left;
  width: 360px;
}

#right-column {
  float: left;
  padding-left: 20px;
  width: 290px;
}

body.left-column #content {
  float: left;
  margin: 0 -100% 0 0;
  padding-left: 230px;
  width: 441px;
}

#left-column {
  float: left;
}

.impact {
  text-align: center;
  width:200px;
}

#page-bottom {
  background: url(images/bgPageDetails.png) no-repeat 0 -94px;
  height: 42px;
}

#footer {
	font-size: 9px;
	padding-bottom: 14px;
	text-align: center;
}

#footer span {
	font-size:12px;
	padding:0 5px;
}

#footer sup {
	font-size: 7px;
}

#card {
  background: url(images/bgMainContent.png) repeat-y;
  padding: 0 25px 0 18px;
  text-align: center;
  width: 721px;
}

.inner-left {
  float: left;
  width: 48%;
}

.inner-right {
  float: right;
  width: 48%;
}



/** Navbar **/
ul.main-menu a {
  display: block !important;
  margin: 0 !important;
  text-decoration: none !important;
}

ul.main-menu li {
  color: #333;
  cursor: default;
  display: block;
  float: left;
  font-size: 15px;
  line-height: 42px;
  margin-right: 1px;
  position: relative;
  text-align: center;
  z-index: 100;
}

ul.main-menu li:hover,
ul.main-menu li.hover,
ul.main-menu li.active {
  background: url(images/bgGradient.png) repeat-x;
}

.menu-1 {
  width: 143px;
}

.menu-2 {
  width: 139px;
}

.menu-3 {
  width: 146px;
}

.menu-4 {
  width: 165px;
}

.menu-5 {
  margin-right: 0;
  width: 125px;
}

ul.sub-menu {
  display: none;
  position: absolute;
  width: 100%;
}

#ie7 ul.sub-menu {
  position: relative;
}

#ie6 ul.sub-menu {
  top: 42px;
  left: 0;
}

ul.main-menu li:hover ul.sub-menu,
ul.main-menu li.hover ul.sub-menu {
  display: block;
}

ul.sub-menu li {
  background: #666;
  border-top: 1px solid #4c4c4c;
  display: block;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  width: 100%;
}

ul.sub-menu li.first {
  border-top: 0;
}

ul.sub-menu li a {
  color: #fff;
  margin: 0;
  padding: 8px 5px 7px 10px;
}

ul.sub-menu li.first a {
  background: #666 url(images/bgGradient.png) repeat-x 0 -42px;
  padding-top: 13px;
}

ul.sub-menu li:hover a,
ul.sub-menu li.hover a {
  background: #4c4c4c;
}

ul.sub-menu li.first:hover a {
  background: #4c4c4c url(images/bgGradient.png) repeat-x 0 -42px;
}


/** Imageflow **/
#imageflow_caption {
  color: #fff;
  position: absolute;
  top: 240px;
}

.ie #imageflow_caption {
  left: 0
}

.imageflow {
  overflow:hidden;
  position:relative;
  text-align:left;
  visibility:hidden;
  width:100%;
}

.imageflow img {
  border:none;
  position:absolute;
  top:0px;
  visibility:hidden;
  -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
}

.imageflow p {
  margin:0 auto;
  text-align:center;
}

.imageflow .loading {
  border:1px solid white;
  height:15px;
  left:50%;
  margin-left:-106px;
  padding:5px;
  position:relative;
  visibility:visible;
  width:200px;
}

.imageflow .loading_bar {
  background:#fff;
  height:15px;
  visibility:visible;
  width:1%;
}

.imageflow .navigation{
  z-index:10000;
}

.imageflow .caption {
  font-weight:bold;
  position:relative;
  text-align:center;
  z-index:10001;
}

.imageflow .scrollbar {
  border-bottom:1px solid #d84742;
  position:relative;
  visibility:hidden;
  top:16px;
  z-index:10002;
  height:1px;
}

.imageflow .slider {
  background-image:url(../images/flow_slider.png);
  background-repeat:no-repeat;
  height:14px;
  margin:-6px 0 0 -7px;
  position:absolute;
  width:14px;
  z-index:10003;
}

.imageflow .images {
  overflow:hidden;
  white-space:nowrap;
}

.imageflow .button {
  cursor:pointer;
  height:17px;
  position:relative;
  width:17px;
}

.imageflow .previous {
  background: url(../images/flow_btnLeft.png) top left no-repeat;
  float:left;
  margin: -7px 0 0 -30px;
}

.imageflow .next {
  background: url(../images/flow_btnRight.png) top left no-repeat;
  float:right;
  margin:-7px -30px 0 30px;
}


/** Side Menu **/
#side-menu {
  font-weight: bold;
  width: 205px;
}

#left-column #side-menu {
  margin-bottom: 30px;
}

#side-menu a {
  color: #666;
  display: block;
  letter-spacing: .025em;
  text-decoration: none;
}

#side-menu li {
  background: #f5f3f4;
  border-bottom: 1px solid #dcdcdc;
  border-top: 1px solid #fffdfe;
  line-height: 1;
  margin: 0 !important;
}

#side-menu>li.first,
#side-menu>li.first a {
  -moz-border-radius-topleft: .4em;
  -moz-border-radius-topright: .4em;
  -webkit-border-top-left-radius: .4em;
  -webkit-border-top-right-radius: .4em;
}

#side-menu>li.last {
  border-bottom: 0;
}

#side-menu li a {
  padding: 8px 13px 7px;
}

#side-menu li a.active,
#side-menu li a:hover {
  background: #666;
  color: #fff;
}

#side-menu ul {
  background: #faf9fa;
  font-size: 12px;
  font-weight: normal;
  padding-left: 17px;
}

#side-menu ul li {
  background: transparent;
  border: 0;
}


/** Interior Styles **/
.spotlight {
  margin: 0 0 5px -17px;
}

ul.side-links-left,
ul.side-links-right {
  line-height: 20px;
}

ul.side-links-left a,
ul.side-links-right a {
  text-decoration: none;
}

ul.side-links-left a:hover,
ul.side-links-right a:hover {
  text-decoration: underline;
}

ul.side-links-left {
  float: left;
}

ul.side-links-right {
  margin-left: 9em;
}

.ie ul.side-links-right {
  margin-left: 9.5em;
}

#feature {
  clear: right;
  float: right;
  padding: 0 0 15px 25px;
  width:300px;
}

#home #feature {
	float: right;
	padding-bottom: 150px;
}

.logoCommunity, .logoNews {
	float: left;
	padding: 0 8px 4px 0;
}

.logoNews img {
	padding: 10px 0;
}

#successStories, .events {
	border:1px solid #cdcdcd;
	margin:20px 0;
	padding:0 15px;
	width:250px;
}

#successStories h2, .events h2 {
	color:#5a708a;
	font-size: 14px;
	font-weight: bold;
	margin: 11px 0;
	width: 270px;
}

#successStories .ssItem {
	border-bottom: 1px solid #ededed;
	clear:left;
	font-size:12px;
	padding:8px 0;
}

.ssItem {
	border-bottom: 1px solid #ededed;
	clear:left;
	font-size:12px;
	padding:20px 8px 40px 8px;
}

.ssItem img {
	float:left;
	padding-right:8px;
}

.event-item {
	border-bottom: 1px solid #ededed;
	clear:both;
	font-size:12px;
	padding:10px 8px 30px 8px;
}

.event-item img {
	float:left;
	padding-right:8px;
}

.inset h2 {
	color: #5a708a;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 11px;
	padding: 12px 0 0;
	width: 270px;
}

.inset li {
  padding-bottom: 6px;
}

.solutions-icons {
  display: block;
  margin: 0 auto 35px;
}

.inner-left a, .inner-right a {
  text-decoration: none;
}

.inner-left a:hover, .inner-right a:hover {
  text-decoration: underline;
}

.inner-left .links li, .inner-right .links li {
  margin-left: 0 !important;
}









img {
	border:none;
}

.logoNews img {
	padding-right:12px;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

cite {
	font-style:normal;
}

.backnav {
	font-size:11px;
}

.contactinfo {
	float:left;
	padding-right:25px;
	width:300px;
}

#portfolio {
	margin-bottom:25px;
}

/* Inset Box Styles */

.inset {
	background:url(images/bgInset.jpg) no-repeat;
	margin-bottom:40px;
	padding-left:12px;
	width:270px;
}

.video {
	margin-bottom:40px;
	width:282px;
}

.video ul {
	padding-left:0px;
	margin-left:16px;
}

.video li {
	margin-bottom:8px;
}

li.pdf {
	list-style-image:url(images/iconPDF.gif);
	padding-left:8px;
}

/* End Inset Box Styles */

#client-quotes {
	margin:20px 0;
	padding:0 15px;
	width:250px;
}

#client-quotes .source {
	font-size:11px;
	margin-left:75px;
	width:200px;
}



/* Contact Box Styles */

.contactBox {
	width:282px;
}

.contactBoxTop {
	background-image:url(images/bgBoxContactTop.jpg);
	background-repeat:no-repeat;
	height:28px;
	width:282px;
}

.contactBoxMiddle {
	background-image:url(images/bgBoxContactMiddle.jpg);
	background-repeat:repeat-y;
	font-size:12px;
	padding-left:10px;
	width:272px;
}

.contactBoxBottom {
	background-image:url(images/bgBoxContactBottom.jpg);
	background-repeat:no-repeat;
	height:11px;
	width:282px;
}

/* End Contact Box Styles */

#awards {
	margin:0 auto;
	text-align:center;
	width:760px;
}

.icons {
	padding-right:20px;
}






/* Fisheye Styles */

#dock2 {
	bottom: 0px;
	clear:both;
	left: 0px;
	padding-top:100px;
	position: relative;
	width: 100%;
}
.dock-container2 {
	position: relative;
	padding-left: 10px;
}
strong.dock-item2 {
	bottom: 0px;
	color: #000;
	cursor:default;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding:0 8px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 60px;
}
.dock-item2 span {
	background-color:#6a8eae;
	border:1px solid #cccccc;
	color:#ffffff;
	display: none;
	padding:5px;
	width:150px;
}
.dock-item2 img {
	border: none;
	margin: 5px 10px 0px;
	width: 100%;
}

/* hCard Styles */

.adr {
	margin-bottom:12px;
}

.country-name {
	display:none;
}

.hidden {
	display:none;
}

/* Google Map */

#map {
	clear:both;
	margin:25px 0;
}

#announcement {
	border-bottom:1px solid #5a708a;
	padding-bottom:45px;
}

#announcement a {
	color:#940000;
	display:block;
	font-size:20px;
	font-weight:normal;
	padding-top:8px;
	text-decoration:none;
}

#announcement a:hover {
	text-decoration:underline;
}

.success-story {
  min-height: 90px;
  padding-left: 90px;
  margin-top:24px;
  position: relative;
}

.success-story p:last-child {
  padding: 0;
}

.success-image {
  position: absolute;
  top: 4px;
  left: 0;
}

.website-launch {
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
	padding-top:24px;
	margin-bottom:24px;
}

.launch-logo {
  float: right;
}

.launch-quote {
  font-style: italic;
  line-height: 1.125;
  margin-right: 160px;
}

.launch-quote cite {
  display: block;
  padding-top: .5em;
}

.red {
	color:#cc0000;
}
	

/* Webinar Styles */

#webinarpage #intro {
	background:#fff url(images/webinar-drupal.jpg) top right no-repeat;
	border-bottom:#ccc 1px solid;
	height:135px;
	margin-bottom:12px;
}

#webinarpage #intro h1 {
	font-size:33.33px;
}

#webinarpage #intro {
	color:#0a4993;
	font-size:16.67px;
}

#webinarpage  #copy-left {
	float:left;
	font-size:16.67px;	
	width:48%;
}

#webinarpage  #copy-left p {
	margin-bottom:12px;
}

#webinarpage  #copy-left .small {
	font-size:13.89px;		
}

#webinarpage  #copy-right {
	float:right;
	font-size:13.89px;		
	width:48%;
}

#webinarpage #notify {
	border-top:#ccc 1px solid;
	clear:both;
	padding-top:12px;
}

#webinarpage #notify h2 {
	color:#0a4993;
	font-size:16.67px;
}

#webinarpage #notify input.textbox {
	height:24px;
	width:400px;
}

#webinarpage #notify input.submit {
	background:transparent url(images/btnSubmit.jpg) no-repeat;
	border:0;
	float:right;
	height:35px;
	margin-right:200px;
	width:108px;
}