/*! Additional styles for the site */

/**
 These styles have been added specifically for this site.
 */

body {
	background-image:url("../img/top-bg.png");
	background-repeat:repeat-x;
	background-position:top;
	margin-top:40px;
}

.topmenu {
	display:block;
	margin:25px 0 0 0 !important;
}


.homehead h2, .homehead h3, .homehead h4 {
	margin-top: 0;
  line-height: normal;
}

.homehead h2, .homehead h3 {
  margin-bottom: 0;
}


.homeintro {
	text-align:center;
}

.homepage-slider li {
	max-height:548px;
	overflow:hidden;
}

.right-with-margin {
	margin:0 0 20px 50px;
	float: right !important;
}

.left-with-margin {
	margin:0 50px 20px 0;
	float: left !important;
}

.smalltext {
	font-size:0.8em;
}

.twolines {
	height:82px;
	display:block;
	overflow:hidden;
}

ul.contactform { display: block; margin: 0 0 20px; padding: 0; list-style:none;}
ul.contactform.contained { padding: 0; }
ul.contactform.contained > li { border: solid 0 #e6e6e6; border-width: 1px; padding: 20px; }
ul.contactform.contained.vertical > li { border-width: 1px 1px 1px 1px; }

.clearing-thumbs a {
	display:block;
}

.clearing-thumbs a:hover {
	    box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
		opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.reveal-modal-bg{position:fixed;}

.filmtitle {
	margin:0 0 20px 0;
	text-align:center;
}

.imdb-button {
	display:block;
	height:56px;
	width:114px;
	margin:0 auto;
}

.imdb-button a:link {
	background:url(../img/btn-IMDB.png) no-repeat left top;
	height:56px;
	width:114px;
	display:block;
}

.imdb-button a:hover {
	background:url(../img/btn-IMDB.png) no-repeat left -56px;
	height:56px;
	width:114px;
	display:block;
}

.linkedin-button {
	display:block;
	height:41px;
	width:160px;
	margin:0 auto;
}

.linkedin-button a:link {
	background:url(../img/btn-LinkedIn.png) no-repeat left top;
	height:41px;
	width:160px;
	display:block;
}

.linkedin-button a:hover {
	background:url(../img/btn-LinkedIn.png) no-repeat left -41px;
	height:41px;
	width:160px;
	display:block;
}

/* Footer
   ========================================================================== */

.footer-text {
	font-size:0.8em;
}

/* Mobile-size
   ========================================================================== */

@media screen and (max-width: 767px) {

.profilepic {
	width: 50%;
}

#submenu {
height: auto;
}

#submenu li {
	float:none;
	display:block;
	background-color:#6b6b6b;
	border-bottom:1px solid #818181;
	border-right:none;
	padding-left:1em;
	padding-bottom:0;
	padding-top:0;
	line-height:1.3em;
}
#submenu li:before {
	content:"> ";
	color:white
}
#submenu li a{
	color:#dbdbdb;
	text-shadow:0 -1px #a3132d
}
#submenu li a:hover, #submenu li a.active {
	text-decoration:underline;
	color:white;
	background-color:#666;
}
}

@media screen and (max-width: 480px) {

.profilepic {
	width: 100%;
}
}