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

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

/* #Reset & Basics */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
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;}
body{line-height:1;}
ol, ul{list-style:none;}
table{border-collapse:collapse;	border-spacing:0;}

/* #Basic Styles */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body, html {font: normal 15px 'calibri', arial; color: #888; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; height:100%;}
a, a:visited{text-decoration:none; outline:0;}
p a, p a:visited{line-height: inherit;}
li{line-height:18px;}
/* #Misc */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clearfix:before, .clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden;	width: 0;	height: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.ie7 .clearfix {clear: both; display: block; overflow: hidden; visibility: hidden;	width: 0; height: 0;}
.clear {clear: both;}
img{ border:none; vertical-align:top;}

.reference{ font-family:"calibribold", Arial; position:fixed; bottom:0px; right:5%; height:40px; text-align:right;	z-index:998; color:#fff; font-size:14px;}
.reference a{color:#fff;}
.reference a:hover{opacity:0.8;}
.description{ width:136px; height:100%;	position:fixed;	top:0px; left:0px; z-index:999; background-color:#ed4432;}

.logo{ text-align:center; padding-top:10px;}
.nav {margin:0; position:absolute; top:50%; margin-top:-220px; width:136px;}
.nav li {list-style:none; display:block; position:relative; margin:0; padding:8px 0;}
.nav li a {color:#fff; font:normal 14px/18px "calibribold", Arial; display:block; text-align:center; opacity:0.5;}
.nav li a span{ width:60px; height:50px; display:block; margin:0 auto 5px; background-image:url(../images/nav_icon.png); background-repeat:no-repeat; background-position:0 0;}
.nav li a span.aboutus{background-position:0 -50px;}
.nav li a span.products{background-position:0 -100px;}
.nav li a span.inquiry{background-position:0 -150px;}
.nav li a span.contact{background-position:0 -200px;}

.nav li a:hover, .nav li a.active{opacity:1;}

.content_wrapper{margin:0 auto; padding:0 12% 20px 180px; position:relative; min-width:500px; }
.content{background-color:#ee4433; padding:20px 30px; color:#ffd3cf; min-height:350px; margin-top: 20px;}
.content h1{font-family:"calibribold", Arial; font-size:36px; color:#fff;}
.title{font-size:70px; color:#fff; line-height:60px; padding:15px 0 0;}
.title span{color:#ed594b;}
.title span.spaceleft{ padding-left:220px;}
.content p{ padding-top:10px;}
strong{font-family:"calibribold", Arial; font-weight:normal;}

.product{padding:0; color:#ffd3cf; position:relative; margin-top:20px;}
.product h3{font-size:22px; line-height:26px; padding-top:10px; color:#fff;}
.catagory li{ float:left; width:18%; margin-top:16px; overflow:hidden; font-size:16px; background-color:#ee4433; margin-left:2.5%; color:#fff;}
.catagory li:first-child, .catagory li.first{margin-left:0;}
.catagory li a{vertical-align:top; color:#fff; font-size:16px; display:block;}
.catagory li .img{border:2px solid #ee4433;}
.catagory li a img{ width:100%; height:auto; vertical-align:top;}
.catagory li span{ display:block; padding:11px 10px;}
.catagory li .addcart{color:#fff; font-family:"calibribold"; text-decoration:underline; }

.address{ float:left; width:45%;}
.address h3{font-size:22px; line-height:26px; padding-top:10px; color:#fff;}
.address p{padding-bottom:10px; font-size:17px; line-height:22px;}
.address p a{color:#fff; font-family:"calibribold"; text-decoration:underline;}
.address p a:hover{text-decoration:none;}
.google_map {float:right; border:1px solid #fff; width:51%; overflow: hidden; position: relative; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); height:400px;}

.inquiry .fl{ float:left; width:48%;}
.inquiry .fr{ float:right; width:48%;}
#form1 label {display: inline-block; font-size:15px; position: relative; color:#ffd3cf; padding:0px;}
#form1 input[type="text"] ,#form1 input[type="password"], #form1 input[type="tel"], #form1 input[type="email"], #form1 textarea{background:#c72919; margin:0px 0 10px; color: #ffd3cf;  font-size: 15px;  height:30px; outline:none; border:0; padding:0px; position: relative; display:inline-block; width:100%;}
#form1 textarea{height:60px; line-height:20px; overflow:auto; resize:none;}

.submit {background: #fff; color: #c12516; font: normal 16px/36px "calibri MS", sans-serif; padding: 0 15px; display:inline-block;}

.holder { text-align:right;}
.holder a {background-color:#ee4433; font-size:14px; cursor:pointer; display:inline-block; padding:0 10px; height:28px; line-height:28px; margin:0 3px; color:#fff;}
.holder a:hover {background-color:#fff; color:#000;}
.holder a.jp-previous {margin-right:10px;}
.holder a.jp-next {margin-left:10px;}
.holder a.jp-current,a.jp-current:hover {color:#000; background-color:#fff;}
.holder a.jp-disabled,a.jp-disabled:hover {color:#bbb;}
.holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover { cursor:default;}
.holder span { margin: 0 7px; display:inline-block;}

.tab {float:left;}
.tab a {background-color:#ee4433; font-size:14px; cursor:pointer; padding:0 10px; display:inline-block; height:28px; line-height:28px; margin:0 3px; color:#fff;}
.tab a:hover, .tab a.current {background-color:#fff; color:#000;}


#form1 label.error {
    display: block;
}