@charset "utf-8";
/* CSS Document */
/* Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;	border: 0;	vertical-align: baseline; background: transparent; outline:none;}
html{overflow-x:hidden}
body {line-height: 1;color:#333;font:12px Arial, Helvetica, sans-serif;overflow-x:hidden;}
a,a:link,a:visited{text-decoration:none;color:#06C}
a:hover{color:#F60}
h1, h2, h3, h4, h5, h6 {font-weight: normal;clear: both;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
a img { border: none;display:block; }
hr{ border:none; border-bottom:1px solid #FFF;border-top:1px solid #CCC;clear:both;}
/* Custom Styles */
body{background:#EFF5F6 url(images/bg.jpg) no-repeat left top;}
#wrapper-head, #wrapper-flash, div.sep-shadow, div.hp-sections, #content, #footer{margin:0 auto;}
#content, #footer{width:990px;}	
#wrapper-head{width:990px;height:100px;}	
	#wrapper-head a.logo{background:url(images/logo.png) no-repeat left top;width:296px;height:84px; float:left;text-indent:-9999px;margin-top:7px;}
	
	#wrapper-head div#tnb{float:right}
	#wrapper-head div#tnb ul.navigation{margin:0;padding:0;list-style:none;}
	ul.navigation li{display:inline;}
	ul.navigation li a{display:block;float:left;padding-left:20px;font:20px "Segoe UI", Arial, Helvetica, sans-serif;color:#333;line-height:100px;text-shadow:0px 1px 0px #FFF;}
	ul.navigation li a:hover{color:#0066CC}
	
#wrapper-flash{width:990px;height:300px;}
#wrapper-flash .rotating-text{float:left;width:442px;margin-top:40px;}
	.rotating-text ul#rotate-text{margin:0;padding:0;list-style:none;}
#wrapper-flash .wrapper-caraousel{float:right;width:524px;}


div.sep-shadow{width:990px;background:url(images/sep_shadow.png) no-repeat;height:20px;clear:both;}

div.hp-sections{background:url(images/hp_secbar.png) no-repeat;width:990px;height:200px;padding:1px;}
div.hp-sections h2{font:24px "Segoe UI", Arial, Helvetica, sans-serif;color:#0066CC;margin-bottom:10px;}
div.hp-sections h2 img{vertical-align:middle}
div.hp-sections span{line-height:18px;}
div.hp-sections ul{margin-top:10px;list-style:none}
div.hp-sections ul li{background:url(images/bullet.png) no-repeat left center;padding-left:15px;margin-left:15px;line-height:20px;font-size:12px;}
	div.hp-sections div.sec-research, div.hp-sections div.sec-development, div.hp-sections div.sec-results{width:310px;height:182px;float:left;padding:8px;}
	div.hp-sections div.sec-research{border-right:1px solid #FFF;}
	div.hp-sections div.sec-development{border-right:1px solid #FFF;border-left:1px solid #A6C6DB;}
	div.hp-sections div.sec-results{border-left:1px solid #A6C6DB;}

#content{margin-top:20px;color:#666;line-height:20px;font-size:14px;}
#content h1{color:#0066CC;font-size:36px;text-shadow:0px 1px 0px #FFF;padding-bottom:20px;text-transform:lowercase;}
#content h1 img{vertical-align:middle}
#content h3{font-weight:bold;font-size:16px;text-shadow:0px 1px 0px #FFF;padding-top:15px;}
#content p{line-height:22px;font-size:14px;}
#content .breadcrumb{float:right;font-size:12px;text-transform:lowercase}
#content ul.list{margin:0px 0px 15px 0px;list-style:none;padding:0px;}
#content ul.list li{background:url(images/bullet.png) no-repeat left center;padding-left:15px;margin-left:15px;line-height:27px;font-size:14px;}
#content ul.list li a{color:#333;}
#content ul.list li a:hover{color:#0066CC;}

form input.submitbtn{background:url(images/submitbtn.png) no-repeat; font-size:14px; color:#000000; border:0; width:82px; height:34px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/submitbtn.png',sizingMethod='scale'); _background:none;}
form input.resetbtn{background:url(images/reset.png) no-repeat; border:0; width:82px; height:34px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/reset.png',sizingMethod='scale'); _background:none;}
label.error{color:#C00;font-size:11px;}

#footer{clear:both;}

#footer .hp-services{margin:10px 0px;font-size:16px;color:#999;clear:both;width:800px;float:left}
#footer .hp-services h2{font:24px "Segoe UI", Arial, Helvetica, sans-serif;color:#0066CC;margin-bottom:10px;text-shadow:0px 1px 0px #FFF;}
#footer .hp-services a{color:#333;}
#footer .hp-services a:hover{color:#0066CC;}

#footer .footerL{width:700px;float:left;font-size:11px;color:#999;line-height:20px;}
#footer .footerR{width:250px;float:right;}
#footer .footerR a{width:32px;height:32px;text-indent:-9999px;display:block;float:right;padding-right:10px;}
#footer .footerR a.twitter{background:url(images/icon_twitter_on.png) no-repeat;}
#footer .footerR a.twitter:hover{background:url(images/icon_twitter.png) no-repeat;}
#footer .footerR a.facebook{background:url(images/icon_facebook_on.png) no-repeat;}
#footer .footerR a.facebook:hover{background:url(images/icon_facebook.png) no-repeat;}
#footer .footerR a.linkedin{background:url(images/icon_linkedin_on.png) no-repeat;}
#footer .footerR a.linkedin:hover{background:url(images/icon_linkedin.png) no-repeat;}

/* BEGIN: Portfolio Styles
-------------------------------------------------------------*/
.ps_overlay{z-index:90;background:#111;width:100%;height:100%;position:fixed;top:0px;left:0px;opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
/* Image container style */
.ps_container{width:480px;height:350px;position:absolute;top:50%;margin-top:-175px;left:50%;margin-left:-240px;z-index:100;}
.ps_container img{border:10px solid #fff;position:absolute;top:50%;left:50%;-moz-box-shadow:1px 1px 10px #000;-webkit-box-shadow:1px 1px 10px #000;box-shadow:1px 1px 10px #000;}
/* Close button for preview mode */
a.ps_close{background:#000 url(images/close.png) no-repeat center center;cursor:pointer;width:56px;height:56px;position:fixed;right:10px;top:10px;z-index:1000;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;	opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
/* Next photo button for preview mode */
a.ps_next_photo{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;z-index:200;cursor:pointer;background:#000 url(images/next_photo.png) no-repeat 50% 50%;opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);	-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
a.ps_next_photo:hover, a.ps_close:hover{opacity:0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
/* Thumbnail slider style */
.ps_slider{width:845px;height:350px;position:relative;margin:0 auto;margin-top:20px;}
.ps_slider a.next, .ps_slider a.prev{position:absolute;background-color:#000;background-position:center center;background-repeat:no-repeat;border:1px solid #232323;width:20px;height:20px;top:50%;margin-top:-10px;opacity:0.6;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;outline:none;}
.ps_slider a.prev:hover, .ps_slider a.next:hover{border:1px solid #333;opacity:0.9;}
.ps_slider a.disabled, .ps_slider a.disabled:hover{opacity:0.4;border:1px solid #111;cursor:default;}
.ps_slider a.prev{left:-30px;background-image:url(images/prev.png);}
.ps_slider a.next{right:-30px;background-image:url(images/next.png);}
.ps_slider .ps_album{width:140px;height:310px;padding:10px;background-color:#333;border:1px solid #444;position:absolute;top:0px;text-align:center;cursor:pointer;-moz-box-shadow:1px 1px 4px #666;-webkit-box-shadow:1px 1px 4px #666;box-shadow:1px 1px 4px #666;x-webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), 		color-stop(0.6, transparent), to(rgb(18, 18, 18)));}
.ps_slider .ps_album:hover{	background-color:#383838;}
.ps_slider .ps_album img{height:90px;border:1px solid #444;-moz-box-shadow:1px 1px 4px #000;-webkit-box-shadow:1px 1px 4px #000;box-shadow:1px 1px 4px #000;}
.ps_slider .ps_album .ps_desc{display:block;color:#666;background:#111 url(images/overlay.png) no-repeat bottom right;height:200px;margin-top:10px;text-align:left;overflow:hidden;text-overflow:ellipsis;border:1px solid #393939;-moz-box-shadow:0px 0px 2px #000 inset;-webkit-box-shadow:0px 0px 2px #000 inset;box-shadow:0px 0px 2px #000 inset;}
.ps_slider .ps_album:hover .ps_desc{background-image:none;}
.ps_slider .ps_album .ps_desc span{display:block;margin:5px;line-height:15px !important;font-size:11px;}
.ps_slider .ps_album .ps_desc h2{margin:5px;text-align:left;font-weight:normal;font-size:16px;color:#ddd;text-shadow:0px 0px 1px #fff;xborder-bottom:1px solid #000;}
.ps_slider .loading{background:#121212 url(images/loading.gif) no-repeat 50% 50%;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
/* END: Portfolio Styles
-------------------------------------------------------------*/

/* Carousel Style
-------------------------------------------------------*/
.jcarousel-skin-tango .jcarousel-container {background:url(images/carousel_base.png) no-repeat;margin-top:40px;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 524px;height: 245px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  430px;height: 210px;padding-top:9px;position:relative;left:50px;}
.jcarousel-skin-tango .jcarousel-item {width: 429px;height: 207px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}

.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 43px;right: 13px;width: 23px;height: 122px;cursor: pointer;background: transparent url(images/carousel_next.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:active {background:url(images/carousel_next_active.png) no-repeat;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background:url(images/carousel_next_disabled.png) no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 43px;left: 18px;width: 23px;height: 122px;cursor: pointer;background: transparent url(images/carousel_prev.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:active {background:url(images/carousel_prev_active.png) no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background:url(images/carousel_prev_disabled.png) no-repeat;}