/*   
Theme Name: Appello Marketing Web
Theme URI: 
Description: 
Author: Jesper Wilfing - Wilfing Design Agency
Author URI: http://wilfing.se
Template: thematic
Version: 0.3
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
/*@import url('../thematic/library/layouts/2c-r-fixed.css');*/

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Slides plugin */
@import url('library/styles/slides.css?1');

/* Fonts */
@import url('http://fonts.googleapis.com/css?family=Shadows+Into+Light');
@import url('http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Open+Sans:400,600,700,400italic,300italic,300');
@import url('http://fonts.googleapis.com/css?family=Anonymous+Pro:regular,italic,bold,bolditalic');
@import url('http://fonts.googleapis.com/css?family=Arimo:regular,italic,bold,bolditalic');
body, input, textarea {
	color:#5a5a5a;    
	font: 12px/14px Helvetica, 'Open Droid', 'Open sans', sans-serif;
	height: 100%;
}
body.page-template-template-page-landing-php #content{
	color:#5a5a5a;    
	font: 13px/16px 'Open Droid', 'Open sans', sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
}
span.maildomain
{
	width: 100%;
	height: 15px;
	background: url(images/logos-icons/snabela.png) no-repeat 50% 0;
	position: block;
	display:block;
	
}
.error404 .entry-content
{
	padding: 0;
	margin-bottom: 10px;
	margin-top: 5px;
}

.error404 .entry-content h1
{
	
}

body.page-template-template-page-landing-php #content h2{
	font: 23px/26px 'Open sans','Open Droid', sans-serif;
	font-weight: 400 !important;
}
#content ul li
{
	list-style: none;
	background: url(images/elements/list-dot.gif) no-repeat -1px 4px;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 7px;
}
#content blockquote
{

}
.start-page .entry-content h2
{
	font: 'Open sans', sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: 300;
}

p.hel
{
	font-family: Helvetica, sans-serif;
}
p.open
{
	font-family: 'Open Sans', sans-serif;
}
p.droid
{	font-family: 'Droid Sans', sans-serif;

}

p {
	color: #5a5a5a;
	font: 12px/14px Helvetica,"Open Droid","Open sans",sans-serif;
}

h1,h2,h3 {
	font-family: 'Open sans', 'Open Droid', sans-serif;
}

.employee-container img
{
	margin-top: 0px;
}

html, body {
	height: 100%;
}
a
{
	text-decoration: none;
}
a:link {
	color:#00C2F3;
}
a:visited {
	color:#00C2F3;
}
a:active,
a:hover {
	color: #00C2F3;
}
div.separator
{
	width: 100%;
	border-bottom: 2px dotted #ccc;
	display: block;
	/*margin: 20px 0;*/
	clear: both;
}

#main
{
	padding-top: 30px;
	overflow: visible;
}



#page-logo
{
	background: transparent url(images/logos-icons/appello-logo.png) no-repeat;
	width: 294px;
	height: 74px;
	margin-bottom: 11px;
	margin-left: 100px;
	display: block;
}

#blog-title
{

}

#branding
{
	padding: 43px 0 0px;

}

#header
{
	background: white url(images/backgrounds/top-bg.png) repeat-x;
	width: 100%;
	clear: both;
	margin: 0 auto;
}

#header .bottom-shadow
{
	background: transparent url(images/backgrounds/top-bg-shadow.png) no-repeat center;
	height: 6px;
	border: 0px solid red;
	width: 100%;
	position: absolute;
	margin-left: 0;
	bottom:-45px;	
	margin-bottom: -6px;
}

#header .corrected-shadow
{
	margin-bottom: 0;
}

#footer-content
{
	margin: 0 auto;
}
#footer-inner
{
	background: transparent url(images/backgrounds/footer-top-shadow.png) no-repeat top center;
	width: 100%;
	border: 0px solid red;
	overflow: hidden;
	padding-top: 40px;
}

#footer span {
	font-size:12px;
}

#footer .contact span {
	font-size:14px;
}

/* Page Services  */

#container.page-services
{
	background: transparent url(images/logos-icons/proserv-people.png) no-repeat 470px bottom;
	width: 710px;
}

.services-container .inner
{
	background: transparent url(images/elements/proserv-shadow-bottom.png) no-repeat left bottom;
	width: 426px;
	padding-bottom: 77px;	
}
.services-container .inner2
{
	position: relative;
	top: -20px;
}
.services-container
{
	padding-top: 15px;
	background: transparent url(images/elements/proserv-shadow-top.png) no-repeat left top;
	width: 426px;
	overflow: hidden;
	clear: both;
}

.page-services div.service-container
{
	width: 398px;
	margin-left: 16px;
	background: transparent url(images/elements/proserv-box-bottom.png) no-repeat left bottom;	
}

.page-services div.service-container-top
{
	background: transparent url(images/elements/proserv-box-top.png) no-repeat left bottom;
	width: 398px;
	margin-left: 16px;	
	height: 13px;
}

.page-services div.service-container-top:first-child
{
	height: 18px;
}

.page-services div.service-container, 
.page-services div.service-container a,  
.page-services div.service-container h3
{
	clear: both;
	overflow: hidden;
	color: white;
}

.page-services .service-icon
{
	width: 100px;
	float: left;	
	text-align: center;

}

.page-services .service-icon img
{
/* Centered in javascript */
}

.page-services .service-description
{
	width: 285px;
	float: left;
}

/* Photos */

.employee-container 
{
	position: relative;
	float: left;
	/*width: 189px;*/
	margin-right: 0px;
	margin-bottom: 40px;

}
.employee-row
{
clear: both;
}
.clear
{
	clear: both;
}

.employee-container .polaroid
{
	width: 189px;
	height: 195px;
	background: transparent url(images/elements/polaroid.png) no-repeat center center;		
	position: absolute;
	top: 0;
	z-index: 1;
}
.employee-container .tape
{
	width: 100%;
	height: 48px;
	position: absolute;
	margin-top: -25px;
	z-index: 2;
	left:0;
}

.employee-container .tape-right
{
	background: transparent url(images/elements/tape-right.png) no-repeat center center;
	margin-right: 0px;
}

.employee-container .tape-middle
{
	background: transparent url(images/elements/tape-middle.png) no-repeat center center;
}

.employee-container .tape-left
{
	background: transparent url(images/elements/tape-left.png) no-repeat center center;
}
.employee-container .employee-info
{
	margin-top: 20px;
	text-align: center;
}
.employee-container .employee-name, .employee-container .employee-title, .employee-container .employee-phone, .employee-container .employee-email
{
	display: block;
}

.employee-container .employee-phone
{
	font-size: 11px;
	padding: 3px 0;
}

.employee-container .employee-name
{
	color: #01588a;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Shadows Into Light', cursive;
	margin-bottom: 5px;
	/*text-shadow: 2px 2px 2px #aaa;*/
}

.employee-container .employee-linkedin a
{
	background: transparent url(images/logos-icons/linkedin.png) no-repeat center center;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 150px;
	right: 4px; 
	z-index: 3;
}
.department-container .department-description
{
	margin: 0 0 45px 0;
	display: block;
}

.fb-root{
	border: 1px solid red;
}

.partner-container
{
	margin-top: 20px;
}
.partner-container .left
{
	float: left;
}
.partner-container .right
{
	float: right;
}
.partner-container div.separator
{
	width: 593px;
	padding-top: 22px;
}
.partner-container ul
{
	margin-bottom: 0px;
}
.partner-description p
{
	margin-bottom: 0px;
}
.partner-description .info-row
{

}
.text-image td.right{
	vertical-align: middle;
	float: none;
}
.full-height
{
	/*border: 1px solid red;*/
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
}
.partner-url
{
	margin-bottom: 20px;
	display: block;
}

.category-job .entry-content
{

	border-bottom: 2px dotted #ccc;
}

div.clear
{
	clear: both;
}
/* SideBar */

.widget_nav_menu li.menu-item ul.sub-menu {
	display: none;
}

.widget_nav_menu li.current-menu-item ul.sub-menu ,
.widget_nav_menu li.current-menu-ancestor ul.sub-menu {
	display: inherit;
}

.push {
	height: 280px; /* .push must be the same height as .footer */
	/*border: 1px solid red;*/
	clear: both;
}

#wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -280px; /* the bottom margin is the negative value of the footer's height */
	/*border: 1px solid lime;*/
	/*position: relative;*/
}
#footer
{
	height: 280px;
}
.entry-content img
{
	max-width: 100%;
}
#content.jobs-page
{
		width: 790px;
}

.entry-content h3, h3 {
	font-size:24px;
	font-style:normal;
	line-height:26px;
	padding:0px 0 0px 0;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: 'Open sans', 'Open Droid', sans-serif;
}
div.entry-content
{
	padding-top: 0;
	/*padding-bottom: 25px;
	border-bottom: 2px dotted #ccc;*/
	overflow: hidden;
}

.single div.entry-content
{
	padding-bottom: 5px;
	margin-bottom: 40px;
}

.entry-content .more-link, .entry-content .toggleLink
{
	display: block;
	margin-top: 0;
}

.three-column
{
	float: left;
	line-height: 16px;
}

/* Sidebar */

.aside h3
{
	font-size: 16px;
	line-height: 18px;
	color: #00c2f3;
	font-style: normal;
}
.aside, .aside input
{
	font-size: 15px;	
}
h3
{
	margin-bottom: 3px;
}

#primary{
	border: none;
	width:100%;
}

h4
{
	font-size: 18px;
}

h5
{
	font-size: 18px;
	margin-bottom: 10px;
}

#footer h4
{
	border-bottom: 2px dotted #8a8a8a;
	padding-bottom: 8px;
	margin-bottom: 5px;
}

/* Sidebar Styles */
.main-aside
{
	/*width: 240px;*/
}

div.sidebar-image
{
	width: 220px;
	padding-left: 20px;
	margin-top: -60px;
}

.aside ul ul
{
	list-style: none;
	/*list-style-image: url('images/navigation/arrow.png');
		padding: 5px 0 5px 13px;	
	margin: 0px; */
	margin: 0 0 0 0;	
}

.aside ul ul li
{
	padding: 5px 0 5px 13px;	
	background-image: url(images/navigation/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding-left: 20px; 
}
.aside h3
{
	margin: 0 0 5px 0;
	padding-bottom: 5px;
}
.aside li, .aside h3
{
	border-bottom: 2px dotted #a9a9a9;
	margin-left: 3px;

}

.aside a:link {
color:#505151;
}
.aside a:visited {
	color:inherit;
}
.aside a:active,
.aside a:hover {
	color: #01588a;
}
.aside .current_page_item a
{
	color: #01588a;
	font-weight: bold;
}
.aside .children
{
	display: none;
}
li.widgetcontainer 
{
	border: none;
}



/* End sidebar */

/* Footer styles */


#footer a:link
{
	color: #0fa7d3;
}

#like div
{
	/*background: transparent url(images/logos-icons/like-button.png) no-repeat bottom;*/
	width: 39px;
	height: 62px;
	position: absolute;
	left: 10px;
	top: 10px;
}

#like2.over div
{
	background: transparent url(images/logos-icons/like-button-over.png) no-repeat bottom;
}

.fb_edge_widget_with_comment
{
	position: absolute;
	left: 0px;
}
#content
{
 /*border-bottom: 2px dotted #ccc;*/
 /*margin-left: 90px;*/
}
/* News styles */
.news-date
{
	font: 17px 'Trebuchet MS', 'Helvetica','Open Droid','Open sans','Anonymous Pro','Arimo','Open sans',sans-serif;
	height: 85pxdd	width: 113px;
	background: transparent url(images/elements/news-general.png) no-repeat 10px 0px;
	position: absolute;
	margin-left: -144px;
	margin-top: -30px;
	color: #fff;
	padding: 27px 0px 0 1px;
	display: block;
	font-weight: normal;
	text-align: center;
	height:85px;
	width:113px;
}
.mac .news-date
{
	font: 18px 'Gill Sans' ,'Gill Sans MT', helvetica, 'sans-serif';
	padding-top: 27px;	
}
.category-press-release .news-date
{
	background: transparent url(images/elements/news-press-release.png) no-repeat 10px 0px;
}
.category-appello-talks .news-date
{
	background: transparent url(images/elements/news-press-release.png) no-repeat 10px 0px;
}
.news-back-link 
{
	margin-top: -28px;
	position: absolute;
	border-bottom: 2px dotted #ccc;
	background: transparent url(images/logos-icons/link-arrow.gif) no-repeat 0px 3px;	
	padding: 0 15px;
	line-height: 17px;
}
.news-back-link a
{
	color: #01588a;
}


h2.entry-title, h1.entry-title
{
	font-size: 16px;
	color: #00c2f3;
	font-style: normal;
	padding: 0;
	margin: 0;	
	line-height: normal;
	font-weight: normal;
	font-size
}

.entry-title a:active, .entry-title a:hover
{
	color: #01588a;
}

.news-page .post
{
	margin-top: 20px; 
}

.single-post .post
{
	margin-top: 20px; 
}

#content
{
	margin-bottom: 50px;
}
/* Footer styles */

#share-bar
{
	text-align: right;
}
#footer
{
	background: transparent url(images/backgrounds/footer-bg.png);
	border: 0px solid red;
	color: #5a5a5a;
	position: relative;
}

/* Entries */

#content p
{
	margin-left: 0px;
}

#container.start-page
{
	width: 100%;
	margin: 0 auto;
}

#container.start-page #content
{

	color: #5a5a5a;	
	margin: 0 auto;
	padding-bottom: 40px;
}

#content, #primary {
	margin-bottom: 80px !important;
}

/* Navigation styles --------------------------------------------- */ 

/* Outer container */

#access
{
	width: 100%;
	margin: 0 auto;
	border: none;

}
#menu-container
{
	background: transparent url(images/navigation/nav-bg.png) no-repeat;	
	height: 85px;
	padding-top: 20px;
	background-size:100% 100%;
}

.skip-link
{
	display: none;
}


.ddShadow
{
	/*background-image:	url(images/navigation/dropdown-separator.png);
	background-position: 0 0;	
	background-repeat: repeat-x;*/
	/*background-position: 0 top;	*/

}

.dd-level-0
{
	background-image: url(images/navigation/dropdown-item-bg0.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9005;			
	/*border-left: 1px solid #c7f4ff;
	border-r: 1px solid #c7f4ff;	
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;*/

}

.dd-level-1
{
	background-image:	url(images/navigation/dropdown-item-bg1.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9004;			
}
.dd-level-2
{
	background-image:	url(images/navigation/dropdown-item-bg2.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9003;			
}

.dd-level-3
{
	background-image:	url(images/navigation/dropdown-item-bg3.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9002;		
}

.dd-level-4
{
	background-image:	url(images/navigation/dropdown-item-bg4.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9001;	
}

.dd-level-5
{
	background-image:	url(images/navigation/dropdown-item-bg5.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9000;
}

.dd-level-top
{
	z-index: 9020;
}

.dd-level-last
{
	/*background-position: 0 -2px;	*/
}

.noBgImage
{
	background-position: 0 42px;
}




ul.dropdown li:nth-child(3)
{
	background-image: url(images/navigation/dropdown-item-bg0.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9005;
}

ul.dropdown li:nth-child(4)
{
	background-image:	url(images/navigation/dropdown-item-bg1.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9004;			
}
ul.dropdown li:nth-child(5)
{
	background-image:	url(images/navigation/dropdown-item-bg2.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9003;			
}

ul.dropdown li:nth-child(6)
{
	background-image:	url(images/navigation/dropdown-item-bg3.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9002;		
}

ul.dropdown li:nth-child(7)
{
	background-image:	url(images/navigation/dropdown-item-bg4.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9001;	
}

ul.dropdown li:nth-child(8)
{
	background-image:	url(images/navigation/dropdown-item-bg5.png);
	background-position: 0 bottom;	
	background-repeat: no-repeat;
	z-index: 9000;
}

/************************************************************************/
/* share bar */
.share-bar
{
	display: block;
	overflow: hidden;
	padding-bottom: 40px;
	clear: both;
	float: right;
}

.page-template-template-page-jobs-php .share-bar
{
	margin: 0;
	float: left;
	padding-bottom: 30px;	
}

.share-bar  .share-icon
{
	float: left;
	height: 32px;
	width: 72px;
	background-repeat: no-repeat;
	background-position:0 14px ;
	
}

.share-bar .hover
{
	background-position: 0 -18px;
}

.share-bar .linkedin
{
	background-image: url(images/share/share-linkedin.png);
}

.visit-linkedin
{
	background-image: url(images/share/linkedin-static.png);
	width: 39px;
	height: 56px;
	margin-top: 17px;
}
.visit-linkedin
{
	cursor: pointer;
}
.share-bar .facebook
{
	background-image: url(images/share/share-facebook.png);
}

.share-bar .twitter
{
	background-image: url(images/share/share-twitter.png);
}

.share-bar .google-plus
{
	background-image: url(images/share/share-google-plus.png);
}

.share-bar .email
{
	background-image: url(images/share/share-mail.png);
}

.share-bar .share-bubble
{
	display: none;
	margin-top: 35px;
	background: url(images/share/share-bubble.png) no-repeat 0 -24px;
	position: absolute;
	height: 24px;
	padding: 0 0 0 2px;
}

.share-bar .share-bubble span
{
	overflow: hidden;
	background: url(images/share/share-bubble.png) no-repeat right 0;
	height: 24px;
	color: white;
	line-height: 24px;
	white-space: nowrap;	
	display: block;
	padding: 2px 10px 0 7px;
	font-size: 11px;
}

/* Snippets */
.appello-quote
{
	background: #d3d5d5;
	overflow: hidden;
	margin: 20px 0px;
	padding: 60px 18px 40px 45px;
}
.appello-quote p
{
	position: inline;
	font-size: 17px;
	line-height: 20px;
	text-align: center;
	font-style: italic;
	overflow: visible;
}

.appello-quote span.qs
{
	background: url(images/elements/quote.gif) no-repeat top;
	margin-left: -25px;
	margin-top: -5px;
	padding-right: 25px;
	padding-top: 10px;
	position: inline;
	line-height: 20px;
	height: 114px;
	width: 18px;

}
.appello-quote span.qe
{
	background: url(images/elements/quote.gif) no-repeat bottom;
	margin-left: 8px;
	padding: 10px 4px 10px 7px;
	position: inline;
	height: 14px;
	width: 18px;
}

/* Components */
.left
{
	float: left;
}

.right
{
	float: right;
}

.partner-container .outer
{
overflow:hidden;
}
table.fullWidth
{
width: 100%;
}
td.middle
{
	  vertical-align: middle;
}
.partner-logo
{
	overflow: hidden;
}
.image-row, .image-row table, .post-row table
{
	width: 100%;
	border: transparent 0 solid;
	margin: 0;
	padding: 0;
	line-height: inherit;
}

.image-row tr, .image-row th, .post-row td, .post-row th, .post-row tr
{
	border: transparent 0 solid;
	margin: 0;
	padding: 0;	
	vertical-align: top;
}

.image-row td
{
	width: 33%;
	border: transparent 0 solid;
	margin: 0;
	padding: 0;

}

td.right
{
	vertical-align: right;
}
td.left
{
	vertical-align: left;
}

.post-row td.right img
{
	margin-left: 15px;
}
.post-row td.left img
{
	margin-right: 15px;
}

.image-row td.middle
{
	text-align: center; 
}

.quote-text
{
	font-size: 16px;
	line-height: 20px;
	color: #5a5a5a;
	width: 70%;
	margin-bottom: 10px;
}

div.zip-file
{
	background: url(images/logos-icons/download_arrow.png) no-repeat 0 top;
	padding: 0 0 18px 38px;
	line-height: 16px;
}


#mc_embed_signup{
	   background:#fff; 
	   clear:both !important; 
	   font:14px Helvetica,Arial,sans-serif; 
	   width: 400px !important;
	   margin: auto !important;
}
#mc_embed_signup form {
	 text-align:center !important;
	 padding:0px 0px 0px 0px !important;
}

 #mc_embed_signup input#mce-EMAIL {
		margin-bottom: 0px !important;
		width: 300px !important;
		margin: auto !important;
		font-size: 14px !important;
		font-family: 'Open sans', 'Open Droid', sans-serif !important;
 }

 #mc_embed_signup input#mc-embedded-subscribe {
	   margin-top: 0px !important;
	   width: 300px !important;
	   margin: auto !important;
	   font-size: 16px !important;
	   font-family: 'Open sans', 'Open Droid', sans-serif !important;
	   
}

/* New stuff */

.main-menu.row::before, .main-menu.row::after {
	display: none;
}

.top-bar {
	background:none!important;
}

ul.centered {
	
}

#wrapper {
	position:relative;
	max-height
}

#header::before {
	border-radius: 9000px / 400px;
	bottom: 0px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
	left: 0;
	right:0;
	top: 10px;
}

#header::before, #header::after {
	content: "";
	position: absolute;
	z-index: -2;
}

#header {
	/*box-shadow:0 1px 1px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
	border-bottom:1px solid lightgray;
	position: relative;
	max-height:680px;
}

.slidesjs-container {
	width:100%!important;
	height:100%!important;
}

.slidesjs-control {
	width:100%!important;
}

.top-bar {
	z-index: 1200;
}

.entry-content .columns {
	/*padding-top:20px;
	padding-bottom:20px;*/
}

.post-row {
	margin-top:15px;
	margin-bottom:15px;
}

.special-list p {
	font-size: 19px; font-family: 'Open sans', 'Open Droid', sans-serif; font-weight: 300 !important; line-height: 29px;
}

.employee-container .polaroid {
	width:100%;
	left: 0;

}
.employee-container img {
	margin-left:auto;
	margin-right:auto;
	display: block;
	padding-top: 3px;
}

.employee-linkedin {
	width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}
.video-container div{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0; height: 0; overflow: hidden;
}
.video-container div iframe,
.video-container div object,
.video-container div embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry-content .columns {
	margin-top: 30px;
	margin-bottom:30px;
}

.standard-page .separator {
	margin-top:20px;
	margin-bottom:20px;
}

@media only screen and (max-width: 40em) {
	#page-logo {
		width:200px;
		background-size:100%;
	}

	ul.dropdown li:nth-child(n+4) {
		margin-top:0px;
	}
	#footer
	{
		height: auto;
	}

	#footer .columns {
		margin-bottom:30px;
	}
}

@media only screen and (max-width: 58.750em) {
	#menu-container {
		background: transparent url("images/navigation/dropdown-item-bg0.png") no-repeat scroll 0 0 / 100% 100%;
		height: 48px;
		padding-top: 0;
	}

	#page-logo {
		margin-left:auto;
		margin-right:auto;
	}

	#zenbox_tab{
		top:2%!important;
	}

	.top-bar-section ul {
		z-index: 1000;
		position:relative;
	}
	.top-bar-section ul li {
		background: #00c2f3;
	}

	.top-bar-section ul li > a {
		padding-left:20px;
		padding-top:10px;
		padding-bottom:10px;
	}


	.top-bar-section ul li:first-child, ul.dropdown li:first-child
	{
		background-image: url(images/navigation/dropdown-item-bg0.png);
		background-position: 0 bottom;	
		background-repeat: no-repeat;
		z-index: 9005;
	}

	.top-bar-section ul li:nth-child(2), ul.dropdown li:nth-child(2)
	{
		background-image:	url(images/navigation/dropdown-item-bg1.png);
		background-position: 0 bottom;	
		background-repeat: no-repeat;
		z-index: 9004;			
	}
	.top-bar-section ul li:nth-child(3), ul.dropdown li:nth-child(4)
	{
		background-image:	url(images/navigation/dropdown-item-bg2.png);
		background-position: 0 bottom;	
		background-repeat: no-repeat;
		z-index: 9003;			
	}

	.top-bar-section ul li:nth-child(4), ul.dropdown li:nth-child(5)
	{
		background-image:	url(images/navigation/dropdown-item-bg3.png);
		background-position: 0 bottom;	
		background-repeat: no-repeat;
		z-index: 9002;		
	}

	.top-bar-section ul li:nth-child(5), ul.dropdown li:nth-child(6)
	{
		background-image:	url(images/navigation/dropdown-item-bg4.png);
		background-position: 0 bottom;	
		background-repeat: no-repeat;
		z-index: 9001;	
	}

	.top-bar-section ul li:nth-child(6), ul.dropdown li:nth-child(7)
	{
		background-image:	url(images/navigation/dropdown-item-bg5.png);
		background-position: 0 bottom;	
		background-repeat: no-repeat;
		z-index: 9000;	
	}

	.top-bar-section ul li:nth-child(7), ul.dropdown li:nth-child(8)
	{
		background-image:	url(images/navigation/dropdown-item-bg6.png);
		background-position: 0 bottom;	
		background-repeat: no-repeat;
		z-index: 8999;	
	}

	ul.main-menu > li.current_page_ancestor > a, ul.main-menu > li.current_page_item > a {
		font-weight:bold;
	}

	ul.dropdown li.current_page_item a{
		font-weight:bold;
	}

	.employee-container .employee-linkedin a {
		left:50%;
		padding-left:143px;
	}

	.news-date {
		display: none;
	}

	.standard-page {
		padding-left:15px;
		padding-right:15px;
	}

	.entry-content .columns {
		margin-top: 15px;
		margin-bottom:15px;
	}

	#zenbox_container {
		width:100%!important;

	}

	iframe#zenbox_body {
		width:100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	iframe#zenbox_body body.no_knowledge_base {
		min-width:100px;
	}

}

@media only screen and (min-width: 58.751em) {
	/* IE bugfix for menu */
	.parent-link {
		display:none;
	}

	#menu-container {
		margin-bottom:40px;
	}

	#banner-container {
		margin-top:-40px;
	}

	nav.top-bar {
		text-align:center;
	}
	section.top-bar-section {
		display: inline-block;
	}

	.main-menu {
		font-family: 'Open sans', Helvetica, Arial;
		display: inline-block;
		/*float: right;*/
		margin: 0 auto;
		position: relative;
		font-size: 15px;
		z-index: 100;
	}

	.ie6 .main-menu {
		margin-bottom: -1px;
	}
	/*.windows */
	.main-menu a{
		padding: 9px 25px 10px 25px;
		text-decoration:none;
		white-space: nowrap;
	}
	.main-menu a, .main-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			#fff;
	}
	.main-menu li, .main-menu li li, .main-menu li li li,
	.main-menu li:hover, .main-menu li li:hover, .main-menu li li li:hover,
	.main-menu ul, .main-menu ul a, .main-menu ul:hover, .main-menu ul a:hover,
	.main-menu a, .main-menu a:hover,
	.main-menu li.sfHover,
	.main-menu a:focus, .main-menu a:active
	{
		color: white;
		border: none;
	}

	/*Dropdown*/
	.main-menu ul {
		position:absolute;
	}

	.main-menu li:hover ul
	{
		top:42px; /* overriding essential styles */		
	}
	.main-menu ul ul {
		margin-top:0px;
	}
	.main-menu ul a {
		border:none;
	}

	.main-menu a, .main-menu {
		font-size: 15px;
		color: #fff;	
		border: none;
	}

	.main-menu .drop-down li
	{
		/*overflow: visible !important;*/
	}
	.main-menu .drop-down a
	{
		background: url(http://appello.se/wp-content/themes/appelloonline/images/shadow/right.png) right 0px repeat-y;
		left: 1px;
	}
	.main-menu .drop-down
	{

	}

	li.current_page_item ul a, .page .main-menu li.current_page_item ul a {
		color: #fff;
		font-weight: normal;
	}

	/* Menu Bar */
	ul.main-menu > li.current_page_ancestor > a, ul.main-menu > li.current_page_item > a
	{
		font-weight: bold;
		color: #01588a;
	}
	/* SuckerFish Menu */

	/* MENY TOP ITEMS START */
	.main-menu > .menu-item:hover, .main-menu > .menu-item:hover > a
	{
		background-image: url(images/navigation/dropdown3.png);
		background-color: transparent;
		background-repeat: repeat-x;
		z-index: 0;		
	}

	.main-menu > .menu-item:hover
	{
		height: 51px;
		top: -5px;	
	}

	.main-menu .menu-item,.main-menu .menu-item:hover
	{
		padding-left: 20px;
		padding-right: 0px;		
	}

	.main-menu .has-dropdown
	{
		padding-left: 20px;
		padding-right: 0px;		
	}

	.main-menu .has-dropdown ul.dropdown {
		
	}

	.main-menu .has-dropdown ul.dropdown li
	{
		padding-left: 20px;
		padding-right: 0px;
		width: 156px;
		
	}

	.main-menu .has-dropdown ul.dropdown li
	{

	}

	.main-menu .menu-item > a, .main-menu .menu-item > a:hover
	{
		padding-left: 0px;
		padding-right: 20px;		

	/*padding: 9px 25px 10px 16px !important;*/
	}

	.main-menu .has-dropdown > a, .main-menu .has-dropdown > a:hover
	{
	/*padding: 9px 25px 10px 11px !important;*/
		padding-left: 0px;
		padding-right: 20px;
	}

	.main-menu > .menu-item:hover
	{
		background-position: 0px -102px;
	}
	.main-menu .has-dropdown:hover
	{
		background-position: 0px 0px;
	}


	.main-menu > .menu-item:hover > a
	{
		background-position: right -158px;	
		height: 31px;
	}

	.main-menu .has-dropdown:hover > a
	{
		background-position: right -51px;
		/*height: 30px;*/
	}

	.main-menu .dropdown > .menu-item:hover {
		padding-left:23px;
		padding-top:3px;
		padding-bottom:3px;
		padding-right:3px;
		top:-2px;
		left:-3px;
		z-index:99999;
		display: list-item;
		overflow:hidden;
		margin-bottom:-2px;
	}

	/* MENY TOP ITEMS END */

	ul.main-menu li ul li
	{
		width: auto;
		height: 35px;
		/*overflow: visible;
		position: absolute;*/
		
	}

	ul.main-menu li ul li:hover a
	{
		left: 4px;
		height: 19px;
		top: -2px;
		padding-top: 10px;
		/*font-size: 17px;*/
	}

	ul.main-menu li ul
	{
		background-image: url(images/shadow/testv.png);
		background-position: right 0;	
		background-repeat: no-repeat;
		/*width: 100%;
		border: 3px solid pink;
		clear: both;*/

	}

	ul.main-menu li > ul
	{
		margin-top: 0px;
		width: auto;
		overflow: visible;
	}

	ul.main-menu li.menu-item.sfHover > ul, .menu-item.sfHover > ul.dropdown
	{
		margin-top: 8px;
	}

	.menu-item > ul.dropdown
	{
		/*overflow: hidden;*/
		margin-top:0px;
		text-align: left;
		min-width: 140%;
		padding-left: 0px;
		margin-left: 0px;
		left: 0;
	}

	.menu-item > ul.dropdown li
	{
	}

	/* Fix conflict with foundation */
	.main-menu li  {
		box-sizing: content-box;
	}

	ul.dropdown li:nth-child(n+4) {
		margin-top:-7px;
	}


}