@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
@font-face {
	font-family: 'Conv_CALIBRI';
	src: url('../fonts/CALIBRI.eot');
	src: local('☺'), url('../fonts/CALIBRI.woff') format('woff'), url('../fonts/CALIBRI.ttf') format('truetype'), url('../fonts/CALIBRI.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
		line-height: 1.75em;
		font-family:Arial, Helvetica, sans-serif;
		color:#737373;
		background-color:#fff;
	}
h1, h2, h3, h4, h5, h6, p{
	font-family:'Conv_CALIBRI',Arial;
	text-transform:uppercase;
	}
h1{
	font-size:1.4em;
	font-weight:normal;
	color:#161616;
	margin-bottom:20px;
	}
P{
	font-size:0.75em;
	line-height:19px;
	margin-bottom:20px;
	}
a, img{
	text-decoration:none;
	border:0;
	}
ol, ul, li{
		list-style-type: none;
	}
blockquote, q {
		quotes: none;
	}
blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
input[type="text"] {
    background:#f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 2px 2px 2px 2px;
    color: #555555;
    font-size: 12px;
    padding: 2px;
    width: 230px;
	height: 20px;
}
input[type="submit"] {
    background:#8B8B8B;
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 13px;
    height: 25px;
    line-height: 19px;
    padding: 2px 8px;
}
.mailsignup .user{
	width:100%;
	clear:both;
	overflow:hidden;
	}
.mailsignup input[type="text"], .mailsignup input[type="submit"]{
	float:left;
	margin:0px 8px 0px 0px;
	}
.mailsignup input[type="submit"]{
	margin-top:0px;
	float:left;
}
table {
		border-collapse: collapse;
		border-spacing: 0;
	}
.clear{
		clear:both;
		}
.hide{
	display:none;
	}

.header-wrapper, .page-wrapper, .footer-wrapper{
	width:100%;
	overflow:hidden;
	}	
.page-wrapper{
	margin-bottom:100px;
	}
.wrapper{
	width:930px;
	margin:0 auto;
	}
.header-wrapper .wrapper, .footer-wrapper .wrapper{
	overflow:hidden;
	}
h1.logo{
	width:370px;
	height:20px;
	margin:40px auto;
	font-size:.5em;
	line-height:.5em;
	display:block;
	}	

.navigation{
	width:200px;
	font-family:'Conv_CALIBRI',Sans-Serif;
	margin-right:20px;
	float:left;
	}
.navigation ul{
	text-transform:uppercase;
	}
.navigation ul li{
	font-family:'Conv_CALIBRI',Sans-Serif;
	font-size:.8em;
	line-height:19px;
	letter-spacing:1px;
}

.navigation ul li a{
	color:#737373;
}
.navigation ul li a:hover, .navigation ul li a.active{
	color:#191919;
	text-decoration:underline;
}

.navigation ul li h1, .shoponline{
	font-size:1.1em;
	margin:11px 0 2px 0;
	font-weight:normal;
}
.shoponline{
	color:#d4303e !important;	
}
.navigation ul li:first-child h1{
	margin-top:0;
}
/*.banner{
	background:#fefefe;
	width:708px;
	border:1px solid #ececec;
	height:483px;
	text-align:center;
	display:table;
	float:left;
	}
.banner .img{
	display:table-cell;
	vertical-align:middle;
	}*/
.page-content{
	float:left;
	width:710px;
	}
.banner{
	background:#fefefe;
	width:708px;
	border:1px solid #ececec;
	height:483px;
	text-align:center;
	position:relative;
	float:left;
	}
.banner img{
	position:absolute;
    top:50%;
	margin-top:-25%;
	left:0;
}
.page-content p{
	text-transform:uppercase;
	}
.page-content .contentSec{
	width:100%;
	overflow:hidden;
	}
.page-content .contentSec h1 span{
	font-size:.70em;
	color:#737373;
	line-height:20px;
	}
.page-content .contentSec .img1, .page-content .contentSec .img2{
	float:left;
	width:250px;
	margin-right:17px;
}
.page-content .contentSec .img2{
	width:300px;
}
.page-content .contentSec .content{
	width:440px;
	float:left;
	}
.content1{
	width:300px !important;
	}
.content2{
	width:100% !important;
	}
.stylefile{
	text-align:center;
	}
.stylefile h1{
	font:35px Arial, Helvetica, sans-serif;
	color:#767676;
	text-transform:none;
	font-weight:normal;
	}
.stylefile h2{
	color:#4f38a4;
	margin-bottom:20px;
	line-height:18px;
	font-style:italic;
}
.stylefile p{
	text-transform:none;
	font-size:15px;
	}
address{
	font-size:.71em;
	line-height:19px;
	text-transform:uppercase;
	font-style:normal;
	}
address h2{
	font-size:1.3em;
	color:#535353;
	margin-bottom:4px;
}
address h3{
	font-size:1.2em;
	color:#973daa;
	text-decoration:underline;
}
address a{
	color:#535353;
	}
address a:hover{
	text-decoration:underline;	
}

.gallery1, .gallery2, .gallery3{
	margin:20px 0;
	/*width:100%;*/
	width:685px;
	font-family:'Conv_CALIBRI',Sans-Serif;
	}
.gallery1 ul, .gallery2 ul, .gallery3 ul{
	width:690px;
	overflow:hidden;
	margin-left:-5px;
}
.gallery1 li{
  margin: 5px;
  padding:4px;
  border: 1px solid #f3f3f3;
  border-radius:2px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  cursor:pointer;
}	
.gallery1 li:hover{
	border: 1px solid #ccc;
}
.gallery1 li img{
	width:66px;
	height:47px;
  	display: inline;
}

.gallery1 li a{
	color:#737373 !important;
	line-height:14px;
	display:block;
	}

.gallery1 li p, .gallery2 li p, .gallery3 li p{
  text-align: center;
  font-weight: normal;
  font-size:.7em;
  line-height:12px;
  text-transform:uppercase;
  width:66px;
  height:26px;
  margin-bottom:0;
  vertical-align:middle;
  display:table-cell;
  color:#504F4F;
}
.gallery1 li:hover p, .gallery2 li:hover p,  .gallery3 li:hover p{
	font-size:.71em;
	font-weight:bold;
	color:#161616;
	}

.gallery2 ul, .gallery3 ul{
	margin-left:-3px;
}
.gallery2 li,  .gallery3 li{
  margin: 3px;
  border: 1px solid #ededed;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  cursor:pointer;
}	
.gallery2 li:hover,  .gallery3 li:hover{
	border: 1px solid #ccc;
}
.gallery2 li img{
	width:164px;
	height:125px;
  	display: inline;
}
.gallery2 li a, .gallery3 li a{
	line-height:14px;
	display:block;
	}
.gallery2 li p, .gallery3 li p{
	width:164px;
  	height:26px;
	margin-bottom:0;
}

.gallery3 ul{
	
}
.gallery3 li img{
	width:164px;
	height:235px;
  	display: inline;
}
/*==Footer==*/
.footer-wrapper{
	font-family:'Conv_CALIBRI',Sans-Serif;
	position:fixed;
	bottom:0;
	background:url(../images/footer_bg.jpg) repeat-x #fefefe;
	min-height:62px;
	margin-top:20px;
	color:#5d5d5d;
	text-transform:uppercase;
	padding:15px 0;
	}
.footer-wrapper a{
	color:#5D5D5D;
}
.footer-wrapper a:hover{
	text-decoration:underline;
	color:#D4303E;
}
.footer-wrapper .top, .footer-wrapper .bottom{
	width:100%;
	overflow:hidden;
}
.footer-wrapper .list1{
	float:left;
	margin-top:15px;
	}
.footer-wrapper .list1 li{
	font-size:0.83em;
	padding:0 15px;
	border-left:1px solid #5d5d5d;
	line-height:14px;
	float:left;
}
.footer-wrapper .list1 li:first-child{
	padding-left:0;
	border:0;
}
.footer-wrapper .list1 li b{
	font-weight:bold;
}
/*social icons start*/
.facebook{
	width:30px;
	height:30px;
	margin: 0 2px 0 0;
	display:block;
	background:url(../images/facebook.png) no-repeat;
	float:right;
	}
.facebook:hover{
	background-position:0 -31px;
}
.twitter{
	width:30px;
	height:30px;
	margin: 0 2px 0 0;
	display:block;
	background:url(../images/twitter.png) no-repeat;
	float:right;
	}
.twitter:hover{
	background-position:0 -31px;
}
.instagram{
	width:30px;
	height:30px;
	margin: 0 2px 0 0;
	display:block;
	background:url(../images/instagram.png) no-repeat;
	float:right;
	}
.instagram:hover{
	background-position:0 -31px;
}
.pintrest{
	width:30px;
	height:30px;
	margin: 0 2px 0 0;	
	display:block;
	background:url(../images/pintrest.png) no-repeat;
	float:right;
	}
.pintrest:hover{
	background-position:0 -31px;
}
/*social icons end*/

.footer-wrapper .bottom{
	margin-top:20px;
	line-height:12px;
}
.footer-wrapper .bottom span{
	color:#5d5d5d;
	font-size:.7em;
	float:left;
}
.brickwork{
	width:100px;
	height:13px;
	background:url(../images/brickwork.png) no-repeat;
	float:right;
	}
	
/*==Gallery==*/
.popgalCont{
	width:100%;
	min-height:490px;
	}
.popgalCont .sec{
	width:100%;
	overflow:hidden;
}
.popgalCont .sec .lft{
	width:500px;
	float:left;
}
.popgalCont .sec .rgt{
	width:200px;
	float:right;
}
.popgalCont .sec .cont1{
	text-align:right;
	}
.cont1 h3{
	margin-bottom:10px;
	line-height:20px;
	}
.prenextSec{
	margin-bottom:10px;
	clear:both;
	}
.prenextSec li{
	display:inline;
	border-left:1px solid #c4c4c4;
	line-height:13px;
	min-width:36px;
}
.prenextSec li:first-child{
	border:none;
}
.cont1 .next1, .cont1 .previous1{
	font-size:.7em;
	line-height:13px;
	color:#191919;
	padding:0px 4px;
	margin-left:3px;
	font-weight:bold;
	}

.cont1 .next1:hover, .cont1 .previous1:hover{
	text-decoration:underline;
	}
.cont1 p{
	font-size:.8em;
	margin-bottom:10px;
	color:#737373;
	}
.cont1 p em{	
	text-transform:lowercase;
	font-style:normal;
}
.order{
	color:#d4303e;
	font-size:.8em;
	}
.order:hover{
	text-decoration:underline;
	}

#close-btn{
	display:none;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.2);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: url(../images/modal-gloss.png) no-repeat -200px -80px #eee ;
		position: absolute;
		z-index: 101;
		padding: 10px 30px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #fff;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		text-align:center;
		
		}
	.reveal-modal h1{
		color:#737373;
	}
	.reveal-modal p{
		text-transform:none;
		font-size:.9em;
		}
	.reveal-modal p a{
		color:#161616;
		text-decoration:none;
	}
	.reveal-modal.small 		{ width: 236px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 


ol.list2{
	font-family:'Conv_CALIBRI',Arial;
	font-size:15px;
	text-align:left !important;
	line-height:19px;
	padding-left:20px;
	margin-bottom:20px;
	}
ol.list2 li{
	list-style:decimal;
	list-style-position:outside;
	margin-left:10px;
	margin-bottom:6px;
}

ol.list3{
	font-family:'Conv_CALIBRI',Arial;
	font-size:15px;
	text-align:center !important;
	line-height:19px;
	padding-left:20px;
	margin-bottom:20px;
	}
ol.list3 li{
	list-style:decimal;
	list-style-position:inside;
	margin-left:10px;
	margin-bottom:6px;
}



.stylefile a:link {
color: #111;
}

.stylefile a:hover {
color: #333;
text-decoration: underline;
}