/* CSS Document for Screens */


@font-face {
	font-family: 'dbSans';
	src: url('../webfonts/dbSans.eot');
	src: url('../webfonts/dbSans.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/dbSans.woff') format('woff'),
	     url('../webfonts/dbSans.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'dbSans';
	src: url('../webfonts/dbSans-Light.eot');
	src: url('../webfonts/dbSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/dbSans-Light.woff') format('woff'),
	     url('../webfonts/dbSans-Light.ttf')  format('truetype');
	font-weight: 300;
	font-style: normal;
	}

@font-face {
	font-family: 'dbSans';
	src: url('../webfonts/dbSans-Bold.eot');
	src: url('../webfonts/dbSans-Bold.eot?#iefix') format('embedded-opentype'),
	     url('../webfonts/dbSans-Bold.woff') format('woff'),
	     url('../webfonts/dbSans-Bold.ttf')  format('truetype');
    font-weight: bold;
    font-style: normal;
	}

body {
	height: 100%;
	font-family: 'dbSans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	background-color: #efedea;
	margin: 0;
	padding: 0;
	}

.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	}
	
.wrapper:after { content:''; display: block; clear: both; }

/* Text */

h1, h2, h3 {
	color: #5c5ea1;
	font-weight: 700;
	}

h1 {
	margin: 2em 0 1em 0;
	font-size: 1.8em;
	}
	
h2 {
	margin: 2em 0 0.5em 0;
	font-size: 1.4em;
	line-height: 1.1em;
	}
	
h3 {
	margin: 2em 0 0.5em 0;
	font-size: 1.2em;
	}
	
h4 {
	margin: 1.5em 0 1.5em 0;
	font-size: 1em;
	}
	
p {
	margin: 0 0 1em 0;
	}
	
a {
	color: #5c5ea1;
	text-decoration: none;
	}
	
a:visited {
	color: #5c5ea1;
	}

/* Header */

header {
	height: 105px;
	border-top: 5px solid #5c5ea1;
	background: #b2adab;
	border-bottom: 1px solid #fff;
	position: relative;
	}
	
	
header .logo {
	display: block;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	background: #b2adab url(../images/layout/bg-header.png) bottom right no-repeat;
	}
	

header p a.logo {
	margin-left: 0;
	width: 255px;
	height: 105px;
	background: url(../images/designbase.svg) no-repeat 0 0;
	background-size: contain;
	top: 0px;
	left: 0px;
	}
	
	header p a.logo span {
	display: none;
	}


/* Section All */

section {
	padding: 0 30px;
	}


/* psuedo element section::after defined in order to clear floats (must have content even if empty) */

section::after {
	content: '';
	display: block;
	clear: both;
	padding-bottom: 2em;
	}

/* Section Main */

section {
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0;
	}

	
section a, section a:visited {
	text-decoration: none;
	border-bottom: 1px dashed #b2adab;
	color: #333;
	}
	
section a:hover {
	text-decoration: none;
	border-bottom: 1px dashed #5c5ea1;
	color: #5c5ea1;
	}

section article {
	margin-bottom: 2em;
	padding-left: 0;
	padding-right: 0;
	}

section article img {
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
	}

section aside {
	width: 39%;
	float: left;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
	}

section .content {
	margin: 15px;
	background: no-repeat center top;
	background-size: 75px 75px;
	padding-top: 85px;
	}
	
section aside h3 a, section aside h3 a:visited {
	color: #5c5ea1;
	text-decoration: none;
	}
	
section aside .content h3 {
	margin-top: 0;
	font-size: 1.4em;
	margin-bottom: 1em;
	}
	
section aside .content h3 a, section aside .content h3 a:hover {
	text-decoration: none;
	border-bottom: none;
	}
	
section aside .content.illustrations {
	background-image: url(../images/icon-illustration.svg);
	}
section aside .content.photography {
	background-image: url(../images/icon-photography.svg);
	}
section aside .content.rm {
	background-image: url(../images/icon-rm.svg);
	}
section aside .content.rf {
	background-image: url(../images/icon-rf.svg);
	}


.nobr {
	white-space: nowrap;
	} 

.category {
	float: left;
	width: 260px;
	margin: 1em;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dedede;
	}
		
.category h2 {
	font-weight: 400;
	margin-top: 0;
	padding: 0.2em 0 0.2em 4px;
	margin-bottom: 1em;
	}
		
.category img {
	width: 252px;
	padding: 0 4px 0 4px;
	}

.terms p {
	padding: 1em;
	}
	
h2.homebreak:before, h3.homebreak:before, p.homebreak:before {
	content:''; display: block; clear: both;
	}
	
	
	
	
/* Imported from S2L --- EDIT to correct from here */

/* Section */

	
.thumb-float {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	}
		
.thumb-float p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.9em;
	}
		
.thumb-float a {
	text-decoration: none;
	}
		

.thumb-float A:hover {
	text-decoration: none;
	}

.Landscape-image, .Panoramic-image, .Square-image, .Portrait-image {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background-color: #fff;
	margin-top: 0.8em;
	}
		
.Landscape-image {
	padding: 30px 10px 30px 10px;
	}

.Panoramic-image {
	padding: 30px 10px 30px 10px;
	}

.Square-image {
	padding: 10px 10px 10px 10px;
	}

.Portrait-image {
	padding: 10px 30px 10px 30px;
	}	
	

	
article.image {
	min-height: 480px;
	width: 60%;
	margin: 24px 0 0 0;
	padding: 24px 2%;
	background-color: #fff;
	border: 1px solid #dedede;
	display: block;
	float: left;
	}
	
article.image img.Portrait-image {
	border-top: none;
	border-bttom: none;
	width: 
	
	}
	
article.image .Landscape-image, article.image .Panoramic-image, article.image .Square-image, article.image .Portrait-image {
	border-top: none;
	border-bottom: none;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}
		
article.image .Landscape-image {
	width: 60%;
	}

article.image .Panoramic-image {
	width: 60%;
	}

article.image .Square-image {
	width: 60%;
	}

article.image .Portrait-image {
	width: 50%;
	}	
	
	
td.h3 {	
	margin: 0;
	padding: 0;
	}
	



/* Navigation */

nav {
	min-height: 140px;
	font-weight: 400;
	font-size: 0.8em;
	background-color: #2d2b2b;
	color: #f2f2f2;
	padding: 0 20px;
	margin: 0 auto;
	padding: 1em 0;
	letter-spacing: 0.1em;
	border-top: solid 40px #efedea;
	}

nav h2 {
	display: none;
	}
	
nav a, nav a:visited {
	color: #f2f2f2;
	}
	
nav a:hover {
	color: #5c5ea1;
		}
	
nav ul {
	display: block;
	float: left;
	width: 220px;
	margin: 1em 5px 25px 0;
	padding: 0 0 1em 0;
	text-align: left;
	list-style: none;
	}
	
nav li.first {
	padding-bottom: 2em;
	}
	
nav li a {
	margin-left: 0px;
	padding-bottom: 1em;
	}
	

/* Footer */

footer {
	font-weight: 400;
	font-size: 0.8em;
	min-height: 32px;
	background-color: #222020;
	color: #f2f2f2;
	margin: 0;
	padding: 14px 0;
	letter-spacing: 0.1em;
	}
	
footer a, footer a:visited {
	color: #f2f2f2;
	}
	
footer a:hover {
	color: #5c5ea1;
		}

footer a {
	margin-left: 30px;
	}
	
footer a.logo {
	float: right;
	display: block;
	width: 101px;
	height: 32px;
	background: url(../images/designbase.png) no-repeat 0 0;
	background-size: contain;
	margin-left: 0;
	}
	
footer a.logo span {
	display: none;
	}
	
	
	
	


/* Media Queries */


@media screen and (max-width: 1000px) {
	
	/* Header */ 
	
	
	
	/* Footer */
	
	}
	
	
@media screen and (max-width: 910px) { 
	
	/* Header */ 
	
	
	
	/* Footer */
	
	}
	
@media screen and (max-width: 825px) {
	
	/* Header */ 
	
	
	
	/* Footer */
	
	}
	
	
@media screen and (max-width: 760px) {
	
	/* Header */ 
	
	
	
	/* Footer */
	
	}
	
	
@media screen and (max-width: 625px) {
	
	/* iPhone */ 
	
	/* Header */ 
	
section aside {
	font-size: 0.8em;
	}
	
h1 {
	font-size: 1.3em;
	}
	
h2 {
	font-size: 1.2em;
	}
	
h3 {
	font-size: 1em;
	}
	
h4 {
	margin: 1.5em 0 1.5em 0;
	font-size: 1em;
	}
	

	
	/* Footer */
	
	}