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

@import url("fontface.css");


/*	-----------------------------------------------
	Global
	----------------------------------------------- */
	* {margin: 0; padding: 0;}
	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, span.block {display: block;}
	html, body {height: 100%;}
		body{-webkit-font-smoothing: antialiased;}
	body {line-height: 1;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	form {font-size: 16px;}
	input[type="text"], input[type="password"], input[type="email"], textarea, select, a {outline: none;}



/*	-----------------------------------------------
	Basic Styles
	----------------------------------------------- */
	body {background: #fff; min-width: 1024px; font-family: 'Arimo', Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; color: #646464;}
	body.inner {background: #fff;}
	img, form {outline: none;}
	textarea {resize: none;}
	.hide {display: none;}



/*	-----------------------------------------------
	Header Properties
	----------------------------------------------- */
	h1, h2, h3, h4, h5, h6 {font-family: 'Arimo-Bold', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0; line-height: 1; text-transform: uppercase;}
	h2, h3 {font-size: 1.5em;}
	h3 {font-family: 'Arimo';}
	h4 {font-size: 1em;}
	


/*	-----------------------------------------------
	Paragraph, Scaling and Horizontal line
	----------------------------------------------- */
	p {line-height: 1.5; margin-bottom: 15px;}
	p:last-child {margin-bottom: 0;}
	p.none {line-height: 1px;}
	
	.hr-1 {background: url(../../images/seprator.png) no-repeat; height: 13px; margin-bottom: 25px; font-size: 1px!important;}/* for 1px border */
	
	.margin-top-10 {margin-top: 20px}
	.margin-btm-10 {margin-bottom: 10px; }
	.margin-right-10 {margin-right: 10px;}
	.margin-left-10 {margin-left: 10px;}
	
	.nomargin {margin: 0!important;}
	.nopadding {padding: 0!important;}
	
	.padding-top-10 {padding-top: 10px;}
	.padding-btm-10 {padding-bottom: 10px;}
	.padding-right-10 {padding-right: 10px;}
	.padding-left-10 {padding-left: 10px;}



/*	-----------------------------------------------
	List and Link properties
	----------------------------------------------- */
	ul, li {list-style-type: none;}
	ul, ol {min-height: 10px;}
	ol {list-style: decimal;}
	
	a {text-decoration: none;}
	a:hover {text-decoration: none;}



/*	-----------------------------------------------
	text color, style and size
	----------------------------------------------- */
	.style-1 {font-size: 12px;}
	
	.bold-txt, strong {font-family: 'Arimo-Bold'; font-weight:normal;}
	.normal-txt {font-weight: normal;}
	.italic-txt {font-style: italic;}
	
	.txt-14 {font-size: 14px;}



/*	-----------------------------------------------
	Alignment
	----------------------------------------------- */
	.align-left {text-align: left;}
	.align-right {text-align: right;}
	
	.flt-left {float: left;}
	.flt-right {float: right;}
	.no-flt {float: none!important;}
	
	

/*	-----------------------------------------------
	Images
	----------------------------------------------- */
	img.scale-with-grid {
		max-width: 100%;
		height: auto; }



/*	-----------------------------------------------
	Clearing
	----------------------------------------------- */

    /* Self Clearing Goodness */
    #Wrapper:after,
	#Header:after,
	#Header .right-col ul.top:after,
	#Header .right-col ul.nav:after,
	ul#home-cat:after,
	#mid-bar .main:after,
	#footer .top:after,
	#footer .bottom:after,
	#listing ul.subnav:after,
	#listing .pro-cat ul:after,
	#footer-inner .top:after,
	#footer-inner .bottom:after,
	#listing .pro-details:after,
	#listing .pro-details .gallery .selection:after,
	#listing .pro-details .gallery .selection .left .holder:after,
	#listing .pro-details .gallery .selection .left .holder .right-col ul.size:after,
	#listing .pro-details .gallery .price ul:after,
	#listing .available ul:after,
	#listing .recent ul:after,
	#about ul.subnav:after,
	#about .holder:after,
	#about .holder .gallery .row:after,
	#store .subnav:after,
	#store .subnav ul:after,
	#store ul.location li:after,
	#toolbar:after,
	#toolbar ul.top li:after,
	#Header .logo-area:after,
	#Header .right-col ul.nav:after,
	ul.pagination:after,
	#pro-nav ul.pro-title:after,
	#mid-bar .main .latest .content .title-head:after,
	#footer .bottom .foot:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before, .clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
    .row:after .clearfix:after {clear: both;}
    .clearfix {zoom: 1;}

    /* You can also use a <br class="fix" /> to clear columns */
    .fix {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}