*	{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin:0px;
	padding:0px;
	border:0px;
	-webkit-transform: none;
	}

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

html{
	overflow-y: scroll;
	height: 100%;
	width:100%;
	}

body{
	width:100%;
	height:100%;
	position:relative;
	font-family:'Open Sans', sans-serif;
	font-size:1.0em;
	font-weight:400;
	line-height: 1.8;
	color:#5e91ab;
	background-color: #fff;
	position:relative;
	min-height: 100%;
	height: auto !important;
	}
	
main{
	display:block;	width:100%;
	padding-top:68px;	padding-bottom:50px;
	}

picture, img{
	display: block;
	}

div, section{

	}

section{
	padding-top:2%;
	padding-bottom:3%;
	}

p{
	margin:0px;
	}
strong{line-height:0;}br {
    display: none;
}

section p,section form{
	width:100%;
	max-width:1000px;
	margin:auto;
	padding-left:14px;
	padding-right:11px;
	}


p{padding-bottom:1em;}

.caps{	
	font-style: normal;
	font-family:'Raleway', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;} 		

.italics{
	font-family:;
	text-transform:capitalize;
	font-style: italic;
	letter-spacing:0.05em;} 	

h1, h2, h3, h4{
	margin:auto;
	clear:both;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	letter-spacing:0.1em;;
	color:#50636d;
	text-align:center;
	margin-bottom:1.5%;
	padding-left:10px;
	padding-right:10px;
	}

h1{
	font-family:'Crimson Text', serif;
	font-size:1.9em;
	text-transform:uppercase;
	}

h2{
	font-size:1.8em;
	font-family:'Raleway', sans-serif;
	text-transform:uppercase;
	}

h3{
	font-size:1.5em;
	font-family:'Crimson Text', serif;
	text-transform:capitalize;
	font-style: italic;
	letter-spacing:0.05em;
	color:#5e91ab;
	}

h4{
	font-size:1.4em;
	text-transform:capitalize;
	letter-spacing:0px;
	margin-bottom:1%;
	}


a, a img{
	border-style:none;
	text-decoration: none;
	color:#50636d;
	}

a:hover, a:focus {
	text-decoration: underline;
	outline:none;
	}

a h1,a h2,a h3,a h4,a h5,h1 a,h2 a,h3 a,h4 a,h5 a{
	text-decoration:none;
	}


form{
	width:400px;
	max-width:100%;
	margin:auto;
	text-align:left;
	}
form p {
  margin:0;
  padding:0;
}

form p+p {
  margin:.5em 0 0;
}

input, textarea, label, select, option, button{
	width:100%;
	height:37px;
	margin:0px;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	line-height: 1.8;
	color:#5e91ab;
	text-align:left;
	-webkit-appearance:none;
	font-size: 1em;
	}

input, textarea, select, button {
	padding-left: 7px;
	border: 1px solid #ccc;
	background-color:#e9eef1;
	}

#respond input#submit,button{
	text-align:center;
	margin-top:10px;
	padding-left: 7px;
	border: 1px solid #ccc;
	background-color:#e9eef1;
	font-family:'Raleway', sans-serif;
	letter-spacing:0.2em;
	font-size:0.8em;
	text-transform:uppercase;
	border-radius: 10px;
	}
	
button:hover, div.workshop-summary .read_more_button:hover{
	background-color:#5e91ab;
	color:white;
	border-color:#5e91ab;
	}

textarea{
    margin-top: 5px;
	height:250px;
	}

select{
	width:100%;
	}

input{
	display:inline;
	}

input:focus,textarea:focus{background-color:#fff;}	
	
option{
	width:100%;
	padding-left:5px;
	border:0px;
	}

label {
    height: 27px;
    margin-top: 15px;
	}

[disabled] {
	color: #555555;
	}

input[type="hidden"]{
	height:0;
	width:0;
	border: 0;
	padding: 0;
	margin: 0;
	display:none;
	}







table{
	margin:auto;
	padding:0px;
	border-collapse:collapse;
	max-width:1000px;
	background-color:#e9eef1;
	width:90%
	}

table tr td,table tr th{
	margin:0px;
	padding:10px 30px;
	border: 1px solid #ccc;
	text-align:center;
	border-collapse:collapse;
	}
	
table tr th{
	font-weight:400;	
	font-family:'Montserrat', 
	sans-serif;
	text-transform:uppercase;letter-spacing:0.2em;
	}

table tr td img{
	margin:auto;
	}
	
.image_des table{
	background-color:white;
	}
.image_des table tr td,.image_des table tr th{
	border: none;
	}

header{
	background-color:#fff;
	z-index: 100000;
	text-align:center;
	width:100%;
	position:fixed;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	height:68px;
}
	
#logo{
background-image:url("http://www.landandlight.co.uk/user_custom/img/logo.png");
  	background-position: center;
    width: 230px;
	padding:0px;
	display:inline-block;
    height: 68px;
	background-size: 229px 51px;
    background-repeat: no-repeat;
    color: #95bfd0;
    display: inline-block;
	font-size:0px;
	}
#li-logo{float:left;height: 68px;margin-left:2%;}

nav{
display:block;margin:auto;height: 68px;
	}

nav ul{
	list-style:none;
	padding:0px;
	display:inline-block;
	margin:0% 2%;
	
	}
	
nav ul li{
	padding:0px;
	display:inline-block;
	position:relative;
	float:left;
	}

nav ul li a{
	height:68px;
	padding:20px;
	color:#5e91ab;
	text-transform:uppercase;
	font-size:0.85em;
	font-family:'Raleway', sans-serif;
	letter-spacing:0.2em;
	text-decoration: none;
	display:inline-block;
	}

nav ul li a:hover{
	color:#50636d;
	background-color:#e9eef1;
	}
nav ul li a:hover,
nav ul li a:active, 
nav ul li a:visited {text-decoration:none;	}
nav ul li a#logo:hover{
	background-color:#fff;
	}

	
	
nav ul li ul{
	width:auto;
	margin:auto;
	padding:0px;
	position:absolute;
margin-left:-50%;
	top:68px;
	width:auto;
	display:none;
	}
nav ul li:hover ul{display:block;}
nav ul li ul li{
	width:100%;
	position:relative;
	margin:auto;
	background-color:#fff;
	display:inline-block;
	
	}
	
	nav ul li ul li a{	
	height:40px;
	padding:8px 10px 10px 10px;
	min-width:100%;
	border-top: 1px solid #ccc;
	}

nav ul a{
	white-space:nowrap;
	}

ul.topnav li.icon {
	display: none;
	}
ul.topnav{float:right;}
	

	
	
footer{
	width:100%;
	height:40px;
	text-align:center;
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:0.9em;
	background-color:#e9eef1;
	}
	

section.content div.max_width{
	width:1000px;
	margin:auto;
	}

#content1,#content3,#content5{
	background-color:#fff;
	}

#content2,#content4,#content6{
	background-color:#e9eef1;
	}

section.home img{
	width:31%;
	height:auto;
	margin:1% 1% 1% 1%;
	}
	
.home img.img_thumb{
    display: inline-block;
	vertical-align: middle;
	}
.content a{
	text-decoration:none;
	}

.video-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
	}

section.content div.blog-post {
    background-color: #e9eef1;
    display: inline-block;
    margin: 1% 1% 2%;
    padding: 1.5%;
    vertical-align: top;
    width: 31%;
	}

section.content div.blog-post img {
  width: 100%;
	margin:0%;
	}

span.blog-date{
	clear:both;
	display:block;
	padding-top:0.8em;
	text-align: center;
	margin: auto;
	letter-spacing:0.2em;
	text-transform: uppercase;
	font-size: 0.72em;
	}

.video-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
	}

div#rotator{
	clear:both;
	width:100%;

	position:relative;
	margin-top:0px;
	}

div#rotator ul li {

	top:0px;left:0px;
	width:100%;
	left:0px;
	list-style: none;
	}

div#rotator ul li div#frame{
	border:0;
	padding: 0px;
	margin: 0 auto;
	display:inline;
	}

div#rotator ul li{
	border:0;
	padding: 0px;
	height:100%;
	margin:0 auto;
	width:100%;
	}

div#rotator ul li.show {
	z-index:500;
	padding:0;
	}

div#rotator ul{
	margin: 0 auto;
	width:100%;
	padding: 0;
	position:relative;
  }



form.image_buy{max-width:600px;width:100%;margin-top:10px;text-align:center;}
form.image_buy select{height:37px;display:inline;}
form.image_buy button{display:inline;}

.print-canvas,.frame-button{padding:1% 0% 2% 0%;margin:2%;float:left;}
.print-frame-options{width:100%;max-width:1000px;margin:auto;}
.frame-button img{margin:auto;padding:5%;background-color:white;border:6px solid #777;opacity:0.5; width:80%;margin:2% 10%;}
.frame-button img:hover{opacity:1;}
.print-canvas{width:51%;}
.frame-button{width:40%;border-left:1px solid #e9eef1;}
.left-arrow{
	position:absolute;
	top:0px;
	left:0px;
	width:50%;
	height:100%;
	background-image: url('http://www.alexnail.com/user_custom/img/left_arrow.png');
	background-position: left center;
	background-repeat: no-repeat;
	opacity:0.2;
	}
	
.right-arrow{
	position:absolute;
	top:0px;
	right:0px;
	width:50%;
	height:100%;
	background-image: url('http://www.alexnail.com/user_custom/img/right_arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	opacity:0.2;
	}
	
.right-arrow:hover,.left-arrow:hover{opacity:0.55;}

.frame_info_left,.frame_info_right{width:50%;padding:3%;float:left;}
.frame_sample{background-color:#fff;width:31%; height:150px;float:left;margin:0% 1%;}
.mount_sample{width:31%; height:150px;float:left;margin:0% 1%;}
.frame_sample span,.mount_sample span{display:block;width:100%;text-align:center;}

.assembled_frame{width:90%;margin:auto;margin-top:2%;position:relative;display:block;padding:21.9%;margin-bottom:2%;overflow:hidden;}
.image_woodframe{width:100%;position:absolute;top:0px;left:0px;display:block;}
.image_mount{    height:100%;width:100%;position:absolute;top:0px;left:0px;display:block;}
.framed_image{   width:82%;padding:0%;margin:9% 9% 9% 9%;position:absolute;top:0px;left:0px;display:block;}


.gallery-title-desc{
	}

.current_gallery_link{
	}

.pagination{
	margin-top:5px;
	text-align:center;
	margin-bottom:20px;
	color:#50636d;
	}

.pagination a{
	text-decoration:none;
	}

.pagination a:hover{
	text-decoration:underline;
	}

a.img_link{
	text-decoration:none;
	}
	
.thumb-layout{    
    margin: 2% 0%;
	padding: 0% 1%;
	}
	
.thumb-layout-main{	
	
	padding: 0%;
	margin: 2% 0% 2% 1%;
	}	
	
.thumb-cont{        
	text-align:center;
	position:relative;
	margin:0% 0% 0% 0%;
	float:left;
	width:25%;
	box-sizing: border-box;
	padding:5.4% 10%;
	}

.thumb{
  position: absolute;
  top: 0;
  left: 0;
	width:94%;
	margin:0% 3%;
	}
.thumb-layout-main .thumb-cont{	text-align:center;
	position:relative;
	margin:0% 0% 0% 0%;
	float:left;
	width:33.3%;
	box-sizing: border-box;
	padding:7%;}
.thumb-layout-main img.thumb{  position: absolute;
  top: 0;
  left: 0;
	width:94%;
	margin:0% 3%;}

.thumb-title{
	color:white;
	height:80%;
	width:94%;
	position:absolute;
	bottom:0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	-webkit-justify-content:center;
	justify-content: center; /* align horizontal */
	align-items: center;
	opacity:0;
	padding:0%;
	text-align:center;
	-webkit-flex-direction: column;
	flex-direction: column;
	word-wrap: normal;
	top:0px;
	left:0px;
	text-shadow: 0px 0px 2px rgba(0,0,0,1);
		margin:0% 3%;
	}
.thumb-layout-main .thumb-cont:hover .thumb-title .image-title {}
	_:-ms-lang(x),.image-thumb_title{display:none}

.view-gallery{border:1px solid #fff;text-align:center;margin-top:10px; padding:5px 10px ;border-radius:5px;font-size:0.7em;opacity:0;background-color:rgba(35,41,54,0.4);}

.thumb-layout-main .thumb-title{ opacity:1;}
.thumb-layout-main .thumb-title .image-title {background-color:rgba(35,41,54,0.5);width:100%;display:block;padding:1%;}

.thumb-title, .thumb, .ease {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; 
    -ms-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);}
	
.thumb-cont:hover .thumb-title,.thumb-cont:focus .thumb-title,.thumb-cont:active .thumb-title{opacity:1;}

.thumb-cont:hover .thumb{opacity:0.6;}
_:-ms-lang(x),.thumb-cont:hover .thumb{opacity:1;background-color: #333b50;}
.thumb-layout-main .thumb-cont:hover .thumb{opacity:1;}
.thumb-cont:hover .view-gallery{opacity:1;}


.page strong{
	color:#50636d;
	}
	
.custom p img{max-width:100%;}
.custom p + h3, .custom br + h3 {
    margin-top: 2%;
}





.prod-summary{    
	background-color: #e9eef1;;
    float: left;
    margin: 0% 1% 2% 1%;
    width: 31%;
	padding-bottom: 10px;
	}
	
.prod-title{text-align:center;width:100%;margin:auto;text-transform:uppercase;letter-spacing:0.2em;}
.prod-thumb{width:90%;margin:5% 5% 2% 5%;}
			.workshop img{height: auto;width: 100%;padding:20px 0px;}
section.workshop{}
div.workshop_details{display:inline-block;vertical-align:top;padding:2% 0%;background-color:#1b202a;width:25%;display:table-cell;margin:0px;}
	.workshop-title-date{position:absolute;top:50%;left:50%;padding: 0.8% 2% 0% 2%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);text-align:center;background-color:rgba(0,0,0,0.4);width:100%;}
.what-to-expect{width:75%;padding-right: 5%; display:table-cell;}
.workshop h2{margin-bottom:1.5%;}

.workshop:nth-of-type(odd) {
    background: #1c212c;
}
.workshop:nth-of-type(even) {
    background: #232936;
}

div.workshop-summary{width:100%;background-color:#1c212c; max-width:1000px;margin:auto;margin-top:4%;margin-bottom:4%}
div.workshop-summary div.workshop-summary-details{width:53%;padding:20px;padding-left:0px;display:inline-block;vertical-align:top;text-align:center;}
div.workshop-summary a div{width:42%;margin:2%;margin-right:2%;display:inline-block;vertical-align:top;}
div.workshop-summary a div img{width:100%;}
div.workshop-summary a div img.sold{position:absolute;top:0;left:0;width:50%;}
div.workshop-summary p{margin:0px;padding:0px;}
div.workshop-summary .read_more_button{border:1px solid #3f4f5d;width:200px;text-align:center;padding:10px;border-radius:5px;font-size:0.7em;margin:auto;background-color:#232936;margin-top:30px}	
div.workshop-summary .date	{font-size:0.6em;}
div.workshop-summary .title	{font-size:1.4em;margin-bottom:10px}		
.sign_up_button{border:1px solid #3f4f5d;;text-align:center;padding:10px;border-radius:5px;font-size:0.7em;margin:auto;background-color:white;color:#1c212c;margin-top:2%;max-width:310px;width:90%}
.sign_up_button:hover{background-color:#1c212c;color:white;}
.sign_up_button img{width:1.7em;display:inline-block;vertical-align:top;margin:0px 15px 0px 0px;}

div.workshop-icon{display:inline-block;margin:3% 0% 3% 3%;}
div.workshop-icon img{display:inline-block;width:30%;padding:0px;vertical-align: top;margin:0% 2% 2% 2%;}
div.workshop-icon div{display:inline-block;width:60%;vertical-align: center;margin-left:2%;}
div.workshop-icon div.days{display:inline-block;width:30%;padding:0px;vertical-align: top;margin:0% 2% 2% 2%;}
div.workshop-icon span.text_1{display:inline-block;width:100%;font-family:'Montserrat', sans-serif; letter-spacing:0.2em;text-transform:uppercase;font-size:0.6em;padding:0px;margin:0px;vertical-align: bottom;}
div.workshop-icon span.text_2{display:inline-block;width:100%;font-family:'Montserrat', sans-serif;color:#95bfd0; letter-spacing:0em;text-transform:uppercase;font-size:0.8em;padding:0px;margin:0px;vertical-align: top;}
div.workshop_details h2{margin-top:5%;MARGIN-BOTTOM:6%;FONT-SIZE:1.1em;LETTER-SPACING:0;border-radius:5px;}

.cart textarea{height:100px;}
.item-title,.item-desc,.item-det{padding-bottom:5px;}
.item-title{font-family:'Raleway', sans-serif;color:#50636d; letter-spacing:0.2em;text-transform:uppercase;font-size:1.1em;}	
.item-desc{
	font-style: italic;
	}
	
	#shopping-cart{text-transform:uppercase;position:absolute;right:0px;padding:10px 30px;display:block;background-color:white;color:black;font-family:'Montserrat', sans-serif;letter-spacing:0.2em;font-size:0.8em;border-radius:25px;}
#shopping-cart:hover {color:white;text-decoration:none;background-color:black;}

#contact_profile{width:33%;margin:2%;margin-top:0%;display:inline-block;vertical-align:top;}
#contact_form{width:57%;margin:2%;margin-top:0%;display:inline-block;vertical-align:top;}
#contact_profile p{padding-left:0px;}

.timelapse-video{width:100%;height:auto;}
.timelapse-overlay-titles h1{font-size:2.5em;color:#fff;margin-top:0%;margin-bottom:0%;text-shadow: 0px 0px 3px rgba(0,0,0,0.5);}
.timelapse-overlay-titles h3{font-size:2em;color:#fff;letter-spacing:0.1em;text-transform:none;text-shadow: 0px 0px 3px rgba(0,0,0,0.5);}





.post{ 

	}
#primary{display:none;}
#comments,.entry-meta,#nav-below{width:100%;max-width:1100px;margin:auto;overflow:hidden;display:block;}

.post h1,.post h2,.post h3{text-align:left;color: #50636d;margin-top:1em;padding-left:0px;padding-right:0px;}

h1.main-entry-title{text-align:center;margin-top:0px;}

	
.post img{
max-width:100%;height:auto;
	}
.wp-caption a img{
	border:0px;
	margin:0px;
	padding:0px;
	}
.wp-caption{
	text-align:center;
	color: #50636d;
	max-width: 100% !important;
	}
	
.wp-caption p{padding:0.5em;font-style: italic;}

.sidebar{
	width:100%;
	padding:1% 1% 0% 1%;
	display:inline;
	text-align:left;
	margin:0px;
	margin-top:20px;
	}
	
#secondary.sidebar{display:none;}

	
ol li.comment{
	margin-top:20px;
	padding-bottom:2%;
	}

div#title-category{
	width:100%;
	}

div#title-date{
	text-transform:uppercase;
	width:100%;
	font-size:0.8em;
	letter-spacing:0.3em;
	color:#50636d;
	}

div#title-category a{
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:0.3em;
	color:#50636d;
	}

h1.main-entry-title{
margin-bottom:0.4%;
	color:#fff;
	}
	
div.entry-meta{
    display: block !important;
    font-size: 0.8em;
    margin-top: 2%;
    padding-top: 20px;
    text-align: center;
    width: 100%;}


div.entry-content{    
	display: block;
    margin: auto;
    max-width: 1100px;
    width: 100%;
	margin-top:30px;
	font-size:1.1em;
	padding:0px 20px;
	}
	
.excstl{font-style: italic;font-size:1.3em;color:#50636d;margin-bottom:0.2%;}



.wp-caption {

}
.post h2{font-size:1.2em;}
.post h3{font-size:1.3em;text-transform:none;text-align:left;}

.white{background-color:#fff;color:#5e91ab;line-height:1.7;}

img.attachment-post-thumbnail{padding:0px;margin:0px;width:100%;height:auto;}

.overlay-titles{
	position:absolute;
	top:50%;left:50%;
	padding: 0.4% 2% 0.8% 2%; 
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align:center;
	background-color:rgba(0,0,0,0.4);
	width:100%;
	}
	
.blog-post-details-comments{background-color:#e9eef1;margin-top:30px;}
.blog-post-details-comments a{color:#50636d;}	
#nav-below{}

div.nav-previous {
    float: left;
}
div.nav-next {
    float: right;
}



.commentlist{margin-top:3%;}
#comments h1, #comments h2, #comments h3{color:#50636d;}
.comments ol{list-style-type:none; }
.comment{background-color:#fff;margin:0% 2%;}
.comment-intro { margin-bottom: 2%;padding: 0;padding: 2% 0 0 2%;}
.avatar{display: inline-block;height: auto;width: 6%;vertical-align: top;min-width:50px;}
.comment-author-and-date {display:inline-block;width:80%;vertical-align:top;padding-left:1.4%}
.comment-author,.comment-permalink{display:block;width:100%;vertical-align:top;text-transform:uppercase;}
.comment-author{letter-spacing:0.2em;font-size:1.0em;font-family:'Raleway', sans-serif;}
.comment-permalink{letter-spacing:0.2em;font-size:0.7em;}
ul.children {padding-left:0%;padding-right: 0%;list-style:none;}

ul.children .comment{border-left:4px solid #e9eef1;}
ul.children .comment .comment-intro {padding-top:0%;}
li.comment p,.comment .reply {padding:0% 2% 1% 2%;margin:0;max-width:none;width:100%;}


#respond input, #respond textarea, #respond select, #respond option, #respond button {
	color:#5e91ab;
	background-color:#fff;
	border:0px;
}
#respond{max-width:500px;width:100%;margin:auto;display:block;padding:10px;padding-top:20px;margin-top:2%;}
#respond label{color:#5e91ab;padding-top:15px;}
.form-label{display:block;margin-top:10px;}
.form-textarea{display:block;}
#respond input#submit{margin-top:20px;background-color:white;border:0px;}
#respond input#submit:hover{color:white;background-color:#fff;}
#respond h3{
	font-style: normal;
	font-family:'Raleway', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:1.2em;
	padding-bottom:3%;}
	
.blog-index .post{display:block;height:auto;max-width:1200px;width:100%;background-color:#e9eef1;padding-right:0%;margin:2% auto 30px auto;}
.blog-index .post p{padding-left:0;padding-right:0;}
.blog-index .post img{width:22%;display:inline-block;vertical-align:top;margin:3% 0% 3% 3%;}
.blog-index .entry-content{width:73%;display:inline-block;vertical-align:top;margin-top:0px;padding-left:3%;padding-bottom:3%;padding-right: 0;font-size:1em;line-height:1.5;}

.blog-index .entry-content h2{font-size:1.2em;}
.blog-index .entry-title{font-size:1em;}
.entry-title, .post-category, .entry-date, .comments-link{font-size:0.8em;}
.blog-index .entry-content p {padding-bottom:1%;}


.page-numbers, li.cat-item{
	background-color: #e9eef1;
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
    width: auto;
	margin:8px 2px;
	color:#fff;
	letter-spacing:0.1em;
	font-size:0.7em;
	font-family:'Raleway', sans-serif;
	text-transform:uppercase;
	}
	
ul.category-list{
	display:block;
	margin:auto;
	text-align:center;
	margin-top:2%;
	}

li.cat-item{padding:0px;margin-top:4px;}
li.cat-item a{display:block;padding: 8px 16px;color:#fff;width:100%;}

.blog-index .pagination{margin-bottom:10px;}

ul.category-list li.cat-item a:hover,.page-numbers:hover, .current,li.current-cat a{background-color:white;color:#e9eef1;}
ul.category-list li.cat-item a:hover,span.page-numbers:hover,a.page-numbers:hover,.current a,li.current-cat a{color:#e9eef1;text-decoration:none;}

.post blockquote{font-style:italic;font-size:1.1em;margin:0px 2em 5px 2em;padding:1%;
}
.post blockquote:before {
    content: open-quote;
    font-size: 4em;
    float: left;
    position: relative;
    top: 0.5em;
  left:-0.5em;
  line-height:0px;
  background:red;
} 
.post blockquote:after {
    content: close-quote;
    font-size: 4em;
    float: right;
    position: relative;
    bottom: 0.0em;
  left:-0px;
  line-height:0px;
  background:red;
}


.post ul li{
	padding-left: 10px;
	list-style-position:inside;
	}

.post .entry-date, .post .post-category,.post .entry-meta{
	display:inline;
	}


div#menu ul,div#menu ul ul {
	list-style-type: none;
	}

div#menu ul a {
	list-style-type: none;
	}

div#menu ul ul ul a {
	}

div#menu ul li ul {
	left:-999em;
	position:absolute;
	}

form#commentform,form#commentform p {
	padding:0;
	}

input#author,input#email,input#url,textarea#comment {
	padding:0.2em;
	}

.alignright,img.alignright{
	float:right;
	margin:1em 0 0 1em;
	}

.alignleft,img.alignleft{
	float:left;
	margin:1em 1em 0 0;
	}

.aligncenter,img.aligncenter{
	display:block;
	margin:1em auto;
	text-align:center;
	}

div.gallery dl{
	margin:1em auto;
	overflow:hidden;
	text-align:center;
	}

div.gallery dl.gallery-columns-1 {
	width:100%;
	}

div.gallery dl.gallery-columns-2 {
	width:49%;
	}

div.gallery dl.gallery-columns-3 {
	width:33%;
	}

div.gallery dl.gallery-columns-4 {
	width:24%;
	}

div.gallery dl.gallery-columns-5 {
	width:19%;
	}

@media only screen and (max-width: 1500px) {
	.thumb-cont{width:33.3%;padding:7% 10%;}
	.thumb-layout-main .thumb-cont{width:49%;padding:10%;}
	.timelapse-overlay-titles h1{font-size:2.2em;}
	.timelapse-overlay-titles h3{font-size:1.8em;}
	div#testimonials{-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}

}


@media only screen and (max-width: 1100px) {
	body{font-size:1.0em;}
	section.content div.max_width{
		width:90%;
		margin-left:5%;
		margin-right:5%;
		}

	section.content div.video-responsive{
		margin:0%;
		width:100%;
		}

	nav ul li a{
		padding:20px 7px 20px 7px;
		letter-spacing:0.1em;
		}

	main{
		padding-top:68px;
		}

	#logo{
		width:180px;
		background-size: 180px 40px;
		}
	
	
	h1{font-size:1.6em;}
	h2{font-size:1.5em;}
	h3{font-size:1.35em;}
	h4{font-size:1.2em;}
	.prod-summary{    
    margin: 0% 2% 2% 2%;
    width: 29.2%;
	}
}

@media only screen and (max-width: 800px) {
	nav ul li a{
		padding:20px 6px 20px 6px;
		letter-spacing:0em;
		height:60px;
		}
	.prod-summary{    
    margin: 0% 2% 2% 2%;
    width: 46%
	}
}

@media only screen and (max-width: 700px) {
	
	body{font-size:0.9em;}
	.timelapse-video{display:none;}
	
	section{padding-bottom: 6%;
			padding-top: 4%;
			}
			
	div.workshop-summary a div,div.workshop-summary div.workshop-summary-details{width:83%;margin:6% 8% 0% 8%;}
	
	div.workshop-summary div.workshop-summary-details{width:83%;margin:2% 8% 0% 8%;}
	
	.workshop-title-date{position:relative;padding: 0.8% 2% 0% 2%; transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);text-align:center;background-color:rgba(0,0,0,0);width:100%;left:0%;top:0%;}
	div.workshop_details {display:none;}
	.what-to-expect{padding-right: 0%; }
		div#testimonials{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;	}
	.timelapse-overlay-titles h1{font-size:1.4em;margin-top:3%;}
	.timelapse-overlay-titles h3{font-size:1.25em;margin-bottom:1.5%;}
	.timelapse-overlay-titles h1,.timelapse-overlay-titles h3{
		color:#50636d;
	}
	
	.thumb-cont{width:50%;padding:10% 10%;}
	
	h1{letter-spacing:0px;}



	section.content div.blog-post {
		margin:0%;
		margin-top:10px;
		margin-bottom:10px;
		width:100%;
		}

	

	
	h1{font-size:1.4em;}
	h2{font-size:1.3em;}
	h3{font-size:1.25em;}
	h4{font-size:1.1em;}
	
	main{padding-top:50px;}
	
	nav,header,#logo,#li-logo{height:50px;}
	
	nav ul{
		width:100%;
		margin:0px;
		}
nav ul li{float:none;}
	ul.topnav li{
		display: none;
		}
		
	ul.topnav li#li-logo,ul.topnav li.icon,ul.topnav li.icon a{
		display: block;
		position:fixed;
		top:0;
		height:50px;
		}
		
		
	ul.topnav li.icon {
		left:0;
		}
		
	ul.topnav li a {		
		text-align: centre;	
		height:50px;
		padding:12px;
		letter-spacing:0.2em;
		font-size:0.9em;
		}
	 
	ul.topnav.responsive li {
		display: inline;
		}
		
	ul.topnav.responsive li a {
		display: block;
		}

	ul.topnav.responsive li.nav-option a {background-color:#e9eef1; border-top:1px solid #c0d2dc;}
	ul.topnav.responsive li.nav-option a:hover{background-color:white;}
ul.topnav.responsive{border-bottom:1px solid #c0d2dc;}
	
	ul.topnav li.icon a{
		right: 0;
		text-align: right;
		padding-right:20px;
		width:40%;
	}
	
	ul.topnav li.icon a:hover{

	}
	
	nav ul li:hover ul{
		display:none;
		}
	.frame_info_left,.frame_info_right{width:100%;}
	.print-frame-options{width:100%;margin:0;}
	.print-canvas,.frame-button{width:90%;margin:2% 5%;border:0px;}
	.frame-button img{width:94%;margin:1% 3%;}
}


@media only screen and (max-width: 570px) {
	body{font-size:0.9em;}
	#contact_form{width:95%;}
	#contact_profile{display:none;}
	.thumb-layout-main .thumb-cont{width:98%;padding:20%;}
.blog-index .post img{width:90%;margin:5% 0% 0% 5%;}
ul.category-list{display:none;}
.blog-index .entry-content {width:90%;margin:0% 0% 5% 5%;padding:0px}
.blog-index .entry-content .entry-title{text-align:center;}
	#title-date{display:none;}
	.prod-summary{    
    margin: 0% 10% 5% 10%;;
    width: 80%;
	}

}