/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

body    {
	overflow-y:scroll;
	font-family: 'Roboto', sans-serif;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: #ffffff;
	font: 1em/150% 'Roboto', Arial, Helvetica, sans-serif;
	color: #5b6066;
}
a {
	text-decoration: none;
	outline: none;
	color: #5b6066;
}
a:hover {
	text-decoration: underline;
	color: #515151;
}


p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 0px 0 .4em;
	color: #808084;
}
h1 {
	
	font: 2em/150% 'Roboto', san-serif;
	padding-bottom:1.3em;
}
h2 {
	font: 1.6em/150% 'Roboto', san-serif;
	
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 990px;
	margin: 0 auto;
}

#bodywrap {
    clear: both;
    padding-top:20px;
}

#content{
	clear:both;
	padding-top:20px;
	min-height:500px;
}

#shop_content{
	clear:both;
	padding-top:0px;
	min-height:500px;

}

.sub-nav{
	height:35px;
	width:650px;
	padding-top:10px;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	background: #ffffff;
	width: 100%;
	padding-top:43px;
	z-index:100;
}

.nav_wrapper{
	width:100%;
}


#head_wrapper{
	height:25px;
}


/* logo */
#logo {
	float:left;
	
	background: #fff;
	z-index: 100;
}


/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/

nav {
    padding-top: 39px;
    float: right;
    width: 525px;
}




ul.top-nav {
    padding: 0;
    margin: 0;
    text-transform: capitalize;
}


.top-nav li {
    float: left;
    overflow: hidden;
    padding-right: 2%;
    padding-top: 30px;
}


.top-nav li:last-child {
    padding-right: 0;
}



.top-menu-item {
    font-family: 'Roboto', Arial, sans-serif;	
	font-weight: 300;
    font-size: 21px;
}

a.top-menu-item {
	transition: opacity .15s ease-in-out;
}


a.top-menu-item:hover {
    text-decoration: none;
    opacity: 0.7;
}

.nav-about.active {
    background-image: url(images/nav-bird1.png);
    background-repeat: no-repeat;
    background-position: 18px 11px;
}

.nav-cushions.active {
    background-image: url(images/nav-bird2.png);
    background-repeat: no-repeat;
    background-position: 41px 9px;
}

.nav-napkins.active {
    background-image: url(images/nav-bird3.png);
    background-repeat: no-repeat;
    background-position: 3px 9px;
}

.nav-bespoke.active {
    background-image: url(images/nav-bird4.png);
    background-repeat: no-repeat;
    background-position: 8px 12px;
}

.nav-contact.active {
    background-image: url(images/nav-bird5.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}







/************************************************************************************
MAIN NAVIGATION - OLD
*************************************************************************************/




.replace {
	margin: 0; padding: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	outline: none;
}
	.replace a {
		display: block;
		outline: none;
	}


#top-nav{
	float:right;
	background: #ffffff;
	margin: 0;
	padding: 0;
	padding-top:17px;
	z-index: 100;
	position: relative;
	height:47px;

}
#top-nav li{
	display:inline;
	float:left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	padding-left:0px;
	
}
#top-nav a{

	position: absolute;
	background: url(images/nav-sprite.jpg) no-repeat;
	height: 47px;
	line-height: 100%;
	color: #5b6066;
	display: block;
	padding: 0;
	text-decoration: none;
}


li#nav-about a {
	background-position: 0 0;
	width: 71px;
	left: -409px;;
}

li#nav-about.selected a {
	background-position: 0 -47px;
}


li#nav-about a:hover, li#nav-gallery a:hover, li#nav-shop a:hover, li#nav-blog a:hover, li#nav-contact a:hover {
	opacity: 0.7;
}


li#nav-gallery a {
	background-position: -84px 0;
	width: 85px;
	left: -331px;
}

li#nav-gallery.selected a {
	background-position: -84px -47px;
}

li#nav-shop a {
	background-position: -201px 0;
	width: 60px;
	left: -219px;
}

li#nav-shop.selected a {
	background-position: -201px -47px;
}

li#nav-blog a {
	background-position: -283px 0;
	width: 63px;
	left: -143px;
}

li#nav-blog.selected a {
	background-position: -283px -47px;
}

li#nav-contact a {
	background-position: -351px 0;
	width: 83px;
	left: -81px;
}

li#nav-contact.selected a {
	background-position: -351px -47px;
}



#breadcrumb{
	clear:both;
	float:left;
	padding-bottom: 25px;
	padding-top: 49px;;
	font: 14px Arial;
	
}

.grey-tab{
	background: url(images/grey_tab.jpg) no-repeat;
	margin-top:10px;
	z-index:10;
}

.red-tab{
	background: url(images/red_tab.jpg) no-repeat;
	margin-top:10px;
	z-index:10;
}

.blue-tab{
	background: url(images/blue_tab.jpg) no-repeat;
	margin-top:10px;
	z-index:10;
}


ul.tabs {
	margin: 0;
	padding: 0;
}

.tabs li{
	display:inline;
	float:left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	padding-left:0px;
	padding-right:55px;
}

.grey-tab p a.chosen-tab{
	color:#cacaca;
}

.grey-tab p a:hover{
	color:#cacaca;
}

.grey-tab p a{
	display:block;
	height:35px;
	width:260px;
	color:#ffffff;
	padding-top: 5px;
}

.grey-tab p a:hover{
	text-decoration:none;

}


.dark-grey-divider{
	background: url(images/dark-grey-divider.jpg) no-repeat;
}


.gold-divider{
	background: url(images/gold-divider.jpg) no-repeat;
}

.red-divider{
	background: url(images/red-divider.jpg) no-repeat;
}

.blue-divider{
	background: url(images/light-blue-divider2.jpg) no-repeat;
}

.darkblue-divider{
	background: url(images/blue-divider2.jpg) no-repeat;
}

.dark-grey-divider p, .dark-grey-divider h1, .gold-divider p, .gold-divider h1, .red-divider p, .red-divider h1, .blue-divider p, .blue-divider h1, .grey-tab p, .grey-tab h1, .darkblue-divider p, .darkblue-divider h1 {
    font-family: 'Roboto';
    font-size: 32px;
    padding-left: 15px;
    padding-top: 2px;
    color: white;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.3;
}


.dark-grey-divider, .gold-divider, .red-divider, .blue-divider, .grey-tab, .darkblue-divider{
	width: 1090px;
	height:50px;
	clear:both;
	float:left;
	margin-left:-15px;
	padding-bottom:1.5em;
}


/************************************************************************************
SUB-NAVIGATION
*************************************************************************************/

.sub-nav-button{
	float:left;
	margin-right: 15px;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-box-shadow:  2px 2px 1px 1px #dedede;
	box-shadow:  2px 2px 1px 1px #dedede;
	background: none repeat scroll 0 0 #E7E7E8;
	display:block;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	font-size:14px;
}

.sub-nav-button.selected {
    background: none repeat scroll 0 0 #D6D7D9;
}

.sub-nav a:hover{
	color:#000000;
}



/************************************************************************************
HOMEPAGE
*************************************************************************************/

#slides{
	margin-top:25px;
	clear:both;
	padding-top:10px;
}



/************************************************************************************
ABOUT
*************************************************************************************/

#about{
	clear:both;
}

#about img{
	/* width:1010px; */
}

.about-content {
    width: 645px;
    float: left;
    padding-right: 45px;
}

.about-content a {
    text-decoration: underline;
}






/************************************************************************************
PRODUCT LANDING
*************************************************************************************/

.product-listing{
	clear:both;
	overflow:hidden;
}

.product-listing a{
	display:block;
}

.product-overview{
    float: left;
    width: 165px;
    margin-right: 110px;
    margin-bottom:30px;
    
}

.product-overview-last{
	float:right;
	width:164px;
}

.product-overview p, .product-overview-last p{
	margin:0;
	padding:0;
	line-height:1.3;
}

.product-overview-image{
	height: 182px;
	padding-bottom:0px;
}

.product-overview-image img{
	height:175px;
}

p.product-overview-desc, p.product-overview-price{
	font-size: 13px;
	margin-left:2px;
}

p.product-overview-desc{
	color: #F1738F;
	width:160px;
	
}

a p.product-overview-desc:hover, a p.product-overview-price:hover{
	text-decoration:underline;
}

p.product-overview-price{
	color: #000000;
}


/************************************************************************************
PRODUCT CONTENT
*************************************************************************************/
.product-image{
	width: 495px;
	clear:both;
	float:left;
}


.product-image img {
    max-height: 461px;
    width: 495px;
}

.product-info{
	width: 475px;
	/* height: 455px; */
	float:left;
	padding-left:20px;
	position: relative;
}

.product-wrapper{
	height: 467px;
	clear:both;
	padding-bottom:51px;

}

.product-title{
	font: 36px 'Roboto', san-serif;
	color: #f1738f;
	float:left;

}

.product-cost{
	font: 36px 'Roboto', san-serif;
	color: #000000;
	clear:both;
}

.postage{
	float:left;
	font: 14px 'Roboto', san-serif;
	color: #000000;
	padding-top: 27px;
}

.paypal-button, .product-description,.product-size,.product-delivery, .contact-me {
	font-size:14px;
	color:#000000;
	clear:both;
	float:left;
}

.paypal-button{
	/* padding-top:15px; */
}

.product-description{
	padding-top:10px;
	width:440px;
	text-align: justify;

}

.product-size{
	padding-top:15px;
	padding-bottom:15px;
}

.product-delivery{
	padding-bottom:15px;
}

.finish-note {
    clear: both;
    font-size: 11.5px;	
}


.contact-me {
	padding-bottom: 10px;
}

.contact-me a{
	text-decoration:underline;
	
}

/*
.paypal-options {
    bottom: 0;
    position: absolute;
    width: 88%;
}
*/

.paypal-options {
    width: 90%;
    padding-top: 1.2em;
    clear: both;
}




#contact .social_media {
	float:left;
}

.social_media {
    /* padding-top: 10px; */
    height: 32px;
    width: 147px;
}

.social_media a img {
    clear: both;
    width: 26px;
    padding-top: 3px;
    padding-right: 10px;
    /* padding-left: 5px; */
}


.social_media a img:hover{

	opacity: 0.6;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}

.product-social-media {
    overflow: hidden;
    clear: both;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding-top: 11px;
}

	
.lvt-pinterest{
    clear: both;
    float: left;
    padding-bottom: 5px;
}

.lvt-fb {
    float: left;
    padding-left: 15px;
    margin-top: -4px;
}


.lvt-twitter{
    padding-left: 15px;
    float: left;
}

button {
    font-family: 'Roboto';
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px;
    cursor: pointer;
}


input#email, input#mce-EMAIL {
    border: 1px solid #979797;
    transition: box-shadow .15s ease-in-out;
    width: 208px;
    padding-left: 4px;
    padding-top: 7px;
    padding-bottom: 7px;
}

input#mce-EMAIL{
	float:left;
}



input#email:focus, input#mce-EMAIL:focus {
    box-shadow: 0 0 5px #6d6d6d;
}




.submit-button {
    color: #e9e9e9;
    padding: 7px;
    border-radius: 4px;
    border: none;
    transition: color 0.3s ease 0s;
    font-family: "Open Sans";
    box-shadow: 1px 1px 4px #a8ceea;
    margin-bottom: 2%;
    /* margin-left: 2%; */
}

.submit-button:hover {
    color: #131313;
}

.paypal-submit-button {
    background-color: #f1738f;
}

.newsletter-submit-button {
    background-color: #979797;
	margin-left: 0;
}


#mc-embedded-subscribe{
    color: #e9e9e9;
    padding: 7px;
    border-radius: 4px;
    border: none;
    transition: color 0.3s ease 0s;
    font-family: "Open Sans";
    box-shadow: 1px 1px 4px #a8ceea;
    margin-bottom: 2%;
    margin-left: 2%;
    background-color: #979797;
	margin-left: 0;
	cursor: pointer;
}

#mc-embedded-subscribe:hover{
	color: #131313;
}



/************************************************************************************
BESPOKE
*************************************************************************************/

figure.portfolio-thumb {
    margin: 0;
}

.portfolio-thumb figcaption {
    display: none;
}


.bespoke-wrapper {
    clear: both;
    overflow: hidden;
}

.bespoke-wrapper ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}


.bespoke-para img {
    width: 50%;
    float: left;
    padding-right: 3%;
}

.portfolio-thumb{
    width: 300px;
    float: left;
    padding-right: 45px;
    padding-bottom: 45px;
}

.portfolio-thumb:nth-child(3n) {
    padding-right: 0;
}

.bespoke-block {
    width: 300px;
    float: left;
    padding-right: 45px;
    padding-bottom: 45px;
}

.bespoke-block:nth-child(3n) {
    padding-right: 0;
}

.bespoke-wrapper li {
    list-style: none;

    width: 300px;
    float: left;
    padding-right: 45px;
    padding-bottom: 45px;
}

.bespoke-wrapper li:nth-child(3n) {
    padding-right: 0;
}




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

.BlogSideBarWrapper{
	float:left;
	width:200px;
}

.BlogWrapper{
	clear:both;
	float:left;
	
	width: 720px;
}

.CGBlogSummaryLink {
    font: 20px 'Roboto', san-serif;
}


.CGBlogSummaryLink a {
    text-decoration: none;
}


.CGBlogSummaryPostdate {
    font: 11px 'Roboto', san-serif;
    padding-bottom: 1em;
}

.CGBlogSummaryCategory {
    display: none;
}

.CGBlogSummaryAuthor {
    display: none;
}

.CGBlogSummaryContent {
    font: 14px 'Roboto', san-serif;
    padding-bottom: 3em;
}



/************************************************************************************
GALLERY
*************************************************************************************/
/*
div[style] {
   left: 0 !important;
}
*/

.gallery-image {
	float:left;
	padding-right:10px;
	padding-bottom:5px;
	width:185px;
}

.gallery-image img {
	width:185px;
	cursor: pointer;
	
	opacity: 1.0;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out;
}
.gallery-image img:hover {
	opacity: 0.6;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}


.gallery-image img {
 	border: 1px solid #5B6066;
	-moz-box-shadow:    1px 1px 1px 1px #ccc;
	-webkit-box-shadow: 1px 1px 1px 1px #ccc;
	box-shadow:         1px 1px 1px 1px #ccc;
}

#lisa_gallery{
	clear:both;
margin-left:auto;
margin-right:auto;
width:550px;	

}


/************************************************************************************
CONTACT
*************************************************************************************/


#about p img{
	width:24px;
	padding-right:10px;
}


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

#footer{
	clear: both;
	font: 1em/150% 'Roboto', Arial, sans-serif;	
	font-size:12px;
	color:#5B6066;
	padding-top:15px;
	line-height:120%;
	padding-bottom:40px;
	height: 120px;
}

#footer p{
	padding: 1px 0 7px 0;
	margin:0;
}	


#footer a {
    color: #5B6066;
    font-size: 13px;
}


#footer ul{
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
    width: 990px;
}

#footer li{
    float: left;
    height: 20px;
    padding-left: 42px;
    padding-right: 32px;}


.terms_wrapper{
	clear:both;	
	width:100%;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	height:30px;
	margin-top:10px;
	margin-bottom:15px;
	
}

.terms{
	width:990px; 
	margin:0 auto;
	padding-top:7px;
	
}

.sign-up{
	clear:both;	
	float:left;
	width:50%;
	padding-top:10px;
}

.questions{
	padding-top:10px;
	padding-left:20px;
	float:left;
	width:40%;

}


.newsletter-submit{
	margin-right:10px;
}


.decoration{
	
	float:right;
}

.footer-social {
    width: 108px;
    margin: 0 auto;
    padding-top: 20px;
}




/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/*.clearfix { display: block; zoom: 1; }*/