/* start New Header layout with web font */

@font-face{ 
	font-family: 'Montserrat-Regular';
	src: url('/fonts/Montserrat-Regular.eot');
	src: url('/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/Montserrat-Regular.woff') format('woff'),
	     url('/fonts/Montserrat-Regular.ttf') format('truetype'),
	     url('/fonts/Montserrat-Regular.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;}


@font-face{ 
	font-family: 'Merriweather-Regular';
	src: url('/fonts/Merriweather-Regular.eot');
	src: url('/fonts/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/Merriweather-Regular.woff') format('woff'),
	     url('/fonts/Merriweather-Regular.ttf') format('truetype'),
	     url('/fonts/Merriweather-Regular.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;}



header .mainsectionbox {
    background: url("../images/header-topsection-bg.png") repeat scroll 0 0 #171717;
}


.bluetxt   {color: #054d74;}
.orangetxt {color: #c46620;}

.ttopsectionboxindex .leftslogan{
	color: #666;
	display: inline;
	float: left;
	font-size: 13px;	
	/*letter-spacing: -1px;*/
	margin-top: 9px;}

header .mainsectionboxindex {height: 413px;}

header .mainsectionboxindex2 {
	background: url(../images/indexpage-bg2.gif)  repeat-x;
	display: block;
	height: 20px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 20px;
	width: 960px;}

header .ttopsectionbox {
height: 61px;
background: #1a1a1a url(../images/indexpage-bg3.gif)  repeat-x;}


	
header .ttopsectionbox  .ttopsectionboxcontent{
display: block;
margin: 0 auto;
overflow: hidden;
padding: 0;
width: 960px;}
	

header .ttopsectionbox nav { width: 500px; float: right; margin-top: 14px; padding: 0;}


header .ttopsectionbox nav ul a, header .mainsectionbox .topsection nav ul a
{	font-family: 'Montserrat-Regular', sans-serif;
	-webkit-font-smoothing: antialiased;
}


header .ttopsectionbox nav ul a{

color: #aaaaaa;
font-weight: normal;
font-size: 14px;}


header .ttopsectionbox nav ul li {padding: 0 5px;}


header .ttopsectionbox .ttopsectionboxcontent .dmlogo
{
	margin-top: 9px;
	display: block;
	float: left;
}

	
header .ttopsectionbox .ttopsectionboxcontent .dmlogo h1
{
font-weight: normal;
display: block;
color: #666;
font-size: 12px;
line-height: 3px;
margin: 0;
padding: 0;
padding-left: 9px;}	
	
	
header  .bottomsection .sloganbox{
	clear: both;
	float:left;
	height:300px;
	margin-left: 23px;
	margin-top: 10px;
	width:435px;}

header .mainsectionbox .bottomsection .slogan {
	clear: both;
	color: #fff;
	display: inline;
	font-family: "Century";
	font-size: 39px;
	line-height: 42px;
	font-weight: normal;
	float: left;
	letter-spacing: -2.5px;
	margin: 24px 0 0;
	text-align: center;
	text-shadow: 1px 1 px 5px black;
	width: 415px;}

	
	
header .mainsectionbox .bottomsection .indexbuttonsection {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-top: 69px;}	
	
header .mainsectionbox .bottomsection .indexbuttonsection .btn{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0px 0px 5px #100f10;	
	color:#fff;
	display:block;
	font-size:20px;	
	height:60px;
	line-height:60px;
	text-align:center;
	text-decoration:none;
	width:200px;	}
	
header .mainsectionbox .bottomsection .indexbuttonsection .btnorange{
margin-right:20px;
background: #cb6f26; /* Old browsers */
background: -moz-linear-gradient(top,  #cb6f26 0%, #7f4418 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb6f26), color-stop(100%,#7f4418)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cb6f26 0%,#7f4418 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cb6f26 0%,#7f4418 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cb6f26 0%,#7f4418 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cb6f26 0%,#7f4418 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb6f26', endColorstr='#7f4418',GradientType=0 ); /* IE6-9 */}


header .mainsectionbox .bottomsection .indexbuttonsection .btnorange:hover
{
	background: #cb6f26; /* Old browsers */
background: -moz-linear-gradient(top,  #cb6f26 0%, #8c4b1a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb6f26), color-stop(100%,#8c4b1a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cb6f26 0%,#8c4b1a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cb6f26 0%,#8c4b1a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cb6f26 0%,#8c4b1a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cb6f26 0%,#8c4b1a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb6f26', endColorstr='#8c4b1a',GradientType=0 ); /* IE6-9 */

}
	

header .mainsectionbox .bottomsection .indexbuttonsection .btngreen{
background: #91a550; /* Old browsers */
background: -moz-linear-gradient(top,  #91a550 0%, #5e6d28 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91a550), color-stop(100%,#5e6d28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #91a550 0%,#5e6d28 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #91a550 0%,#5e6d28 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #91a550 0%,#5e6d28 100%); /* IE10+ */
background: linear-gradient(to bottom,  #91a550 0%,#5e6d28 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91a550', endColorstr='#5e6d28',GradientType=0 ); /* IE6-9 */}


header .mainsectionbox .bottomsection .indexbuttonsection .btngreen:hover
{
background: #91a550; /* Old browsers */
background: -moz-linear-gradient(top,  #91a550 0%, #697a2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91a550), color-stop(100%,#697a2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #91a550 0%,#697a2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #91a550 0%,#697a2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #91a550 0%,#697a2d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #91a550 0%,#697a2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91a550', endColorstr='#697a2d',GradientType=0 ); /* IE6-9 */

}
	
	header .mainsectionbox .bottomsection .indexbuttonsection span
	{
	
		font-size: 12px;
		color: #767676;
		margin-top: 3px;
		margin-left: 18px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
header .mainsectionbox .bottomsection .indexbuttonsection .indexlearnmore{
	background: none;
	display: block;
	float: left;
	margin: 0;
	margin-top: 12px;
	width: auto;}

header .mainsectionbox .bottomsection .indexbuttonsection .indexlearnmore:hover  {	background: none;}

header .mainsectionbox .bottomsection .indexbuttonsection .indexlearnmore .indexlearnmorea{
	color: #c46620;	
	font-size: 16px;
	font-weight: bold;
	margin-left: 5px;
	text-decoration: underline;	}

header .mainsectionbox .bottomsection .indexbuttonsection .indexlearnmore .indexlearnmorea:hover {color: #dd7a26;}

header .bottomsection .sloganbox .indexlearnmore span{
	background: url(../images/index-banner3.gif) -31px 0 no-repeat;	
	display: block;
	float: left;
	height: 16px;
	width: 138px;}



header .mainsectionboxindex2 img{
	float: right;
	margin-right: 149px;}

header .mainsectionbox .topsection nav {
	float: right;
	margin-right: 38px;
	margin-top: 21px;}


header .mainsectionbox .topsection nav ul li {
padding: 0;
}	
	
	
header .mainsectionbox .topsection nav ul a {

display: block;
font-size: 17px;
font-weight: normal;
width: 123px;
margin: 0 4px;
padding: 0;
height: 35px;
text-align: center;
line-height: 35px;
text-transform: uppercase;	
border: solid 1px transparent;
}


header .mainsectionbox .topsection nav ul a:hover
{
color: #cccccc;	
background: url(../images/index-topsection-menu-hover-bg.png) repeat-x;
border: solid 1px #0e0e0e;
box-shadow: 0px 0px 4px #100f10;
}	

	
header .mainsection {	overflow: auto;}

header .mainsectionboxindex .videocontainer
{
background: url(../images/indexpage-headermonitor1.png) no-repeat;
width:473px;
height:335px;
float:right;
margin-top:20px;
}

header .mainsectionboxindex .videocontainer a img
{
margin-top: 24px;
margin-left: 22px;
}


.indexseph {display: block;}
.maincontent .indexsignupbanner { display:inline-block;}

.platformslistbox {
	background: none;
	height: 200px;
	width: 100%;}

.platformslistbox .platformslist .ttitle {
	color: #333333;
	font-size: 18px;
	letter-spacing: -1px;
	margin-bottom: 11px;}

.platformslistbox .platformslist li .learnmore, .platformslistbox .platformslist li .learnmore a  {color: #006699;}
.platformslistbox .platformslist li .learnmore a {margin-right: 5px;}
.platformslistbox .platformslist li .learnmore a:hover {color: #0a81b3;}

.platformslistbox .platformslist a {color: #333;}

.platformslistbox .platformslist p {
    font-size: 12px;
    height: 60px;
    margin-bottom: 14px;
    margin-top: 11px;
    padding: 0;
    text-align: justify;}

h3.ttile2{
	color: #666;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 36px;
	text-align: center;}

	
	
	
.indexseph div {width: 100%;}

.iseph2 {
height: 2px;
margin-top: 41px;
width: 100%;}


.indexseph hr {
	border: none;
	height: 1px;
	margin-bottom:-5px;}

.indexseph .hrstyle1 {	background-color: #ccc;}
.indexseph .hrstyle2 {	background-color: #fff;}



.maincontent .indexsignupbanner {
margin-top: 60px;
margin-bottom: 43px;
padding-top: 23px;
padding-left: 40px;
padding-right: 59px;
height: 107px;
width: 841px;
}





.maincontent .indexintrobox {
display: block;
font-size: 100%;
line-height: 20px;
margin-bottom: 5px;
overflow: auto;}

.maincontent .indexintrobox .indexintro {
width: 460px;
display: inline;
float: left;	
}

.maincontent .indexintro p {	float: none; font-size: 15px;  line-height: 22px; letter-spacing: 0.5px;}

.maincontent .indexintro .indexmap {
	 width:263px;
	 height:156px;
	 float:right;
	 margin-top:25px;
}

.maincontent .indexintrobox .indexintro h2{
margin-top:10px;
letter-spacing:normal;
font-size:25px;
margin-bottom:32px;
}

.maincontent .indexintrobox .indexintro .learnmore { 	margin-top: 14px;}

.maincontent .indexintrobox .indexintro .learnmore,.maincontent .indexintrobox .indexintro .learnmore a  {color: #006699; margin-right: 5px; font-size: 12px; letter-spacing: 0.5px;}
.maincontent .indexintrobox .indexintro .learnmore a:hover {color: #0a81b3;}


.maincontent .indexintrobox  .graphbox{	 float: right; margin-top: 8px; margin-right: 20px;}
.maincontent .indexintrobox  .graphbox img{		margin: 5px;}


.seph {
margin: 0 auto;
text-align: center;
padding-top: 20px;}

               
                
.maincontent .clientslistbox  .clients {
	float: left;
	margin: 0 10px;
	overflow: hidden;
	width:920px;}

.maincontent .clientslistbox .clients .line{white-space: nowrap;}	
	
.maincontent .clientslistbox .clients img{
	border: 1px solid  #BBB; border: none;
	margin: 12px;
	max-height: 68px;
	max-width: 128px;}
	
.maincontent .clientslistbox #clientsleft, .maincontent .clientslistbox #clientsright {	margin-top: 35px;}

.maincontent .clientslistbox  .ourClients { clear: both; display: inline-block; }