/*

Theme Name: KCreatronics-HCQGS

Theme URI: http://kcreatronics.com/

Description: Theme specialized for this project ONLY within approved license.

Author: kreeze

Author URI: http://kcreatronics.com/

Version: 1.0

Tags: None



License:

License URI:



General comments (optional).

*/



/*	

	============================================================================================================================================

																	START

	============================================================================================================================================

*/



	body {

		font-size: 18px;

		overflow: hidden;

		-webkit-text-size-adjust:100%;

		font-family:LatoLight, 'Segoe UI Light', 'HelveticaNeue-Light', 'Helvetica-Light', '\5FAE\8EDF\6B63\9ED1\9AD4', '\5FAE\8F6F\96C5\9ED1', 'STHeitiTC-Light', STXihei, 'Helvetica Neue', Helvetica, Arial, sans-serif;

	}

	#fsn {

		visibility: hidden;

	}



/*	

	------------------------------------------------------

						TEXT

	------------------------------------------------------

*/



	h1 {

		font-size: 24px;

		line-height: 38px;

		text-transform: uppercase;

		font-weight: 300;

		color:#AA27AA;

		display:inline;

	}

	h2{

		font-size: 20px;

		line-height: 20px;

		text-transform: uppercase;

		font-weight: 300;

		margin-bottom: 20px;

		display:inline;

		color:#683D76;

	}

	.content p, .content2 p {

		width:793px;

		margin:0 auto;

		font-size:13px;

		line-height:22px;

		color:#ddd;

	}

	strong {

	}

	em {

		font-weight: 300;

	}

	p {

		margin-bottom: 15px;

	}

	a {

		text-decoration: none;

		color: #fff;

	}

	a.blue {

		background: #00AEA8;

		padding: 0 6px;

	}

	a.red {

		background: #d1281f;

		padding: 0 6px;

	}

	.quote {

		font-weight: 400;

	}



/*	

	------------------------------------------------------

						ALTRO

	------------------------------------------------------

*/	



	.clear {

		clear: both;

	}

	.keyboard {

		position: absolute;

		bottom: 42px;

		right: 15px;

		z-index: 1000;

	}

	.keyboard img {

		vertical-align: middle;

	}

	pre.prettyprint {

		font-size: 12px;

		line-height: 16px;

		border: none;

		padding: 15px;

		background: url(images/code.png) left top repeat;

		-moz-tab-size: 3;

		-o-tab-size: 3;

		tab-size: 3;

		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);

		border-radius: 2px;

	}

	code.prettyprint {

		font-size: 12px;

		line-height: 12px;

		border: none;

		padding: 3px 6px;

		margin: 0 4px;

		background: url(images/code.png) left top repeat;

		-moz-tab-size: 3;

		-o-tab-size: 3;

		tab-size: 3;

		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);

		border-radius: 2px;

	}

	.prettyprint.distance {

		margin-bottom: 15px;

	}

	

	div.note {

		padding: 8px;

		position: relative;

		display: block;

		margin-bottom: 15px;

	}

	div.note .text {

		position: relative;

		z-index: 200;

		font-size: 15px;

		line-height: 17px;

		font-weight: 300;

	}

	div.note .bg {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: #00AEA8;

		z-index: 100;

		opacity: 0.5;

		border-radius: 2px;

	}

	

	.example-scroll {

		font-size: 12px;

		line-height: 15px;

		color: #eee;

		position: relative;

	}

	

/*	

	============================================================================================================================================

																	HEAD

	============================================================================================================================================

*/

	header {

	}

	.fsn-bar {

		background: #222 url(images/bg_menu.png);

		box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);

		overflow: hidden;

	}

	.fsn-bar .bar-body {

		width: 980px;

		margin: 0 auto;

	}

	

/*	

	------------------------------------------------------

						MENU

	------------------------------------------------------

*/

	

	

	.menu .fsn-menu-item {

		float: left;

	}

	.menu .fsn-menu-item.right {

		float: right;

	}

	.menu .fsn-menu-item span,

	.menu .fsn-menu-item a {

		color: #a9a9a9;

		text-transform: uppercase;

		font-size: 13px;

		line-height: 13px;

		padding: 14px 22px;

		display: block;

	}

	.menu .fsn-menu-item.fsn-current {

		background: #00AEA8;

	}

	.menu .fsn-menu-item:hover a,

	.menu .fsn-menu-item:hover span {

		color: #ccc;

	}

	.menu .fsn-menu-item.fsn-current span {

		color: #fff;

	}

/*	

	============================================================================================================================================

																	CONTENT

	============================================================================================================================================

*/

	.content {

		margin:0 auto;

		margin-top:10%;

		width:980px;

		height:138px;

		background:url(images/content_bg1.png) center bottom no-repeat;

	}

	.content2 {

		margin:0 auto;

		margin-top:7%;

		width:980px;

		height:227px;

		background:url(images/content_bg2.png) center bottom no-repeat;

	}

	.content span, .content2 span {

		display:block;

		padding:10px 0 11px 55px;

	}

	.content-left {

		float: left;

		width: 400px;

		padding-top: 30px;

		text-align:center;

	}

	.content-right {

		float: right;

		width: 580px;

		padding-top: 30px;

		font-size:12px;

		text-align:left;

		line-height:24px;

	}

	.content-left.s2 {

		float: left;

		width: 340px;

	}

	.content-right.s2 {

		float: right;

		width: 640px;

	}

	

	.content-left .image {

		margin-top: 5px;

	}

	

	.inspiration_3_layout {

		width:980px;

		margin:0 auto;

	}

	

	.video {

	}

	

	.span4 p {

		font-size:12px;

	}

	

	.trend {

		width:980px;

		margin:0 auto;

	}

	

	.trend_category span {

		padding:0 10px;

		cursor:pointer;

		color:#AAA;

	}

	

	.trend_category span:hover {

		color:#FFF;

	}
	
		.classic {

		width:980px;

		margin:0 auto;

	}

	

	.classic_category span {

		padding:0 10px;

		cursor:pointer;

		color:#AAA;

	}

	

	.classic_category span:hover {

		color:#FFF;

	}
	
	.offering {

		width:980px;

		margin:0 auto;

	}

	

	.offering_category span {

		padding:0 10px;

		cursor:pointer;

		color:#AAA;

	}

	

	.offering_category span:hover {

		color:#FFF;

	}

	

	.material_layout {

		width:980px;

		margin:0 auto;

	}

	

	.museum {

		width:980px;

		margin:0 auto;

	}

	

	.museum_category span {

		padding:0 10px;

		cursor:pointer;

		color:#AAA;

	}

	

	.museum_category span:hover {

		color:#FFF;

	}

	

	.content-right .acquaintance-left {

		float:left;

		width:340px;

	}

	

	.content-right .acquaintance-right {

		float:right;

		width:210px;

	}

	



/*	

	------------------------------------------------------

						DOTS

	------------------------------------------------------

*/

	

	.fsn-dots .fsn-dots-item {

		background: #fff;

		opacity: 0.3;

		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);

		-MS-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);

	}

	.fsn-dots .fsn-dots-item:hover {

		opacity: 0.4;

		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 40);

		-MS-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 40);

	}

	.fsn-dots .fsn-dots-item.fsn-current {

		background: #fff;

		opacity: 0.9;

		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);

		-MS-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);

	}

	

/*	

	------------------------------------------------------

						NAVIGATION ARROWS

	------------------------------------------------------

*/

	

	.fsn-navigation-arrow {

		background-image: url(images/arrows.png);

	}

	.fsn-navigation-arrow.left {

		background-position: left top;

	}

	.fsn-navigation-arrow.right {

		background-position: right top;

	}

	

/*	

	------------------------------------------------------

						PAGES

	------------------------------------------------------

*/

	

	.fsn-page-body {

		color: #fff;

	}	

	.fsn-page {

		background-color: #222;

	}

	.slogan {

		float:left;

		display:block;

		position:relative;

		top:50px;

		left:60px;

		width:435px;

		height:73px;

		background: url(images/slogan.png);

	}

	

	.slogan:hover {

		background: url(images/slogan.png) 0 73px;

	}

	

/*	

	============================================================================================================================================

																	FOOTER

	============================================================================================================================================

*/



	.fsn-footer {

		background: #1a1a1a url(images/bg_menu.png);

		overflow: hidden;

	}

	.fsn-footer .footer-body {

		width: 980px;

		margin: 0 auto;

		height:35px;

	}

	.fsn-footer .footer-body p {

		margin: 0;

		font-size: 11px;

		line-height: 35px;

		color: #fff;

		text-align: center;

	}

	.fsn-footer .footer-body p:hover {

		color:#8e3182;

	}

	.footer-tab {

		float:left;

		height:35px;

		background:url(images/footer_arrow.png) center right no-repeat;

	}

	.favorite {

		width:34px;

		height:35px;

		float:right;

		background:#555 url(images/footer_star.png) center no-repeat;

	}

	.fsn-footer .footer-body .divide {

		width:1px;

		border-left:#555 solid 1px;

		margin-left:10px;

		height:35px;

		float:left;

	}

	.fsn-footer .footer-body a {

		color: #888;

	}

	.fsn-footer .footer-body a:hover {

		text-decoration: none;

	}