@nav-charset "utf-8";
/* CSS Document */

/*************************/
/****** General CSS ******/
/*************************/
body {
	font-family: 'Open Sans', sans-serif;
	color:#666;
	font-size:16px;
	background:#fdfdfd;
	margin: 30px 30px 0 0;
}
a {color:#111; text-decoration: none;}
a:visited {color:#111;}
a:hover {color:#fa6919; text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {margin-bottom:20px;}
h1 {font-size:48px; color:#fff}
h2 {font-size:36px;}
h3 {font-size:27px;}
h4 {font-size:24px; color:#949592;}
h5 {font-size:16px; color:#949592;}
h6 {font-size:12px;}
ul {list-style: square;}
ol {}
ul li {}
ol li {}
p {line-height:135%; text-align:left;}
img {max-width:100%; height:auto;}
.blackFont{ color:#000000;}
.rounded_box 
	{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	margin-left: auto;
  	margin-right: auto;
  	}
/*************************/
/****** CSS Start ******/
/*************************/
img.border {border: 2px solid #949592;}
#header #logo{ margin-top:5px;}
#header #contact{ text-align:right; padding-top:10px; line-height:22px;}
.line{border-top:1px solid #ececec; margin-top:24px;}
#header #top_nav #nav_block{ border-top:1px solid #ececec; margin-top:16px;}
#header #top_nav #subnav_block{ border-top:1px solid #ececec; margin-top:16px;}
#header #top_nav #nav_block #flag{ margin-top:20px; text-align:right;}
#header #top_nav #nav_block #flag img{margin-left:3px; margin-bottom:2px;}
#header #top_nav #nav_block ul{ margin:0; padding:0; position:relative; top:-1px;}
#header #top_nav #subnav_block ul{ margin:0; padding:0; position:relative; top:-1px;}
#header #top_nav #nav_block ul li{
 	display: inline-block;
    list-style-type: none;
	border-top:1px solid #ececec;
	padding:15px 0 0 0;
	float:left;
}
#header #top_nav #nav_block ul li:first-child a {padding-left:0;}
#header #top_nav #nav_block ul li.right_border a{border-right:none;}
#header #top_nav #nav_block ul li a{ 
	text-transform:uppercase; 
	font-size:16px; 
	color:#949592;
	text-decoration:none;
	padding:0 25px;
	border-right:1px solid #ededed;
}
#header #top_nav #nav_block ul li:hover, #header #top_nav #nav_block ul li.current{border-top: 1px solid #fd7b34;}

#header #top_nav #subnav_block ul li{
 	display: inline-block;
    list-style-type: none;
	border-top:1px solid #ececec;
	padding:15px 0 0 0;
	float:left;
}
#header #top_nav #subnav_block ul li:first-child a {padding-left:0;}
#header #top_nav #subnav_block ul li.right_border a{border-right:none;}
#header #top_nav #subnav_block ul li a{ 
	text-transform:uppercase; 
	font-size:16px; 
	color:#949592;
	text-decoration:none;
	padding:0 25px;
	border-right:1px solid #ededed;
}
#header #top_nav #subnav_block ul li:hover, #header #top_nav #nav_block ul li.current{border-top: 1px solid #fd7b34;}


#header #top_nav #nav_block #language_switch {padding: 0px;}
#header #top_nav #nav_block #language_switch ul {float: right;}
#header #top_nav #nav_block #language_switch ul li a{ padding: 0 15px; }
#header #top_nav #nav_block #language_switch ul li:first-child a { padding-left:15px; }         /* HEADER END */
#header #top_nav #nav_block #language_switch ul li.right_border a { padding-right:15px; padding-right: 0px;}
.wrapper{ 
	text-align:center; 
	margin-top:28px; 
	min-height:186px;
	background: url("/images/orange-strip.jpg") repeat center transparent;
}
.wrapper #orange_strip{ 
    text-align: center;
	padding-top:56px;
}
.wrapper #orange_strip h3{ color:#fff; margin-bottom:10px;}
.wrapper #orange_strip h3 b{ font-weight:bold;}
.wrapper #orange_strip p{ color:#fff; text-align:center; margin:0;}
.wrapper #orange_strip p a{ text-decoration:underline; color:#fff;}                    /* ORAGE STRIP END */

.title_block h4 a {text-decoration: none; color:#949592;}
.title_block h4 a:hover {text-decoration: underline;}
.title_block h4{ 
	color: #949592;
    margin-bottom: 0;
    margin-top:68px;
    text-transform: uppercase;
	line-height:100%;
	padding-left:10px;
}                                                                           /* TILTLE END */
.title .line{ margin-top:9px; margin-bottom:13px;}
#sevices .txt{ font-weight:normal; }
#sevices .txt ul{ margin-top:27px; margin-left:25px;}                                                                /* SERVICES  END */
#products .txt_block{}
#products .txt_block img{ margin-bottom:20px; margin-top:40px;}
#products .txt_block p{margin-bottom:0;}
#products .txt_block p span{ font-weight:bold;}
#products .txt_block #conqat{}                             /* LEFT SIDE CONTENT  END */
#sidebar .line{ margin-bottom:28px;}
#sidebar p{ text-align:left; margin-left:63px;}
#sidebar .man{ 
	float:left;
	margin-top:7px; 
	margin-right:15px;
}
#sidebar p a{
	color:#fd7b34; 
	text-decoration:none;
}
#sidebar p a:hover{
	color:#fd7b34; 
	text-decoration:underline;
}      /* RIGHT SIDE CONTENT  END */
#slider_placeholder{ 
	border: 1px solid #e6e6e6;
    margin-bottom: 100px;
    margin-top: 20px;
    text-align: center;
	max-width:100%;
}
.wrapper_footer{ 
	background:#e6e8e3; 
	padding:45px 0 0 0;
}
.wrapper_footer #footer .title h5{ 
	font-weight:bold; 
	text-transform:capitalize; 
	margin-bottom:20px;
}
.wrapper_footer #footer .title ul{ 
	margin:0; 
	text-align:left; 
	list-style-type:none; 
	font-size:16px; 
	font-family: 'Open Sans', sans-serif;
}
.wrapper_footer #footer .title img{ margin-bottom:18px;}

.wrapper_footer #small_footer { background:#949592; margin-top:55px; padding:25px 0;}
.wrapper_footer #small_footer p{ color:#fff; margin:0; font-size:18px; text-transform:capitalize; text-align:center;} /* FOOTER END */
#footer a {color:#949592; text-decoration:none;}
#footer a:hover {color:#FE7B34;}

#slider_placeholder #gallery_box{
	width:100%;
	background:#fff;
}
.caroufredsel_wrapper{
	 width:88%!important;
	 text-align:center;
	 padding:33px 0!important;
	 height:24px!important;
	 margin:34px 0!important;

}
.list_carousel{}
.list_carousel ul#foo2{ 
    height: 207px;
    text-align: center;
    z-index: auto;
	margin:0;
}
.list_carousel ul#foo2 li{
    display: block;
    float: left;
    height: auto;
    margin: 0 11px 0 12px;
    padding: 0;
    text-align: center;
    width: auto;
}
.prev {
	float: left;
	margin-top:30px;
	margin-left:32px;
}
.next {
	float: right;
	margin-top: -95px;
	margin-right:32px;
}

/* TEAM PAGE STARTS */

.txt_block{}
.team {margin-bottom:30px;}
.team .img p.Florian{
	color: #FFFFFF;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 30px;
    margin-top: -20px;
    padding: 12px 14px 10px 10px;
    position: relative;
    z-index: 2147483647;
	background:#FD7B34;
	max-width:100%;
	float:left;
}

.team .img p.Florian a, .team .img p.Florian a:visited {
   color: #fff;
   text-decoration: none;
}
.team .img p.Florian a:hover {
   color: #ddd;
   text-decoration: none;
}

.team .img ul .social{ float:left;}
.team .img ul .social img {display:block;}
.team .img .txt{ margin:0;}
#taem .img .block p{	
    color: #FFFFFF;
    font-weight: bold;
}
.team .img .block{}
.team .img ul.block{ margin-left:0; line-height:156%; list-style-type:none; margin-top:15px;}
.team .img ul.block li{ margin-left:35px; color:#fd7b34;}
.team .img ul.block li a{color:#fd7b34; text-decoration:none;}
.team .img ul.block li a:hover{color:#fd7b34; text-decoration:underline;}
#taem .img .block p.label{
    margin-top: -20px;
}

/* CQSE TEAM DETAIL PAGE STARS */

.wrapper #orange_strip{ 
    text-align: center;
	padding-top:56px;
}
.wrapper.cqse_team_detail#page #orange_strip{ 
    text-align: left;
}
.wrapper.cqse_team_detail#page h3{ color:#fff; margin-bottom:10px;}
.wrapper.cqse_team_detail#page h3 b{ font-weight:bold;}
.wrapper.cqse_team_detail#page{ 
	text-align:center; 
	margin-top:26px; 
	min-height:186px;
	background: url("/images/orange-strip1.jpg") repeat center transparent;
}  
#page.wrapper.cqse_team_detail{ padding:29px 0 24px 0;}
#page.wrapper.cqse_team_detail #orange_strip{padding-top:0; padding-bottom:0;} 
#page.wrapper.cqse_team_detail{ margin-top:25px; margin-bottom:57px;}  

.simius-ext ul.block{ margin:0; list-style-type:none;}
.simius-ext ul.block li{ line-height:38px; color:#000;}
.simius-ext ul.block li a{ color:#000; text-decoration:none;}
.simius-ext ul.block li a:hover{ color:#000; text-decoration:underline;}
.simius-ext .block .social{ margin-right:13px; float:left; margin-top:3px;}          /* ORAGE STRIP END */

#page.wrapper.cqse_team_detail #orange_strip p{ margin-bottom:18px; color:#fff; text-align:left; }
.wrapper.cqse_team_detail#page #orange_strip p a{ text-decoration:underline; color:#fff;} 
.acc {margin-bottom:100px;}
.accord-block h4 {border-left:2px solid #FD7B34; padding-left:10px; line-height:100%; margin-bottom:12px;}
.accord-block h4 a{color:#949592; text-transform:uppercase; text-decoration:none;}
.accord-content ul {margin-left:0; list-style-type:none;}
.accord-content ul li {padding-left:7px}
.accord-content ul li:before {content:"- "; margin-left:-8px;}
.accord-content {padding:0 10px;}

/* SERVICES PAGE STARTS */

.pic-label{
    margin-bottom: 30px;
    margin-top: -20px;
    position: relative;
    text-transform: uppercase;
    z-index: 2147483647;
    background:#FD7B34;
    padding: 7px 10px;
    font-size:18px;
    color:#fff;
    font-weight:bold;
    float:left;
}

.pic-label a {
    color: white;
}

.pic-label a span {
    font-weight: normal;
}

.pic-label a:hover {
    color: white;
    text-decoration: none;
}

.pic-label a:visited {
    color: white;
}

#sevices .img .block{}
#sevices .img ul.block{ margin-left:0; line-height:156%; list-style-type:none; margin-top:15px;}
#sevices .img ul.block li{ margin-left:35px; color:#fd7b34;}
#sevices .img ul.block li a{color:#fd7b34; text-decoration:none;}
#sevices .img ul.block li a:hover{color:#fd7b34; text-decoration:underline;}
span.orange{color:#fd7b34; line-height: 38px;}
span.bold{ font-size:22px;}

/* ARCHITECTURE PAGE STARTS */

.wrapper#architecture{ 
	margin-top:28px;
	background: url("/images/orange-strip2.jpg") repeat scroll 0 0 transparent;
}
.wrapper#architecture #orange_strip h1{ text-align:left; color:#fff}
.tilte .line{ margin-top:8px; margin-bottom:31px;}
.title_block h4 {border-left:2px solid #FD7B34;}
.title_block.img{
	border: 1px solid #E3E3E2;
    margin: 0;
    padding: 0;
}
.title_block.img.audits{ margin-top:15px; text-align:center; padding:30px; background:#e6e8e3;}
.title_block.img.audits h5{ 
	color: #FD7B34;
    font-size: 16px;
	font-weight:bold;
	margin-bottom:15px;
	text-transform:uppercase;
}
.title_block.img.audits ul{ list-style:none; text-align:left; margin:0 0 0 10px;}
.title_block.img.audits ul li a{ color:#949592; text-decoration:underline;}
.title_block.img.audits ul li.current a {font-weight:bold; text-decoration:none;}
.title_block.img.audits ul li a:hover{ color:#949592; text-decoration:none;}
.wrapper.banner#architecture{  margin-bottom:80px;}
.wrapper#architecture #orange_strip #get_in_touch{ background:#fff; color:#fd7b34; margin-top:10px;}
.wrapper#architecture #orange_strip #get_in_touch a { padding:15px; 13px; display:block;}
.wrapper#architecture #orange_strip #get_in_touch p,.wrapper#architecture #orange_strip #get_in_touch a{color:#fd7b34; text-decoration:none; margin:0; font-weight:bold;}
.wrapper#architecture #orange_strip #get_in_touch a{ margin-left:5px; font-weight:normal;}
.wrapper#architecture #orange_strip #get_in_touch a:hover{ text-decoration:underline;}
#content_block p{ text-align:left;}
#content_block .title_block{ background:#f0f1ee; padding:32px 40px; margin-top:35px;}
#content_block .title_block h4{margin:0; color:#fd7b34;}
#content_block .title_block h5{ font-weight:bold; margin-top:30px; margin-bottom:0px;}
#content_block .title_block p{margin:0; padding:0;}
#content_block .title_block p a{ text-decoration:underline; color:#fd7b34;}
#content_block .title_block p a:visited{ text-decoration:underline; color:#fd7b34;}
#content_block .title_block p a:hover{ text-decoration:none; color:#fd7b34; cursor:pointer;}
.wrapper_footer{ margin-top:60px;}
/* CQSE SERVICES PAGE STARTS */
.title .title_block.services h4{ margin-top:0;}
.title #get_in_touch{ float:right;}
.title #get_in_touch p{ margin:0; color:#fd7b34; font-weight:bold;}
.txt.line{ margin-top:8px; margin-bottom:40px;}
.title #get_in_touch p a{color:#949592; font-weight:normal; text-decoration:underline;}
.title #get_in_touch p a:hover{text-decoration:none;}
#sevices.content{ margin-top:36px;}
#sevices.content .img .txt{ padding-top:0;}
.wrapper_footer.architecture{ margin-top:130px;}
/* MEDIAD FOR ALL */

/* @media screen and (max-width: 768px) {
#header #logo{ text-align:center;}
#sevices { text-align:center; margin:auto; width:100%;}
#sevices .img{ margin:auto; width:54%}

	#sevices .txt ul{ text-align:left;}
	#products .txt_block {
text-align: center;}
#header #contact{ text-align:center; max-width:100%;}

#header #top_nav #nav_block{ max-width:100%;}
#header #top_nav #nav_block ul{ max-width:100%;}
#header #top_nav #nav_block #img2{ float:none;}
.wrapper_footer{ text-align:center; max-width:100%;}
.wrapper_footer #footer .title ul{ text-align:center; margin-bottom:20px;}
#sidebar p{ margin-left:49px;}
#sidebar p{ margin-left:45px;}
#page.wrapper #orange_strip h3{ text-align:center;}
#page.wrapper #orange_strip p {
    text-align: center!important;
}
#page.wrapper #orange_strip ul.block{
	color: white;
    line-height: 156%;
    list-style-type: none;
    margin: auto!important;
    text-align: center!important;
    width: 20%;
}
.caroufredsel_wrapper{
	 width:88%!important;
	 text-align:center;
	 padding:33px 0!important;
	 height:24px!important;
	 margin:34px 0!important;

}
#architecture.wrapper #orange_strip h1{text-align:center;}

} 
@media screen and (max-width:801px) {
#sidebar p{ margin-left:45px;}
#header #logo{ text-align:center;}
#page.wrapper #orange_strip h3{ text-align:center;}
#page.wrapper #orange_strip p {
    text-align: center!important;
}
#page.wrapper #orange_strip ul.block{
	color: white;
    line-height: 156%;
    list-style-type: none;
    margin: auto!important;
    text-align: center!important;
    width: 20%;
}
.caroufredsel_wrapper{
	 width:88%!important;
	 text-align:center;
	 padding:33px 0!important;
	 height:24px!important;
	 margin:34px 0!important;

}
#architecture.wrapper #orange_strip h1{text-align:center;}
}

.title_block.txt h4{ margin-top:0;}
.accord-block h4 {border-bottom:1px solid #ececec; padding-bottom:20px; }
 h4.accordLink a{ color:#949592; text-decoration:none;}
.wrapper#page{ margin-bottom:60px; padding:16px 0; background: url("/images/orange-strip1.jpg") repeat scroll 0 0 transparent; }
.wrapper_footer.team_detail{ margin-top:200px;}
.wrapper_footer.team_detail #footer a{
	color: #949592;
    text-decoration: none;
}
.wrapper#page #orange_strip{ text-align:left;}
.wrapper#page #orange_strip p{ text-align:left;}
.wrapper#page #orange_strip ul.block {
    color: white;
    line-height: 156%;
    list-style-type: none;
    margin-left: 0;
    margin-top: 15px;
    text-align: left;
}
.wrapper#page #orange_strip h3{ margin-bottom:25px; margin-top:25px;}
.wrapper#page #orange_strip ul.block .social {
    float: left;
    margin-top: 2px;
}
.wrapper#page #orange_strip ul.block .social{ color:#fff;}
.wrapper#page #orange_strip ul.block li {
    color: #fff;
    margin-left: 35px;
	line-height:208%;
}

.wrapper#page #orange_strip ul.block li a{ color:#fff; text-decoration:none;}
.wrapper#page #orange_strip ul.block li a:hover{ color:#fff; text-decoration:underline;}
#sevices .img{ } */


#tweet ul {list-style-type:none; margin-left:0;}

@media(max-width: 910px) and (min-width:767px) {
#header #top_nav #nav_block #flag {clear:both;}
#header #top_nav #nav_block ul li {width:25%; border-top:1px solid transparent;}
#header #top_nav #nav_block ul li a {display:block; text-align:center;}
#header #top_nav #nav_block ul li:first-child a {padding:0 25px;}
#header #top_nav #subnav_block ul li {width:25%; border-top:1px solid transparent;}
#header #top_nav #subnav_block ul li a {display:block; text-align:center;}
#header #top_nav #subnav_block ul li:first-child a {padding:0 25px;}
#header #top_nav #nav_block #language_switch ul li {width:auto;}
#header #top_nav #nav_block #language_switch ul li:first-child a {padding: 0 15px;}
#header #top_nav #nav_block #language_switch ul li.right_border a {padding-right: 15px;}
.wrapper_footer #footer .title h5 { margin-top: 30px; }
}
@media(max-width: 767px) {
#header #top_nav #nav_block #flag {text-align:center; float:right; margin-top:-25px; margin-right:20px;}
#header #top_nav #nav_block ul li {width:50%;border:1px solid #ececec; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#header #top_nav #nav_block ul li a {display:block; text-align:center; border:none;}
#header #top_nav #nav_block ul li:first-child a {padding:0 25px;}
#header #top_nav #subnav_block ul li {width:50%;border:1px solid #ececec; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#header #top_nav #subnav_block ul li a {display:block; text-align:center; border:none;}
#header #top_nav #subnav_block ul li:first-child a {padding:0 25px;}
.wrapper_footer #footer .title h5 { margin-top: 30px; }
#header #top_nav #nav_block #language_switch ul li:first-child a {padding: 0 15px;}
#header #top_nav #nav_block #language_switch ul li.right_border a {padding-right: 15px;}
}


/* own additions */

.gray-hover {
    border: none;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.gray-hover:hover {
       filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
       -webkit-filter: grayscale(0%);    
}



.close{ background:url(/images/close.jpg) no-repeat 10px center transparent;}
.open{ background:url(/images/open.jpg) no-repeat 10px center transparent;}

.bibentry h5 { font-weight:bold; margin-top:30px; margin-bottom:0px;}
.bibentry h5 a, .bibentry h5 a:visited { 
    font-weight:bold; color:#fd7b34; text-decoration: none;
}
.bibentry h5 a:hover { font-weight:bold; color: #949592; text-decoration: none; }

.bibentry p a{ text-decoration:underline; color:#fd7b34;}
.bibentry p a:visited{ text-decoration:underline; color:#fd7b34;}
.bibentry p a:hover{ text-decoration:none; color:#949592; cursor:pointer;}
.bibentry p { margin:0; padding:0; }
.bibLinks { font-size: 12px; }

#content_block h1 { color: #949592; margin-top: 20px; }
#content_block h1:first-child { margin-top: 0px; }

#customerSlider li a {
    display: block;
    height: 80px;
    width: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
}

.customer {
   width: 340px;
   margin: 20px;
   float: left;
   background: #fff;
}

.customer h4 { margin-top: 6px; }

#teamscaleLabel { color:#eee; }
#teamscaleLabel span { color:#fd7b34; }

.sub-nav {
    background: #f6f6f6;
    margin-top: 8px;
    display: none;
    padding-left: 0;
    padding-right: 0;
}

.sub-nav div {
    padding-left: 0;
    padding-right: 0;
}

div.sub-nav-title {
    background: #ececec;
    color: #969696;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    border-top: 1px solid #fd7b34;
    margin-bottom: 16px;
    min-height: 24px;
}

.sub-nav-title h5 {
    margin: 0;
    border-right: 1px solid #969696;
    padding-left: 25px;
    padding-right: 25px;
}

.sub-nav-title h5 a {
    color: #969696;
    text-transform: uppercase;
}

.sub-nav-title h5 a:visited {
    color: #969696;
    text-transform: uppercase;
}

.sub-nav-box ul {
    font-size: 14px;
    color: #808080;
    font-weight: lighter;
}

#header #top_nav #nav_block ul li.dimmed a {
    color: #ddd;
}

/* teamscale squares */

.ts-sq-outer {
    width: 30%; 
    padding-bottom: 30%; 
    position: relative; 
    float: left;
    margin: 10px; 
}

@media screen and (max-width:900px) {
    .ts-sq-outer {
	width: 45%;
	padding-bottom: 45%;
    }
}

@media screen and (max-width:600px) {
    .ts-sq-outer {
	width: 90%;
	padding-bottom: 90%;
    }
}

.ts-sq-inner {
    width: 100%; 
    height: 100%; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
    left: 0; 
    top : 0;
    position: absolute;
    border: 2px #ccc solid;
}

.ts-sq-inner:hover {
    border-color: #fd7b34;
}

.ts-sq-text {
    position: absolute;
    bottom: 12px;
    left: 50px;
    right: 12px;
    background: #666; /* for old IE */
    background: rgba(90, 90, 90, .75);
    -webkit-box-shadow: 3px 3px 5px #222;
    -moz-box-shadow: 3px 3px 5px #222;
    box-shadow: 5px 5px 7px #111;
    color: white;
    padding: 12px;
}

.ts-sq-caption1 {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
}

.ts-sq-caption2 {
    font-size: 16px;
    text-align: right;
}

.ts-sq-caption2 span {
    color : #fd7b34;
    font-weight: bold;
}

/* more for product */

.main-message {
    text-align: center;
    font-size: 28px;
    margin-top: 32px;
    margin-bottom: 52px;
}

.main-message span {
    color : #fd7b34;
}

/* sub menus (below orange) */

.submenu {
    background: #949492;
}

.submenu-entry {
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    text-transform: uppercase;
}

.submenu-entry:hover {
    background: #adadab;
}

.submenu-entry a {
    color: white;
    text-decoration: none;
    padding-left: 25px;
    padding-right: 25px;
    border-right: 1px solid #adadab;
}

.submenu-entry a:visited {
    color: white;
    text-decoration: none;
}

.submenu-entry a:hover {
    color: white;
    text-decoration: none;
}

.submenu-active {
    background: #adadab;
}

a.more-link {
    color: #fd7b34;
}

a.more-link:visited {
    color: #fd7b34;
}

a.more-link:hover {
    color: #fd7b34;
    text-decoration: underline;
}


/* syntax highlighting */
.CodeRay pre {
    background: white;
    padding: 20px;
    margin: 20px;
    color: #222;
}

.CodeRay .keyword, .CodeRay .directive, .CodeRay .type {
    color: #fd7b34;
}

.CodeRay .include, .CodeRay .namespace, .CodeRay .comment {
    color: #666;
}

.CodeRay .class, .CodeRay .predefined-type, .CodeRay .exception {
    color: #666;
}

.CodeRay .line-numbers {
    margin-right: 2em;
}

td.orange {
    background: #fd7b34 !important;
    color: white;
}

.blog-post-container {
	max-width: 45em;
	margin-top: 50px;
}

.blog-post-container p a {
	color: #dd5c15;
}

/* Mobile support */
.slicknav_menu { 
    display: none; 
    position: fixed;
    width: 100%;
    top: 0;
}

.mobile_only { display: none !important; }

.mobile_logo {
    float: left;
    width: auto;
    padding-top: 4px;
    height: 32px;
}

@media screen and (max-width:825px) {
    #freshwidget-button { display: none !important; }
    .js .slicknav_menu { display: block; }
    body { margin: 0 !important; }
    #architecture { margin-top: 0 !important; }
    .mobile_only { display: block !important; }
}