/* @override 
	http://localhost:8888/ThemeForrest/Websites/Kinesis/www_upload/core/css/styles.css
*/

/****************************************************/
/*   Stylesheet developed on:	15-10-09		 	*/
/*	 Developed by:				Grubforce        	*/
/****************************************************/   

/* In this stylesheet you will find the core styles defined for the Kinesis template */

/*******************/
/*   Site Basics   */
/*******************/

*{ border-width: 0; margin: 0; padding: 0; list-style-type: none; outline: 0; text-align: left; }

body { background-color: black; overflow-x: hidden; }

div#contentFRAME_wrapper { width: 100%; position: absolute; z-index: 5; padding-bottom: 40px; }

	div#content_wrapper { height: 100%; max-width: 1600px; min-width: 980px; margin-right: auto; margin-left: auto; }
	
		div#content_01_wrapper { width: 300px; height: 100%; display: inline; float: left; position: absolute; z-index: 10; }
		
		div#content_02_wrapper { max-width: 1600px; min-width: 680px; padding-left: 300px; padding-top: 150px; }

			div#content_02_center { height: 100%; max-width: 855px; min-width: 655px; margin-right: auto; margin-left: auto; overflow: hidden; padding-right: 25px;  }

			div#content_02_center2 { height: 100%; width: 655px; margin-right: auto; margin-left: auto; padding-right: 25px;  }

/*******************/
/*   Text styles   */
/*******************/

p { font: 13px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: left; }

	p.white { color: white; }

	p.small_white { color: white; font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

	p.tiny_white { font-size: 10px; line-height: 20px; color: white; margin-top: 10px; }

	p.full { margin-bottom: 10px; text-align: justify; float: left; }

	p.blog_month { width: 70px; margin-top: 5px; color: white; text-align: center; font-size: 16px; font-weight: normal; font-style: normal; }

	p.blog_day { width: 70px; margin-top: 5px; height: 40px; line-height: 36px; color: white; text-align: center; font-size: 30px; font-weight: bold; }

	p.blog_comments_number { width: 70px; color: white; text-align: center; font-size: 14px; line-height: 30px; }
	
h1 { font: 25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; height: 40px; float: left; display: inline-block; }

	h1 a { text-decoration: none; color: black; }
	
	h1.header { height: 40px; line-height: 40px; padding-left: 20px; padding-right: 20px; background-color: white; display: inline-block; float: left; margin-bottom: 5px; font-size: 20px; clear: left; }
	
	h1.nav { float: left; display: inline-block; line-height: 40px; font-size: 20px; }
	
h2 { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: normal; font-style: normal; font-size: 13px; color: white; }

h3 { font: normal normal 16px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

	h3.title { display: none; }

	h3.about { background-color: #f4f4f4; margin-top: 10px; margin-bottom: 10px; padding-left: 15px; }
	
/**********************/
/*   FORMS ELEMENTS   */
/**********************/

/* Search form in top of frame */

form.search { float: right; margin-right: 20px; height: 40px; width: 225px; }

	input.searchfield { margin-top: 5px; margin-bottom: 5px; height: 30px; width: 170px; padding-left: 10px; padding-right: 10px; color: #757575; float: left; display: inline-block; font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

	input.go_search { color: white; font-weight: bold; height: 40px; line-height: 40px; width: 30px; float: left; display: inline-block; margin-left: 5px; text-align: center; cursor: pointer; background-image: url(../core_images/lan_wrapper.jpg); }

/* Contact form */

label { font: 13px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: inline; float: left; clear: left; }

input.in_medium { height: 30px; border: 1px solid #666; float: left; display: inline-block; clear: left; width: 99%; margin: 0 0 10px; }

textarea.in_textarea { max-height: 400px; min-height: 200px;width: 99%; border: 1px solid #666; float: left; display: inline; clear: left; margin-bottom: 10px; }

input#submit { float: right; display: inline; height: 30px; padding-left: 10px; padding-right: 10px; background-color: black; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; text-align: center; }

/*****************/
/*   Link tags   */
/*****************/

a { text-decoration: none; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

	a.white { color: white; }

	a.small_white { color: white; }

	a.blog_more { line-height: 25px; color: white; font-size: 13px; background-color: black; height: 25px; display: inline-block; float: right; padding-left: 10px; padding-right: 10px; margin-top: 15px; }

	a.blog_older_entrys { margin-left: 40px; height: 25px; width: 125px; float: left; text-align: center; line-height: 25px; font-size: 13px; color: white; background-color: black; }

	a.top { background-image: url(../core_images/b_top.jpg); width: 35px; height: 30px; float: left; display: inline; margin-top: 10px; margin-left: 611px; }

/**************/
/*   Images   */
/**************/

img.text_img { display: inline-block; float: left; margin-bottom: 15px; margin-top: 15px; }

img.blog_img { margin-bottom: 15px; }

img.single { padding: 5px; background-color: black; margin-bottom: 5px; float: left; display: inline-block; clear: left; }

/*****************/
/*   List tags   */
/*****************/

ul.list { float: left; margin-bottom: 10px; display: inline-block; clear: left; }

/*************************/
/*   Subscribe wrapper   */
/*************************/

div#subscribe_wrapper { position: fixed; width: 100%; height: 40px; z-index: 11; display: inline-block; top: 0; left: 0; background-image: url(../core_images/lan_wrapper.jpg); }

ul.lan_wrapper { height: 25px; float: right; display: inline-block; margin-right: 25px; }

	ul.lan_wrapper li { display: inline-block; float: left; margin-right: 10px; background: url(../core_images/navigation_default.png) no-repeat; }

		ul.lan_wrapper li p.small_white { line-height: 25px; }

/***********************/
/*   Main navigation   */
/***********************/

div#navigation_wrapper { width: 300px; margin-top: 60px; float: left; position: fixed; top: 0; left: 0; }

	div#navigation_wrapper ul { float: left; display: inline-block; width: 100%; }

		div#navigation_wrapper ul li { float: left; display: inline-block; clear: left; padding-left: 20px; padding-right: 20px; margin-bottom: 5px; background: url(../core_images/navigation_default.png) no-repeat right; }

			div#navigation_wrapper ul li.active { background-image: url(../core_images/navigation_active.png); }

				div#navigation_wrapper ul li.active h1.nav a { color: white; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

			div#navigation_wrapper ul li:hover { background-image: url(../core_images/navigation_hover.png); }

				div#navigation_wrapper ul li:hover h1.nav a { color: #424242; }

			

	div#logo { width: 160px; height: 40px; float: left; display: inline-block; background-color: white; background-image: url(../trend_images/logo.jpg); }
	
/* SUBNAVIGATION */

div.subnav { display: inline; width: 655px; height: 30px; margin-bottom: 5px; float: left; clear: left; }

	div.subnav a.subnav_link { display: inline-block; height: 30px; font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; background-color: black; padding-left: 10px; padding-right: 10px; margin-right: 5px; float: left; clear: none; }

/***************/
/*   COLUMNS   */
/***************/

div.col1_wrapper { float: left; clear: left; margin-top: 5px; background-color: white; padding: 20px; display: inline-block; }

div.col_full { max-width: 815px; min-width: 615px; padding: 20px; background-color: white; float: left; clear: left; }

div.col_full2 { max-height: 1100px; min-height: 10px; max-width: 815px; min-width: 615px; padding: 20px; background-color: white; float: left; margin-top: 5px; }

div.col_full3 {
	width: 660px;
	background-color: white;
	float: left;
	clear: left;
	display: inline;
	padding: 20px 20px 10px;
	margin-bottom: 30px;
}

div.col_contact { width: 615px; padding: 20px; background-color: white; margin-top: 5px; float: left; display: inline-block; clear: left; }

	div.col_contact_01 { float: left; width: 250px; display: inline-block; height: 285px; }

	div.col_contact_02 { height: 285px; min-width: 340px; max-width: 545px; display: inline-block; float: right; overflow: hidden; padding-left: 20px; }
	
	div.col_contact_03 { float: left; clear: left; display: inline-block; width: 615px; height: 30px; margin-top: 20px; }

div.col_dark { width: 615px; padding: 20px; clear: left; background-image: url(../core_images/bg_text.png); display: inline; float: left; }
	
/****************************/
/*   Background slideshow   */
/****************************/

/* Slider controls */

.next { background-image: url(../core_images/next.jpg); width: 25px; height: 40px; position: absolute; right: 0; bottom: 50px; z-index: -1; cursor: pointer; cursor: pointer; }

.prev { background-image: url(../core_images/prev.jpg); width: 25px; height: 40px; left: 0; bottom: 50px; position: absolute; z-index: -1; cursor: pointer; cursor: pointer; }

/* Background image control */

div#background { position: fixed; width: 1600px; height: 1200px; overflow: hidden; left: 50%; margin-left: -800px; top: 0; }
	
	#images { position: absolute;  overflow: hidden; width: 1600px; height: 1200px; display: inline-block; }

		#images IMG { position: absolute; text-align: center; z-index: -10; overflow: hidden; }

			#images IMG.active {z-index: -8; overflow: hidden; }

			#images IMG.last-active { z-index: -9; overflow: hidden; }
			
/* Shadow effect over images */
			
#shadow { background-image: url(../trend_images/Shadow.png); position: absolute; width: 100%; height: 100%; z-index: -3; overflow: hidden; }

/******************/
/*   Googlemaps   */
/******************/

#Googlemaps { width: 100%; height: 100%; position: absolute; z-index: -10; }

/********************/
/*   BLOG entry's   */
/********************/

div.blog_entry { max-width: 815px; min-width: 615px; display: inline-block; float: left; clear: left; text-align: center; }

	div.entry_wrapper { max-width: 745px; min-width: 575px; margin-left: 40px; display: inline-block; margin-bottom: 50px; }
	
		div.blog_info { margin-left: -110px; z-index: 10; float: left; display: inline; }
	
			.blog_date { width: 70px; height: 70px; display: inline; float: left; background-image: url(../core_images/date.jpg); }

			.blog_comments_number { width: 70px; background-image: url(../core_images/comment.png); height: 38px; float: left; clear: left; display: inline-block; margin-top: 5px; }

		div.blog_main_entry { float: left; display: inline-block; top: 0; }
			
		

/*******************/
/*   CODA SLIDER   */
/*******************/
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 655px} 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Tabbed nav */
.coda-nav { height: 30px; display: inline; float: left; }
	
	.coda-nav ul { display: inline; overflow: hidden; width: 100%; }
	
		.coda-nav ul li { display: inline }
	
			.coda-nav ul li a { color: #fff; display: block; float: left; margin-right: 5px; padding: 0 15px; text-decoration: none; font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background-color: black; height: 30px; }

				.coda-nav ul li a.current { background-image: url(../core_images/bg_text.png); }
	
/* Miscellaneous */
.coda-slider-wrapper { clear: left; overflow: auto }
	
	.coda-slider { float: left; overflow: hidden; position: relative }
	
		.coda-slider .panel { display: block; float: left }
	
			.coda-slider .panel-container { position: relative }
		
/**************/
/*   Footer   */
/**************/

div#footer_wrapper { position: fixed; width: 100%; height: 25px; background-color: #000; z-index: 11; display: inline-block; bottom: 0; left: 0; float: left; clear: both; }

	ul.footer_left { height: 25px; float: left; display: inline-block; margin-left: 25px; }
	
		ul.footer_left li { display: inline-block; float: left; margin-right: 10px; }
		
			ul.footer_left li p.small_white { line-height: 25px; }
			
	ul.footer_right { height: 25px; float: right; display: inline-block; margin-right: 25px; }
	
		ul.footer_right li { display: inline-block; float: left; margin-right: 10px; }
		
			ul.footer_right li p.small_white { line-height: 25px; }
			
/*********************/
/*   SLIDING BOXES   */
/*********************/

#wrapper { max-width: 855px; min-width: 655px; }

	div#boxes_nav { height: 40px; max-width: 855px; min-width: 655px; float: left; margin-bottom: 5px; }	

		img.scrollButtons.right { cursor: pointer; float: left; height: 40px; }

		img.scrollButtons.left { cursor: pointer; float: left; clear: left; margin-right: 5px; }

	#slider { margin: 0 auto; position: relative; }

		.scroll { height: 600px; min-height: 375px; max-width: 855px; min-width: 655px; overflow: hidden; margin: 0 auto; clear: left; }

			.scrollContainer { position: relative; display: inline-block; }

				.scrollContainer div.panel { width: 210px; height: 318px; margin-right: 10px; float: left; }

					.inside { float: left; cursor: pointer; }

						.inside img { display: block; border: 1px solid #e6e6e8; margin: 0 0 10px 0; width: 200px; padding: 3px; }
						
						div.boxes_text { padding: 20px; background-image: url(../core_images/bg_text.png); display: inline-block; }

/*************/
/*   ABOUT   */
/*************/

a.social_link { float: left; display: inline; width: 200px; margin-right: 5px; height: 75px; }

a.ref_list { display: inline-block; width: 80px; height: 80px; margin-bottom: 15px; margin-right: 22px; clear: none; }
							
/*****************/
/*   PORTFOLIO   */
/*****************/

ul.showcase_wrapper { margin-top: 5px; float: left; width: 655px; }

	ul.showcase_wrapper li { float: left; display: inline; }

		a.zoom { padding: 5px; float: left; background-color: black; margin-right: 5px; margin-bottom: 5px; }
		
	/* Single portfolio page showcase */

	div#portfolio_showcase { float: left; display: inline; clear: left; width: 655px; height: 265px; }
		
/************/
/*   BLOG   */
/************/

/* Categories */

a.categorie_link { float: left; padding-right: 10px; padding-left: 10px; margin-right: 5px; color: white; font-size: 9px; line-height: 20px; height: 20px; background-color: black; display: inline; margin-bottom: 5px; }

/* partners */

a.partner_link { float: left; width: 125px; height: 125px; margin-right: 28px; margin-bottom: 5px; }