body { font-family:Verdana, Helvetica, sans-serif; font-size:12px; color: #4d4d4d;}

#page {font-family:Verdana, Helvetica, sans-serif; font-size:12px; color: #4d4d4d;line-height:17px;}

h1 {font-weight: bold; font-size: 22px; color: #000000; text-transform:uppercase;}
h2 {font-weight: bold; font-size: 18px; color: #000000; padding-bottom:0px;margin-bottom:0px;}
h3 {font-weight: bold; font-size: 16px; color: #000000;padding-bottom:0px;margin-bottom:0px;}
h4 {font-weight: bold; font-size: 12px; color: #000000;padding-bottom:0px;margin-bottom:0px;}
h5 {font-weight: bold; font-size: 10px; color: #000000;padding-bottom:0px;margin-bottom:0px;}

a{text-decoration: none; color:#0098DB; font-weight:normal;}
a:link{text-decoration: none; color:#0098DB; font-weight:normal;}
a:active {text-decoration: none; color:#0098DB; font-weight:normal;}
a:visited{text-decoration: none; color:#0098DB; font-weight:normal;}
a:hover {text-decoration: none; color:#4d4d4d; font-weight:normal;}

.purple11 {color:#523f95; font-size:11px;}
.purple12 {color:#523f95; font-size:12px;}
.purple13 {color:#523f95; font-size:13px;}
.purple14 {color:#523f95; font-size:14px;}

.blue9 {color:#0098db; font-size:9px; }
.blue10 {color:#0098db; font-size:10px; }
.blue11 {color:#0098db; font-size:11px; line-height:14px;}
.blue11 a:{color:#0098db; font-size:11px; line-height:14px;}
.blue11 a:hover{color:#0098db; font-size:11px; line-height:14px;}
.blue12 {color:#0098db; font-size:12px;}
.blue13 {color:#0098db; font-size:13px;}
.blue14 {color:#0098db; font-size:14px;}

.grey9 {color:#4d4d4d; font-size:9px;}
.grey9 a{color:#4d4d4d; font-weight:normal;text-decoration:none;}
.grey9 a:link{color:#4d4d4d; font-weight:normal;text-decoration:none;}
.grey9 a:active{color:#4d4d4d; font-weight:normal;text-decoration:none;}
.grey9 a:visited{color:#4d4d4d; font-weight:normal;text-decoration:none;}

.grey9 a:hover {color:#0098db; text-decoration:none;}
.grey10 {color:#4d4d4d; font-size:10px;line-height:13px;}
.grey10 a{color:#4d4d4d; font-size:10px;font-weight:bold;text-decoration:none;font-weight:normal;}
.grey10 a:hover {color:#aaaaaa; font-weight:normal;}
.greylight {color:#aaaaaa;}

.grey11 {color:#4d4d4d; font-size:11px;line-height:14px;}
.grey11 a{color:#4d4d4d; font-size:11px;font-weight:normal;text-decoration:none;}
.grey12 p{color:#4d4d4d; font-size:12px; line-height: 17px; padding-top:0px; padding-bottom:0px;margin-top:25px;}
.firstparagraph {padding-top:0px;margin-top:0px;}
.grey12 {color:#4d4d4d; font-size:12px;}
/*.grey12 a{color:#4d4d4d; font-size:12px; font-weight:normal;}
.grey12 a:hover{color:#0098db; font-size:12px; font-weight:normal;}*/

.grey13 {color:#4d4d4d; font-size:13px;}
.grey14 {color:#4d4d4d; font-size:14px;}

ul {margin-left:0px;padding-left:15px;}

#homepageCalltoaction {padding-top:60px;}
#ctafirstparagraph {margin-top:25px;}
#homepagefirstparagraph {color:#4d4d4d; font-size:12px; line-height: 17px; padding-top:0px;padding-bottom:0px;margin-top:20px;}
#homepagesecondparagraph {color:#4d4d4d; font-size:12px; line-height: 17px; padding-top:0px;padding-bottom:0px;margin-top:20px;}

#homepageBackground {background:#f5f5f5 url(images/homepage-image-background.jpg) no-repeat top left;}
#homepageHeader {margin-top:22px;margin-bottom:25px;}
#homepagePurpleHeader{margin-top:20px;margin-bottom:25px;}
#metricsNavigation { width:107px; height:145px; background: url(images/BTN-metrics-on-bottom.jpg) no-repeat top left;}

.bluetitle {color: #0098db; font-family: palatino, georgia, times; font-size:20px; line-height:24px;}
.quoteBlue {color: #0098db; font-family: Verdana, Helvetica, sans-serif; font-size:12px;}
.quoteAuthor {color: #4d4d4f; font-size:10px; font-style:italic; font-family: Verdana, Helvetica, sans-serif;}

#quoteWrapper {background: url(images/quotes.png) no-repeat top left; width:659px; padding-bottom:45px;}
#quoteContent {width:610px;padding-left:25px;}

#quoteWrapperteam {background: url(images/quotesteam.png) no-repeat top left; width:518px;}
#quoteContentteam {width:475px;padding-left:25px;}


.footer {color: #ffffff; font-weight:normal; font-size: 9px; text-decoration:none; font-family:Verdana, Helvetica, sans-serif;}
.footer a{color: #ffffff; font-weight:normal; font-size: 9px; text-decoration:none;}
.footer a:link{color: #ffffff; font-weight:normal; font-size: 9px;text-decoration:none;}
.footer a:active{color: #ffffff; font-weight:normal; font-size: 9px;text-decoration:none;}
.footer a:visited{color: #ffffff; font-weight:normal; font-size: 9px;text-decoration:none;}
.footer a:hover{color: #0098DB; font-weight:normal; font-size: 9px;text-decoration:none;}

.footerBlog {background: #523f95;text-transform:uppercase;font-family:Verdana, Helvetica, sans-serif;}
.footerCopy {background: #523f95;padding-right:15px; font-family:Verdana, Helvetica, sans-serif;}
.footerContact {background: #523f95;text-transform:uppercase;font-family:Verdana, Helvetica, sans-serif;}
.footerWhitepapers {background: #523f95;text-transform:uppercase;font-family:Verdana, Helvetica, sans-serif;}

#mainContent {padding:0px;margin:0px; width:950; height:453px;}

<!--Scroll Pane -->
#page-wrap			{ width: 693px;  
					  position: relative;
					  margin-top:0px;
					  margin-bottom:50px;		
  }
.scroll-pane 		{ width: 693px; overflow: auto; height: 453px; padding-top:0px; 
					  padding-left:0px;
					  margin-top:0px;
					  margin-bottom:10px;
}
.bottomshadow 		{ position: absolute; 
					  top: 0px; 
					  left: 0px; 
					  z-index: 9999;
 }
.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack 		{ position: absolute; cursor: pointer; right: 0; height: 453px;
						  background: url(images/bar.jpg) top center repeat-y; clear:both;}					 

.jScrollPaneDrag	{ position: absolute; 
					  background: url(images/ball.jpg) top center no-repeat;
					  cursor: pointer; margin-top:27px;}