* { margin: 0; padding: 0; }

@font-face {
	font-family: 'SegoeEP';
	src: url('fonts/SegoeWP.ttf');
}

body {
  background: #000 url(../images/stone.png);
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #ccc;
  text-align: center;
  overflow-x:hidden;

}

a {
  color: #878787;
  text-decoration: none;
  cursor: pointer;
}

a:hover{
  color: #faa71a;
  text-decoration: none;
}

a img{
  border: 0;
}

p {
  padding: 0 0 10px 0;
  text-align: justify;
}

ul {
  margin-left: 1.3em;
  margin-bottom: 10px;
}

li{
  margin: 0;
  padding: 0;
}

h1 {
  font-weight: normal;
  font-size: 39px; 
  font-family: 'SegoeEP', Arial, sans-serif;
  color: #ccc;
  text-transform: uppercase;
  clear: both;
}

h2 {
  font-weight: normal;
  font-size: 34px; 
  font-family: 'SegoeEP', Arial, sans-serif;
  color: #878787;
  text-transform:uppercase;
}

h3 {
  font-weight: normal;
  font-size: 26px; 
  font-family: 'SegoeEP', Arial, sans-serif;
  color: #959595;
  text-transform:uppercase;
  clear: both;
}

h4 {
  font-weight: normal;
  font-size: 20px; 
  font-family: 'SegoeEP', Arial, sans-serif;
  color: #cccccc;
  margin: 0 0 5px 0;
}

hr {
  height: 2px;
  background-color: #282828;
  border: 1px solid #282828;
  margin: 3px 70px 0 0;
}

fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}


.body {
  min-height: 100%;
  text-align: left;
  margin: 70px 0 0 0;
  /*margin:auto;*/
}

.floatMenu {
  position: fixed;
  z-index: 10000;
  top: 0;
}

.topNav {
  float: right;
  margin: 30px 30px 0 30px;
}


.header {
  background: #000 url(../images/stoneLight.png);
  padding: 0 0 0 0;
  border-bottom: 1px solid #363636;
  height: 90px;
}

.headerWrapper {
  width: 980px;
  padding: 0 0 0 0;
}

.logo {
  background: url(../images/logo.png);
  float: left;
  width: 250px;
  height: 51px;
  margin: 20px 0 20px 35px;
}

.navContainer {
  float: right;
  margin: 32px 0 0 0;
}

a.mainNav {
  font-size: 22px; 
  font-family: 'SegoeEP', Arial, sans-serif;
  text-transform:uppercase;
  margin-right: 15px;
}


a.mainNavOn {
  font-size: 22px; 
  font-family: 'SegoeEP', Arial, sans-serif;
  text-transform:uppercase;
  margin-right: 15px;
  color: #fff;
}


.SlidingPanels {
    background: #000 url(../images/stone.png);
	height: 100%;
	border: 0;
	clear: both;
	margin: 0 20px 0 0;
}
.SlidingPanelsContent {
	width: 1000px;
	height: 100%;
	padding: 50px 0 35px 35px;
}

#pages.SlidingPanels {
	float: left;
}
#pages .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#pages .SlidingPanelsContent {
	float: left;
}

.clearDiv {
  clear: both;
  height: 1px;
}

.tablet {
  background: url(../images/tablet.png);
  width: 540px;
  height: 328px;
  float: left;
  margin: 0 0 80px 0;
}

.scroll {
	position:relative;
	overflow:hidden;
	width: 480px;
	height: 270px;
	float:left;
	margin: 28px 0 0 31px;
}

/* root element for the scroll pics */
.scroll .pics {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scroll item */
.pics div {
	float:left;
	cursor:pointer;
	width:480px !important;
	height:270px;
	margin:0px;
}

.tablet1 {
  float: right;
  background: url(../images/tablet1Color.png);
  width: 480px;
  height: 270px;
}

.tablet2 {
  float: right;
  background: url(../images/tablet2.png);
  width: 480px;
  height: 270px;
}

.tablet3 {
  float: right;
  background: url(../images/tablet3.png);
  width: 480px;
  height: 270px;
}

.tablet4 {
  float: right;
  background: url(../images/tablet4.png);
  width: 480px;
  height: 270px;
}

.tablet5 {
  float: right;
  background: url(../images/tablet5.png);
  width: 480px;
  height: 270px;
}

.tablet6 {
  float: right;
  background: url(../images/tablet6.png);
  width: 480px;
  height: 270px;
}

.tablet7 {
  float: right;
  background: url(../images/tablet7.png);
  width: 480px;
  height: 270px;
}

.tablet8 {
  float: right;
  background: url(../images/tablet8.png);
  width: 480px;
  height: 270px;
}

.tablet9 {
  float: right;
  background: url(../images/tablet9.png);
  width: 480px;
  height: 270px;
}

.tablet10 {
  float: right;
  background: url(../images/tablet10.png);
  width: 480px;
  height: 270px;
}

.storyWrapper {
  margin: 40px 0 0 0;
  clear: both;
}

.featureWrapper {
  width: 940px;
  clear: both;
}

.epCatalystLogo {
  background: url(../images/epCatalystLogo.png);
  width: 255px;
  height: 75px;
  margin: 0 0 20px 0;
}

.story {
  width: 350px;
  margin: 0 0 0 580px;
}

.story  p{
	text-align: left;
}

.ButtonViewDemo {
  background: url(../images/ButtonViewDemo.png);
  width: 125px;
  height: 40px;
  margin: 20px 0 0 0;
}

.items .miniArticle {
  float: left;
  width: 280px;
  padding: 0 50px 0 0;
  cursor: pointer;
  color: #ccc;
}

.cursorPointer {
  cursor: pointer;
}

.miniArticle p {
	  text-align: left;
}

.more {
  color: orange;
}

.items div.miniArticleOff {
  float: left;
  width: 280px;
  padding: 0 50px 0 0;
  cursor: pointer;
  color: red;
}

.pressNav {
  float: right;
  left: 100px;
  margin: 0 70px 0 0;
}

.pressPrev {
  background: url(../images/prev.png);
  display: block;
  float: left;
  width: 53px;
  height: 30px;
  margin: 0 10px 0 0;
}

.pressNext {
  background: url(../images/nextOn.png);
  display: block;
  float: left;
  width: 53px;
  height: 30px;
  margin: 0 0 0 0;
}

.projectWrapper {
  margin: 40px 0 0 0;
  clear: both;
}

.projectWrapper h3{
  font-size: 26px; 
}

.project {
  width: 442px;
  margin: 0 50px 0 0;
  float: left;
  cursor: pointer;
}

.projectDetail {
  margin: 10px 0 0 0;
}

.triangle {
  background: none;
  position: relative;
  top: -1px;
  left: 136px;
  width: 48px;
  height: 48px;
  margin: 0 0 0 0;
}


.projectGalleryThumb {
  background: url(../images/projectGalleryColor.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.projectRDThumb {
  background: url(../images/projectRDColor.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.projectNumerixThumb {
  background: url(../images/projectNumerix.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.projectCantorThumb {
  background: url(../images/projectCantor.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.projectEPTraderThumb {
  background: url(../images/projectEPTrader.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.projectPrimeBrokerStatsThumb {
  background: url(../images/projectPrimeBrokerStats.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.projectOpenTickThumb {
  background: url(../images/projectOpenTick.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.projectKaazingThumb {
  background: url(../images/projectKaazing.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.strategicMicrosoftThumb {
  background: url(../images/strategicMicrosoftThumb.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.strategicNumerixThumb {
  background: url(../images/strategicNumerixThumb.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.strategicKaazingThumb {
  background: url(../images/strategicKaazingThumb.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.strategicWorldflowThumb {
  background: url(../images/strategicWorldflowThumb.png);
  float: left;
  width: 183px;
  height: 104px;
  border: 4px solid #2c2c2c;
  margin: 0 20px 0 0;
}

.slidePanel h4 
{
  margin: 0 0 10px 0;
}

.slidePanel h3 
{
  font-size: 26px; 
  color: #ccc;
  margin: 0 0 10px 0;
}

.slidePanel h2 
{
  font-size: 33px; 
  color: #ccc;
}


#slidePanelStrategic1 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

#slidePanelStrategic2 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

#slidePanelStrategic3 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

#slidePanelStrategic4 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

#slidePanelService1 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

#slidePanelService2 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

#slidePanelService3 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

#slidePanelService4 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

#slidePanelService5 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

#slidePanelService6 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

#slidePanelService7 {
  clear: both;
  width: 940px;
  margin: 0 0 20px 0;
  display: none;
}

.pressPanelLink, .articlePanelLink, .projectPanelLink, .partnerPanelLink, .strategicPanelLink, .trainingBlogPanelLink , .trainingFeaturePanelLink {
  cursor: pointer;
  color: #faa71a;
  font-size: 20px;
  text-transform: uppercase;
  clear: both;
  display: block;
}

.actionLink {
  cursor: pointer;
  font-size: 22px;
  text-transform: uppercase;
  clear: both;
}

.info {
  font-size: 13px;
  padding: 0 0 7px 0;
}

#projectGallery {
	cursor: pointer;
}

#projectRD {
	cursor: pointer;
}

.slideProject1-1 {
  float: right;
  background: url(../images/slideProject1-1.png);
  width: 430px;
  height: 242px;
  border: 4px solid #2c2c2c;
  clear: right;
  margin: 20px 0 0 0;
}

.slideProject2-1 {
  float: right;
  background: url(../images/slideProject2-1.png);
  width: 430px;
  height: 242px;
  border: 4px solid #2c2c2c;
  clear: right;
  margin: 20px 0 0 0;
}

.slideProject3-1 {
  float: right;
  background: url(../images/slideProject3-1.png);
  width: 430px;
  height: 242px;
  border: 4px solid #2c2c2c;
  clear: right;
  margin: 20px 0 0 0;
}

.slideProject4-1 {
  float: right;
  background: url(../images/slideProject4-1.png);
  width: 430px;
  height: 242px;
  border: 4px solid #2c2c2c;
  clear: right;
  margin: 20px 0 0 0;
}

.slideProject5-1 {
  float: right;
  background: url(../images/slideProject5-1.png);
  width: 430px;
  height: 242px;
  border: 4px solid #2c2c2c;
  clear: right;
  margin: 20px 0 0 0;
}

.slideProject6-1 {
  float: right;
  background: url(../images/slideProject6-1.png);
  width: 430px;
  height: 242px;
  border: 4px solid #2c2c2c;
  clear: right;
  margin: 20px 0 0 0;
}

.pageColumnLeft {
  float: left;
  width: 433px;
  margin: 0 60px 0 0;
}

.pageColumnRight {
  float: left;
  width: 437px;
  margin: 0 0 0 0;
}

.pageLine {
  height: 2px;
  background-color: #282828;
  border: 1px solid #282828;
  margin: 3px 70px 0 0;
  width: 930px;
}


.contactForm h3{
  color: #ccc;
  font-size: 24px;
}

.contactForm h2{
  color: #878787;
  font-size: 25px;
  margin: 12px 0 0 0;
}

/*
.contactForm .pageColumnLeft {
  float: left;
  margin: 0 0 0 0;
}
*/

.contactForm .pageColumnRight {
  float: left;
  width: 450px;
  margin: 12px 0 0 0;
  font-size: 20px;
  color: #878787;
}


.map {
  background: url(../images/map.png);
  width: 924px;
  height: 457px;
  border: 4px solid #5c5c5c;
  margin: 0 0 0 0;
}

.contact 
{
    width: 1000px;
 margin: 120px 0 0 190px;
}

.contact .pageColumnLeft 
{
    float: left;
    width: 272px;
    margin: 0 0 0 0;
}

.contact .pageColumnRight 
{
    float: left;
    margin: 0 0 0 0;
}

.contact h3{
  color: #ccc;
  font-size: 20px;
}

.contact a{
  color: #faa71a;
}

.directions .scrollable {
  height: 150px;
}

.directionsTitle{
  color: #959595;
  width: 920px;
}


#contact {
}

label 
{
	margin: 11px 20px 0 0; 
	font-size: 12px; 
	color: #878787; 
	text-transform: uppercase; 
}

label.error {     
 float : right; 
 margin: 0 0 0 0;
 color: #faa71a; 
 text-transform: none; 
 
}

input {
	width: 416px; 
	height: 30px; 
	padding: 0 10px 0px 10px; 
	background: #282828;
	margin: 2px 0 10px 0;
	color: #ccc;
}

input::-webkit-input-placeholder  {
    color: #717171;
}

input:-moz-placeholder {
	color: #717171;
}

textarea {
	width: 416px; 
	height: 80px; 
	padding: 10px; 
	margin: 2px 0 10px 0;
	background: #282828;
	overflow:hidden;
    font-family: Arial, sans-serif;
	color: #ccc; 
}

textarea::-webkit-input-placeholder  {
    color: #717171;
}

textarea:-moz-placeholder {
	color: #717171;
}
	
input:focus, textarea:focus {
	color: #000;
	background: #ccc;
}

input[type=submit] {
	width: 185px; 
	height: 50px; 
	padding: 10px 15px; 
	margin: 0 15px 0 0;
	border: 1px solid #282828;
	cursor: pointer;
	font-size: 18px; 
    background  : #faa71a;
    color: #000; 
	text-transform: uppercase;

}

input[type=submit]:focus {
    color: #000; 
	background: #ccc;
}

/*
input[type=submit]:hover 
{
  background: #faa71a;
  color: #000; 
}
*/

#result {
  display: inline;
  font-size: 12px;
  color: #faa71a;
}

#registrationResult {
  margin: 20 0 0 0;
  font-size: 12px;
  color: #faa71a;
}

.subtitle {
  display: block;
}

.column {
 position: relative;
 overflow: hidden;
 width: 1000px;
 height: 400px;
 margin: 30px 0 0 0;
}

.textTransformNormal{
  text-transform: none;
}