@charset "UTF-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,hr small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,textarea, input { border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; margin:0; padding:0;text-decoration:none; font-weight:normal; }  ol,ul { list-style:none; }  table { border-collapse:collapse; border-spacing:0; }  hr { display:block; height:1px; border-top:1px solid #ccc; margin:1em 0; }  input,textarea,select { vertical-align:middle; }  article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

/* COLOURS

petrol blue links and buttons #0f425a; 
#XXXXXX:  

*/

body {
	font: 72.5% Open Sans;
	color: #333;
	-webkit-text-size-adjust: 100%;
	line-height:1.7;
}

/********** LAYOUT ***********/

header {
	background: #D9D9D9;
	height:160px;
	margin-bottom:30px;
}

.container {
	width:1050px;
	margin:0 auto;
	position:relative;
}

/********** COLUMNS ***********/

.col {
	float:left;
	margin-right:3.33%;
	position:relative;
}

.col img {
	max-width:100%;
}

.col.half { width:48.3%; }
.col.quarter { width:22.5%; }
.col.third { width:31.1%; }
.col.eigth { width:9.58%; }

.col.quarter.three { width:74.16%; }
.col.eigth.three { width:35.4%; }
.col.third.two { width:65.5%; }

.col.fifth { width:17.3%; }
.col.sixth { width:13.8%; }
.col.sixth.two { width:30.93%; }
.col.sixth.four { width:65.19%; }

.col.last {
	margin-right:0 !important;
}

.shaded {
	background:#ffffff;
	background:rgba(255,255,255,.8);
	padding:20px 20px 5px 20px;
}

/********** CORE ***********/

h1, h2, h3 {
	margin-bottom:15px;
	padding:0;
}

h1 {
	font-size:20px;
	line-height:1.5;
}

h1 .grey {
	color:#999999;
}

h2 {
	font-size:20px;
	line-height:1.5;
	color: #0f425a;
}

h3 {
	font-size:16px;
	line-height:1.5;
	color: #0f425a;
}

p, li {
	font-size:13px;
}

p, ul {
	margin-bottom:15px;
}

time {
	margin: -12px 0 15px 0;
	font-size:14px;
	line-height:1.6;
	color:#999999;
	display:block;
}

li {
	margin-bottom:8px;
}

a, a:Visited {
	color:#0f425a;
}

a.button {
	color:#FFFFFF;
	background:#0f425a;
	display:inline-block;
	font-size:13px;
	text-transform:uppercase;
	border-radius:4px;
	padding:6px 14px;
	font-family:Arial, Helvetica, sans-serif;
}

a.button:Hover {
	opacity:0.8;
}

/********** BLOG ***********/

article.blog {
	padding:15px 0;
	border-bottom:1px solid #e7e7e8;
}

article.blog.hr {
	border-top:1px solid #e7e7e8;
}

article.blog img {
    margin: 0;
    padding: 10px 0;
    max-width: 100%;
}

img.right {
    float: right;
    margin: 0 0 20px 20px;
    padding: 0;
	width:300px;
}

article.blog img.thumb {
	width:100px;
	height:100px;
    float: right;
    margin: 0 0 0 20px;
    padding: 0;
}

/********** HEADER ***********/

.logo {
	display:block;
	margin:0 auto;
	padding:41px 0 0 0;
	font-family: 'Courier New', Courier, monospace;
	line-height: 1;
	text-align: center;
	font-size: 42px;
	color: #000000;
}
a.logo {
	color: #000000;
}

.strap {
	font-family: 'Courier New', Courier, monospace;
	text-align:center;
	margin:2px auto 0 auto;
	display: block;
	font-size:16px;
	color:#333;
}

.nav {
	text-align:center;
	margin:15px 0 0 0;
}

.nav li {
	display:inline-block;
}

.nav li a, .nav li a:Visited {
	font-size:14px;
	color: #000000;
	padding:5px 20px;
	font-family: 'Courier New', Courier, monospace;
}

.menu-btn {
	display:none;
	position: absolute;
	right: 10px;
	top: 10px;
}

.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn span {
	display: block;
	width: 25px;
	height: 3px;
	margin: 5px 0;
	background: #0f425a;
	z-index: 99;
}

.responsive-menu {
	display: none;
	margin-top:-34px;
}

.responsive-menu li {
	margin:0;
	display:block;
	border-bottom:3px solid #FFFFFF;
}

.responsive-menu li a, .responsive-menu li a:Visited {
	background:#0f425a;
	color:#FFFFFF;
	display:block;
	padding:9px 10px;
	font-size:14px;
}

.expand {
	display: block !important; 
}

/********** GALLERY ***********/

.gallery-item {
	margin-bottom:25px;
}

.gallery-item img {
	position:relative;
	z-index:1;
}

.slide-caption {
	display:none;
	position:absolute;
	background:rgba(255,255,255,.7);
	width:100%;
	height:100%;
	z-index:2;
	bottom:0;
	right:0;
	line-height:1.3;
}

.slide-caption span {
	padding:10px 10px 0 10px;
	display:block;
	font-size:13px;
}

/********** FOOTER ***********/

footer {
	background: #D9D9D9;
	padding:20px;
}

footer span {
	font-size:14px;
	padding: 0 20px 0 0;
	font-family: 'Courier New', Courier, monospace;
}

footer span.insta {
	position: relative;
}

footer span.insta img {
	position: absolute;
	top:-8px;
}

footer span, footer span a {
	color:#000000;
}

footer span.last {
	float:right;
	padding:0;
}



/********** BOOKS PAGE ***********/

.books .books img {
	margin-bottom:20px;
}

/********** HOME PAGE ***********/

.client-logos {
	margin:30px 0 50px 0 !important;
}

.client-logos li {
	display:inline-block;
}

.client-logos img {
	opacity:0.3;
}

.homestrip {
	margin:40px 0 30px 0;
	padding:30px 0;
	background-position:0 0;
	background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.home .homestrip {
	margin-top:60px;
}

.home h1 {
	text-align:center;
	margin:50px 0 40px 0;
	color:#666666;
}

.home .caption {
	color: #999;
	margin:10px 0 40px 0;
	text-align:center;
}

.homebooks {
	margin:0 -15px 0 0;
}

.homebooks li {
	display:inline;
}

.homebooks li img {
	width:133px;
	margin:0 15px 15px 0;
}

/********** SHARED ***********/

.clear {
    width: 100%;
    clear: both !important;
    display: inline-block;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clear {
    height: 1%;
}

/********** LISTS ***********/

.formatted li {
	font-size:1.2em;
	line-height: 20px;
	padding-left:18px;
}

.formatted ul li:Before {
	content: "■";
	padding-right:11px;
	width:18px;
	margin-left:-18px;
	overflow:hidden;
}

.formatted ol {
	counter-reset: li;
	margin-bottom:15px;
}

.formatted ol li {
	padding-left:18px;
}

.formatted ol li:Before {
	content: counter(li)". ";
	counter-increment: li;
	padding-right:5px;
	width:18px;
	margin-left:-18px;
	overflow:hidden;
}

/********** SIDEBAR ***********/

.sidebar {
	margin-top:44px;
	background:#efefef;
	padding:11px 0 2px 0;
}

.sidebar h2 {
	margin:0 0 11px 4%;
	color:#777;
	font-size:18px;
}

.sidebar-logos img {
	opacity:0.3;
}

.sidebar-logos li {
	width:44%;
	float:left;
	margin:0 2% 6px 4%;
	background:#fff;
}

.sidebar-logos li.last {
	margin:0 4% 6px 2%;
}

/********** BREADCRUMBS ***********/

ul#breadcrumbs {
	height: 15px;
    clear: both;
	margin-bottom:6px;
}

#breadcrumbs li {
    float: left;
    margin: 0 2px 0 7px;
    font-size: 1.1em;
    line-height: 1;
    padding: 0;
    color: #999;
	margin-right:15px\9;
}

#breadcrumbs li a, #breadcrumbs li a:Visited {
    color: #999;
	text-decoration:none;
}

#breadcrumbs li a:Hover {
    color: #666;
}

#breadcrumbs li:Before {
    content: "•";
    color: #999;
	padding-right:8px;
}

#breadcrumbs li:first-child:Before {
    content: none;
}

#breadcrumbs li:first-child {
    margin-left: 0;
}

#breadcrumbs li:last-child {
    margin-right: 0;
}

/********** PAGINATION ***********/

ul.pagination {
	position:absolute;
	right:0;
	top:0;
}

ul.pagination li {
    list-style-type: none;
    display: inline;
}

ul.pagination li a {
    display: block;
    float: left;
    padding: 1px 5px;
    margin-right: 5px;
    color: #ccc;
	border: 1px solid #fff;
	background-color:#fff;
}

ul.pagination li span {
    float: left; 
    margin-right: 4px;
}

ul.pagination li a.page {
    background-color:none;
}

ul.pagination li a.page:hover, ul.pagination li a.pagination-previous:hover, ul.pagination li a.pagination-next:hover {
    background: #ccc;
	border: 1px solid #ccc;
    color: #fff;
	text-decoration:none;
}

ul.pagination li.selected a.page {
    background-color: #ccc;
	border: 1px solid #ccc;
    color: #fff;
}

ul.pagination li.disabled a:hover {
	border: 1px solid #fff;
	background-color:#fff;
}

/********** RESPONSIVE ***********/

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

	.container { width:728px; }

}

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

	.col { float:none; margin:0 auto 20px auto; }
	.col img { width:100%; }
	.about .col img { width:auto; }
	.col, .col.half, .col.quarter, .col.fifth, .col.sixth { width:100% !important; }
	.gallery .col.fifth { width:22.5% !important; float:left; margin:0 1.25% 10px 1.25%; }
	.gallery .col.last { margin-right:1.25% !important; }
	.books .books .col.quarter { width:45% !important; float:left; margin:0 1.25% 10px 1.25%; }
	.books .books .col.last { margin-right:1.25% !important; }
	.books .books img { margin-bottom:0; }
	.container, header .container { width:460px; padding:10px; }
	.hidetab {display: none; }
	img.right { float: none; margin: 0 0 20px 0; width:auto; }
	.sidebar { display:none; }
	header { height:auto;}
	.menu-btn { display:block;}
	.nav { display:none;}
	.logo { padding:30px 0 0 0; background-position: 0 30px; }
	.strap { margin-bottom: 30px; }
	.logoslider { display:none; }
	footer span, footer span.last { display:block; text-align:center; padding:3px 0; margin:0; float:none; }
	footer { padding:0 20px; }

}

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

	.container, header .container { width:auto; padding:10px; }
	.logo { padding:46px 0 0 0; background-position: 0 46px; }
	.strap { margin-bottom: 15px; }
	.gallery .col.fifth { width:45% !important; float:left; margin:0 2.5% 10px 2.5%; }

}