/*

*******************************************************************************

Theme Name: The Look London
Theme URI: http://neoco.com/
Author: Neoco
Version: 1.0

*******************************************************************************

(c) NEOCO
filename: style.css
purpose:  default styles for thelooklondon.com

*******************************************************************************

$Revision: 1 $
$Date: 4 April 2011 $
$LastChangedBy: bensutcliffe $
*/

/* ------------------------------------------------------- */
/* CONTENTS
--------------------
	1. MAIN STYLES / font-face
	2. LAYOUT
	3. MODALS
*/

/* ---------------------------------------------------------- 
	1. MAIN STYLES 
-----------------------------------------------------------*/

*, html {
	margin:0;
	padding:0;
}
.img-responsive {
  display: block;
  max-width: 100%; 
  height: auto;   
}
.mgpad {
	padding:15px;
	color:#cccccc;
}
@media screen and (min-width: 610px) {
 .visible-xs {
      display: none;
  }
.hidden-xs {
      display: block;
  }
}
@media screen and (max-width: 600px) {
  .visible-xs {
      display: block;
  }
	.hidden-xs {
      display: none;
  }
}

html, body {
	height:100%;
}
.mgtop {
    width: 980px;
   
    height: auto !important;
   border-top:solid 1px #5B0608;
    margin: 0 auto;
    position: relative;
   
}

body {
	font:15px Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	
	background:#141414;
	
}

@font-face {
    font-family: 'DINSchriftRegular';
    src: url('font/dinengschrift-webfont.eot');
    src: url('font/dinengschrift-webfont.eot?iefix') format('eot'),
         url('font/dinengschrift-webfont.woff') format('woff'),
         url('font/dinengschrift-webfont.ttf') format('truetype'),
         url('font/dinengschrift-webfont.svg#webfont4D1PVO0t') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN';
    src: url('font/DIN-Light.woff2') format('woff2'),
        url('font/DIN-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

.nav-menu li {
  font-family: 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	
	
}
a {
	color:#E30329;
	text-decoration:none;
}

a:hover {
	color:#F5F5F5;
}

.red {
	color:#E30329;
}

h1, h2, h3, h4 { text-transform:uppercase; }

h1 {
	font: 65px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:67px;
}

h2 {
	font: 55px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:57px;
}

h3 {
	font: 25px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:27px;
}

h2 span, h3 span {
	color:#E30329;
}

h4 {
	font: 25px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:25px;
	color:#E30329;
	padding:0 0 5px 0;
}

img {
	border:none;
}

.clear {
	clear:both;
}

.spacer {
	height:10px;
	width:100%;
}
.spacer20 {
	height:20px;
	width:100%;
}
.spacer50 {
	height:50px;
	width:100%:
}

p {
	font-size: 15px;
}

/* ---------------------------------------------------------- 
	2. LAYOUT 
-----------------------------------------------------------*/

#wrapper {
	width:980px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -230px;
	position:relative;
	
	line-height: 1.4;
}

/* -- HEADER -- */

#logo {
	width:390px;
	height:190px;
	background:url(images/logo.png);
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-9999px;
	z-index:950;
}

#navbar {
	position:relative;
	height:130px;
	margin-bottom:20px;
}
	
#telprompt {
	position:relative;
	float:right;
	font:22px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
#telprompt span {
	font-size:36px;
	margin-left:20px;
	display:inline-block;
	padding:15px 0 0 20px;
	border-left:solid 1px #898180;
}

ul#nav {
	list-style:none;
	position:absolute;
	bottom:20px;
	right:0px;
	height:40px;
}

ul#nav li {
	display:inline;
	margin-left:20px;
	font-size:16px;
	text-transform:uppercase;
	height:22px;
}

ul#nav li a {
	display:inline-block;
	text-indent:-9999px;
	background:url(images/menu.png) no-repeat;
	height:22px;
	width:60px;
	overflow: hidden;
	margin: 30px 0;
}
/* 
ul#nav li a#home { background-position:0px 0px; width:58px; }
ul#nav li a#home:hover, ul#nav li a#home.active { background-position:0px -22px; }
ul#nav li a#work { background-position:-62px 0px; width:58px; }
ul#nav li a#work:hover, ul#nav li a#work.active { background-position:-62px -22px; }
ul#nav li a#clients { background-position:-128px 0px; width:70px; }
ul#nav li a#clients:hover, ul#nav li a#clients.active { background-position: -128px -22px; }
ul#nav li a#about { background-position:-201px 0px; width:65px; }
ul#nav li a#about:hover, ul#nav li a#about.active { background-position:-201px -22px; }
ul#nav li a#contact { background-position:-271px 0px; width:85px; }
ul#nav li a#contact:hover, ul#nav li a#contact.active { background-position:-271px -22px; }

ul#nav li a#service { background-position:-360px 0px; width:80px; }
ul#nav li a#service:hover, ul#nav li a#service.active { background-position:-360px -22px; }

-- CONTENT -- */

/* --- homepage --- */

/*#homeposterphoto {
	width:980px;
	height:560px;
	overflow:hidden;
	border-bottom:solid 1px #5B0608;
}*/
.home-page-banner > div  div.homeposteritem {
	display:none;
/*	position:relative;*/
}
.home-page-banner > div div.homeposteritem.active {
	display:block;
}
/*#homeposterphoto div img {
	position:absolute;
	top:0px;
	left:0px;
}*/

.home-page-banner > div div.homeposteritem.active img {
	opacity: 0.8;
}
.home-page-banner > div div.posterimage-text {
	position:absolute;
	/*top:120px;*/
	bottom: 5px;
	left:0px;
	width: 100%;
/*	height: 340px;*/
/*	background:transparent url(images/transparent-50.png);*/
	display:block;
}
.home-page-banner > div div.posterimage-left {
	/*font:18px 'DINSchriftRegular', Helvetica, Arial, sans-serif;*/
	/*float:left;
	padding: 25px;*/
	padding: 25px 0 5px;
	margin: 0 0.9em;
/*	width:65px;
border-bottom:solid 1px #898180;*/	
	font: normal 2.4em/1.2 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
.home-page-banner > div div.posterimage-right {
	/*border-left:solid 1px #898180;*/
/*	float:left;*/
	padding:15px 20px 0;
}
.home-page-banner > div div.posterimage-text a h2 {
	/*font:74px 'DINSchriftRegular', Helvetica, Arial, sans-serif;*/
	font: normal 4.6em/1 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
/*	line-height:76px;*/
	padding:0px;
	margin:0px;
}
.home-page-banner > div div.posterimage-text a h2 span {
	/*color:#E30329;
	padding-right:30px;
	background:url(images/posterimage-arrow-sm.png) right center no-repeat;
	*/
}
.home-page-banner > div div.posterimage-text p {
	padding:10px 0;
	max-width: 400px;
	font: normal 1.3em/1.4 Helvetica, Arial, sans-serif;
}
ul.postercontrol {
	list-style:none;
}
ul.postercontrol li {
	width:204px;
	padding:20px;
	height:200px;
	display:inline-block;
	float:left;
	background:#000000;
	border-left:solid 1px #5B0608;
}
ul.postercontrol li.active, ul.postercontrol li:hover {
	background: transparent url(images/posterimage-li.png) bottom repeat-x;
}
ul.postercontrol li.first {
	border-left:none;
	width:203px;
}
ul.postercontrol li h2 {
	padding-top:5px;
	font:28px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	line-height:30px;
	font-weight:normal;
	opacity:0.6;
}
ul.postercontrol li.active h2 {
	opacity:1.0;
	font-weight:normal;
}








ul.postercontrol1 {
	list-style:none;
}
ul.postercontrol1 li {
	width:203px;
	padding:20px;
	height:200px;
	display:inline-block;
	float:left;
	background:#000000;
	border-left:solid 1px #5B0608;
}
ul.postercontrol1 li.active, ul.postercontrol1 li:hover {
	
}
.bright1 {
border-right:solid 1px #5B0608;
}
ul.postercontrol1 li.first {
	border-left:none;
	width:203px;
}
ul.postercontrol1 li h2 {
	padding-top:5px;
	font:28px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	line-height:30px;
	font-weight:normal;
	opacity:0.6;
}
ul.postercontrol1 li.active h2 {
	opacity:1.0;
	font-weight:normal;
}
















#homeblurb {
	background:url(images/transparent-50.png);
	margin:50px 0;
	float:left;
	overflow:hidden;
}
#homeblurb #blurb-label {
	padding:25px 20px;
	font:18px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	float:left;
	max-width:50px;
}
#homeblurb #blurb-heading {
	border-left:solid 1px #898180;
	float:left;
	padding:20px;
	width:350px;
	height:100%;
	margin-bottom: -2000px; padding-bottom: 2020px;
}
#homeblurb #blurb-heading h2 {
	font:55px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	line-height:55px;
	text-transform:uppercase;
	font-weight:normal;
}
#homeblurb #blurb-text {
	float:left;
	width:450px;
	border-left:solid 1px #898180;
	padding:20px;
	font-size:15px;
	margin-bottom: -2000px; padding-bottom: 2020px;
}

/* --- title item --- */

.title {
	background:transparent url(images/transparent-50.png);
	width:100%;
	height:170px;
}
.title .label {
	font:18px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	width:50px;
	padding:20px;
	float:left;
	text-align:center;
}
.title .heading {
	float:left;
	border-left:solid 1px #898180;
	width:700px;
	height:170px;
}
.title .heading h2 {
	font:50px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	line-height:50px;
	padding:20px;
}

/* --- submenu --- */

/*.submenu {
	background:transparent url(images/transparent-50.png);
	width:100%;
	height:95px;
}
.submenu .submenu-left {
	font:24px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	height:78px;
	width:90px;
	float:left;
	position:relative;
}
.submenu .submenu-left .label {
	position:absolute;
	bottom:15px;
	left:20px;
	color:#E30329;
}
.submenu .submenu-right {
	float:left;
	position:relative;
	height:78px;
	border-left:solid 1px #898180;
	padding-left:30px;
	width:850px;
}
.submenu h2 {
	font:50px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	line-height:50px;
	padding-top:20px;
}
.submenu ul {
	position:absolute;
	bottom:15px;
	list-style:none;
}
.submenu ul li {
	float:left;
	font:24px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin-right:20px;
}
.submenu ul li a {
	color:#626262;
	font-weight:normal;
}
.submenu ul li a:hover, .submenu li.current-cat a, .submenu li.current_page_item a {
	color:#FFFFFF;
}*/

/* --- archive pages --- */

#posts {
	background:transparent url(images/transparent-50.png);
	margin:30px 0;
	overflow: hidden;
}
#posts .post {
	float:left;
	padding:20px;
}
#posts .post h3 {
	padding-top:10px;
	max-width:200px;
}
#posts .post a h3 {
	color:#ffffff;
}
#posts .post a h3 span {
	color:#E30329;
	padding-right:15px;
	background: url(images/archivepost-arrow.png) no-repeat center right;
}

/* --- work post entry page --- */

#post-page {
	background:transparent url(images/transparent-50.png);
}
#post-video {
	width:980px;
	height:570px;
	background:#000000;
	position:relative;
}
#post-video #post-video-poster {
	position:absolute;
	width:980px;
	height:570px;
	top:0px;
	left:0px;
	z-index:600;
}
#post-video #post-video-poster img {
	position:absolute;
	top:0px;
	left:0px;
}
#post-video #post-video-poster #poster-blurb {
	position:absolute;
	top:180px;
	left:0px;
	background:transparent url(images/transparent-50.png);
	min-width:410px;
	min-height:170px;
}
#post-video #post-video-poster #poster-blurb #poster-label {
	float:left;
	padding:20px;
	font:18px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
#post-video #post-video-poster #poster-blurb #poster-title {
	float:left;
	padding:20px;
	border-left:solid 1px #898180;
	text-transform:uppercase;
	font:55px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	line-height:55px;
}
#post-video #post-video-poster #poster-blurb #poster-title a {
	color:#FFFFFF;
}
#post-video #post-video-poster #poster-blurb #poster-title span.red {
	padding-right:30px;
	background:url(images/posterimageblurb-arrow.png) no-repeat center right;
}
#post-video #video-holder {
	position:absolute;
	width:980px;
	height:570px;
	top:0px;
	left:0px;
	z-index:400;
	visibility:hidden;
}
#post-video #video-holder iframe {
	z-index:300;
}
#post-nav {
	width:100%;
	padding:20px 0;
}
a#post-backbtn {
	float:left;
	font:18px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	padding-left:20px;
	background:url(images/singlepost-backarrows.png) no-repeat center left;
	background-position:0px 0px;
}
a#post-backbtn:hover {
	background-position:0px -20px;
}
#post-social {
	float:right;
}
#post-social div {
	width:110px;
	float:left;
}
#post-info {
	margin:10px 0 30px 0;
	overflow:hidden;
}
#post-label {
	font:18px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	width:70px;
	float:left;
}
#post-credits {
	float:left;
	width:350px;
	padding:0 30px;
	border-left:solid 1px #898180;
	margin-bottom: -2000px; padding-bottom: 2020px;
}
#post-credits td {
	font:15px Helvetica, Arial, sans-serif;
	padding-bottom:3px;
}
#post-credits td.job {
	text-transform:uppercase;
}
#post-blurb {
	float:left;
	width:450px;
	padding:0 0 0 30px;
	border-left:solid 1px #898180;
	margin-bottom: -2000px; padding-bottom: 2020px;
}

.page-nav {
	float:right;
	padding:20px 20px 0 0;
}
.page-nav .page-nav-dir {
	padding:0 0 0 5px;
}
.page-nav a.num, .page-nav span.num {
	padding:3px 7px;
	border-right:solid 1px #898180;
	color:#ffffff;
	font:17px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#898180;
}
.page-nav a.num:hover {
	color:#E30329;
}
.page-nav span.num {
	color:#ffffff;
}
.page-nav .arrow {
	height:12px;
	width:12px;
	text-indent:-9999px;
	background:url(images/postpagenav-dirarrows.png) center no-repeat;
	display:inline-block;
	border-right:none;
}
.page-nav .arrow.prev { background-position:0px 0px; }
.page-nav .arrow.next { background-position:-13px 0px; }
.page-nav a.arrow.prev:hover { background-position:0px -18px; }
.page-nav a.arrow.next:hover { background-position:-13px -18px; }
	

/* --- clients page (also generic page content) --- */

#clients-container, #pagecontent {
	margin:30px 0;
	background:transparent url(images/transparent-50.png);
	width:100%;
}
#clients-container .client {
	margin:40px;
	float:left;
}

/* --- about pages --- */

/* ---- profiles page ---- */

#profiles {
	background:transparent url(images/transparent-50.png);
	margin:30px 0;
}
#profiles ul {
	list-style:none;
	overflow:hidden;
}
#profiles ul li {
	float:left;
	width:244px;
	border-left:solid 1px #5B0608;
	margin-bottom: -2000px; padding-bottom: 2000px;
}
#profiles ul li#person1 {
*/
	border-left:none;
*/
}
#profiles ul li .image {
	height:340px;
	position:relative;
}
#profiles ul li .image img {
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
}
#profiles ul li .image .name {
	background:url(images/profilesimage-shadow.png) left bottom no-repeat;
	position:absolute;
	bottom:0px;
	height:135px;
	width:244px;
	z-index:1000;
	padding:20px;
	font:28px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	line-height:28px;
	text-transform:uppercase;
}
#profiles ul li .image .name div {
	position:absolute;
	bottom:20px;
}
#profiles ul li .image .name .position {
	color:#E30329;
}
#profiles ul li .contact {
	padding:20px;
}
#profiles ul li .contact p {
	padding-bottom:10px;
	font-size:12px;
}
#profiles ul li .contact p.tel {
	font:24px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
}
#profiles ul li .contact p strong {
	font:16px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
}
#profiles ul li .bio {
	padding:0 20px 20px 20px;
	font-size:12px;
}

/* ---- references page ---- */

#references {
	margin:30px 0;
	
	background:transparent url(images/transparent-50.png);
	
}
#references td {
	border-top:solid 1px #5B0608;
}
#references td#topleft, #references td#topright {
	border-top:none;
}
#references td.left {
	border-right:solid 1px #5B0608;
}
#references p.quote {
	padding:20px;
	color:#CCCCCC;
}
#references p.quote span.start {
	background:url(images/referencesquote-open.png) no-repeat left top;
	width:20px;
	height:12px;
	display:inline-block;
	text-indent:-9999px;
}
#references p.quote span.end {
	background:url(images/referencesquote-close.png) no-repeat right top;
	width:20px;
	height:12px;
	display:inline-block;
	text-indent:-9999px;
}
#references p.attribute {
	font:24px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	line-height:24px;
	padding:5px 20px 20px 20px;
}

/* ---- facilities page ---- */

#facilities {
	margin:30px 0;
	overflow:hidden;
	background:transparent url(images/transparent-50.png);
}
#facilities .label {
	padding:20px;
	width:50px;
	font:18px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	line-height:18px;
	float:left;
}
#facilities .left {
	width:350px;
	border-left:solid 1px #898180;
	float:left;
	line-height:140%;
	margin-bottom: -2000px; padding-bottom: 2020px;
}
#facilities .left p {
	padding:20px 30px;
	font:30px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	line-height:30px;
}
#facilities .right {
	float:left;
	width:530px;
	margin-top:20px;
	border-left:solid 1px #898180;
	margin-bottom: -2000px; padding-bottom: 2020px;
}
#facilities .right p {
	padding:0 30px 20px;
}
ol {
	padding:20px 30px 10px;
	list-style-position:inside;
}
ol li {
	padding:0 0 10px 0;
}

/* ---- history page ---- */

#history {
	margin:30px 0;
	background:transparent url(images/transparent-50.png);
	overflow:hidden;
}
#history #left_col, #history #right_col {
	float:left;
	width:490px;
	margin-bottom: -2000px;
	padding-bottom: 2020px;
}
#history #left_col {
	border-right:solid 1px #5B0608;
}
#history #right_col {
	width:488px;
}
#history h3 {
	padding-top:10px;
}
#history .col_content {
	padding:10px 20px;
}
#history p {
	padding:10px 0;
	font-size:15px;
}

/* --- Contact page --- */

#contact-container {
	margin:20px 0;
	background:transparent url(images/transparent-50.png);
}
#contact-container table {
	padding:0;
	font-size:16px;
}
#contact-container table td {
	vertical-align:top;
	padding:10px 20px;
	border-right:solid 1px #898180;
}
#contact-container table td.last {
	border-right:none;
}
#contact-container table tr#top td {
	padding-top:20px;
}
#contact-container table h5 {
	font: 18px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	padding-right:15px;
}
#contact-container address {
	font-style:normal;
	line-height:120%;
}
#contact-container address #locator {
	font: 36px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:36px;
	text-transform:uppercase;
}
#contact-container address .red {
	margin-bottom:5px;
	display:inline-block;
}
#contact-container #phone {
	font: 36px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
}
#contact-container #googleMap {
	width:460px;
	height:290px;
	margin:0 0 10px 0;
	padding:0;
	background:url('images/maploading-bg.jpg') no-repeat;
}

/* -- FOOTER -- */

#footer, .sticky {
	height:230px;
	z-index:500;
	position:relative;
}
#footer {
	font-size:15px;
	
	z-index:2000;
}
#footer ul#columns {
	margin:0 auto;
	width:980px;
	list-style:none;
	overflow: hidden;
	padding-bottom: 15px;
}
#footer ul#columns li {
	float:left;
	width:245px;
}
#footer h2 {
	font:18px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin:40px 0 20px 0;
}
#footer address {
	font-style:normal;
}
#footer ul#columns li ul {
	list-style:none;
}
#footer ul li#telcell ul li {
	vertical-align:middle;
	margin-bottom:-3px;
	display:table-cell;
}
#footer ul li#telcell ul li span.label {
	display:inline-block;
	font:16px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	width:50px;
	padding-bottom:5px;
}
#footer ul li#telcell ul li span.tel, #footer ul li#telcell ul li a {
	border-left:solid 1px #898180;
	padding:5px 0 5px 20px;
}
#footer ul li#telcell ul li span.tel {
	font:24px 'DINSchriftRegular', Helvetica, Arial, sans-serif;
}

#footer ul li#lexhag {
	padding: 40px 0 20px 0;
}
#footer ul li#lexhag a {
	display: inline-block;
	text-align: center;
}
#footer ul li#lexhag img {
	margin: 15px 30px 0;
}

#footer ul li#mapcell {
	width:230px;
	padding-left:15px;
}
#footer ul li#socialcell ul li {
	padding:5px 0;
}
#footer ul li#socialcell ul li a {
	padding: 3px 0 3px 0px;
	color:#E30329 !important;
}