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

/* Fix up IE6 PNG Support */
img, #logo {behavior: url(scripts/iepngfix.htc);}

/*----------------------------------General styles----------------------------------------*/

.superscript { font-size:xx-small; vertical-align: top; }
.orange { color:#ff9933; }
.default { background: url(images/bg/main.jpg) no-repeat #000; }
.italics { font-style: italic; }
.underline { text-decoration: underline; }
.home-cat { cursor: pointer; }
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	background-color: #000;
}
a {text-decoration: none; border: none;}
#header {padding: 5px 0 20px 23px; height: 104px;}
	#header h1 a {
		background: url(images/logoV2.png) no-repeat;
		float: left;	
		width: 227px; height: 30px;
		display:block;
		text-indent:-9999px;
	}
/*#logo h1 {
	margin: 0;
	display:block;
	text-indent:-9999px;
}*/
#main {background: #000; color: white;}
	#main .container {background: url(images/bg_mainV2.jpg) no-repeat #000; min-height: 674px;}
#block_content {margin: 0; padding: 0; width: 100%; overflow: hidden;}

/*------------------------------------NAVS------------------------------------------------*/

#sub-menu {margin: 0; padding: 0; position: absolute; right: 0px; line-height: 100%;}
	#sub-menu li {display: inline; margin-right: 8px;}
		#sub-menu li a {
			text-decoration: none;			
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size: 11px; color: #666;
			/*font-weight:bold;
			text-transform:uppercase;*/
		}
			#sub-menu li a.active {color: #cccc00;}
			#sub-menu li a:hover {color: #fff;}
#main-menu {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	margin: 0; padding: 6px 0;
	background: url(images/gradient.png) repeat-x 0 -990px;
	line-height: 100%;
	position: absolute; 
	top: 35px; right: 0px;
	display: inline;
}
	#main-menu li, #main-submenu li {
		margin-left: 5px;
		padding: 0 0 8px;
		float: left;
		position: relative;
		list-style: none;
		display: inline;
	}
		#main-menu li a.active, #main-submenu li a.active {color: #cccc00;}
	#main-menu a, #main-submenu a {
		text-decoration: none;
		color: #b2b7b1;
		display: block;
		margin: 0; padding: 8px 10px;
	}
		#main-menu a:hover, #main-submenu a:hover {color: #fff;}
	#main-menu .current a, #main-menu li:hover > a {
		background: url(img/gradient.png) repeat-x 0 -990px;
	}
/*-----------------------sub levels link hover------------------------------*/
#main-menu ul li:hover a, #main-menu li:hover li a {
	background: none;
	border: none;
	color: #666;
	display: inline;
}
#main-menu ul a:hover {
	background: /*#0078ff*/ url(img/gradient.png) repeat-x 0 -900px !important;
	color: #fff !important;
}
/*------------------------level 2 list--------------------------------------*/
#main-menu ul {
	display: none;
	margin: 8px 0; padding: 0;
	width: 330px;
	position: absolute;
	top: 35px; left: 0;
	background: url(images/gradient.png) repeat-x 0 -910px;
	/*border: solid 1px #b4b4b4;*/
}
#main-menu ul li {
	float: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#main-menu ul a {font-weight: normal;}
#main-menu li:hover > ul {display: inline;}

#main-submenu {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	margin: 0; padding: 6px 0;
	background: url(images/gradient.png) repeat-x 0 -990px;
	line-height: 100%;
	position: absolute; 
	top: 70px; right: 124px;
	display: inline;
}
/*---------------------------------------------------------------------------*/
#CEM_nav {float: right; margin-right: 30px;}
#CEM_nav a.active {color: #ff9933;}
#CEM_nav a{	
	background: url(images/link_CEM.png) no-repeat right;
	padding: 7px 45px 0 0; 
	font-size: 18px;
	text-align: right;
	width: 110px;
	height: 25px;
	display: block;
}
#case-studies_bottom {
	width: 270px;
	margin: 0; 
	padding: 0 50px 0 36px; 
	float: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	line-height: 18px;
}
#case-studies_bottom h2{
	margin: 18px 0; padding: 0;
	display: block;
	text-indent: -9999px;
}
#case-studies_bottom p{
	margin: 0 0 15px 0; padding: 0;
}
#block_content a{
	margin: 0;
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
}
#left-content {
	float: left;
	width: 555px;
	padding: 39px 92px 39px 65px;
	margin: 0;
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
	line-height: 18px;
}
#left-content h2{
	margin: 0; padding: 0;
	display: block;
	text-indent: -9999px;	
}
#left-content h3{
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ff9933;	margin: 10px 0 0 0;
	line-height: 24px;
}
#left-content h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff9933;	margin: 10px 0 0 0;
}
#left-content h5{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #ff9933;	margin: 10px 0 5px 0;
}
#left-content a{color: #ff9933;}
#left-content a:hover{color: #FFF;}
#right-content a:hover{color: #FFF;}
#right-content {
	float: left; 
	width: 280px;
	margin: 0; padding: 39px 0 0 15px;
	/*text-indent: 15px;*/ 
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	overflow: visible;
	/*height: 399px;*/
	line-height: 18px;
}
#right-content ul {margin: 15px 0; padding: 0; line-height: 22px; list-style-type: none;}
#right-content ul a {font-size: 12px; text-decoration: underline;}
#right-content ul a.active {color: #cccc00; text-decoration: none;}
#right-content h3 {
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	color: #ff9933;	margin: 0;
}
#right-content h4 {
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff9933;	margin: 0;
}
#right-content h5 {
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 0;
}
#soc_logos {
	margin: 0; padding: 0;
	width: 25px; 
	position: absolute; 
	top: 69px; right: 163px;
	display: block;
}
/*#soc_logos img a{ margin: 0 0 5px 0; padding: 0;}*/
#bottom {
	font: Arial, Helvetica, sans-serif;
	color:#999;
	font-size: 12px;
	height: 274px;
	margin: 0;	padding: 0;
}
#blog {
	float: left;
	background: url(images/bg_blog.jpg) no-repeat;
	width: 233px; height: 274px;
	margin: 0; padding: 32px 36px 20px 29px;
}
	#blog h2 {margin: 0; padding: 0;}
		#blog h2 a{	
			background: url(images/link_blog.png) no-repeat;
			margin-bottom: 20px;
			width: 251px; height: 26px;
			display: block;
			text-indent:-9999px;	
		}
	#blog h3{
		font: Arial, Helvetica, sans-serif; color: #ff9933;
		font-size: 12px; font-weight: lighter;
		margin: 0;
		text-transform: uppercase;
	}
#bottom-right {float: left; width: 726px;}
#home-about {
	float: left;
	width: 690px; height: 100px;
	margin: 0; padding: 37px 0 21px 30px;
}
	#home-about h2 {margin: 0; padding: 0;}
	#home-about h2 a{	
		background: url(images/h2_about_kinetic.png) no-repeat;
		width: 173px; height: 22px;
		display: block;
		text-indent:-9999px;	
	}
	#home-about h3{
		font: Arial, Helvetica, sans-serif; color: #ff9933;	
		font-size: 20px; font-weight: lighter;	
		margin: 10px 0; padding: 0;
	}
#home-efolio {	
	background: url(images/bg_home-efolio.jpg) no-repeat;
	width: 367px; height: 92px;
	padding: 24px 0 0 26px;
	float: left;
}
	#home-efolio a {margin-right: 18px}
	#home-efolio h2 {margin: 0; padding: 0;}
	#home-efolio h2 a{	
		background: url(images/h2_efolio.png) no-repeat;
		width: 222px; height: 16px;
		display: block;
		text-indent:-9999px;
		margin-bottom: 22px;
	}
#home-cat {	
	background: url(images/bg_home-cat.png) no-repeat;
	width: 301px; height: 94px;
	padding: 22px 0 0 32px;
	float: left;
}
#efolio a{
	background: url(images/link_efolio.png) no-repeat;
	position: absolute; right: 32px; top: 476px;
	margin: 0; padding: 0; 
	width: 270px; height: 36px;
	display: block;
	text-indent: -9999px;
}
#CS-nav {
	position: absolute; right: 296px; top: 470px;
	margin: 0; padding: 0; 
	width: 250px; height: 31px;
}
	#CS-nav li {
		display: inline-block; vertical-align: middle;
		margin-right: 20px;
		vertical-align: ;
	}
#client-logos {margin: 60px 0; padding: 0;}
#owner-link a{
	background: url(images/link_owners.png) no-repeat;
	margin: 0 0 0 28px; padding: 0 0 0 30px; 
	width: 121px; height: 17px;
	display: block;
	float: left;
	text-decoration: none;
}
#linkedin a{
	background: url(images/linkedin.png) no-repeat center;
	margin: 0; padding: 350px 0 0 0; 
	width: 300px; height: 14px;
	display: block;
	float: right;
	font-size: 14px; font-weight: bold;
	text-decoration: none; text-align: center;
}
#footer {color: #FFF; background: #000; padding-top: 20px;}
	#footer h2 a{
		background: url(images/footer_link.png) no-repeat;
		width: 200px; height: 17px;
		display: block;
		text-indent:-9999px;
		margin: 0 0 0 48px;
	}
#footer-copy {
	text-align: right;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px; color: #999;
	line-height: 18px;
}
.container {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

/*---------------------------------Picachoose styles--------------------------------------------*/

/* adjust the size of the stage and the thumbnails: */
.pika-thumbs li { display: none; width: 145px; height: 62px;}
.pika-stage {width: 1024px;}

/*a{color: white;}*/
.pikachoose {
	background: url(images/bg_slides.png) top no-repeat;
	width: 1024px; height: 401px;
	margin: 0;
}
.pika-stage {
	position: relative;	
	border: none;
	padding-top: 1px;
	text-align: center;
	width: 1024px; height: 399px;
}	
	/* if you change the padding on pika-stage, you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 1px; left: 0px;}
	.pika-stage .pika-aniwrap {position: absolute; top: 1px; left: 0px;}
	.pika-stage .pika-aniwrap {width: 100%;}
	.pika-stage .pika-ani {position: relative; display: none; z-index: 2; margin: 0 auto;}
	.pika-stage img {border: none; height: 100%;}
	.pika-stage .caption {
		position: absolute; 
		/*background: url(images/75-black.png);*/ 
		border: none /*1px solid #141414*/;
		font-size: 16px; color: #fafafa;
		padding: 10px;
		text-align: right;
		bottom: 20px; right: 0px;
	}
		.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block; z-index: 3;}
	.pika-imgnav a.previous {background: url(images/prev.png) no-repeat left; height: 100%; width: 20px; top: 10px; left: 55px; cursor: pointer;}
	.pika-imgnav a.next {background: url(images/next.png) no-repeat right; height: 100%; width: 20px; top: 10px; right: 55px; cursor: pointer;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px; top: 0; left: 50%; display: none; cursor: pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px; top: 0; left: 50%; display: none; cursor: pointer;}

.pika-textnav {display: none;}
/*.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}*/
	
/*for the tool tips*/
.pika-tooltip{
	font-size: 12px;
	position: absolute;
	color: white;
	padding: 3px; 
	background-color: rgba(0,0,0,0.7);
	border: 3px solid black;
}
.pika-counter{
	display: none;
	/*position: absolute;
	bottom: 20px;
	left: 0px;
	color: white;
	background: rgba(0,0,0,0.7);
	font-size: 16px;
	padding: 10px;
	-moz-border-radius: 5px;
	border-radius:5px;*/
}

/*---------------------------------s3slider styles--------------------------------------------*/

#s3slider { 
   width: 712px; /* important to be same as image width */ 
   height: 399px; /* important to be same as image height */
   float: left;
   position: relative; /* important */
   overflow: hidden; /* important */
   margin: 0; padding: 0;
}

#s3sliderContent {
   width: 712px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0; /* important */
   padding: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

	.s3sliderImage span {
		position: absolute; /* important */
		left: 0; bottom: 0;
		font: 10px/15px Arial, Helvetica, sans-serif;
		padding: 10px 13px;
		width: 399px;
		background-color: #000;
		filter: alpha(opacity=0); /* here you can set the opacity of box with text */
		-moz-opacity: 0; /* here you can set the opacity of box with text */
		-khtml-opacity: 0; /* here you can set the opacity of box with text */
		opacity: 0; /* here you can set the opacity of box with text */
		color: #fff;
		display: none; /* important */		
   /*  if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
		}

.clear {clear: both;} 
#contact { display: block; border: none; }
#contact p, label, legend { font: 16px, Arial, sans-serif,; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #fff; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: none; }

/*------------------------------------------------Form style-------------------------------------------*/

#contact label {
	text-align: left;
	padding-right: 5px;
	float: left;
	width: 120px;
	font-size: 14px;
}
#contact input, textarea, select {
	width: 280px;
	margin: 0 0 5px 0;
	color: #fff;
	background: url(images/white-30.png);
	border: none;
	font: 16px  Arial, sans-serif;
	padding-left: 5px;
}   
#contact input:focus, textarea:focus, select:focus {
	border: none;
	background: url(images/white-30.png);
	color: #FFF;
}
#contact input.submit {
	width: 85px; 
	cursor: pointer; 
	border: 1px solid #222; 
	background: #333; 
	color: #fff;
}
#contact input.submit:hover { background-color: #0CF; }
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#contact fieldset { padding: 5px; border: none;}
#contact legend {
	padding: 7px 10px;
	font-weight: bold;
	border: 1px solid #eee;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	margin-bottom: 0 !important; margin-bottom: 20px;
}
#contact span.required { font-size: 14px; color: #cccc00; } /* Select the color of the * if the field is required. */
#message { margin: 10px 0; padding: 0; }
.error_message { 
	line-height: 14px; 
	background: url(images/error.gif) #FBE3E4 no-repeat 10px 6px;
	padding: 8px 10px 3px 35px;
	color: #8a1f11;
	border: 1px solid #FBC2C4;
}
ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }
.loader { padding: 0 10px; }
#contact #success_page h1 { background: url(images/success.gif) left no-repeat; padding-left:22px; }

#quotes { position: relative; }
.textItem { position: absolute; display: none; }