/*
			WELCOME TO THE BESE.CSS !
			________________________________________________________________________________________________			
			-REFER TO THE DOCUMENTATION TO LEARN MORE ABOUT PREMADE CLASSES.
			-PLEASE LET US KNOW IF YOU FIND A BUG/CROSS-BROWSER ISSUE.
			-IF YOU HAVE ANY QUESTIONS ABOUT THIS TEMPLATE, FEEL FREE TO CONTACT US:			
			-http://themeforest.net/user/demention
	
			________________________________________________________________________________________________				
			demention Framework 	v1.1.5 
			GearBox HTML template	v1.5.4	| Copyright (c) 2012 demention. All rights reserved. 
			________________________________________________________________________________________________
	
					THE WAY	---- >	:)

					01. RESET
					02. GLOBAL/BASE STYLES
					03. demention Grid v1.0b
					04. BASIC LAYOUT AND MAIN NAVIGATION
					05. JAVASCRIPT DRIVEN
					06. GLOBAL/PAGE RELATED STYLES
						06.0 HOMEPAGE
						06.1 BLOG
						06.2 CONTACT FORM
						06.3 GALLERY
						06.4 PRICING TABLES
						06.5 WIDGETS
						06.6 MISC
					07. OPTIMIZATIONS FOR DIFFERENT SCREEN SIZES AND DEVICES
	
__________________________________________________________________________________________________________

	[1.0]	RESET 
	****************
	-Based on :http://meyerweb.com/eric/tools/css/reset/ 
________________________________________________________________________________________________________*/
 
	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,
	 caption, tbody, tfoot, thead,  th, 
	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;
	}
	
	p {
		margin-bottom: 0px;
		line-height:25px;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	
	body {line-height: 1;}
	
	ol, ul {list-style: none;}
	
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	button, input, select, textarea { margin: 0; } 
	
	/*get rid of browser's default outline */
	:focus {outline:0}
	
	/*tap heightlight color on iOS-Safari/webkit*/
	a:link { -webkit-tap-highlight-color: #FF5E99;}	
	
	/*Make buttons play nice in IE */
	button { width: auto; overflow: visible; }

/*	END MAIN [1.0] RESET
__________________________________________________________________________________________________________*/
/*2016新加*/
body>header{background:#282A5A;margin-bottom:20px;border-bottom:2px solid #F1F4F6}
body>header .container+.container{overflow:visible}
#header-logo{float:left;border-top:3px solid transparent;padding-top:12px}
#header-logo:hover{opacity:0.9}

.header-contact{padding:14px 0 14px 260px}
.header-contact>span{display:block}
@media all and (max-width:700px){.header-contact{padding:44px 0 14px 260px}
}
@media all and (max-width:420px){#header-logo{float:none;width:100% !important;max-width:100% !important}
.header-contact{padding:4px 0 14px 0}
}

#global-search{display:inline-block;position:absolute}
#global-search select,#global-search .button{padding:5px 10px;border:none;text-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
#global-search select{background:#3C3E6F}
#customer-login input[type="password"],#customer-login input[type="text"]{background-color:#1D2622;padding:5px 10px 5px 25px;box-shadow:0 0 1px rgba(255,255,255,0.3)}
#global-search .button{padding:8px 12px;background:#1D1D1D}
.js #global-search button{display:none !important}
.no-js #global-search button{display:inline-block !important}
.no-js #global-search input[type="text"]{margin-right:5px;width:72px}
.search::-webkit-input-placeholder{text-shadow:none}
.search::-moz-input-placeholder{text-shadow:none}
.search::-ms-input-placeholder{text-shadow:none}
.search::-o-input-placeholder{text-shadow:none}
.search::input-placeholder{text-shadow:none}

.headline h1,.overline,h1.overline,h2.overline,h3.overline,h4.overline,h5.overline,h6.overline,span.overline,p.overline{font-size:12px !important;font-weight:normal;color:#444C54 !important;margin:0 0 15px 0 !important;padding:0 !important}
.headline-h2,h1.headline-h2,h2.headline-h2,h3.headline-h2
h4.headline-h2,h5.headline-h2,h6.headline-h2,span.headline-h2,p.headline-h2{font-weight:bold}
.headline,h1.headline,h2.headline,h3.headline,h4.headline,h5.headline,h6.headline,span.headline,p.headline{font-size:20px !important;color:#444C54 !important}
.subheadline,h1.subheadline,h2.subheadline,h3.subheadline,h4.subheadline,h5.subheadline,h6.subheadline,span.subheadline,p.subheadline{font-size:16px !important;color:#545D66 !important}
.gray-text,p.gray-text{}
.service-headline,p.service-headline,h1.service-headline,h2.service-headline,h3.service-headline{margin-bottom:0px !important;-moz-transition:0.2s ease-in all;-webkit-transition:0.2s ease-in all;-ms-transition:0.2s ease-in all;-o-transition:0.2s ease-in all;transition:0.2s ease-in all;font-size:20px;font-weight:normal;color:rgb(84,93,102)}
.service-headline:hover{color:#161C19 !important}
/*2016新加*/
/*_________________________________________________________________________________________________________	
	
	[2.0]	GLOBAL STYLING
	************************
_________________________________________________________________________________________________________*/


/*Text selection color */ 
	::-moz-selection		{background:#EC5D27; color:white; text-shadow:none !important;} 
	::selection 			{background:#EC5D27; color:white; text-shadow:none !important;}

	
/*START Typography */

	body{ 
		font: 12px/1.28,Arial,Verdana ,sans-serif; /*default*/
		color:#5E656D;
	} 
	 
	h1,h2,h3,h4,h5,h6 {
		font-weight:normal;
		margin-bottom:12px;
	}
	
	/*use .h1 ... .h6 css classes if you want to change the font size+color without changing the element's semantic meaning*/
	.sub-title {font-size:12px;}
	h1,.h1	{font-size:20px;	color:#444C54;}
	h2,.h2	{font-size:18px;	color:#545D66;}
	h3,.h3	{font-size:15px; 	color:#4F4F4F;}
	h4,.h4	{font-size:14px; 	color:#4C4C4C;}
	h5,.h5	{font-size:14px; 	color:#626C72;}
	h6,.h6	{font-size:13px; 	color:#4F4F4F;}
	
	/* START title formats --also see the related font css*/
	
		/*sub-title*/
		.sub-title,.post-info {
			color:#919699;
			margin-top:-12px;
			display:block;
			margin-bottom:12px;
		}	

		
		/*title-format-1*/	
		.section-title{font-weight:bold;color:#545E68;font-size:14px;}
		.widget .title,
		.title-format-1{
			font-weight:bold;
			text-transform:uppercase;
			color:#545E68;
			font-size:12px;
			text-shadow:0 1px 1px rgba(255,255,255,0.4);
			font-family:'Droid Sans', sans-serif; /*default*/
		}
		
		/*title-format-2*/
		.demention-caption .title,
		.title-format-2 {
			font-weight:normal;
			letter-spacing:-1px;
			font-family:'Droid Serif', serif; /*default*/
		}	

		/*title-format-3*/
		.sub-title,
		thead,
		#page-header .title,#page-header .sub,
		.accordion .header,.tabbed .tabs ,
		.success .title,.info .title,.alert .title,.error .title,.notes .title,
		blockquote,
		.pricing.box .title, .pricing.box .price small,
		.comment .name,
		.twitterStatus,
		.title-format-3{
			font-style:italic;
			font-weight:normal;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			font-family: Georgia,Serif; /*default*/			
		}

		/*section-title*/
		.section-title {
			border-bottom: 1px solid #D7DBDD;
			margin: 30px 0 30px;
			padding:8px 0;
			color:#545E68;							
			position:relative;	
			font-size: 13px;			
		}
			.section-title:first-letter {color:#898F93;}		
			
			.line-effect{
				position:absolute;
				background:orange;
				height:2px;
				width:2%;
				bottom:-1px;
				left:0;
				display:block;
			}
				section:hover .line-effect{
					width:100%;
					background:#EDF0F2;
				}		

	/* END title formats*/

	
	/*Custom font sizes*/
	.f-11 		{font-size:11px;}
	.f-12		{font-size:12px;}
	.f-13		{font-size:13px;}
	.f-15		{font-size:15px;}
	.f-17 		{font-size:17px;}
	.f-20 		{font-size:20px;}
	.f-24 		{font-size:24px;}
	.f-27 		{font-size:27px;}
	.f-35 		{font-size:35px;}
	.f-45 		{font-size:45px;}
	.f-50 		{font-size:50px;}
	.f-60 		{font-size:60px;}
	
	.hide-text {text-indent:-999em;}
	
	
	
	strong ,b,.bold 	{font-weight:bold;}
	strong 				{color:#3A3A3A;}
	em, i, cite,.italic {
		font-style: italic; 
		font-family: georgia;
	}
	cite {
		font-size:80%;
		color:#75828C;
	}
	small,.small		{font-size:70%;}
	
	.f-weight-normal {font-weight: normal !important;}
	.f-style-normal	 {font-style: normal !important;}
	
	
	abbr[title], dfn[title],
	.more-info{
		border-bottom:2px dotted gray;
		cursor:help;
		color:black;
	}	
	
	blockquote {
		font-size:15px;
		color:#626B72;
		padding:0 10px 20px 27px;
		margin-bottom:15px;
		position:relative;
	}
		blockquote:after {
			position:absolute;
			content:'"';
			font-size:40px;
			color:#D0D9E0;
			width: 50px;
			top:-5px;
			left:0;
			font-family:arial;
		}
		
		blockquote p {margin-bottom:10px;}
	
	figure {margin:10px 0;}
	
	code,pre{
		background:#43474F;
		color:white;
		font-family:monospace,consolas,sans-serif;
		font-weight:normal;
		font-style:normal;		
		text-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
	}

	pre{
		margin:5px 0 20px 0;
		line-height:1.3em;	
		padding:8px 10px;
		overflow:auto;
	}

	code {
		padding:0 8px;
		line-height:1.5;
	}
	
	mark,.mark{
		padding:1px 6px;
		margin:0 2px;
		color:black;
		background:#FFD700;
	}
		
	address {margin:10px 0}
	
	sup {
		vertical-align: super;
		font-size: smaller;
	}
	sub {
		vertical-align: sub;
		font-size: smaller;
	}	

	
	a {
		text-decoration:none;
		color:#C7C4C4;

	}
	/*
	a:hover {color:#000000;}
	a:link, a:visited, a:active {text-decoration: none;}
	*/
	
	
	.mark-links a:not(.button):not(.image){
		background:rgba(255,221,2,0.3); 
		text-decoration: underline;
	}
	.mark-links a:not(.button):not(.image):hover{background:rgba(255,221,2,0.3);}
	
	.no-link-color a {color:inherit;}
	
	.underline 	{text-decoration: underline !important;}
	
	.center-text,
	.center-image{text-align:center;}	
	
	.lowercase	{text-transform: lowercase;}
	.uppercase	{text-transform: uppercase;}

	
	.dropcap{
		background: none repeat scroll 0 0 #8A97A4;
		color: white;
		display: block;
		float: left;
		font-size:30px;
		line-height: 42px;
		margin: 3px 5px -3px 0;
		text-align: center;
		width: 42px;
	}	
	
	:target {
		border-top: 5px solid #D84E08;
		padding-top: 20px;
	}


	/*START alert boxes*/
	
	.success,
	.info,
	.alert,
	.error,
	.notes{
		padding:10px 15px 10px 37px;
		margin:0 auto 25px auto;
		color:rgba(0,0,0,0.5);		
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
		
		-moz-box-shadow		:0 1px 1px rgba(0, 0, 0, 0.09) inset ,0 -1px 1px rgba(0, 0, 0, 0.02) inset;
		-webkit-box-shadow	:0 1px 1px rgba(0, 0, 0, 0.09) inset ,0 -1px 1px rgba(0, 0, 0, 0.02) inset;
		box-shadow			:0 1px 1px rgba(0, 0, 0, 0.09) inset ,0 -1px 1px rgba(0, 0, 0, 0.02) inset;
		
		-moz-border-radius		: 6px 6px 6px 6px;
		-webkit-border-radius	: 6px 6px 6px 6px;
		border-radius			: 6px 6px 6px 6px;
	}
		.success .title,
		.info .title,
		.alert .title,
		.error .title{
			font-size:14px;
			font-weight:normal;
			margin:0 0 4px -30px;		
			padding-left:30px;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		}	
		
		.success .title + *,
		.info .title + *,
		.alert .title + *,
		.error .title + *,
		.notes .title + *{
			margin-bottom:7px;
		}	
				
		
	.success{background:url(../images/base/success.png) no-repeat scroll 10px 10px #f0ffe1;}	
		.success .title {color:#3f6509;	}
	
	.info{background:url(../images/base/info.png) no-repeat scroll 10px 10px #E3F4FC;}	
		.info .title {color:#02AFFF;}		
		
	.alert{background:url(../images/base/alert.png) no-repeat scroll 10px 10px #FDF0A8;}	
		.alert .title {color:#bd8100;}			
	
	.notes{background:#FDF0A8;}		
		.notes .title {color:#bd8100;}

	.error{background:url(../images/base/error.png) no-repeat scroll 10px 10px #FCE1DC;}	
		.error .title {color:#ff2602;}

	.notes {padding:15px 20px;}

	/*rgba fallback*/
	.old-browser .alert ul li,
	.old-browser .notes ul li {border-color:#F2E3A2;}	
	
	/*END alert boxes*/
		
	
/*END Typography */



/*START positioning */ 

	.left ,.semi-left {float:left;} 
	.right,.semi-right{float:right;}
	
	/*these force-left and .force-right classes are important for demention Grid's basic source-order indipendant positioning*/
	.force-left			{float:left !important; } 
	.force-right		{float:right !important; }

	.hidden 			{display:none;}
	.show, .block		{display:block;}
	.inline-block 		{display:inline-block;}
	.inline 			{display:inline;}
	
	.overflow-hidden	{overflow:hidden;}
	.overflow-visible	{overflow:visible !important;}

/*END positioning */ 


/*START clearfix

	 Clearfix - based on http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
	.clearfix:before,.container:before,.row:before,.box:before,body:before, header:before,.slides:before,	
	.clearfix:after,.container:after,.row:after,.box:after,body:after, header:after,.slides:after	{content: "."; display: block; height: 0; overflow: hidden;}
	.clearfix:after,.container:after,.row:after,.box:after,body:after, header:after,.slides:after	{clear: both;}					

	/*"Manual" clearing */
	.clear { clear:both;}

/*END clearfix */ 
	
	
/*START form elements*/

	input,textarea,select {
		color			:#585F65;
		background		:#B2BBC1;
		padding		:6px 12px;
		text-shadow	:0 1px 1px rgba(255,255,255,0.4);
		border			:none;
		font-size		:12px;
		-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
		-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
		box-shadow			:0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);

	}

	textarea {
		overflow:auto;
		resize: vertical;
	}
	
	select {padding:12px 20px;	}

	input:focus,
	textarea:focus { background-color:#C4CDD3;} 
	
	/*searchbox */	
	input.search {			
		padding	:5px 10px 5px 25px;
		font-size	:100%;
		width		:120px;
		background-image :url(../images/base/search-icon.png);
		background-position:4px center;
		background-repeat: no-repeat;
	}	

	/*placeholder text color */
	::-webkit-input-placeholder {color:#585F65;text-shadow:0 1px 1px rgba(255,255,255,0.4);} /*they do*/
	::-moz-input-placeholder {color:#585F65;text-shadow:0 1px 1px rgba(255,255,255,0.4);} /*mm*/
	::-ms-input-placeholder {color:#585F65;text-shadow:0 1px 1px rgba(255,255,255,0.4);} /*IE 10 does*/
	::-o-input-placeholder {color:#585F65;text-shadow:0 1px 1px rgba(255,255,255,0.4);} /*will thay?*/
	::input-placeholder {color:#585F65;text-shadow:0 1px 1px rgba(255,255,255,0.4);}	
	
/*END form elements*/
	
	
/*START Magical Tables */
	
	table {
		width:100%;
		text-align:left;
		margin-bottom:25px;
		
	}
	
		thead {
			background:#F7F8F9;
			font-size:14px;
			color: #585F65;
		}

			table th ,table td {
				padding:3px 0px 1px 0px;
				/*text-align:left;*/
				line-height::20px;
				
			}
			
			thead th { padding:14px;}
			
			tbody th {
				font-weight:normal;
				border-bottom: 1px solid #F5F7F9;
			}

			th:nth-child(odd) {border-right: 2px solid #F5F7F9;}		
				
			tr:nth-child(odd) {background:transparent;}
			tr:nth-child(even) {background:#F9FBFC;}

/*END Tables*/


/*START Lists*/

	/*START basic list*/
	
	ul.list {margin-bottom:20px;}
	
		ul.list li{
			padding-top:5px;
			padding-bottom:5px;
			border-bottom:1px solid #E8EDEF; /*rgba fallback*/
			border-bottom:1px solid rgba(0, 0, 0, 0.06);
			line-height:30px;
		}
		ul.list li:last-child {border:none;}
		
			ul.list a {color:#424951;}		
		
			ul.list .current {border-top:2px solid;}
			
				ul.list .current > a {
					font-weight:bold;
					display:block;
				}
			
					ul.list ul {
						padding:5px 0 5px 10%;
						font-size:95%;
						margin-bottom:10px;
					}
				
				
	/*END basic list*/
	
				
	/*START List bullets*/

		/*List with Check marks*/
		ul.check li{
			background:url("../images/base/check.png") no-repeat scroll 4px 8px;
			padding-left:24px;
		}
			li.check {background:url("../images/base/check.png") no-repeat scroll 4px 8px !important;	padding-left:24px;}
			
		/*List with close marks*/
		ul.close li{
			background:url("../images/base/close.png") no-repeat scroll 4px 8px;
			padding-left:24px;
		}
			li.close {background:url("../images/base/close.png") no-repeat scroll 4px 8px !important;	padding-left:24px;}
			
		/*List with rounded bullets*/
		ul.circle li{
			background:url("../images/base/circle.png") no-repeat scroll 4px 8px;
			padding-left:24px;
		}
			li.circle {background:url("../images/base/circle.png") no-repeat scroll 4px 8px !important;	padding-left:24px;}
		
		/*List with numbers*/
		.decimal {list-style:decimal inside;}
		
		/*List with square bullets*/		
		.square {list-style:square inside;}
			
	/*END List bullets*/
	

	/*Add different colors for odd even list items*/	
	ul.zebra li:nth-child(2n)	{
		background-color:rgba(69, 88, 127, 0.02);
		border:none;
		padding-left:24px;
	}
	ul.zebra li:nth-child(2n+1)	{
		background-color:rgba(69, 88, 127, 0.06);
		border:none;
		padding-left:24px;
	}

/*END Lists*/

/*START dividers*/

	hr {
		border:none;	
		border-bottom:1px solid #E5E5E5;
		border-bottom:1px solid rgba(0,0,0,0.1);
		width:100%;
		margin:35px 0;
		clear:both;
		position:relative;
	}
		hr.h-1 {margin:10px 0}
		hr.h-2 {margin:20px 0}
		hr.h-3 {margin:30px 0}
		hr.h-4 {margin:40px 0}
	
	
	.divider-right	{
		border-right: 1px solid  #E8EDEF;
		padding-right:15px;
	}

	.divider-left{
		border-left: 1px solid  #E8EDEF;
		padding-left:15px;
	}

	.divider-top	{
		border-top: 1px solid  #E8EDEF;
		padding-top:15px;
	}
	
	.divider,
	.divider-bottom	{
		border-bottom: 1px solid  #E8EDEF;
		padding-bottom:15px;
	}
	
	.border-width-2 {border-width:2px;}
	.border-width-3 {border-width:3px;}
	.border-width-4 {border-width:4px;}
	.no-border {border:none !important;}
	
	/*border*/
	.border {border:1px solid}		
	
/*END dividers*/


/*START Global text/link/background colors*/ 

	.yellow	,
	.hover-yellow:hover		{background:#F9CF35 !important;} 
	.yellow-text,
	.hover-yellow-text:hover{color:#EAC23C !important;} 
	
	
	.orange,
	.hover-orange:hover		{background:#3C3E6F !important;} 
	.skin /*default color*/ {background:#3C3E6F;}
	
	.orange-text,
	.hover-orange-text:hover		{color:#D35506 !important;} 
	.skin-text/*default text color*/{color:#D35506; font-family:微软雅黑;} 
	
	.blue,
	.hover-blue:hover		{background:#3CABD1 !important;} 
	.blue-text,
	.hover-blue-text:hover	{color:#4292B5 !important;} 

	.green,
	.hover-green:hover	{background:#88C358 !important;} 
	.green-text,
	.hover-green-text:hover	{color:#6D9B4A !important;} 

	.gray,
	.hover-gray:hover	{background:#F4F6F7 !important;} 
	
	.gray-2,
	.hover-gray-2:hover	{background:#F1F4F6!important;} 
	
	.gray-3,
	.hover-gray-3:hover {background:#B1BABF!important;} 
	
	.gray-text,
	.hover-gray-text:hover	{color:#899299 !important;} 
	
	.white,
	.hover-white:hover		{background:#FCFCFC !important;} 
	.white-text,
	.hover-white-text:hover	{color:#F9F9F9 !important;} 

	.black,/*a cool black*/
	.hover-black:hover		 {background:#353D44 !important;} 
	.black-text,
	.hover-black-text:hover	 {color:#141414 !important;} 

	.smart-gray	,
	.hover-smart-gray:hover	{
		background:#F2F2F2; /*fallback for no-smart browsers*/
		background:rgba(69, 88, 127, 0.05);
	}
	
	.transparent {background:transparent !important;}

	
/*END Global text/link/background colors */ 	


/*START fontart*/

	.fontart-1	{text-shadow:0 1px 1px rgba(255, 255, 255, 0.3);}	
	.fontart-2,
	.fontart	{text-shadow:0 1px 0 rgba(0, 0, 0, 0.1), 0 0 4px rgba(255, 255, 255, 0.3);}
	.fontart-3	{text-shadow:1px 5px 10px white}
	.fontart-4	{text-shadow:0 1px 0 rgba(1, 1, 1, 0.8) , 0 0 1px rgba(255, 255, 255, 0.9) , 4px 5px 5px rgba(1, 1, 1, 0.7)}
	.fontart-5	{text-shadow:0 0 5px rgba(0, 0, 0, 0.8), 0 1px 0 rgba(1, 1, 1, 0.7)}
	.fontart-6	{text-shadow:0 3px 3px rgba(0,0,0,0.2); }
	.fontart-7	{text-shadow:0 1px 0 rgba(0,0,0,0.8); }
	.fontart-8	{text-shadow:0 0 4px rgba(255, 255, 255, 0.9);}
	.fontart-9	{text-shadow:0 1px 1px rgba(0, 0, 0, 0.2); }
	
	mark,
	.fontart-x1	{
		text-shadow:0 1px 0 rgba(255, 255, 255, 0.2) !important;
		color:#141414 !important;/*rgba fallback*/
		color:rgba(0,0,0,0.6) !important;
	}
	
/*END fontart */



/*START CSS columns */
	
	.css-col-2 {
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		
		column-count: 2; /*IE10 supports them ! */
		column-gap: 20px;		
	}

	.css-col-3 {
		-moz-column-count: 3;
		-moz-column-gap: 20px;
		
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		
		column-count: 3;
		column-gap: 20px;			
	}
	
/*END CSS columns */


/* START transitions */

	input, textarea, select,
	a:not(.no-transition), /*every link except the links with .no-transition*/
	.button, /*button default transition*/
	#fancybox-close ,
	.gallery-style-1 .g,.gallery-style-2 .g,
	.removable .demention-close-icon,
	.flickr *,
	.hover-skin-text,
	.gallery-style-1 .g,
	.gallery-style-2 .g,
	#navigation > ul > li:hover,
	#navigation ul ul a:hover,
	.preload-images img,
	.animate-bounce,
	
	.animate-all * ,
	.animate,.animated{
		-moz-transition			: 0.2s ease-in all;
		-webkit-transition		: 0.2s ease-in all;
		-ms-transition			: 0.2s ease-in all;
		-o-transition			: 0.2s ease-in all;
		transition				: 0.2s ease-in all;
	}
	
	
	#header-logo,
	.filling,.hiding,.image img, .preload-images .image img,
	.flex-direction-nav .prev,
	.social-connect *,
	.accordion .header,
	.accordion .header:after,
	.section-title:first-letter,
	.expandable .always-visible:after,
	.post > header .title:after,
	.flex-direction-nav, /* slider next ,prev arrows transition*/
	.flex-control-nav a, /*slider pagination*/	
	.tabbed .tabs [data-tab],
	.row > [class*='c-'],
	.post.excerpt,
	
	.animate-2{
		-moz-transition			: 0.5s ease-in all;
		-webkit-transition		: 0.5s ease-in all;
		-ms-transition			: 0.5s ease-in all;
		-o-transition			: 0.5s ease-in all;
		transition				: 0.5s ease-in all;

	}

	.line-effect, 
	.demention-caption,
	.flex-control-nav,
	.flex-direction-nav .next,
	[data-add-class],
	[data-remove-class],
	#navigation ul ul a,
	
	.animate-long{
		-moz-transition		:1s ease-out all 0.2s;
		-webkit-transition	:1s ease-out all 0.2s;
		-ms-transition		:1s ease-out all 0.2s;
		-o-transition		:1s ease-out all 0.2s;
		transition			:1s ease-out all 0.2s;				
	}	


	
	.fancybox:hover .zoom-icon,
	.animate-bounce:hover,
	#page .demention-caption-show,	
	.slider-holder:hover .flex-direction-nav li a,
	.image:hover .demention-caption	 , [data-image-caption]:hover .demention-caption{
		opacity:1;
		-moz-transition		: all 0.7s cubic-bezier(0.025, 1.205, 0.235, 1.070);
		-webkit-transition	: all 0.7s cubic-bezier(0.025, 1, 0.235, 1);
		-webkit-transition	: all 0.7s cubic-bezier(0.025, 1.205, 0.235, 1.070);
		-ms-transition		: all 0.7s cubic-bezier(0.025, 1.205, 0.235, 1.070);
		-o-transition		: all 0.7s cubic-bezier(0.025, 1.205, 0.235, 1.070);
        transition			: all 0.7s cubic-bezier(0.025, 1.205, 0.235, 1.070);	
	}		


/*END transitions*/



/*START buttons */

	.button /*the default look can be changed using other premade classes of the demention CSS3 frame.*/{
		display:inline-block;
		padding:6px 12px;
		color:white;
		color:rgba(255,255,255,0.85);
		font-weight:bold;
		font-size:12px;
		background:#8C959E;
		position:relative;
		text-shadow:0 1px 0 rgba(1, 1, 1, 0.1) , 0 0 6px rgba(255,255,255,0.5);
		border:none;
		border-bottom: 1px solid rgba(1, 1, 1, 0.15);
		border-right: 1px solid rgba(1, 1, 1, 0.07);
		cursor:pointer;
		-moz-box-shadow		:0 -2pX 3px rgba(0, 0, 0, 0.05) inset, 0 1px 1px rgba(255, 255, 255, 0.4);
		-webkit-box-shadow	:0 -2pX 3px rgba(0, 0, 0, 0.05) inset, 0 1px 1px rgba(255, 255, 255, 0.4);
		box-shadow			:0 -2pX 3px rgba(0, 0, 0, 0.05) inset, 0 1px 1px rgba(255, 255, 255, 0.4);
	}
	
		.button:hover{
			color:white;
			-moz-box-shadow		:0 1px 8px rgba(0, 0, 0, 0.3) inset;
			-webkit-box-shadow	:0 1px 8px rgba(0, 0, 0, 0.3) inset;
			box-shadow			:0 1px 8px rgba(0, 0, 0, 0.3) inset;	
			
		}
		.button:active{
			-moz-box-shadow		: 0 3px 4px rgba(0, 0, 0, 0.8) inset;
			-webkit-box-shadow	: 0 3px 4px rgba(0, 0, 0, 0.8) inset;
			box-shadow			: 0 3px 4px rgba(0, 0, 0, 0.8) inset;		
		}

		
	/*sizes optimized*/	
	.button.large {
		padding:14px 35px;
		font-size:18px;
	}	
	.button.medium {
		padding:7px 25px;
		font-size:15px;
	}
	.button.small {
		padding:3px 15px;
		font-size:10px;
	}
	
	.button.liquid {padding-left:15%; padding-right:15%;}


/*END buttons*/



/*user-select :none - avoids selecting text in an element*/
	.button,
	.demention-close-icon,
	.expandable .always-visible:after, .accordion .header:after,

	.no-user-select{
		-moz-user-select:none;
		-webkit-user-select:none;
		user-select:none;
	}


/*START box shadow*/

	.shadow{
		-moz-box-shadow		:0 1px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow	:0 1px 3px rgba(0, 0, 0, 0.2);
		box-shadow			:0 1px 3px rgba(0, 0, 0, 0.2);
	}


	tbody,
	.expandable .dropdown,
	.accordion .content,
	.tabbed > [data-tab],
	.shadow-2{
		-moz-box-shadow	  : 0 0 6px rgba(0, 0, 0, 0.04);
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.04);
		box-shadow		  : 0 0 6px rgba(0, 0, 0, 0.04);
	}
	
	#top-bar .content,
	.shadow-3{
		-moz-box-shadow	  : 0 0 12px rgba(0, 0, 0, 0.06);
		-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
		box-shadow		  : 0 0 12px rgba(0, 0, 0, 0.06);
	}

	
	#navigation ul ul,
	.tipsy-inner,
	.shadow-4 {
		-moz-box-shadow	  : 0 0 2px rgba(255, 255, 255, 0.2), 0 0 7px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.2), 0 0 7px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4);
		box-shadow		  : 0 0 2px rgba(255, 255, 255, 0.2), 0 0 7px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4);
	}
	
	.shadow-inner{
		-moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset,0 1px 1px rgba(255, 255, 255, 0.9);
		-webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset,0 1px 1px rgba(255, 255, 255, 0.9);
		box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset,0 1px 1px rgba(255, 255, 255, 0.9);
	}
	

/*END box shadow*/

	/*circles [.circle-element]*/	
	.social-connect li,
	.post > header .title:after,	
	.accordion .header:after,
	.expandable .always-visible:after,
	.demention-close-icon,
	.flex-control-nav li a,
	.circle-element{
		
		
		
	}
	
	.circle-element {
		height:40px;
		width:40px;
		padding:15px;
		display:block;
		
	}
		.small.circle-element {
			height:30px;
			width:30px;	
			padding:10px;			
		}
		
		.large.circle-element {
			height:65px;
			width:65px;			
		}

		
/*START rounded corners*/
	
	mark , .mark,
	input,textarea,select,
	code,pre,
	#navigation ul ul,
	.dropcap,
	.tipsy-inner,
	.tabbed, .expandable, .accordion,	
	.comment .avatar,
	.image.frame, .gallery-style-1 .g, .gallery-style-2 .g,
	.button,
	.rounded-2{
		-moz-border-radius	 :3px;
		-webkit-border-radius:3px;
		border-radius		 :3px;
	}

	.rounded{
		-moz-border-radius	 :6px;
		-webkit-border-radius:6px;
		border-radius		 :6px;
	}
	
	
	.rounded-fully{
		-moz-border-radius	 :800px;
		-webkit-border-radius:800px;
		border-radius		 :800px;

	}
	
/*END rounded corners*/



/*START image related styles*/


	/*images - make them fit to their containers*/
	img,video,object,embed	{max-width:100%;}

	/*img specific floating*/
	img.left,.image.left		{margin:1px 5px 1px 0;}
	img.right,.image.right		{margin:1px 0 1px 5px;}

	.image,
	[data-image-caption] {
		display:block;
		position:relative;
		overflow:hidden;
		line-height:0;
		margin-bottom:12px;
	}		
	.image.fit {display:inline-block;}
	
	
		.zoom-icon {
			display:block;
			width:40px; 
			height:40px;				
			position:absolute;
			left:-60px;
			top:-60px;
			opacity:0;
			z-index:2;	
			background:url(../images/base/zoom-icon.png) no-repeat center center;	
		}
			.fancybox:hover .zoom-icon {
				opacity:1;
				top:5px;
				left:5px;
			}
	
	
		
	/*START image caption*/

	.demention-caption{
		position:absolute;
		line-height: 1;
		text-align:left;
		z-index:2;
		font-size: 12px;
		opacity:0;
		top:auto;
		left:auto;
		bottom:-300px; /*webkit plays shit if you use percentage + integers together so we have to use an integer since the hover state contains an integer*/
		right:0;
		width:auto;
		height:auto;
		display:inline-block;			
		width:100%;
		color:#697075;
		background:white;
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
		border-top: 1px solid white;				
	}	
	
		.demention-caption > div {padding:15px 15px 35px 15px;overflow:hidden;}
		
			.demention-caption .title {
				margin-bottom:2px;
				color:#5E656B;
				font-size:17px;
				text-shadow: 0 0 3px rgba(255,255,255,0.8) , 0 0 5px rgba(255,255,255,0.6);
			}
		

			#page  .demention-caption-hide {bottom:-300px; /*it is logically correct if we use -100%  ,but webkit doesn't play nice with percentage + integers together*/}	
				
			#page  .demention-caption-show,	
			[data-image-caption]:hover .demention-caption,
			.image:hover .demention-caption {bottom:-20px;}
				
	
	/*fallbacks*/
	.no-rgba .demention-caption {opacity:0.9;}	
	
	
	
	/*END image caption*/	

	
	/*image frame */
	
		.image.frame,
		.gallery-style-1 .g {
			border:2px solid white;
			-moz-box-shadow		: 0 0 2px rgba(0, 0, 0, 0.35);
			-webkit-box-shadow	: 0 0 2px rgba(0, 0, 0, 0.35);
			box-shadow			: 0 0 2px rgba(0, 0, 0, 0.35);
		}
			/*fallback - no box shadow*/
			.no-boxshadow .image.frame,
			.no-boxshadow .gallery-style-1 .g {
				padding:2px;
				border:1px solid #D3D3D3;
			}
			
		.image cite {
			display: block;
			padding: 18px 12px;	
			max-width:80%;		
		}

/*END  image related styles*/ 

	
	
/*	END MAIN } [2.0] GLOBAL STYLES
__________________________________________________________________________________________________________*/




 
/*_______________________________________________________________________________________________________				

	[3.0]	demention Grid	v1.0b - Copyright 2011 Lakshan Danushka , demention . All rights reserved.
			REFER TO THE DOCUMENTATION FOR MORE INFO AND EXAMPLES .		
_________________________________________________________________________________________________________*/


	#page,.container { /* min-width , max-width and other customizations set in 'basic layout" section*/
		position:relative;	
		margin-right:auto;	
		margin-left:auto;	
		overflow:hidden;
	}
		
		.row	{position:relative;} 

		
	/*predefined gutter sizes*/
	.gutter-width-1 		{margin-left: -10px; margin-right: -10px;}
		.gutter-width-1 > * > .g {margin-left: 10px; margin-right: 10px;}

	.gutter-width-2 		{margin-left: -20px; margin-right: -20px;}
		.gutter-width-2 > * > .g {margin-left: 20px; margin-right: 20px;}

	.gutter-width-3 		{margin-left: -30px; margin-right: -30px;}
		.gutter-width-3 > * > .g {margin-left: 30px; margin-right: 30px;}

	.gutter-width-4 		{margin-left: -40px; margin-right: -40px;}
		.gutter-width-4 > * > .g {margin-left: 40px; margin-right: 40px;}			

	
	/*set columns float:left */
	.row > [class*='c-'] {	float:left; position:relative;}
	
	.g {display:block;}
		.g > .content {overflow:hidden;}

	/*columns*/
	.c-1-16				{width:6.25%;}	
	.c-1-12				{width:8.3333%;}
	.c-2-16				{width:12.5%;}
	.c-2-12				{width:16.6666%;}
	.c-3-16				{width:18.75%;}
	.c-1-5				{width:20%;}
	.c-4-16				{width:25%;}
	/*.c-3-12,.c-4-16 	{width:24%;}左侧宽度*/
	.c-3-12,.c-4-16 	{width:20%;border-right:0px solid #3C4843;}
	.c-5-16				{width:31.25%;}
	.c-4-12 			{width:33.3333%;}
	.c-6-16				{width:37.5%;}
	.c-2-5				{width:40%;}
	.c-5-12				{width:41.6666%;}
	.c-7-16				{width:43.75%;}
	.c-6-12,.c-8-16 	{width:50%;margin-top:20px;}
	.c-9-16				{width:56.25%;}
	.c-7-12				{width:58.3333%;}	
	.c-3-5				{width:60%;}
	.c-10-16			{width:62.5%;}
	.c-8-12 			{width:66.6666%;}
	.c-8-12				{width:66.6666%;}
	.c-11-16			{width:68.75%;}
	/*.c-9-12,.c-12-16	{width:75%;}右侧宽度*/
	.c-9-12,.c-12-16	{width:79%;}
	.c-4-5				{width:80%;}	
	.c-13-16			{width:81.25%;}
	.c-10-12			{width:83.3333%;}
	.c-14-16			{width:87.5%;}
	.c-11-12			{width:91.6666%;}
	.c-15-16			{width:93.75%;}
	
	/*offset */
	.offset-1-16				{padding-left:6.25%;}
	.offset-1-12				{padding-left:8.3333%;}
	.offset-2-16				{padding-left:12.5%;}
	.offset-2-12				{padding-left:16.6666%;}
	.offset-3-16				{padding-left:18.75%;}
	.offset-1-5					{padding-left:20%;}
	.offset-4-16				{padding-left:25%;}
	.offset-3-12,.offset-4-16 	{padding-left:25%;}
	.offset-5-16				{padding-left:31.25%;}
	.offset-4-12 				{padding-left:33.3333%;}
	.offset-6-16				{padding-left:37.5%;}
	.offset-2-5					{padding-left:40%;}
	.offset-5-12				{padding-left:41.6666%;}
	.offset-7-16				{padding-left:43.75%;}
	.offset-6-12,.offset-8-16 	{padding-left:50%;}
	.offset-9-16				{padding-left:56.25%;}
	.offset-7-12				{padding-left:58.3333%;}	
	.offset-3-5					{padding-left:60%;}
	.offset-10-16				{padding-left:62.5%;}
	.offset-8-12 				{padding-left:66.6666%;}
	.offset-8-12				{padding-left:66.6666%;}
	.offset-11-16				{padding-left:68.75%;}
	.offset-9-12,.offset-12-16	{padding-left:75%;}
	.offset-4-5					{padding-left:80%;}	
	.offset-13-16				{padding-left:81.25%;}
	.offset-10-12				{padding-left:83.3333%;}
	.offset-14-16				{padding-left:87.5%;}
	.offset-11-12				{padding-left:91.6666%;}
	.offset-15-16				{padding-left:93.75%;}
	

	/*push*/	
	.push-1-16				{left:6.25%;}
	.push-1-12				{left:8.3333%;}
	.push-2-16				{left:12.5%;}
	.push-2-12				{left:16.6666%;}
	.push-3-16				{left:18.75%;}
	.push-1-5				{left:20%;}
	.push-4-16				{left:25%;}
	.push-3-12,.push-4-16 	{left:25%;}
	.push-5-16				{left:31.25%;}
	.push-4-12 				{left:33.3333%;}
	.push-6-16				{left:37.5%;}
	.push-2-5				{left:40%;}
	.push-5-12				{left:41.6666%;}
	.push-7-16				{left:43.75%;}
	.push-6-12,.push-8-16 	{left:50%;}
	.push-9-16				{left:56.25%;}
	.push-7-12				{left:58.3333%;}	
	.push-3-5				{left:60%;}
	.push-10-16				{left:62.5%;}
	.push-8-12 				{left:66.6666%;}
	.push-8-12				{left:66.6666%;}
	.push-11-16				{left:68.75%;}
	.push-9-12,.push-12-16	{left:75%;}
	.push-4-5				{left:80%;}	
	.push-13-16				{left:81.25%;}
	.push-10-12				{left:83.3333%;}
	.push-14-16				{left:87.5%;}
	.push-11-12				{left:91.6666%;}
	.push-15-16				{left:93.75%;}
	
	/*pull*/
	.pull-1-16				{right:6.25%;}
	.pull-1-12				{right:8.3333%;}
	.pull-2-16				{right:12.5%;}
	.pull-2-12				{right:16.6666%;}
	.pull-3-16				{right:18.75%;}
	.pull-1-5				{right:20%;}
	.pull-4-16				{right:25%;}
	.pull-3-12,.pull-4-16 	{right:25%;}
	.pull-5-16				{right:31.25%;}
	.pull-4-12 				{right:33.3333%;}
	.pull-6-16				{right:37.5%;}
	.pull-2-5				{right:40%;}
	.pull-5-12				{right:41.6666%;}
	.pull-7-16				{right:43.75%;}
	.pull-6-12,.pull-8-16 	{right:50%;}
	.pull-9-16				{right:56.25%;}
	.pull-7-12				{right:58.3333%;}	
	.pull-3-5				{right:60%;}
	.pull-10-16				{right:62.5%;}
	.pull-8-12 				{right:66.6666%;}
	.pull-8-12				{right:66.6666%;}
	.pull-11-16				{right:68.75%;}
	.pull-9-12,.pull-12-16	{right:75%;}
	.pull-4-5				{right:80%;}	
	.pull-13-16				{right:81.25%;}
	.pull-10-12				{right:83.3333%;}
	.pull-14-16				{right:87.5%;}
	.pull-11-12				{right:91.6666%;}
	.pull-15-16				{right:93.75%;}

	/*Center a column (if it is the only column in that row)*/
	.centered,.center {	
		float:none !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}			

	
	/*HYBRID LAYOUTS --IN CASE YOU WANT FIXED+FLUID COMBINED ONES*/
	/*THEY ARE NOT SOURCE ORDER INDEPENDENT , AT THIS TIME*/
	
		.c-fluid{width:100%}
		
		.c-l1,.c-r1 {width:120px;}
		.c-l2,.c-r2 {width:180px;}
		.c-l3,.c-r3 {width:250px;}
		.c-l4,.c-r4 {width:300px;}
		
		.c-l1 {margin-left:-120px;}
		.c-l2 {margin-left:-180px;}
		.c-l3 {margin-left:-250px;}
		.c-l4 {margin-left:-300px;}

		.c-r1 {margin-right:-120px;}
		.c-r2 {margin-right:-180px;}
		.c-r3 {margin-right:-250px;}
		.c-r4 {margin-right:-300px;}

		/*add them to .row*/
		[class*='hybrid'][class*='-l1'] {padding-left:120px;}
		[class*='hybrid'][class*='-l2'] {padding-left:180px;}
		[class*='hybrid'][class*='-l3'] {padding-left:250px;}
		[class*='hybrid'][class*='-l4'] {padding-left:300px;}

		[class*='hybrid'][class*='-r1'] {padding-right:120px;}
		[class*='hybrid'][class*='-r2'] {padding-right:180px;}
		[class*='hybrid'][class*='-r3'] {padding-right:250px;}
		[class*='hybrid'][class*='-r4'] {padding-right:300px;}
		
		/*that way , you can write many combinations like hybrid-r1-l2 , hybrid-r2-l3 etc. */
		
	/*END HYBRID LAYOUTS*/

	
	
	/*IMPORTANT : THE BELLOW CLASSES ARE NOT A PART OF DEMENTION GRID. DO NOT ADD THEM TO COLUMN (c-*-*) ITSELF , ADD THEM TO INNER ELEMENTS INSTEAD. */
	/*predefined margins and paddings -- */
	
	/*margin*/
	.m-0 			{margin:0px;}
	.m-1 			{margin:10px;}
	.m-2,.m			{margin:20px;}
	.m-3			{margin:30px;}	
	.m-4			{margin:40px;}	
	
	.m-elastic			{margin:10% 20%;}	
	
	/*padding*/
	.p-1 			{padding:10px;}
	.p-2,.p 		{padding:20px;}
	.p-3 			{padding:30px;}
	.p-4 			{padding:40px;}
	
	.p-elastic 			{padding:10% 20%;}
	
	/*margin left*/
	.m-l-1 		 {margin-left:10px;}	
	.m-l-2 ,.m-l {margin-left:20px;}	
	.m-l-3		 {margin-left:30px;}	
	.m-l-4		 {margin-left:40px;}	
	
	/*margin right*/
	.m-r-1 		 {margin-right:10px;}	
	.m-r-2 ,.m-r {margin-right:20px;}	
	.m-r-3		 {margin-right:30px;}	
	.m-r-4		 {margin-right:40px;}		

	
	/*margin bottom*/
	.m-b-0 		 {margin-bottom:0px !important}	
	.m-b-1 		 {margin-bottom:10px}
	.m-b-2 ,.m-b {margin-bottom:20px}
	.m-b-3		 {margin-bottom:30px}	
	.m-b-4		 {margin-bottom:0px}	
	.m-b-5		 {margin-bottom:50px}	
	.m-b-6		 {margin-bottom:60px}	

	/*margin top */
	.m-t-0 		 {margin-top:0px !important}
	.m-t-1 		 {margin-top:10px}
	.m-t-2 ,.m-t {margin-top:20px}
	.m-t-3		 {margin-top:30px}	
	.m-t-4		 {margin-top:40px}		
	.m-t-5		 {margin-top:50px}		
	.m-t-6		 {margin-top:60px}		

	/*padding left*/
	.p-l-1 ,.p-l{padding-left:10px;}	
	.p-l-2 	{padding-left:20px;}	
	.p-l-3 	{padding-left:30px;}	
	.p-l-4 	{padding-left:40px;}	
	
	/*padding right*/
	.p-r-1		 {padding-right:10px;}	
	.p-r-2 ,.p-r {padding-right:20px;}	
	.p-r-3		 {padding-right:30px;}	
	.p-r-4		 {padding-right:40px;}	
	
	/*padding bottom*/
	.p-b-1		 {padding-bottom:10px;}	
	.p-b-2 ,.p-b {padding-bottom:20px;}	
	.p-b-3		 {padding-bottom:30px;}	
	.p-b-4		 {padding-bottom:40px;}	
	
	/*padding top*/
	.p-t-1		 {padding-top:10px;}	
	.p-t-2 ,.p-t {padding-top:20px;}	
	.p-t-3		 {padding-top:30px;}	
	.p-t-4		 {padding-top:40px;}		
	
	
/*	END MAIN  [3.0]	GRID
_________________________________________________________________________________________________________*/	
	
	
/*_______________________________________________________________________________________________________

	[4.0]	BASIC LAYOUT AND MAIN NAVIGATION	
	_____________________________________________
_________________________________________________________________________________________________________*/


	body {background:white;}

		/*START #top-bar*/
		
		#top-bar .content {
			background:white;
			padding:15px;
		}
			/*remove dafault :target border+padding*/
			#top-bar:target{
				border:none;
				padding-top:0;
			}
			/*no-js fallback*/
			.no-js #top-bar:target{display:block;}
			
		/*END #top-bar*/
		

		/*START header*/
		
		body > header{
			background:#282A5A;
			margin-bottom:20px;
			border-bottom:2px solid #F1F4F6;
		}
			body > header .container + .container {overflow:visible;} /*in order to display dropdowns*/
			
			/*logo*/
			#header-logo{
				float:left;
				border-top:3px solid transparent;
				padding-top:12px;
			}
				#header-logo:hover{opacity:0.9}

		/*END header*/
		
				
			/*START #navigation -- the main navigation with multi-level dropdown menus*/

			#navigation{
				margin:0px 0 5px 0;
				float:right;
				font-size:13px;				
				border-top:3px solid; 
				 
			}
				/*<select> visible on small screens*/
				#navigation select {display:none;}
				
				/*menu holder*/
				#navigation ul{float:left;}
					
					/*visible menu*/
			
					#navigation ul li{
						float:left;
						position:relative;	
						margin-top: -3px;
						
					}					
					
					#navigation > ul > li{
						border-top:3px solid transparent;
						font-weight:bold;
						padding-top:8px;
						font-family:"宋体";
						padding-bottom: 10px;
						
					}
						#navigation > ul > li:last-child {border-right:none;}
						
						#navigation > ul > li:hover{border-top-color:rgba(0,0,0,0.2);}
					
							/*visible menu links*/
							#navigation ul li a,
							#navigation ul li a:link,
							#navigation ul li a:visited{			 
								overflow:hidden;
								display: block;
								padding: 5px 12px ;
							}

							/*visible menu only link styles*/	
							#navigation > ul > li > a {
								color:#fff;		
								/*font-family: georgia;
								font-weight: normal;*/
								font-family:"宋体"; font-weight:bold;width:100px;text-align:center;
								
												
							}
								#navigation > ul > li > a:hover {color:#505A60;}									
						
						
						/*current menu item*/
						#navigation > ul > .current {border-top-color:rgba(0,0,0,0.3);}
							
							#navigation > ul > .current  a{
								background:transparent;
								color: #BFC5C9 !important;							
							}
								
						
							#navigation ul li li {margin-top: -2px;}

					/*dropdowns*/					

						/*first level*/
						#navigation ul ul {
							position:absolute;
							width:190px; /*p1*/
							padding:20px 0 25px 0;
							margin-top:7px; /*top margin*/
							z-index:400;
							font-size:12px;
							background:#282E33;
							background:rgba(14,19,22,0.92);
							text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
							color: #798189;							
							/*opacity transition*/
							 -moz-transition	: opacity 0.2s ease-in 0.3s;
							 -webkit-transition : opacity 0.2s ease-in 0.3s;
							 -ms-transition		: opacity 0.2s ease-in 0.3s;
							 -o-transition		: opacity 0.2s ease-in 0.3s;
							 transition			: opacity 0.2s ease-in 0.3s;	

						}	
								
							#navigation ul ul li{ padding:0; }	/*reset li padding */
							
								/*dropdown-list item*/			
								#navigation ul ul a, 
								#navigation ul ul a:link,
								#navigation ul ul a:visited{
									padding:9px 20px;/* p1*/
									position:relative;
									width:148px;/*148+2px border =  p1*/
									border-left:2px solid transparent;
									background:transparent;
									border-top		: 1px solid #2B3238;
									border-bottom	: 1px solid #21262B;
									border-top		: 1px solid rgba(0,0,0,0.3);									
									border-bottom	: 1px solid rgba(255,255,255,0.05);
									text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
									color:#fff;
									font-weight:normal;
									
									-moz-border-radius:0;
									-webkit-border-radius:0;
									border-radius:0;
									
								}
									#navigation ul ul li:first-child a {border-top:none;}
									#navigation ul ul li:last-child a {border-bottom:none;}
									
									 /* hove state of dropdown items */
									#navigation ul ul li a:hover {
										color: white;
										-moz-box-shadow:0 -1px 2px rgba(0, 0, 0, 0.3) inset;
										-webkit-box-shadow:0 -1px 2px rgba(0, 0, 0, 0.3) inset;
										box-shadow:0 -1px 2px rgba(0, 0, 0, 0.3) inset;							
									}
									
									/*current page*/
									#navigation ul ul .current > a {border-left-color:gray;}
									
									#navigation ul li li:hover > a{ /* hove state of dropdown items */
										background:#353535;
										background:rgba(0, 0, 0, 0.3);										
									}
						
						
							/*hide the first level dropdown*/					
							#navigation ul ul{
								opacity:0;
								left:-999em;								
							}													
								/*shows the first level dropdown*/					
								#navigation ul li:hover ul{
									left:auto;
									opacity:1;
									
								}
							
							
								/*dropdown level 2+*/						
								#navigation ul ul ul{
									top: -10px;
									background:rgba(14, 19, 22, 0.98);
								}
							
								/*hide dropdown lists --prevents default css behavior*/					
								#navigation li:hover ul ul,
								#navigation li:hover ul ul ul,
								#navigation li:hover ul ul ul ul{
									left:-999em;
									opacity:0; 
									visibility:hidden;
								}
							
								/*hide dropdown lists --prevents default css behavior*/					
								#navigation li:hover ul ul.right-side,
								#navigation li:hover ul ul ul.right-side,
								#navigation li:hover ul ul ul ul.right-side{
									left:-999em;
								}

							
								/*show dropdown lists level 2+*/
								#navigation li:hover ul, 
								#navigation li li:hover ul, 
								#navigation li li li:hover ul, 
								#navigation li li li li:hover ul{
									opacity:1;
									left:-180px;
									visibility:visible;
								}
								
								/*show dropdown lists level 2+ (right side) */
								#navigation li:hover ul.right-side, 
								#navigation li li:hover ul.right-side, 
								#navigation li li li:hover ul.right-side, 
								#navigation li li li li:hover ul.right-side{
									left:180px;								
								}								
								
							/*START #top-bar toggle button*/
							
							[data-toggle ='#top-bar'] {
								padding-bottom:0 !important;
								padding-top:5px !important;

								-moz-border-radius		:0 0 3px 3px;
								-webkit-border-radius	:0 0 3px 3px;
								border-radius			:0 0 3px 3px;
								
								-moz-box-shadow		:0 -1px 1px rgba(0, 0, 0, 0.13) inset, 0 1px 1px rgba(255, 255, 255, 0.4);
								-webkit-box-shadow	:0 -1px 1px rgba(0, 0, 0, 0.13) inset, 0 1px 1px rgba(255, 255, 255, 0.4);
								box-shadow			:0 -1px 1px rgba(0, 0, 0, 0.13) inset, 0 1px 1px rgba(255, 255, 255, 0.4);
							}
								[data-toggle ='#top-bar'] a,
								#navigation [data-toggle ='#top-bar'] a {
									color:white;
									color:rgba(255, 255, 255, 0.9);
									font-size:16px;
									text-shadow:0 1px 0 rgba(1, 1, 1, 0.1), 0 0 6px rgba(255, 255, 255, 0.5);
									font-weight:bold;
									font-family: arial;
									padding: 4px 10px !important;
									display: inline-block;
								}
								
								[data-toggle ='#top-bar'] a:hover,
								#navigation [data-toggle ='#top-bar'] a:hover { color:white;}
							
							/*END #top-bar toggle button*/	

							
			/*END #navigation */
			
			
			/*START arrows*/
			
			/*thanks : http://www.dynamicdrive.com/style/csslibrary/item/css_triangle_arrow_divs/ */
			#page-header:after,
			#navigation ul ul:after,
			.tri-arrow:after,
			.tipsy:after {
				border-color: transparent transparent #282E33;
				border-color: transparent transparent rgba(14,19,22,0.92);
				border-style: solid;
				border-width: 6px;
				content: "";
				display: block;
				height: 0;
				position: absolute;
				width: 0;
			}
			
			#navigation ul ul:after{
				left: 10px;
				top: -12px;
			}	
				/*dropdown arrow*/							
				#navigation ul ul ul:after {
					border-color:transparent transparent transparent  #282E33;
					border-color:transparent transparent transparent  rgba(14, 19, 22, 0.92);
					left: 190px;
					top:7px;
				}
				
				/*dropdown arrow for right side dropdowns*/							
				#navigation ul ul .right-side:after {
					border-color:transparent #282E33 transparent transparent;
					border-color:transparent rgba(14,19,22,0.92) transparent transparent;
					left: -12px;
				}				
			
			.tri-arrow:after {top:0;}
			
			/*current page indicator*/	
			#page-header:after{
				border-color: #F1F4F6 transparent transparent transparent ;	
				border-width: 8px;
				bottom: -18px;
			}
			
			/*END arrows*/
			
			
		/*END SECTION header */	
	
	
		/*START #page-header */
		
		#page-header{ padding:40px 0 25px 0;}
		
			#page-header .title {
				color:#444C54;
				font-size:21px;
				text-shadow:0 1px 0 rgba(255, 255, 255, 0.2), 0 0 5px rgba(255, 255, 255, 0.9);
				margin-bottom:0;
				display:inline-block;
				font-weight:normal;
			}
			#page-header .sub{
				color:gray;
				display:inline-block;
				padding-left:10px;
				font-size:12px;
			}

		/*END #page-header */		
	
	
		/*#page and .container custom styles */
		
		#page,
		.container {
			/*max-width:980px;内页宽度*/
			max-width:1100px;
			min-width:260px;
			padding-left:20px;			
			padding-right:20px;
		}
		
		#page{
			padding-top:30px;
			min-height:100px;
		}		

		
		
		/*START footer*/
		
		body > footer{
			min-height:150px;
			overflow:hidden;
			padding-top:35px;
			margin-top:10px;
			background:#2A2C60; 
			border-top:1px solid #EFF0F2;
			text-shadow: 0 1px 0 rgba(255,255,255,0.6);
			color:#6E737A;
			
			-moz-box-shadow		:0 5px 5px -5px rgba(0,0,0,0.03) inset;
			-webkit-box-shadow	:0 5px 5px -5px rgba(0,0,0,0.03) inset;
			box-shadow			:0 5px 5px -5px rgba(0,0,0,0.03) inset; 
		}

		
			/*footer link colors*/
			body > footer a:not(.button) {color:#454E54;}
			.old-browser body > footer a {color:#454E54;}
	
			#copyright-note{
				text-align:right;
				padding:20px 0 5px;
				font-size:11px;
				margin-top: 20px;
				border-top:1px solid #DAE1E5;
			}
			
			#footer-nav a{
				padding: 0 10px;
				border-right:1px solid #B7B7B7;
			}
			
			#footer-nav a:first-child {padding-left:0;}
			#footer-nav a:last-child {border:none;}
			


		/*END footer */
	
	
/*	END MAIN [4.0]	BASIC LAYOUT AND MAIN NAVIGATION
_________________________________________________________________________________________________________*/	


/*_________________________________________________________________________________________________________	
	
	[5.0]	JAVASCRIPT DRIVEN
	____________________________
_________________________________________________________________________________________________________*/
	
	/*When Javascript disabled/enabled*/ 
	.has-js {display:none;}
	.js .has-js {display:block;}	
	
	/*boxes with close[x] button*/
	.removable {position:relative;}

	/*fluid video*/	
	.video-container {margin:0 auto 30px auto;}
 
	/*loading spinner*/
	.loading {
		padding:10px 25px;
		width:15px;
		height:15px;
		background:url(../images/base/spinner.gif) no-repeat center center;
	}

	/*Close button*/ 
	.demention-close-icon{
		background:#70767A;
		background:rgba(1,1,1, 0.2);
		color: white !important;
		cursor: pointer;
		font-size: 16px;
		width: 15px;		
		height: 15px;
		line-height: 15px;
		position: absolute;
		right: 4px;
		text-align: center;
		top: 5px;
		z-index: 1103;
	}
		.demention-close-icon:hover{background:rgba(1,1,1, 0.6);}	
		

		
	/*START demention expandable boxes and accordions*/

	.tabbed,
	.expandable ,	
	.accordion {
		background:#F7F8F9;
		padding:3px;
		margin-bottom:20px;
		border:2px solid #F1F4F6;
	}	

	.expandable .always-visible,
	.accordion .header {
		position:relative;
		overflow: hidden;
		margin:0;
		padding:10px 12px 10px 38px;
		color:#585f65;
		font-size:14px;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);	
		cursor: pointer;
	}
		.accordion .header:hover {background: #F7F8F9;}

		
		.expandable .always-visible:after,
		.accordion .header:after {
			position:absolute;
			content:'+';
			font-weight:bold;
			font-family:arial;
			top:8px;
			left:5px;
			height:15px;
			width:15px;
			line-height: 15px;
			padding:3px;
			text-align:center;
			background:#D5DAE0;
			color:white;
			text-shadow:0 1px 0 rgba(1, 1, 1, 0.05);
		}			
			.always-visible.opened:after,
			.accordion .header.current:after {content:'-';}
			
			
		.accordion .current {
			background:#F9FBFC;
			cursor:default;
		}

	.expandable .dropdown,	
	.accordion .content {
		display:none;
		background:white;
		padding: 10px 12px;		
	}	
		/*show the first section if js is disabled*/
		.no-js .accordion section {display:block; opacity:0.7;}	
		.no-js .accordion section .content	{display:block;}	
		/*.no-js .accordion section:first-of-type {opacity:1;}*/	
		.no-js .accordion section.default-expanded{opacity:1;}	
		
		
	/*END expandable boxes and accordions*/

	/* START demention tabs */
	
	.tabbed {}

		.tabbed .tabs {
			display:block;
			width: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		.tabbed .tabs li {
			list-style: none;
			float: left;
			margin: 0;
			padding: 0;
			}
			
				.tabbed .tabs [data-tab] {
					overflow: hidden;
					display: block;
					margin: 0 2px 0 0;
					padding: 10px 12px;
					color:#585f65;
					font-size:13px;
					text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
					cursor:pointer;					
				}
					
						.tabbed .tabs [data-tab]:hover {background:#F7F8F9;}
						
						.no-js .tabbed .tabs [data-tab]:first-of-type { background:white;}
						
						.tabbed .current { background:white !important;}

						
		.tabbed > [data-tab] {
			display: block;
			background:white;
			padding:10px;
		}

			.tabbed > [data-tab] {display:none;}
			.tabbed > [data-tab]:first-of-type {display: block;}

	/* END tabs*/
	 
 
	/*START demention expandable boxes*/
	.expandable .always-visible {}
		.expandable .dropdown {margin:0;}
		
		.default-expanded .dropdown {display:block;}
	/*END expandable boxes*/
	
	
	/*START Move-to-top arrow*/

	#move-to-top{
		position:fixed;
		width:70px;
		height:70px;
		top:10px; /*or change it to bottom?*/
		right:20px;
		z-index:9999;
		cursor: pointer;
		background:url(../images/base/move-to-top.png);
	}
		.no-csstransitions #move-to-top {display:none;}
		
	#move-to-top:not(.filling) {opacity:0;visibility:hidden;}
	
	/*END Move-to-top arrow*/

 
	/*Tooltip -- Tipsy plugin will be replaced with our demention Tooltips in the next version of the template */
	
	.tipsy {padding:4px 5px;} 
		.tipsy-inner {
			padding:8px;
			max-width: 200px;
			background:#282E33;
			background:rgba(14,19,22,0.92);
			text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);			
			/*border: 1px solid rgba(1, 1, 1, 0.1);*/
			color:#A8B0B7;
			font-size:11px;
			text-align:left !important;
		}
		
		/*arrow*/
		.tipsy:after {
			left: 45%;
			top: -8px;
		}
	
	/*END tooltips*/
	
	
	/*START Image preloading effect .*/
	
	.js .gallery-style-1 .image:not(.loaded), 
	.js .gallery-style-2 .image:not(.loaded), 
	.js .preload-images .image:not(.loaded) {
		background:url(../images/base/spinner.gif) no-repeat center center white !important;
	}	
	.old-browser .gallery-style-1 .image,
	.old-browser .gallery-style-2 .image,
	.old-browser .preload-images .image	 {background:url(../images/base/spinner.gif) no-repeat center center white;}	
	.old-browser .image.loaded 			 {background:transparent;}	

		.js .gallery-style-1 img,
		.js .gallery-style-3 img,
		.js .preload-images img {
			visibility:hidden;
			opacity:0;
		}
	
		/*START preloader effect - NOTE THAT THE TRANSFORMS ARE TEMPORARY DISABLED IN MOBILE SAFARI/ANDROID BROWSER ETC. */

		.hiding,
		.js .gallery-style-1 .image img,
		.js .gallery-style-2 .image img,
		.js .preload-images .image img {
			-moz-transform		:scale(0);
			-webkit-transform	:scale(0);
			-ms-transform		:scale(0);
			-o-transform		:scale(0);
			transform			:scale(0);
			-webkit-backface-visibility: hidden;
			opacity:0;
			visibility:hidden;
		}		
		.touch .hiding,
		.touch .gallery-style-1 .image img,
		.touch .gallery-style-2 .image img,
		.touch .preload-images .image img {
			-webkit-transform	:none !important;
		}
		
		
		.filling,
		.js .gallery-style-1 .image.loaded img,
		.js .gallery-style-2 .image.loaded img,
		.js .preload-images .image.loaded img {
			-moz-transform	 :none;
			-webkit-transform:none;
			-ms-transform	 :none;
			-o-transform	 :none;
			transform		 :none;
			-webkit-backface-visibility: hidden;
			opacity:1;
			visibility:visible;
		}		
		.touch .filling,
		.touch .gallery-style-1 .image.loaded img,
		.touch .gallery-style-2 .image.loaded img,
		.touch .preload-images .image.loaded img {
			-webkit-transform	:none !important;
		}
		
		/*END preloader effect*/	
		
	/*END Image preloading effect*/		
		
		
		
	/*START Slider - customized styles for flexslider*/ 
	
	.slider-holder {
		background:url("../images/base/spinner.gif") no-repeat center center; /*we'll remove this using js*/
		position:relative;
		margin: 0 auto 15px auto;
		min-height:150px;
		overflow:hidden;
	}
		.no-js .slider-holder {background:transparent;} /*remove the loading spinner manually if js is disabled*/
		
	
		.slider [data-image-caption] ,.slider .image {margin-bottom:0;}
		.slider {width: 100%; margin: 0; padding: 0; position:relative;}
		.slider-holder .slides img {max-width: 100%; display: block;margin:auto;}	
	
		
		.js .slider {display:none;} /*we'll show this using a js callback*/
		
		.slider .slides > li {display: none;} /* Hide the slides before the JS files are loaded. Avoids image jumping */	
		.no-js .slides > li:first-child {display: block ;} /*no-js fallback -- show only the first slide*/	
	
	

		/* direction Nav  (next , prev) arrows */
		
		.flex-direction-nav  {
			position: absolute;
			top: 45%;
			width: 100%;
			z-index:5;
			left:0;
		}

			.flex-direction-nav li a {
				display: block;
				width:50px;
				height:50px;
				position:absolute;
				background-image:url(../images/base/slider-nav.png);
				background-repeat:no-repeat;
				opacity: 0;				
			}			

			.flex-direction-nav li a.prev {left:-200px;		background-position: 0 0;		}
			.flex-direction-nav li a.next {right:-200px;	background-position: -50px 0;	}
			
				.slider-holder:hover .prev  {left:20px;	}			
				.slider-holder:hover .next  {right:20px;	}			
			
			.flex-direction-nav li a.disabled {opacity: .3; cursor: default;}
			

		.no-direction-nav .flex-direction-nav {display:none !important;}

		
		/*END direction Nav  (next , prev arrows) */	
		
		
		/*START control Nav  (slider pagination) */
		
		.flex-control-nav {
			position:relative;
			float:left;
			width:100%;
			padding:5px 0;
			text-align:left;
			display:inline;
		}
			.flex-control-nav li {display: inline-block;}
					
				.flex-control-nav li a {
					background-color:#BFC5C9;
					border: 0 none;
					color: white;
					cursor: pointer;
					display: block;
					float: left;
					height: 1px;
					width: 1px;				
					margin-right: 5px;
					padding: 4px;
					text-indent: 999em;
					top: 50%;
					-moz-box-shadow		: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
					-webkit-box-shadow	: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
					box-shadow			: 0 1px 2px rgba(0, 0, 0, 0.3) inset;				
				}	

		
				.flex-control-nav li a.active {}

				.control-nav-right .flex-control-nav	{text-align: right;}
				
		/*END control Nav  (slider pagination) */		

	/*END Slider - customized styles for flexslider*/

 


/*
 * START Customized styles for fancybox
 * FancyBox - jQuery Plugin
 */
 
 /*NOTE : FANCYBOX WILL BE REPLACED WITH OUR OWN , LIGHTWEIGHT LIGHTBOX SCRIPT IN THE NEXT VERSIONS OF THE TEMPLATE*/

	[data-lightbox],
	.video-box,
	.fancybox {
		position:relative;
	}
	

	.cursor-zoom-in,
	[data-lightbox]:not(.no-zoom-icon),
	.fancybox:not(.no-zoom-icon) {		
		cursor:-moz-zoom-in;
		cursor:-webkit-zoom-in;
		cursor:zoom-in; 
	}	 
 
	.play-icon{
		background:url(../images/base/play-icon.png) no-repeat center center;
		height:100%;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:10;
		opacity:0.9;
	}
		.play-icon:hover{opacity:1;}
		
 
	#fancybox-loading {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		margin-left: -20px;
		cursor: pointer;
		overflow: hidden;
		z-index: 1104;
		display: none;
	}

	#fancybox-loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 480px;
		background-image: url('../images/base/fancybox/fancybox.png');
	}

	#fancybox-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1100;
		display: none;
		background:#383F47;
	}

	#fancybox-tmp {
		padding: 0;
		margin: 0;
		border: 0;
		overflow: auto;
		display: none;
	}

	#fancybox-wrap {
		position: absolute;
		top: 0;
		left: 0;
		padding: 20px;
		z-index: 1101;
		outline: none;
		display: none;
	}

	#fancybox-outer {
		position: relative;
		width: 100%;
		height: 100%;
		background:transparent;
	}

	#fancybox-content {
		width: 0;
		height: 0;
		padding: 0;
		outline: none;
		position: relative;
		overflow: hidden;
		z-index: 1102;
		border:1px solid white !important;
		border:1px solid rgba(255, 255, 255, 0.2) !important;
		-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.3);
		box-shadow:0 0 15px rgba(0, 0, 0, 0.3);		
	}

	#fancybox-hide-sel-frame {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
		z-index: 1101;
	}

	#fancybox-close {
		display: none;
		right: 25px;
		top: 5px;
	}	

	#fancybox-img {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		border: none;
		outline: none;
		line-height: 0;
		vertical-align: top;
	}

	#fancybox-frame {
		width: 100%;
		height: 100%;
		border: none;
		display: block;
	}

	#fancybox-left, #fancybox-right {
		position: absolute;
		bottom: 0px;
		height: 100%;
		width: 35%;
		cursor: pointer;
		outline: none;
		background: transparent;
		z-index: 1102;
		display: none;
	}

	#fancybox-left {
		left: 0px;
	}

	#fancybox-right {
		right: 0px;
	}

	#fancybox-left-ico, #fancybox-right-ico {
		position: absolute;
		top: 50%;
		left: -9999px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		cursor: pointer;
		z-index: 1102;
		display: block;
	}

	#fancybox-left-ico {
		background-image: url('../images/base/fancybox/fancybox.png');
		background-position: -40px -30px;
	}

	#fancybox-right-ico {
		background-image: url('../images/base/fancybox/fancybox.png');
		background-position: -40px -60px;
	}

	#fancybox-left:hover span {
		left: 20px;
	}

	#fancybox-right:hover span {
		left: auto;
		right: 20px;
	}

	.fancybox-bg {
		position: absolute;
		padding: 0;
		margin: 0;
		border: 0;
		width: 20px;
		height: 20px;
		z-index: 1001;
	}

	#fancybox-title {
		font-size: 12px;
		z-index: 1102;
	}

	#fancybox-title-over {
		padding: 10px;
		display: block;
	}

	.fancybox-title-float {
		position: absolute;
		left: 0;
		bottom: -20px;
		height: 32px;
	}

	#fancybox-title-float-wrap {
		border: none;
		border-collapse: collapse;
		width: auto;
		margin:0;
		text-shadow:0 1px 0 black ,0 1px 5px rgba(255, 255, 255, 0.5);
		color: #FFF;
		font-weight: bold;		
	}
 

/* END fancybox CSS*/


/*Animate masonry-brick elements using CSS transitions (masonry jQuery plugin)*/
	
	.masonry,
	.masonry .masonry-brick {
		-webkit-transition-duration: 0.6s;
		-moz-transition-duration: 0.6s;
		-o-transition-duration: 0.6s;
		transition-duration: 0.6s;
	}

	.masonry {
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		-o-transition-property: height, width;
		transition-property: height, width;
	}

	.masonry .masonry-brick {
		-webkit-transition-property: left, right, top ,background;
		-moz-transition-property: left, right, top ,background;
		-o-transition-property: left, right, top ,background;
		transition-property: left, right, top ,background;

	}

	
	/*START sticky sidebar*/
	
	#sticky-sidebar{
		width:110px;
		position:fixed;
		top:30%;
		left:-5px;
		margin-left:-138px;
		z-index:999;
	}
	#sticky-sidebar.opened {margin-left:0px;}
		
		#sticky-sidebar-toggle{
			position:absolute;
			right:-40px;
			top:45%;
		}
		
		.no-rgba .black li {border-color:#30373D;}
	/*END  sticky sidebar*/	
	
	

/*	END MAIN [05] JAVASCRIPT DRIVEN
__________________________________________________________________________________________________________*/


 
/*_________________________________________________________________________________________________________	
	
	[6.0 ]	SPECIFIC TEMPLATE RELATED STYLES
	************************************************



	[6.0]	HOMEPAGE
	************************
_________________________________________________________________________________________________________*/

	#home {
		/*do you have any ?*/
	}
		
		
	/*START Posts section*/	
	
	section.posts .post {
		margin-bottom:20px;
	}

		section.posts .title {	
			letter-spacing:-1px;
			font-size:20px;
			line-height: 1.1;
		}
			section.posts .title a {color:#545D66;}
			
		section.posts .post-info {
			border:none;
			margin-top: -8px;				
		}
		
	/*END Posts section*/

	
/*	END SUB [6.0] HOMEPAGE
_________________________________________________________________________________________________________*/



/*	[6.1]	BLOG - POST EXCERPTS , FULL BLOG POST , COMMENTS AND COMMENTS FORM 
	************************
_________________________________________________________________________________________________________*/
 
	#blog .post {margin-bottom:70px;}
		/*fade effect adjustment*/
		#blog .excerpt:before {bottom: 35px;}
		
		#blog .post:first-child {padding-top:0;}
		#blog .post:last-child {border-bottom:none;} 
 
 
	.post > header {
		margin-bottom:15px;
		position:relative;
		border-bottom: 1px solid #EDF0F2;
	}
	
		/*Post title*/
		.post > header  .title {
			line-height:1em;
			font-size:22px;
			color:#3E474F;
			margin-top:5px;
			letter-spacing: -1px;
		}
			.post > header  .title a {color:#3E474F;}	
		
		.post .post-info{
			font-size:11px;
			margin-top:-5px;
			margin-bottom:12px;
		}			
			.post .post-info a { font-weight:bold;}
	
			time , .time{
				background:url(../images/base/clock.png) no-repeat 0 0;
				padding-left:17px;
			}			
	
	/*START post excerpts*/			
			
	.post.excerpt {
		border-left: 2px solid #EDF0F2;
		padding-left: 10px;
	}	
		.post.excerpt > header{
			margin-left: -10px;
			padding-left: 10px;
		}
		

		.post .read-more{
			opacity:0;
			visibility:hidden;
			font-weight:bold;
		}
			.post:hover .read-more{
				opacity:1;
				visibility:visible;
				z-index:5;
			}
	
		/*START bottom fade effect*/
			
		.bottom-fade ,.excerpt {overflow:hidden;position:relative;}
			
		.bottom-fade:before,
		.excerpt:before {
			bottom:30px;
			left:0;
			content:"";
			position: absolute;
			display: block;				
			height:50px;
			width:100%;
			z-index: 5;
			background	: rgba(255,255,255,0.6);/*fallback*/		
			background	: -moz-linear-gradient( rgba(255,255,255,0.0), rgba(255,255,255,1)) no-repeat;
			background	: -webkit-linear-gradient( rgba(255,255,255,0.0), rgba(255,255,255,1)) no-repeat;
			background	: -ms-linear-gradient( rgba(255,255,255,0.0), rgba(255,255,255,1)) no-repeat;
			background	: -o-linear-gradient( rgba(255,255,255,0.0), rgba(255,255,255,1)) no-repeat;
			background	: linear-gradient( rgba(255,255,255,0.0), rgba(255,255,255,1)) no-repeat;
		}	
	
		.no-cssgradients .bottom-fade:before,
		.no-cssgradients .excerpt:before { height:25px;}

		/*END bottom fade effect*/
			
	/*END post excerpts*/	
				
		
	/*START comments*/	
	
	.comment {
		padding:15px 0 25px 85px;
		margin:20px 0;
		margin-bottom:50px;
		position:relative;
	}

		.comment footer {
			border-bottom:2px solid #E8EDEF;
			margin-bottom: 7px;
			margin-left: -14px;
			padding-left: 14px;
			overflow:hidden;			
		}
			.comment .name {font-size:17px;	}
			.comment time {
				float:right;
				color:	#919699;
				position: relative;
				bottom: -5px;
			}
	
			.comment .avatar {
				float:left;
				margin-right:15px;
				position:absolute;
				top:15px;
				left:0;
				border:3px solid #E8EDEF;
			}
			
		.comment.reply {
			padding:15px 0 15px 55px;
			margin:-35px 0 50px 50px;
		}

	/*END  comments*/				
			
			
	/*START comment form */	
	
	#comments:target {padding-top:0px;border:none;} /*remove default :target styles*/
		
		#comments > ol {list-style: none outside none;}
		
		#comment-form{}
			#comment-form label{
				display:block;
				padding:0 0 5px 0;
			}
			
			#comment-form input[type="text"] {
				display: block;
				width: 70%;
			}
			#comment-form textarea{
				width: 95%;
			}
			
	/*END comment form */		
	

	
/*	END SUB [6.1] BLOG
_________________________________________________________________________________________________________*/




/*	[6.2]	CONTACT FORM
	************************
_________________________________________________________________________________________________________*/
 

	#contact-form textarea {width: 95%;}
	
	#contact-form input {width:60%;}
	
	#contact-form input[type="submit"] {width:auto;}

	#contact-form label {
		display: block;
		padding: 0 0 5px 5px;
	}



/*	END SUB [6.2] CONTACT FORM
_________________________________________________________________________________________________________*/

 
 
/*_________________________________________________________________________________________________________	
	
	[6.3]	GALLERY 
	*******************
_________________________________________________________________________________________________________*/

	
	#gallery {width:100.5%;}
	 
	[data-filter] {cursor:pointer;}
	 
	 
	/*START gallery style 1*/
	
	.gallery-style-1 {
		margin-left:-3px;
		margin-right:-3px;
	} 
		.gallery-style-1 .g {
			margin:3px;
		}		
			.gallery-style-1 .g:hover {
				z-index: 1;
				-moz-box-shadow		: 0 0 5px rgba(0, 0, 0, 0.5);
				-webkit-box-shadow	: 0 0 5px rgba(0, 0, 0, 0.5);
				box-shadow			: 0 0 5px rgba(0, 0, 0, 0.5);
			} 
			
	/*END gallery style 1*/

	
	/*START gallery style 2*/
	
	.gallery-style-2{
		margin:3px;
	}
	
		.gallery-style-2 .g{
			margin: -3px;
			border:none;
			-moz-box-shadow		: 0 1px 5px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow	: 0 1px 5px rgba(0, 0, 0, 0.6);
			box-shadow			: 0 1px 5px rgba(0, 0, 0, 0.6);
			
		}		
			.gallery-style-2 .g:hover{
				z-index: 1;
				-moz-transform:rotate(0) !important;
				-webkit-transform:rotate(0) !important;
				-ms-transform:rotate(0) !important;
				-o-transform:rotate(0) !important;
				transform:rotate(0) !important;
			}		
		
		.gallery-style-2 > [class*="c-"]:nth-child(odd) .g {
			-moz-transform:rotate(1deg);
			/*-webkit-transform:rotate(1deg);		 NOTE: temporary disabled due to an issue with some webkit browsers*/
			-ms-transform:rotate(1deg);
			-o-transform:rotate(1deg);
			transform:rotate(1deg);
		}	
		.gallery-style-2 > [class*="c-"]:nth-child(even) .g {
			-moz-transform:rotate(-1deg);
			/*-webkit-transform:rotate(-1deg); 		NOTE:temporary disabled due to an issue with some webkit browsers*/
			-ms-transform:rotate(-1deg);
			-o-transform:rotate(-1deg);
			transform:rotate(-1deg);
		}
		
		
	/*END gallery style 2*/
	
	
	/*START sub menu */
	 
	.sub-menu {display:inline-block;}
		 
		 .sub-menu li{
			width:auto;
			height:auto;
			margin:0 3px;
			float:left;
			padding:0;
			
		 }
		
			 .sub-menu li a {
				display:block;
				padding-right: 12px;
				border-right: 1px solid rgba(0,0,0,0.05);
				outline:none;
				font-size: 16px;
				color:gray;				
			 }
		 
			 .sub-menu li:last-child a {border:none;} 
			 
	/*END  sub menu*/ 


	
/*	END SUB [6.3]	GALLERY
_________________________________________________________________________________________________________*/	



/*_________________________________________________________________________________________________________	
	
	[6.4] PRICING TABLES 
	************************
_________________________________________________________________________________________________________*/


	/*pricing box */
	.pricing.box {
		min-height:100px;
		position:relative;
		
	}
	
		/*ribbons - NOTE : we've included the psd (located in psd-files folder) in case you want to change its color/text etc.*/
		.ribbon ,.ribbon-featured {
			background:url("../images/base/ribbon-featured.png") no-repeat;
			width:80px;
			height:80px;
			position:absolute;
			top:-8px;
			right:-7px;
			z-index:10;
		}
	
		/*title of the box*/
		.pricing.box .title {
			padding:5px 10px;
			text-align:center;
			font-size:20px;
		}
		
		/*price+small info holder */
		.pricing.box .price {
			padding:20px 15px;
			text-align:center;
		}
			/*price*/
			.pricing.box .price span{
				font-size:46px;
				display:block;
				line-height: 0.7;
				letter-spacing: -2px;
			}

			.pricing.box .price small{
				display:block;
				font-size:12px;
				padding: 2px 0 0 5px;
				color:#899299;
			}
	
		/*pricing box content (list)*/
		.pricing.box ul {
			padding:10px 18px;
		}
		
		
		/*button --shows at the bottom of the pricing box*/
		.pricing.box .bottom{
			margin:15px 10px;
			text-align:center;
		}

	
/*	END SUB [6.4]	PRICING TABLES
_________________________________________________________________________________________________________*/	



/*_________________________________________________________________________________________________________	
	
	[6.5] WIDGETS 
	************************
_________________________________________________________________________________________________________*/

	/*START twitter widget*/

	.widget.twitter ul{}
		
		.widget.twitter ul li{ 	
			padding:14px 0;
			background:url(../images/base/bird.png) no-repeat  0 12px;
			border-bottom:1px solid #E8EDEF;
			padding-left: 32px;
		}
			.widget.twitter ul li:first-child {padding-top:0; background-position:0 0;}
			.widget.twitter ul li:last-child {border:none;}
		
		.widget.twitter ul li span a {color: #899299;}
		
		.widget.twitter .twitterStatus { font-size: 13px;}
		.widget.twitter .twitterStatus a:hover{color:black;}
		.widget.twitter .twitterTime {display:block;font-size:10px;padding-top: 3px;}
			
	/*END twitter widget*/		


	/*START flickr widget*/

	.widget.flickr {}
		
		.widget.flickr .g {border-width: 2px;}
		
	/*END flickr widget*/


	/*START recent posts widget*/	
	
	.widget.recent-posts .post .title{}
	
	.widget.recent-posts li {
		padding:14px 0;
		border-bottom:1px solid #F4F5F7;
	}
	
		.widget.recent-posts li span{
			margin-top: 2px;
			display:block;
		}
		.widget.recent-posts .image {display:inline-block;margin-right:11px;}
	
		.widget.recent-posts .content > a {
			color:#3F484F;
			font-size:13px;
			display: block;
			margin-top:-3px;
		}
			.widget.recent-posts .content span { color:#919699;font-size: 11px;}
			.widget.recent-posts .content span a { font-weight:bold;}
	
		.widget.recent-posts li .content {
			overflow:hidden;
			min-height:45px;
		}
		
		/* fix for some old browsers (ie8 etc.)*/
		.old-browser .widget.recent-posts .image {display:inline;float:none;margin-right:0;}
			.old-browser .widget.recent-posts li img{
				float:left;
				margin-right:11px;
			}
			
	/*END recent posts widget*/	


	/*START social media icon holder */
	
	.social-connect{
		line-height: 0;
		overflow: hidden;
	}

		.social-connect li{
			background:#B2BBC1;
			display:inline-block;
			float:left;	
			margin:0 4px 3px 0;			
		}
			
			.social-connect li a {
				display: block;
				width: 18px;
				height: 18px;
				padding:8px;
				opacity: 0.9;
			}
			.social-connect li:hover a{
				opacity:1;
			}
			
				/*sizes*/
				.social-connect.small li a{
					width:15px;
					height:15px;				
					padding:5px;
				}
				.social-connect.large li a{
					height:30px;
					width:30px;
					padding:12px;			
				}			
			
	/*END social media icon holder */	



	/*optimize widgets for sidebar*/	
	.sidebar .widget{margin-bottom:45px;}
		.sidebar .widget:last-child {border-bottom:none;}

		.sidebar .widget > .title {
			border-bottom:2px #EDF0F2 solid;
			padding-bottom:8px;
		}
		

	/*optimize widget styles for the footer*/
	body > footer .widget{padding: 10px 0 30px 0;} 
		body > footer .sidebar .widget .title {font-size:135%; color:#D4D8DB;}		
	

/*	END SUB [6.5]	WIDGETS
_________________________________________________________________________________________________________*/	



/*	END MAIN [6.0 ]	SPECIFIC TEMPLATE RELATED STYLES
__________________________________________________________________________________________________________*/

	
 
/*_________________________________________________________________________________________________________	
	
	[7.0] OPTIMIZATIONS FOR DIFFERENT SCREEN SIZES AND DEVICES 
	___________________________________________________________
	NOTES
	 .PLEASE READ THE THE DOCUMENTATION TO LEARN MORE ABOUT PREMADE CLASSES.
___________________________________________________________________________________________________________*/


	/*hide small-screens-only elements from other views*/	
	.ss-only,.ss-show {display:none !important;}
	
	

	/*START  (min-width:1024px) large-screens-only styles (including iPad landscape)*/	
	@media all and (min-width:1024px) {
	
		#primary-slider {min-height:320px;}
		
	}
	/*END (min-width:1024px)large-screens-only styles (including iPad landscape)*/


	/*START (max-width:980px) - MAINLY TARGET PORTRAIT MODES OF TABLETS(INCLUDING THE IPAD)*/
	@media all and (max-width:980px) {
	
		/*Page , container maximum width*/
		#page,.container {max-width:768px;}
		
		/*next,prev arrows position*/
		.flex-direction-nav  {top: 35%;}
		
		/*font sizes*/
		.pricing.box .price span {
			font-size:34px;
		}
		.pricing.box .title {font-size: 21px;}
		
		.pricing.box ul	{padding:10px;}	
		
		/*portrait cols extend demention grid*/
		.portrait-no-floating > [class*='c-'] {
			float:none;
			width:100%;
			margin-right:auto;
			margin-left:auto;
			left:auto;
			right:auto;
			padding:5px 0;	
		}
		
		.portrait-2-col > [class*='c-'] {width:50%;}	
		.portrait-3-col > [class*='c-'] {width:33.3333%;}			
		.portrait-4-col > [class*='c-'] {width:25%;}			

		
	}	
	/*END (max-width:980px) -- MAINLY TARGET PORTRAIT MODES OF TABLETS*/ 	


	/*
	-START SMALL SCREENS - screens (resolution-width) that are smaller than 601px , or device width smaller than 481px
	-Covers 320px (iphone/some android phones portrait), 480px (iphone/some android phones landscape) and many other smartphones
	*/
	@media screen and (max-width:600px) , 
		   screen and (max-device-width: 480px){ /*mm good enough ?*/

			
		/*avoid automatic text adjusting in some modern mobile browsers*/		
		html {
			-ms-text-size-adjust: none;
			-webkit-text-size-adjust: none;
		} 


		#ss-top {border-top: 2px solid;}
		
		/*Page , container maximum width*/
		#page,.container {
			max-width:400px;
			padding-left:12px;
			padding-right: 12px;			
		}
		
		
		.semi-left ,.semi-right {float:none;}
		.ss-left {float:left;}
		.ss-right{float:right;}
		.ss-center {text-align:center;}		
		
		.ss-hide			{display:none !important;}
		.ss-show,.ss-only	{display:block !important;}
		.ss-block			{display:block;}
		
		.ss-full-width {
			width:100% !important;
			margin:30px 0 !important;
			padding:0 !important;
			display:block;
		}
		.ss-no-padding {padding:0 !important;}
		.ss-no-margin {margin:0 !important;}
		.ss-no-border {border:none !important;}
		
		
		/*START demention grid for small screens*/
	
		/*We don't need floats on small screens*/
		.row:not(.ss-float) > [class*='c-'] {
			float:none;
			width:100%;
			margin-right:auto;
			margin-left:auto;
			left:auto;
			right:auto;
			padding:5px 0;	
		}
		.force-left			{float:none !important;} 
		.force-right		{float:none !important;}

		/*remove margin of gutter-width-* */
		[class*='hybrid'][class*='-l']:not(.ss-float),
		[class*='hybrid'][class*='-r']:not(.ss-float),
		.row:not(.ss-float){
			margin-left:auto;
			margin-right:auto;
			padding-left:0;
			padding-right:0;
		} 
			/*.row .g {margin-left:auto; margin-right:auto;}*/ 
			.row:not(.ss-float) .g {margin-left:auto; margin-right:auto;} 
			
			
		/*small-screen cols extend  demention grid columns */
		.ss-2-col > [class*='c-'] {width:50%;}	
		.ss-3-col > [class*='c-'] {width:33.3333%;}			
		.ss-4-col > [class*='c-'] {width:25%;}	
		
		/*predifined margin and padding */	
		.ss-p {padding:15px;}	
		.ss-m {margin:15px;}	

		
		/*END demention grid for small screens*/

		
		/*START BASIC LAYOUT AND MAIN NAVIGATION OPTIMIZATIONS*/
		
		#top-bar .widget {margin-bottom:25px}
				
		/*remove floating and margin */
		#navigation,#header-logo {float:none;margin-left:0;margin-right:0;}
		#header-logo {
			max-width: 200px;
			padding-bottom:15px;
		}

		
			/*navigation*/
			#navigation {
				padding:20px 0;
				text-align:center;
				border:none;
			}
			
				#navigation ul {
					float:none;
					display:inline-block;
				}

					#navigation ul ul {
						display:none;
					}
			
					/*convert the main nav  to a SELECT element -- so that it is easier to use on smartphone browsers -I'll take this code to the next level in the next versions of the template */

					/*hide the default navigation*/
					.js #navigation > ul {display:none !important;}
					
					/*show the <select> element*/
					.js #navigation select {
						display:inline-block !important;
						max-width:none;
						border:none;
						padding:7px 15px;
						margin-top:10px;
						width:100%  !important;
					}
				

			#page-header {padding:20px 0;}
				
				#page-header .title {
					margin-bottom:5px;
					font-size: 24px;
				}
				
				#page-header .title,
				#page-header .sub {
					width: 100%;
					margin:-10px 0 10px 0;
					padding:0;
				}		

		
			#copyright-note {
				padding:20px 0;
				text-align:center;
			}
				
		/*END BASIC LAYOUT AND MAIN NAVIGATION OPTIMIZATIONS*/

		/*next,prev arrows position*/
		.flex-direction-nav  {top:25%;}		
		
		/*START dividers */
		
		.ss-divider,
		.ss-divider-bottom,
		.sidebar > .g,	
		.vertical-devider, .divider-right {
			border-right:none;
			border-bottom:1px solid #3C3E6F;
			border-bottom:1px solid rgba(0,0,0,0.08);
			padding-top:15px;
			padding-bottom:15px;
			padding-right:0;			
		}
			
		.sidebar > .g,	
		.ss-divider-top,	
		.divider-left {
			border-left:none;
			border-top:1px solid #3C3E6F;
			border-top:1px solid rgba(0,0,0,0.08);
			padding-top:15px;
			padding-bottom:15px;
			padding-left:0;
		}
		
		/*END dividers*/	
		
		/*sidebar optimization*/
		.sidebar > .g {
			margin:50px 0;
			padding:30px 0 20px 0;	
			border-top-width:5px;
		}	
		
		/*This can make some elements look nice and clean on small screens */
		[class*='hybrid'].ss-border,
		.ss-border {
			background:rgba(0,40,70,0.04);
			padding:15px;
			margin:20px 0;
			border:none;
		}

		/*css3 columns*/
		.css-col-2 {
			-moz-column-count: 1;
			-webkit-column-count: 1;
			column-count: 1;
		}
		.css-col-3 {
			-moz-column-count: 2;
			-webkit-column-count: 2;
			column-count: 2;			
		}		
		
		/*submenu*/
		.sub-menu {padding-top:15px; border-top:1px solid #E1E7EA;}		
			.sub-menu li a {padding:12px;}
		
	
		#contact-form textarea,
		#comment-form textarea {width: 90%;}
		
		/*caption title*/
		.demention-caption .title {font-size:14px;}
		
	}
	/*END screens (resolution-width) that are smaller than 601px , or device width smaller than 481px*/



	/*START Touch optimizations -- .touch/.no-touch are detected using modernizr script */	
		
	/*hide from non-touch */
	.touch-only ,.touch-show {display:none;}	
	
	/*show on touch devices*/
	.touch .touch-show,
	.touch .touch-only {display:block;}
	

	.touch .touch-hide 	{display:none;}	

	/*hide slider nav on touch enabled devices -- we've got touch swipe support on the slider*/
	.touch .flex-direction-nav li,
	.touch .slider-holder:hover .flex-direction-nav li {display:none;}
		
	/*END Touch optimizations*/
	

	
/*	END  [7.0] OPTIMIZATIONS FOR DIFFERENT SCREEN SIZES  AND DEVICES
_________________________________________________________________________________________________________*/



/*
	END BASE.CSS
__________________________________________________________________________________________________________*/

.servicecontent img{padding:15px;}
.servicecontent div{clear:both; }
.servicecontent{text-indent:20px;}

.servicecontent p{text-indent:20px;}


.companycontent img{padding:15px;}
.companycontent div{clear:both; }
.companycontent a{color: #0033FF;}

.wp-pagenavi {
	CLEAR: both;padding:10px;
}
.wp-pagenavi A {
	BORDER-BOTTOM: #bfbfbf 1px solid; BORDER-LEFT: #bfbfbf 1px solid; PADDING-BOTTOM: 3px; MARGIN: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; BORDER-RIGHT: #bfbfbf 1px solid; TEXT-DECORATION: none; PADDING-TOP: 3px;line-height:30px;
}
.wp-pagenavi SPAN {
	BORDER-BOTTOM: #bfbfbf 1px solid; BORDER-LEFT: #bfbfbf 1px solid; PADDING-BOTTOM: 3px; MARGIN: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; BORDER-RIGHT: #bfbfbf 1px solid; TEXT-DECORATION: none; PADDING-TOP: 3px;
}
.wp-pagenavi A:hover {
	BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000; BORDER-LEFT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000;color:#EB1D07; BORDER-LEFT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	FONT-WEIGHT: bold
}
.copy {
	font-size: 12px;
	line-height: 20px;
	color: #5b5b5b;
	text-decoration: none;
}
.copy A {
	color: #5b5b5b;
	text-decoration: none;
}
.copy A:hover {
	color: #5b5b5b;
	text-decoration: none;
}