@charset "utf-8";
/* CSS Document */

/* Color Codes : 
Lighter: #ffffff
Light: #d8d7dd7
Medium: #cdc5a7
Dark: #ba458a
Darker: #111111 */

@font-face{
	font-family:'Segoe';
	src:url('fonts/segoe.ttf');
}
input{
	-webkit-appearance:none;
	outline:none;
	border:none;
}

*{
	margin:0px;
	padding:0px;
	outline:none;
}

body{
	font-family:'Segoe',Tahoma !important;
	overflow-x:hidden !important;
	color:#e8e6e3;
}

a{
	text-decoration:none;
	color:#fff;
}

#headerstripe{
	width:100%;
	background-color:#111111;
	height:50px;
	z-index:1;
	overflow-x:hidden;
}

#headerstripe2{
	width:100%;
	background-color:#cdc5a7;
	height:400px;
	z-index:1;
	
}

.arrow{
	height:50px;
}

.emblem{
	height:130px;
	position:relative;
	left:0px;
	top:-50px;
}

#container{
	margin:-400px auto 0px auto;
	width:1024px !important;
	height:1100px;
	font-size:12px;
	color:#000;
}

#header{
	width:1024px;
	height:50px;
}

#menus{
	cursor:pointer;
	position:relative;
	left:522px;
	top:-166px;
	width:580px;
}

.menu{
	color:#fff;
	font-size:16px;
}

#glance a:hover{
	color:#cdc5a7;
}

#products a:hover{
	color:#cdc5a7;
}

#about a:hover{
	color:#cdc5a7;
}

#contact a:hover{
	color:#cdc5a7;
}

#gallery a:hover{
	color:#cdc5a7;
}

#clients a:hover{
	color:#cdc5a7;
}

#quote{
	width:400px;
	height:310px;
	background-color:#e7e0c6;
	position:relative;
	top:64px;
	text-transform:uppercase;
}

#quotein{
	width:360px;
	height:250px;
	font-size:18px;
	color:#111111;
	position:relative;
	left:40px;
	top:30px;
}
#description{
	width:590px;
	height:310px;
	background-color:#f5efd8;
	position:relative;
	top:-247px;
	left:434px;
}

#footerstripe{
width:100%;
	background-color:#111111;
	height:250px;
}

#footer{
	width:1024px;
	height:250px;
	margin:0px auto;
	color:#fff;
	font-size:16px;
}

#quicklinks{
	position:relative;
	top:30px;
	text-transform:uppercase;
	width:300px;
}

#sociallinks{
	position:relative;
	top:-121px;
	left:300px;
	text-transform:uppercase;
	width:300px;
}

#copyrights{
	font-size:12px;
	position:relative;
	top:-60px;
	left:700px;
	width:400px;
}

#menusel{
	position:relative;
	left:850px;
	font-size:24px;
	top:-30px;
	width:160px;
}

#timbathead{
	position:relative;
	left:285px;
	top:-20px;
	font-size:16px;
	width:350px;
}

#timebg{
	background-image: url("../img/timebg.png");
    background-repeat: repeat-y;
	width:20px;
	height:1500px;
	position:relative;
	left:125px;
}

#days{
	position:relative;
	top:-1420px;
	left:67px;
}

.timeday{
	height:120px;
	width:120px;
	background-size:100%;
	background-image:url("../img/timeday.png");
}

.nxt{
	margin-top:80px;
}

#timedayt{
	font-size:20px;
	position:relative;
	top:45px;
	left:15px;
	color:#fff;
}

.timestrip{
	width:80px;
	height:1500px;
	position:absolute;
	top:150px;
	margin-left:270px;
	background-color:#ebebeb;
}

.classtime{
	width:80px;
	height:80px;
	font-size:20px;
	color:#252525;
	margin-top:105px;
	margin-left:10px;
	font-weight:700;
}
#classtimet{
	font-size:16px;
	color:#b1407c;
}

#mapquery{
	width:1024px;
	height: 300px;
	background-image:url("../img/map.png");
	background-size:100%;
	background-repeat:no-repeat;
	position:absolute;
	top:150px;
	font-size:24px;
}

#itxt{
	width:288px;
	height:18px;
	padding: 6px;

}

textarea{
	-webkit-appearance:none;
	border:none;
	outline:none;
	resize:none;
	width:288px;
	height:30px;
	padding:6px;
}

#contdet{
	width:1024px;
	height:400px;
	font-size:18px;
	position:absolute;
	top:445px;
}

.contstrip{
	width:1024px;
	height:50px;
	background-color:#ccc;
}

.contstipinr{
	width:40px;
	height:40px;
	position:relative;
	left:10px;
	top:5px;
	background-color:#c69c6d;
	border-radius:50%;
	
}

#sndbtn{
	width:350px;
	height:50px;
	background-color:#603913;
	position:relative;
	left:674px;
	top:-64px;
	color:#fff;
}


.gallery {
    width:1024px;
    margin:0 auto;
}
.gallery a {
    display:inline-block;
    height:150px;
    position:relative;
    width:200px;
}
.gallery a img {
    border:5px solid #fff;
    cursor:pointer;
    display:block;
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:100%;
    z-index:1;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;

    -webkit-transition-property:width, height, top, bottom, left, right, z-index, border;
    -webkit-transition-duration:0.5s;
    -moz-transition-property:width, height, top, bottom, left, right, z-index, border;
    -moz-transition-duration:0.5s;
    -o-transition-property:width, height, top, bottom, left, right, z-index, border;
    -o-transition-duration:0.5s;
    transition-property:width, height, top, bottom, left, right, z-index, border;
    transition-duration:0.5s;
}
.gallery a:focus img {
    border:15px solid #fff;
    cursor:default;
    height:180%;
    position:absolute;
    width:180%;
    z-index:25;

    box-shadow:1px 1px 5px #888;
    -moz-box-shadow:1px 1px 5px #888;
    -webkit-box-shadow:1px 1px 5px #888;
    -webkit-transition-property:width, height, top, bottom, left, right, z-index, border;
    -webkit-transition-duration:0.5s;
    -moz-transition-property:width, height, top, bottom, left, right, z-index, border;
    -moz-transition-duration:0.5s;
    -o-transition-property:width, height, top, bottom, left, right, z-index, border;
    -o-transition-duration:0.5s;
    transition-property:width, height, top, bottom, left, right, z-index, border;
    transition-duration:0.5s;
}

/* custom focus rules */
.gallery a:focus:nth-child(5n+1) img {
left:-150px;
}
.gallery a:focus:nth-child(5n+2) img {
    left:-50px;
}
.gallery a:focus:nth-child(5n+3) img {
    left:-50px;
}
.gallery a:focus:nth-child(-n+3) img {
    left:-50px;
}
.gallery a:focus:nth-child(n+7) img {
   left:-50px;
}
.gallery a:focus:nth-child(n+10) img {
    left:-50px;
}

/* extra close layer */
.gallery .close {
    background:transparent;
    cursor:pointer;
    display:none;
    height:352px;
    left:170px;
    position:absolute;
    top:160px;
    width:500px;
    z-index:30;
}
.gallery a:focus ~ .close {
    display:block;
}
#product{
	width:1024px;
	position:relative;
	top:20px;
	
}
#product-showcase{
	width:220px;
	height:370px;
	min-height:270px;
	float:left;
	margin-left:30px;
	margin-top:60px;
	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#product>a{
	text-decoration:none;
	color:#252525;
}

#pname{
	font-weight:700;
	position:relative;
	top:-90px;
	left:20px;
	font-size:20px;
}

#pid{
	position:relative;
	top:-90px;
	left:20px;
	font-size:14px;
}
	
#pcat{
	position:relative;
	top:-73px;
	left:50px;
	font-size:14px;
}

#txtbox input{
    -webkit-decoration:none;
}

#txtbox{
    width:300px;
    height:40px;
    background-color:rgba(255,255,255,0.6);
    padding:0px 15px 0px 15px;
    font-family:'Segoe',Tahoma !important;
    font-size:17px;
}

#loginbutn{
    width:300px;
    height:45px;
    background-color: #fff200;
    border:none;
    outline: none;
    font-family:'Segoe',Tahoma !important;
    font-size:18px;
    cursor: pointer;
}

#login-form{
    width:330px;
    height: 400px;
    margin: 200px auto 0px auto;
}