/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
        
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


* :focus { outline: 0; }

.clear {
    width:1px;
    height:1px;
    display:block;
    overflow:hidden;
    clear:both;
}

i,em {
    font-style:italic;
}

b,strong {
    font-weight:bold;
}

a {
    text-decoration:none;
    
}

#content a {
    color:#46b8e5;
}

#content a:hover {
    color:#369;
}

/* STYLES FOR WEBSITE */

root,html,body,input,textarea {
    font-family:Helvetica,Arial,sans-serif;
    font-size:0.85em;
    line-height:150%;
}

html,root {
    height:100%;
}
body{
    
    background:#d7f1fd;
    
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Exo', sans-serif;
    font-size:160%;
    font-weight:200;
    line-height:130%;
    margin-bottom:20px;
    color:#336699;
    
}

h1 {
    font-size:220%;
    font-weight:400;
}

h2 {
    font-size:200%;
}

h3 {
    font-size:170%;
    margin-bottom:10px;
    font-weight:600;
    
}
h4,h5,h6 {
    font-size:160%;
    margin-bottom:10px;
}


#frame{
    width:940px;
    margin:0px auto;
    
    
}

.shade {
    box-shadow: 2px 2px 10px 2px #bbb;
    
}


#header {
    position:relative;
    -moz-border-radius:0px 0px 6px 6px;
    -webkit-border-radius:0px 0px 6px 6px;
    border-radius:0px 0px 6px 6px;
    height:130px;    
    margin-bottom:10px;    
    background: #46b8e5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2YjhlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjNlOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #46b8e5 0%, #063e9f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46b8e5), color-stop(100%,#063e9f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #46b8e5 0%,#063e9f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #46b8e5 0%,#063e9f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #46b8e5 0%,#063e9f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #46b8e5 0%,#063e9f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b8e5', endColorstr='#063e9f',GradientType=0 ); /* IE6-8 */
}

.greybg {
    background: #f7f7f7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWFlYWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left,  #f7f7f7 75%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(75%,#f7f7f7), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #f7f7f7 75%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #f7f7f7 75%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #f7f7f7 75%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to right,  #f7f7f7 75%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeaea',GradientType=1 ); /* IE6-8 */
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}



#logo {
    
    width:140px;
    border-radius:0px 0px 0px 6px;
    height:100%;
    float:left;
    z-index:20;
    position:relative;
}

#logo img {
    width:101px;
    height:84px;
    margin-left:19px;
    margin-top:24px;
}

#footer {
    padding:30px 20px;
    color:#718fc8;
    position:relative;
    min-height:60px;
}

#menu {
    width:800px;
    position:absolute;
    left:140px;
    top:0px;
    height:100%;
}

#menu .pagemenu {
    position:absolute;
    bottom:0px;
    padding:8px 0px;
    width:100%;
    height:20px;
    color:#fff;
    background:url('img/separator.png') center top repeat-x;
}

.pagemenu li {
    float:left;
    margin-left:20px;
}

.pagemenu li a {
    color:#fff;
    font-family: 'Exo', Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight:200;
    line-height:150%;
}

.pagemenu li.active a {
    text-decoration:underline;
}

#menu h1 {
    color:#fff;
    padding:20px;
    font-weight:400;
    font-size:24px;
    position:absolute;
    bottom:5px;
    left:0px;
}

#page {
    height:auto;
    background:#fff;
    position:relative;
    z-index:10;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    border-radius: 6px; 
    
}
.service #page {
    background: #063e9f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2M2U5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzIyNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #063e9f 0%, #032254 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#063e9f), color-stop(100%,#032254)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #063e9f 0%,#032254 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #063e9f 0%,#032254 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #063e9f 0%,#032254 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #063e9f 0%,#032254 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063e9f', endColorstr='#032254',GradientType=0 ); /* IE6-8 */
    

}

#sidemenu {
    position:absolute;
    left:0px;
    width:110px;
    padding:0px 15px;
    height:100%;
    
    -webkit-border-radius: 6px 0px 0px 6px; 
     -moz-border-radius: 6px 0px 0px 6px;
          border-radius: 6px 0px 0px 6px;
}

#sidemenu h3 {
    padding-top:40px;
    font-size:18px;
    font-weight:600;
    margin-bottom:20px;
}

#sidemenu a {
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight:200;
    color:#46b8e5;
    color:#2477c0;
    color:#333;


}

#sidemenu li {
    margin-bottom:15px;
    position:relative;
}
#sidemenu .service-arrow {
    width:0px;
    height:0px;
    border:15px solid transparent;
    border-left-color:#eaeaea;
    position:absolute;
    left:100%;
    margin-left:14px;
    top:40%;
    margin-top:-15px;
}

#sidemenu .active a,
#sidemenu a:hover {
    color:#2477c0;
}
#sidemenu .active a {
    font-weight:300;
}

ul.pagetrail {
    height:30px;
    color:#ccc;
}

ul.pagetrail li {
    float:left;
    margin-right:5px;
    
}

ul.pagetrail a {
    color:#ccc !important;
}

.service ul.pagetrail {
    margin-bottom:20px;
}

.service ul.pagetrail,
.service ul.pagetrail a,
#services-index .pagetrail,
#services-index .pagetrail a {
    
    color:#48BBE7 !important;
}

ul.pagetrail a:hover {
    color:#48BBE7 !important;
}

.service ul.pagetrail a:hover,
#services-index .pagetrail a:hover {
    color:#fff !important;
}

#content {
    margin-left:140px;
    padding:40px;
    min-height:430px;
    height:auto;
}

ul.pageindex {
    padding:0px;
}

ul.pageindex li {
    float:left;
    
    margin-left:20px;
    margin-bottom:20px;
}

ul.pageindex li.first {
    margin-left:0px;
    clear:both;
    
}

ul.pageindex li a {
    display:block;
    width:350px;
    height:200px;
    border-radius:4px;
    background:#d7f1fd;
    position:relative;
    color:#336699 !important;
}

ul.pageindex li a:hover {
    background: #063e9f;
    color:#fff !important;
}

ul.pageindex .title {
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight:200;    
    
    padding:12px;
    height:30px;
}


ul.pageindex .image {
    
    
}

ul.pageindex img {
    border-radius:4px 4px 0px 0px;
}




.sidecontent {
    width:220px;
}

#content .element-image img {
    border-radius:4px;
}

#content .element-image.right {
    margin-left:20px;
    margin-bottom:20px;
}

#pagecontent.narrow {
    float:left;
    width:530px;
}

.index #pagecontent.narrow {
    width:250px;
}

.default #pagecontent.narrow {
    width:530px;
}
#pagecontent.cols2 {
    float:left;
    width:470px;
}
#pagecontent.w50,
.sidecontent.w50 {
    width:320px;
}



#content .submenu {
    float:right;
}

.submenu {
    width:160px;
    height:200px;
    margin-left:20px;
    background:#fff;
}

.submenu li {
    margin-bottom:5px;
}

.submenu li a {
    background:#d7f1fd;
    display:block;
    padding:10px;
    height:40px;
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight:200; 
    border-radius:4px;
    color:#336699 !important;
}

.submenu li a:hover,
.submenu li a.active {
    background: #063e9f !important;
    color:#fff !important;
}

.service #content {
    position:relative;
}

#service-content {
    border-radius: 4px 4px 0px 0px;
    min-height:350px;
    margin-top:50px;
    width:340px;
    background:#fff;
    padding: 30px;
    float:right;
    margin-right:40px;
    position:relative;
    z-index:20;
}



#service-info {
    color:#fff;
    clear:left;
    margin-top:10px;
    
    width:280px;
    position:absolute;
    z-index:20;
    left:40px;
    top:70px;
    padding-top:80px;
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight:200; 
    color:#fff;
}
#service-info p {
    margin-bottom:10px !important;
}

#service-info.move {
    top:180px;
}
#service-info.big {
    padding-top:110px;
    
}

.headerimage {
    position:absolute;
    z-index:10;
    left:0px;
    top:0px;
    height:240px;
    overflow:hidden;
    width:100%;
}
.headerimage img {
    border-radius:6px 6px 0px 0px;
}

ul.service-images {
   position:absolute;
   z-index:20;
   margin-left:-14px;
   height:140px;
   top:0px;
   left:0px;
}

ul.service-images li {
    float:left;
    width:101px;
    height:101px;
    margin-right:-6px;
    background:url('img/img_circle.png') center top no-repeat;
}
ul.service-images img {
    padding-left:10px;
    padding-top:11px;
}

#content hr {
    background:none;
    border:none;
    border-bottom:1px solid #D7F1FD;
    margin: 20px 0px;
}

#content.service {    
    
    padding:40px;
}
#servicecontent {
    width:280px;
    float:left;
    color:#fff;
}

#content.service h2 {
    color:#fff;
    font-size:22px;
    font-weight:400;
}

#serviceimage {
    float:right;
    
}

#serviceimage .element-image {
    -webkit-box-shadow: 0px 10px 40px #000;  
    -moz-box-shadow:    0px 10px 40px #000;  
    box-shadow:         0px 10px 40px #000;  
    margin-bottom:30px;
}

#content.service.red { background:#bf0000; }
#content.service.orange { background:#e55c00;}
#content.service.green {background:#A8CF45;}
#content.service.yellow {background:#ffab00;}
#content.service.brown {background:#885533;}
#content.service.purple {background:#7b56da;}
#content.service.lightblue {background:#91D8F7;}
#content.service.grey {background:#606062;}
#content.service.darkblue {background:#063e9f;}


#content p {
    margin-bottom:20px;
}

#footer .address {
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:140%;
}

#footer #social {
    position:absolute;
    right:30px;
    bottom:30px;
    font-weight:200;
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:16px;
    display:none;
}

#social img {
    vertical-align:bottom;
    padding-bottom:1px;
    padding-left:3px;
}

ul#bottommenu {
    position:absolute;
    right:30px;
    top:30px;
}

ul#bottommenu a {
    color:#718fc8;
}

ul#bottommenu li {
    float:left;
    margin-left:10px;
}

#services-index {
    background: #063e9f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2M2U5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzIyNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #063e9f 0%, #032254 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#063e9f), color-stop(100%,#032254)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #063e9f 0%,#032254 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #063e9f 0%,#032254 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #063e9f 0%,#032254 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #063e9f 0%,#032254 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063e9f', endColorstr='#032254',GradientType=0 ); /* IE6-8 */
    margin:-40px;
    margin-bottom:40px;
    padding:40px;
    height:170px;
}
#services-index h2 {
    color:#fff;
}

ul.services-index li {
    width:90px;
    float:left;
    text-align:center;
}
ul.services-index li a {
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:15px;
    color:#369;
    display:block;
    background:url('img/arrow_blue.png') center top no-repeat;
    padding-top:60px;
}
ul.services-index li a:hover {
    color:#fff !important;
}
ul.services-index a.red {background-image:url('img/arrow_red.png'); }  
ul.services-index a.green {background-image:url('img/arrow_green.png'); }  
ul.services-index a.orange {background-image:url('img/arrow_orange.png'); }  
ul.services-index a.yellow {background-image:url('img/arrow_yellow.png'); }  
ul.services-index a.purple {background-image:url('img/arrow_purple.png'); }  
ul.services-index a.darkblue {background-image:url('img/arrow_darkblue.png'); }  
ul.services-index a.lightblue {background-image:url('img/arrow_lightblue.png'); }  
ul.services-index a.grey {background:url('img/arrow_grey.png') center top no-repeat;}
ul.services-index a.brown {background-image:url('img/arrow_brown.png'); }  




#intro {
    margin:-40px;
    margin-bottom:30px;
    height:300px;
    width:800px;
    position:relative;
}

#intro img {
    width:800px;
    height:300px;
    z-index:10;
}

#intro p {
    margin:0px;
}

#intro .introtext {
    z-index:20;
    width:470px;
    position:absolute;
    left:40px;
    bottom:30px;
    color:#fff;
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:32px;
    line-height:130%;
    text-shadow:2px 2px #000;
    filter: Shadow(Color=#000000, Direction=130, Strength=2);
    
    
}

#intromenu {
    position:absolute;
    right:40px;
    bottom:30px;
    width:220px;
    margin:0px;
    padding:0px;
}



#intromenu a {
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:20px;
    color:#fff;
    text-shadow:2px 2px #000;
    display:block;
    color:#fff;
    line-height:150%;
    filter: Shadow(Color=#000000, Direction=130, Strength=2);
}

#intromenu a:hover {
    color:#46b8e5;
}

.element-pageintro {
    width:220px;
    margin-left:30px;
    float:left;
    height:280px;
    position:relative;
}
.element-pageintro .readon,
.element-clientshow .readon {
    position:absolute;
    bottom:0px;
    right:0px;
}
.element-pageintro:first-child {
    margin-left:0px;
}

.element-clientshow {
    margin-left:30px;
    width:220px;
    height:280px;
    position:relative;
    float:left;
}

.element-clientshow .readon {
    
}



.clientshow {
    width:220px;
    height:182px;
    overflow:hidden;
    margin-top:20px;
    margin-bottom:20px;
    box-shadow: 1px 1px 5px 1px #eee;
}
.clientshow .clientlogo {
    width:218px;
    height:180px;
    border:1px solid #ddd;
    text-align:center;
    border-radius:3px;
}
.clientshow .clientlogo .image {
    margin-left:14px;
    margin-top:14px;
    padding:0px;
}

.element-clientlogos .clientlogo {
    width:170px;
    height:170px;
    margin-left:10px;
    margin-bottom:10px;
    border:1px solid #ddd;
    border-radius:3px;
    float:left;
    box-shadow: 1px 1px 5px 1px #eee;
}
.element-clientlogos .clientlogo.first {
    clear:both;
    margin-left:0px;
}
.element-clientlogos .image {
    margin-left:10px;
    margin-top:10px;
}

.readon {
    float:right;
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight:400;
}

.sidecontent {
    float:right;
    width:220px;
}

.sidecontent {
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:15px;
    color:#336699;
    font-weight:200;
    line-height:150%;
}
.sidecontent.small {
    font-size:13px;
    
}
.sidecontent p {
    margin-bottom:10px !important;
}
a.element-pagelink,
a.contactlink,
a.servicelink {
    display:block;
    padding:6px 15px;
    background:#369;
    text-decoration:none !important;;
    border-radius:4px;
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#fff !important;
    font-weight:200;
    text-align:center;
    
}
a.contactlink:hover,
a.element-pagelink:hover {
    background:#46b8e5;
   
}
a.servicelink {
    background:none;
    padding:0px;
    color:#46B8E5 !important;
    height:42px;
    font-size:17px;
    padding-left:75px;
    padding-top:18px;
    background:url('img/arrow_blue.png') 5px center no-repeat;
}
a.servicelink:hover {
    color:#fff !important;
    text-shadow:1px 1px 1px #000;
}
a.servicelink.red {background-image:url('img/arrow_red.png'); }  
a.servicelink.green {background-image:url('img/arrow_green.png'); }  
a.servicelink.orange {background-image:url('img/arrow_orange.png'); }  
a.servicelink.yellow {background-image:url('img/arrow_yellow.png'); }  
a.servicelink.purple {background-image:url('img/arrow_purple.png'); }  
a.servicelink.darkblue {background-image:url('img/arrow_darkblue.png'); }  
a.servicelink.lightblue {background-image:url('img/arrow_lightblue.png'); }  
a.servicelink.grey {background-image:url('img/arrow_grey.png'); }  
a.servicelink.brown {background-image:url('img/arrow_brown.png'); }  



#pagecontent ol,
#pagecontent ul {
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#336699;
    line-height:150%;
    font-weight:200;
    list-style-type:disc;
    padding-left:30px;
    margin-bottom:20px;
}


#servicecontent ol,
#servicecontent ul,
.sidecontent ol,
.sidecontent ul {
    list-style-type:disc;
    padding-left:20px;
    margin-bottom:20px;
}
#pagecontent ol,
#serviceontent ol,
.sidecontent ol {
    list-style-type:decimal;
}

#pagecontent ul ul {
    margin-bottom:0px;
}

#pagecontent a,
.sidecontent a {
    
    color:#46b8e5;
    text-decoration:underline;
}

#contactform input[type=text],
#contactform textarea {
    border:1px solid #369;
    padding:4px;
    border-radius:4px;
    width:352px;
    font-size:100%;
}
#contactform textarea {
    max-width:360px;
    height:150px;
}

#contactform label {
    width:100px;
    display:block;
    float:left;
    font-weight:200;
    padding:4px;
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#369;
}
.contactform-row {
    margin-bottom:5px;
}
#contactform .error input[type=text],
#contactform .error textarea {
    border:1px solid #ff0000;
    color:#ff0000;
    
}

#contactform .submit {
    border:none;
    float:right;
    display:block;
    padding:6px 14px;
    color:#fff;
    font-family: "Exo", Helvetica, Arial, sans-serif;
    font-size:16px;
     background:#369;
    border-radius:4px;
    cursor:pointer;
    line-height:100%;
}
#contactform .submit:hover {
   
    background:#46b8e5;
    color:#fff;
}

ul.element-pagelist a {
    text-decoration:none !important;
}


a#splitapixel-btn {
    background:url('img/splitapixel_hare.png') right center no-repeat;
    width:50px;
    height:24px;
    display:block;
    position:absolute;
    right:25px;
    bottom:25px;
}

a#splitapixel-btn:hover {
    width:250px;
    background-position:0px center;
    
}


div.mlr-counter {
    clear:both;
    position:relative;
    margin-top:40px;
}

div.mlr-counter p {
    font-family:'Exo',sans-serif;
    color:#336699;
    display:block;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin-bottom:5px !important;
    height:40px;
    line-height:100%;
    background:#eee;
    font-size:20px;
    font-weight:bold;
    line-height:40px;
    border:1px solid #ddd;
    background: rgb(250,250,250); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */


}

div.mlr-counter span {
    float:left;
}

div.mlr-counter span.visits {
    font-size:28px;
    display:block;
    background:#336699;
    color:#fff;
    padding:0px 20px;
    line-height:50px;
    height:50px;
    margin-top:-5px;
    margin-right:20px;
    
    -mox-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow:0px 0px 4px #aaa;
    -webkit-box-shadow:0px 0px 4px #aaa;
    box-shadow:0px 0px 4px #aaa;
    background: #46b8e5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2YjhlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjNlOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #46b8e5 0%, #063e9f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46b8e5), color-stop(100%,#063e9f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #46b8e5 0%,#063e9f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #46b8e5 0%,#063e9f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #46b8e5 0%,#063e9f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #46b8e5 0%,#063e9f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b8e5', endColorstr='#063e9f',GradientType=0 ); /* IE6-8 */
}

div.mlr-counter small {
    text-align:center;
    color:#ccc;
    display:block;
}

div.mlr-counter small a {
    color:#ccc !important;
    text-decoration:underline;
}