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

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

}

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

}

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

}

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

}

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

}

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

}

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

}


body {font-family: 'PTSansRegular',"Lucida Grande", sans-serif; font-size: 12px; color: #282828; overflow-x: hidden;}

h2 {
font-family: 'ArialRoundedMTBold';
font-size: 2.5em;
color: #FF8C00;
width: 100%;
text-align: center;
padding-bottom: 10px;
border-bottom: 1px solid #d0d0d0;
margin-bottom: 40px;
padding-top: 30px;
}


.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.orange {color: #F89219;}
.blue {color: #4B58A6;}
.white {color: #fff;}
.fnt14 {font-size: 14px;}
.fnt15 {font-size: 15px;}
.fnt17 {font-size: 17px;}
.fnt20 {font-size: 20px;}
.fnt30 {font-size: 30px;}
.fnt45 {font-size: 45px;}
.fnt60 {font-size: 60px;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.uppercase {text-transform: uppercase;}
.success {color: #008000;font-size: 1.3em;font-weight: 400;display: none;}
.error {color: #FF0000;font-size: 1.3em;font-weight: 400;margin-top: -10px;display: none;}
.light-bg {background: #E8E8E8;}
.lighter-bg {background: #F7F7F7;}
.orange-bg {background: #FB9418;}
.mt20 {margin-top: 20px;}
.pdl0 {padding-left: 0;}

a:link,a:visited,a:active {color: #FF8C00;text-decoration: underline;}
a:hover {text-decoration: none;}

input[type='text'], textarea {
border: 1px solid #b3b3b3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px 5px 5px 5px;
color: #999;
font-size: 1.3em;
padding: 5px;
margin-bottom: 25px;
}

input[type='text']:focus, textarea:focus {color: #000;}

/*** BUTTONS ***/
a.button:link,a.button:visited,a.button:active,input[type='button']{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px 8px 8px 8px;
background: #fb9418; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiOTQxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjc0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fb9418 0%, #fb7400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb9418), color-stop(100%,#fb7400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fb9418 0%,#fb7400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fb9418 0%,#fb7400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fb9418 0%,#fb7400 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fb9418 0%,#fb7400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9418', endColorstr='#fb7400',GradientType=0 ); /* IE6-8 */
text-align: center;
font-family: 'ArialRoundedMTBold';
font-size: 1.2em;
padding: 10px 20px;
color: #FFF;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
border: none;
}

.ie9 a.button:link,.ie9 a.button:visited,.ie9 a.button:active,.ie9 input[type='button'] {filter: none;}

a.button:hover,input[type='button']:hover, a.button.inverse:link, a.button.inverse:visited, a.button.inverse:active {
background: #b2b2b2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzhjOGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b2b2b2 0%, #8c8c8c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(100%,#8c8c8c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b2b2b2 0%,#8c8c8c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b2b2b2 0%,#8c8c8c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b2b2b2 0%,#8c8c8c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b2b2b2 0%,#8c8c8c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#8c8c8c',GradientType=0 ); /* IE6-8 */
}

.ie9 a.button:hover,.ie9 input[type='button']:hover, .ie9 a.button.inverse:link, 
.ie9 a.button.inverse:visited, .ie9 a.button.inverse:active {filter: none;}


a.button.inverse:hover {background: #fb9418; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiOTQxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjc0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fb9418 0%, #fb7400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb9418), color-stop(100%,#fb7400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fb9418 0%,#fb7400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fb9418 0%,#fb7400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fb9418 0%,#fb7400 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fb9418 0%,#fb7400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9418', endColorstr='#fb7400',GradientType=0 ); /* IE6-8 */
}

.ie9 a.button.inverse:hover {filter: none;}
form input[type='button'] {float: right;}


/** HEADER **/
.headerWrap {background-color: #383B3E;border-bottom: 1px solid #000000;height: 30px;}
.navWrapper {background: url(../images/nav-bg.png) repeat left top;border-top: 1px solid #868485;}
.header h1 {margin-top: -32px; padding: 0; margin-bottom: 0;}

/** First Section - Apstrata Ecosystem **/
.steroids {
background: #F2F2F2 url(../images/diagonal-lines-bg.png) left top repeat;
margin: 0 auto;
padding: 30px 0 0;
}

.steroids h2 {padding-top: 15px; margin-bottom: 20px;}
.steroids img {margin: 20px auto 0 auto;}
.steroids .button {margin: 20px 0;}
.steroids .container {background:url(../images/map-shadow.png) bottom center no-repeat; padding-bottom: 30px;}


/** Third section - Apstrata Benefits **/
.benefits {background: #F7F7F7;}
.benefits .item {
  padding: 2em;
  margin: 30px 0;
  background: white;
  border-radius: 7px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #939393;
  text-align: center;
}
.benefits .item span.number {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  display: block;
  border-radius: 50%;
  border: 3px solid white;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  margin-top: -71px;
  padding-top: 3px;
  background: #EEEEEE;
  color: #4957AA;
  font-family: 'ArialRoundedMTBold';
}

.benefits .item h3 {margin: 12px 0;}

/*** Apstrata Tools ***/
.tools {background: #F89219;}
.tools .item a:link, .tools .item a:visited, .tools .item a:hover, .tools .item a:active {color: #4b58a6;}
.tools h2 {border-bottom: 1px solid #fff;}
.carousel {float: none; margin: 0 auto;}
.strip {background: rgba(73, 87, 170, 0.4); padding: 15px 0; margin-top: 15px;}
.strip .button.inverse {margin-left: 20px;}

/*** Services ***/
.services .col-sm-3 {text-align: left;}
.services img {margin: 0 auto;}
.services h3 {text-transform: uppercase;}
.services p {color: #4C4C4C;}
.services .col-sm-1 {width: 13.3%;}
.services .bar {padding: 6px 0; margin-top: 10px; margin-bottom: 10px;}
.services .graphic {
	padding-bottom: 20px;
	margin-bottom: 20px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2I3YjciIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.65) 0%, rgba(183,183,183,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.65)), color-stop(100%,rgba(183,183,183,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(183,183,183,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(183,183,183,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(183,183,183,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.65) 0%,rgba(183,183,183,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00b7b7b7',GradientType=0 ); /* IE6-8 */
	}

.ie9 .services .graphic {filter: none;}
.services .explore {background: #484B4E url(../images/settings.png) bottom left repeat-x; padding: 16px 0;}
.services-wrapper {border: 1px solid #C6C6C6;}
.services-wrapper .inner {padding-left: 0; padding-right: 0;}


/*** footer ***/
.footer-wrap {background: #484b4e url(../images/footer-bg.png) left -8px repeat-x;
-moz-box-shadow: 0 0 3px #0e0e0e;
-webkit-shadow: 0 0 3px #0e0e0e;
box-shadow: 0 0 3px #0e0e0e;
}
footer {margin: 0 auto;}
footer h3 {font-size: 14px; font-family: "ArialRoundedMTBold"; color: #f5f5f5;margin-top: 5px; line-height: 12px;}
footer .newsletter {padding: 11px 0 14px 0; float: right;}
footer .newsletter p {font-family: "PTSansRegular"; color: #999; font-size: 13px;}
footer .site-map ul li a {text-transform: uppercase; color: #999; font-family: "PTSansBold"; font-size: 13px; text-decoration: none;
			-webkit-transition: all 0.5s ease-in-out; 
            -moz-transition:  all 0.5s ease-in-out; 
            -ms-transition:  all 0.5s ease-in-out; 
            -o-transition: all 0.5s ease-in-out; 
			transition: all 0.5s ease-in-out; 
}
footer .site-map ul li a:hover {color: #fff;}
footer .site-map ul li:first-child {border: none;}
footer .site-map ul li {margin-bottom: 6px; padding-top: 3px; border-top: 1px solid #6e7072;}
footer .site-map ul {vertical-align: top; display: table-cell}
footer .site-map section {display: table-cell;}
footer .site-map .title {font-family: "PTSansBold"; margin-bottom: 5px; color: #999; font-weight: normal; font-size: 13px; padding:6px 0 3px 0; text-transform: uppercase; border-bottom: 1px solid #6e7072;}
footer .site-map section ul {display: block;}
footer .site-map section ul li {margin: 0; line-height: 1.1em; padding: 0; border: none;}
footer .site-map section ul li a {text-transform: lowercase; font-size: 12px; font-family: "PTSansRegular";}
footer .copyright {float:left; width: 100%; padding-bottom: 15px;}
footer .copyright p {font-weight: bold; float: left; font-size: 13px; font-family: "PTSansRegular"; color: #777;}
footer .copyright p img {margin-top: -2px;}
footer .copyright img:hover {opacity: 0.6; filter:alpha(opacity=60);}
footer .copyright p + p {float: right; font-family: "PTSansRegular"; font-weight: normal;}


.social-bookmarks {
    float: left;
    margin: 0;
    padding: 0;
    width: 300px;
}
.social-bookmarks li {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0 !important;
}

.social-media {
    float: left;
    margin-top: 15px;
    position: relative;
    z-index: 1;
}
.social-media ul li {
    float: left;
    margin-right: 7px;
}
.social-media ul li a {
    background: url(../images/social-media.png) no-repeat left top;
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -2000px;
    transition: all 0.5s ease-in-out 0s;
    width: 30px;
}
.social-media ul li.facebook a {
    background-position: 0 0;
}
.social-media ul li.facebook a:hover {
    background-position: -43px 0;
}
.social-media ul li.twitter a {
    background-position: 0 -38px;
}
.social-media ul li.twitter a:hover {
    background-position: -43px -38px;
}
.social-media ul li.linkedin a {
    background-position: 0 -76px;
}
.social-media ul li.linkedin a:hover {
    background-position: -43px -76px;
}
.social-media ul li.youtube a {
    background-position: 0 -114px;
}
.social-media ul li.youtube a:hover {
    background-position: -43px -114px;
}
.social-media p {
    color: #999999;
    font-family: "PTSansRegular";
    font-size: 13px;
    margin: 6px 0 4px;
}

.btn { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
background: #8c8c8c;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjOGM4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #8c8c8c 0%, #b2b2b2 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c8c8c), color-stop(99%,#b2b2b2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8c8c8c 0%,#b2b2b2 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8c8c8c 0%,#b2b2b2 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8c8c8c 0%,#b2b2b2 99%); /* IE10+ */
background: linear-gradient(to bottom, #8c8c8c 0%,#b2b2b2 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-8 */
}
.ie9 .btn {filter: none;}
.btn input[type="submit"] {background: none; border: none; padding: 6px 12px; text-align: center; text-transform: uppercase; font-size: 16px; font-family: 'ArialRoundedMTBold'; color: #fff;
-moz-text-shadow: 1px 1px 0 #767779;
-webkit-text-shadow: 1px 1px 0 #767779;
text-shadow: 1px 1px 0 #767779;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.btn:hover input[type="submit"] {background: #F48220;
-moz-text-shadow: 1px 1px 0 #000;
-webkit-text-shadow: 1px 1px 0 #000;
text-shadow: 1px 1px 0 #000;}







.header .container {position: relative;}


.section {
	min-height: 200px;
}


/*** credentials ***/
#loginHeader {float:right; margin: 6px 0 0;}
#loginHeader ul li {float: left; padding-left: 10px; line-height: 1.2em; width: auto;}
#loginHeader ul li a:link, #loginHeader ul li a:visited {color: #999; font-size: 14px; text-decoration : none; font-family: 'ArialRoundedMTBold';
			-webkit-transition: all 0.5s ease-in-out; 
            -moz-transition:  all 0.5s ease-in-out; 
            -ms-transition:  all 0.5s ease-in-out; 
            -o-transition: all 0.5s ease-in-out; 
			transition: all 0.5s ease-in-out; }
#loginHeader ul li.login a:link, #loginHeader ul li.login a:visited {background: url(../images/lock.png) top left no-repeat;
padding-left: 20px; border-right: 1px solid #999; padding-right: 10px;}
#loginHeader ul li a:hover, #loginHeader ul li a:active {color: #fff;}
#loginHeader ul li.dashboard a:link, #loginHeader ul li.dashboard a:visited {padding-left: 20px; border-right: 1px solid #999; padding-right: 10px;}
#loginHeader ul li.logout a:link, #loginHeader ul li.logout a:visited {background: url(../images/logout.png) center left no-repeat;
padding-left: 20px; border-right: 1px solid #999; padding-right: 10px;}


.white-overlay {position: absolute; top: 0; bottom: 0; background: rgba(255,255,255,0.3); height: 100%; width: 100%; bottom: 0;}
.scriptr.section .container {position: relative; z-index: 1;}


.apstrata-logo {color: #DBDBDB; font-size: 14px; padding-bottom: 10px; margin-top: -10px;}
.app-logo {font-family: 'ArialRoundedMTBold'; color: #fff; font-size: 16px;}
.app-logo span {color: orange;}