/*  
Theme Name: KINESIS
Theme URI: http://roxigo.com/kinesis/wp/
Description: KINESIS is created by <a href="http://roxigo.com">Roxigo and Grubforce</a>.
Version: 1.0
Author: Roxigo and Grubforce
Author URI: http://roxigo.com
*/

/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

 
/*-------------------------------------------------------------------------------------------*/

/****************************************************/
/*   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; width:100%; margin-top:15px; }

p.entry {width:500px; 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.small_white_footer { color: white; font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-top:5px; }
	p.tiny_white, .boxes_text p { 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_eventwhen { width: 90px; margin-top: 5px; color: white; text-align: center; font-size: 16px; font-weight: bold; }
p.blog_eventdate { width: 90px; margin-top: 3px; height: 15px; line-height: 15px; color: white; text-align: center; font-size: 12px; font-weight: normal; }

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

	p.blog_comments_number, p.blog_comments_number a { width: 90px; color: white; text-align: center; font-size: 14px; line-height: 37px; margin-top:5px; }

p.story_publish, p.story_publish a { width: 90px; color: white; text-align: center; font-size: 12px; line-height: 15px; padding-top:5px; padding-bottom:5px; margin-top:5px; background-color: black;}
	
h1 { font: 25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; height: auto; float: left; display: inline-block; }

	h1 a { text-decoration: none; color: black; }
	
	h1.header, h1.header p { height: auto; 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: 15px; }
	
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.header { font: 16px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white;}

	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: 320px; }

	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: 100px; float: left; display: inline-block; margin-left: 5px; text-align: center; cursor: pointer; background-image: url(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, input.send { 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; }

.col_contact form p{
	float:none;
}


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

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

	a.small_text { font-size: 9px; text-decoration: underline; color: #000; }

	a.white { color: white; }

	a.small_white { color: white; }

a.home_slider {color: white;}

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

	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(images/b_top.jpg); width: 35px; height: 30px; float: left; display: inline; margin-top: 10px; margin-left: 611px; }
	
	a.comment { background-image: url(images/comment_counter.jpg); width: 36px; height: 30px; float: right; line-height: 30px; text-align: center; font-size: 13px; color: white; }

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

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

img.blog_img { width:100px; margin-bottom: 15px; float:left; margin-left:-40px; display: inline-block; clear: left; }

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(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(images/navigation_default.png) no-repeat; }

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

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

div#navigation_wrapper { width: 225px; margin-top: 220px; 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(images/navigation_default.png) no-repeat right; }

			div#navigation_wrapper ul li.active { background-image: url(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(images/navigation_hover.png); }

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

			

	div#logo { width: 200px; height: 116px; float: left; display: inline-block; margin-top: 60px; margin-left:20px; background-image: url(images/logo.png); background-repeat: no-repeat; }
	
/* SUBNAVIGATION */

div.subnav { display: inline; width: 655px; height: 30px; margin-bottom: 5px; float: left; clear: left; }
div.subnavblog { 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; }
	div.subnavblog a { height: 30px; font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; background-color: black; display: inline-block;  }
	div.subnavblog span { height: 30px; font: 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; background-color: black; padding-left: 10px; padding-right: 10px; display: inline-block;  }


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

div.col_postspec {width: 400px; float: left; background-color: white; margin-left:5px; padding: 20px; display: inline-block; }

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: 615px; background-color: white; float: left; clear: left; display: inline; padding: 20px 20px 10px; margin-bottom: 30px; }

div.col_homehead { width: 615px; background-image: url(images/bg_text.png); float: left; clear: left; display: inline; padding: 20px 20px 10px; margin-bottom: 30px; }

div.col_full4 { width: 615px; 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_01.comment { float: left; width: 250px; display: inline-block; height: 225px; }

	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_02.comment { height: 222px; 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_contact_03.comment { 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(images/bg_text.png); display: inline; float: left; }

.white p{
	color:#FFF;
}

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

/****************************/
/*   Background slideshow   */
/****************************/

/* Slider controls */

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

.prev { background-image: url(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(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: -130px; z-index: 10;width:90px; float: left; display: inline; }
	
			.blog_date { width: 90px; height: 50px; display: inline; float: left; background-color: black; }

			.blog_comments_number { width: 90px; height: 38px;display: clear:left; inline-block; float: left;  margin-top: 5px; background-color:black; }

		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(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(images/bg_text.png); height:100%; display:inline-block;}

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

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

a.ref_list, img.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; }

		img.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; }

/* Comments */

div.comment_entry { display: inline; float: left; margin-bottom: 20px; }

	div.avatar_box { float: left; width: 80px; margin-right: 40px; }

	div.comment_box { display: inline; float: left; padding: 20px; width: 450px; border: 1px solid #f1f1f1; }
	
/* partners */

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




/*  ------------------------------  */
/*  DROPDOWN MENU                   */
/*  ------------------------------  */
ul.menu {
	list-style-type:none;
	margin:0;
	padding:6px 6px 0 6px;
	float: left;
width:100%;
}
ul.menu li {
	display:block;
	height: 30px;
	
        z-index:4;
float:left;
	position:relative;
	margin:0 9px 0 0;
	padding:0;
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1;           /* fx, safari, opera */
}
ul.menu li.under {
	display:block;
	height: 30px;
	
        z-index:1;
float:left;
	position:relative;
	margin:50px 9px 0 0;
	padding:0;
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1;           /* fx, safari, opera */
}
ul.menu li.current {
	background:#000000;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
ul.menu li:hover {
	background:#000000;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}


ul.menu li a {
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	padding:15px 15px 15px 15px;
	line-height:15px;
background:#000000;
}

ul.menu li a span {
	font-weight:normal;
	padding-left:3px;
}
ul.menu li.drop a {
	padding-right:15px;


}
ul.menu li.drop:hover li {
	border:none;

}
}
ul.menu li.drop:hover, ul.menu li.current:hover {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
}
ul.menu li.drop:hover ul {
	display:block;
	z-index:1;
	padding-bottom:8px;
}
ul.menu li ul {
	display:none;
	position:absolute;
	width: 100%;
	top:30px;
	left:0;
	list-style-type:none;
	margin:0;
	padding:9px 0 0 0;
	background:#000000;
	filter: alpha(opacity=100); /* internet explorer */
}
ul.menu li ul li {
	float:none;
	height: auto;
	margin:0;
	padding:0;
	border:none;
	filter: alpha(opacity=100); /* internet explorer */
}
ul.menu li ul li a {
	float:none;
	background:none;
	margin:0;
	padding:0;
	display:block;
	font-size:13px;
	height:auto;
	margin:0;
	padding:4px 13px 4px 13px;
	font-weight:normal;
}

/* drop down menu hover styles */
ul.menu li:hover ul {
	border:none;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
}
ul.menu li:hover ul * {
	background:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
ul.menu li ul li:hover {
	background-color:#333333;
}



/*-----------Ultimate Page Ends-------------------*/
.valid .text_input, .valid .text_area{border:1px solid #70A41B!important; } /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid red!important;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628!important;}