/* {{{ Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* }}} */
@font-face {
    font-family: "WebSymbolsRegular";
    font-style: normal;
    font-weight: normal;
    src: url("/websymbols/websymbols-regular-webfont.eot?#iefix") format("embedded-opentype"), 
		url("/websymbols/websymbols-regular-webfont.woff") format("woff"), 
		url("/websymbols/websymbols-regular-webfont.ttf") format("truetype"), 
		url("/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular") format("svg");
}

a {
	color:#79BCFB;
}
a:hover {
	color:#ff4f00;
}
body {
	background:url(/imgs/handmadepaper.png) repeat 0 0;
	color:#777;
	font-family: 'Ubuntu', sans-serif;
}
div.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
    width: 100%;
}
div.page {
	font-size:14px;
	width:1024px;
	margin:0px auto;
}
div.menu {
	float:left;
	position:fixed;
}
div.logo {
	background:url(/imgs/new_logo.gif) no-repeat 0px 0px;
	width:250px;
	height:121px;
	margin-top:100px;
	margin-bottom:30px;
}
div.logo a {
	display:block;
	width:250px;
	height:121px;
}
div.menu div.navigation {
	font-family: 'Ubuntu', sans-serif;
	font-size:20px;
	width:250px;
	height:200px;
	text-align:right;
	padding-top:0px;
}
div.navigation ul {
	width:200px;
	margin:0px auto;
	padding:0px 0px;
}
div.navigation ul li {
}
div.navigation ul li.last {
	border:none;
}
div.menu div.navigation a {
	padding:15px 0px;
	text-decoration:none;
	display:block;
}
div.menu div.navigation a.active_menu {
	color:#ff4f00;
}
div.menu div.navigation a:hover {
	text-decoration:none;
	color:#ff4f00;
}
div.back_to_top {
	text-align:right;
	padding-right:20px;
}
div.back_to_top a {
	text-decoration:none;
	font-size:72px;
}
div.page_content {
	float:right;
	width:750px;
}
div#intro {
	font-size:36px;
	text-align:left;
	font-weight:bold;
	height:600px;
	padding-top:100px;
	margin-bottom:75px;
}
div#services_container {
	padding-bottom:100px;
	padding-top:85px;
}
div#intro p {
	line-height:50px;
	float:left;
	width:500px;
}
div.animation {
	height:200px;
	width:200px;
	float:right;
	margin-top:-50px;
	position:relative;
}
div.planet {
	background:url(/imgs/jw_planet.png) 75% 0 no-repeat;

	-webkit-animation: planet linear 6s 0s infinite alternate backwards;
	-ms-animation: planet linear 6s 0s infinite alternate backwards;

	width:132px;
	height:100px;
	margin-left:30px;
	margin-top:50px;
	z-index:10;
	position:absolute;
}
img.alien {
	width:20px;
	height:20px;
	position:absolute;
	left:50px;
	-webkit-animation: alien 30s infinite cubic-bezier(0, 0, 0.35, 1);
	-ms-animation: alien 30s infinite cubic-bezier(0, 0, 0.35, 1);
}
div.foreground {
	-webkit-animation: foreground 30s infinite cubic-bezier(0, 0, 0.35, 1);
	-ms-animation: foreground 30s infinite cubic-bezier(0, 0, 0.35, 1);
}
div.alien_container {
	-webkit-animation: alien_cont 30s infinite cubic-bezier(0, 0, 0.35, 1);
	-ms-animation: alien_cont 30s infinite cubic-bezier(0, 0, 0.35, 1);
}
@-webkit-keyframes alien {
	0%   { -webkit-transform:translateX(25px); }
	25%  { -webkit-transform:translateX(125px);}
	50%  { -webkit-transform:translateX(25px); }
	50%  { -webkit-transform:translateX(125px);}
	100% { -webkit-transform:translateX(25px); }	
}
@-moz-keyframes alien {
	0%   { -moz-transform:translateX(25px); }
	25%  { -moz-transform:translateX(125px);}
	50%  { -moz-transform:translateX(25px); }
	50%  { -moz-transform:translateX(125px);}
	100% { -moz-transform:translateX(25px); }	
}
@-ms-keyframes alien {
	0%   { -ms-transform:translateX(25px); }
	25%  { -ms-transform:translateX(125px);}
	50%  { -ms-transform:translateX(25px); }
	50%  { -ms-transform:translateX(125px);}
	100% { -ms-transform:translateX(25px); }	
}
@-webkit-keyframes foreground {
	0%   { z-index:-20; }
	25%  { z-index:20; }
	50%  {  z-index:-20;}
	75%  { z-index:20;}
	200% {  z-index:-10; }	
}
@-moz-keyframes foreground {
	0%   { z-index:-20; }
	25%  { z-index:20; }
	50%  {  z-index:-20;}
	75%  { z-index:20;}
	200% {  z-index:-10; }	
}
@-ms-keyframes foreground {
	0%   { z-index:0; }
	25%  { z-index:20; }
	50%  {  z-index:0;}
	75%  { z-index:20;}
	200% {  z-index:0; }	
}

@-webkit-keyframes alien_cont {
	0%   { -webkit-transform:translateY(50px); }
	25%  { -webkit-transform:translateY(150px);}
	50%  { -webkit-transform:translateY(50px); }
	75%  { -webkit-transform:translateY(150px);}
	100% { -webkit-transform:translateY(50px); }	
}
@-moz-keyframes alien_cont {
	0%   { -moz-transform:translateY(50px); }
	25%  { -moz-transform:translateY(150px);}
	50%  { -moz-transform:translateY(50px); }
	75%  { -moz-transform:translateY(150px);}
	100% { -moz-transform:translateY(50px); }	
}
@-ms-keyframes alien_cont {
	0%   { -ms-transform:translateY(50px); }
	25%  { -ms-transform:translateY(150px);}
	50%  { -ms-transform:translateY(50px); }
	75%  { -ms-transform:translateY(150px);}
	100% { -ms-transform:translateY(50px); }	
}



@-webkit-keyframes planet {
  from {
    -webkit-transform: rotate(-15deg);
  }
  to {
    -webkit-transform: rotate(15deg);
  }
}
@-moz-keyframes planet {
  from {
    -moz-transform: rotate(-15deg);
  }
  to {
    -moz-transform: rotate(15deg);
  }
}
@-ms-keyframes planet {
  from {
    -ms-transform: rotate(-15deg);
  }
  to {
    -ms-transform: rotate(15deg);
  }
}
#carousel {
	width:573px;
	height:350px;
	margin-top:45px;
	background:url(/imgs/mb_bg.png) no-repeat;
	padding-top:27px;
	padding-left:127px
}
h2.section_header {
	background:url(/imgs/section_headers.png) no-repeat 0px 0px;
	height:75px;
	width:331px;
	text-indent:-10000em;
	margin: 40px auto;
}
h2.section_header.services {
	background:url(/imgs/section_headers.png) no-repeat 0px -79px;
}
h2.section_header.work{
	background:url(/imgs/section_headers.png) no-repeat 0px 0px;
}
h2.section_header.contact {
	width:366px;
	background:url(/imgs/section_headers.png) no-repeat 0px -150px;
}
form#contact_form {
	font-size:20px;
	width:400px;
	margin:40px;
	font-family:courier;
	float:left;
}
form#contact_form label {
	display:block;
	height:20px;
	text-align:
}
form#contact_form  input[type=text] {
	padding:10px;
	width:350px;
	border:0px;
	padding-left:100px;
	border-bottom:3px dashed #777;
	color:#777;
	background:transparent;
	margin-top:-25px;
	margin-bottom:40px;
	font-size:20px;
	font-family:courier;
}
form#contact_form  input[type=submit] {
	padding:10px;
	cursor:pointer;
	width:120px;
	height:120px;
	border-radius:65px;
	font-size:30px;
	margin:10px auto;
	background:#C5E4F4;
	border:3px dashed white;
	font-size:30px;
	color:white;
    outline: none;
}
form#contact_form  input[type=submit]:hover {
	background:#79BCFB;
}
div.available p {
	background: #79BCFB;
	width: 150px;
	height: 105px;
	padding-top: 45px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	border-radius: 85px;
	line-height: 30px;
	margin-left: 15px;
	border:10px solid white;
}
div.available {
	width:200px;
	margin-top:0px;
	padding-bottom:400px;
	background:url(/imgs/jivewise_launch.png) no-repeat 50% 100%;
	float:right;
}
input:focus {
    outline: none;
}
form#contact_form  textarea {
	margin-top:20px;
	background:white;
	border:0px;
	padding:10px;
	font-size:16px;
	width:445px;	
}
div#contact_container {
	padding-top:100px;
}
div.details {
	width:160px;
	padding:20px;
	float:right;
	background:#C5E4F4;
	color:white;
	border:3px dashed white;
	margin-top:30px;
}
div.details:hover {
	background:#79BCFB;
}
div.details p {
	border-bottom:1px dotted white;
	padding:5px;
}
div.details p a {
	color:white;
	text-decoration:none;
}
div.details p.address {
	border:0px;
}
div#thanks_container h2 {
    font-weight:bold;
    font-size:20px;
    line-height:30px;
    margin-bottom:1em;
}
div#thanks_container {
    width:400px;
    float:left;
}
div.footer {
	margin-top:25px;
	border-top:1px solid white;
	padding-top:10px;
	padding-bottom:100px;
}
div.footer p{
	width:50%;
	padding:0px;
	margin:0px;
	float:left;
}
p.right {
	text-align:right;
}
.web_font {
    font-family: 'WebSymbolsRegular', cursive;
	text-decoration:none;
}

div.footer a {
	text-decoration:none;
}
/* {{{ Portfolio */
div#work_container {
	padding-top:90px;
}
div.portfolio_screen
{
	margin-bottom:50px;
	margin-left:30px;
	margin-right:30px;
	float:left;
	display:block;
	width:250px;
	height:150px;
	border: 1px solid #cfcfcf;
	border-right: 2px solid #ff4f00;
	border-bottom: 2px solid #ff4f00;
	cursor:pointer;
}
div.portfolio_screen a {
	display:block;
	width:250px;
	height:150px;
}
p {
	line-height:1.75em;
}
div.item_details {
	display:none;
}
div.item_details p {
    margin-bottom: 30px;
    margin-left: 30px;
    padding-bottom: 20px;
    width: 60%;
	float:left;
	border-right:1px solid white;
	padding-right:5%;
}
div.item_details ul {
	padding-left:5%;
	width:25%;
	float:left;
}
div.item_details ul li {
	line-height:1.75em;
	margin-bottom:10px;
}
div.item_details h3 {
	font-weight:bold;
	color:#ff4f00;
	margin-bottom:20px;
	text-align:center;
}
div.item_details.showing {
	display:block;
}
p.item_description {
	display:none;
	margin-bottom:20px;
}
div.page_content div.portfolio_screen:hover
{
	border: 20px solid #79BCFB;
	border-width: 15px 20px;
}
div.page_content div.portfolio_screen
{
	border: 20px solid white;
	border-width: 15px 20px;
	float:left;
}
div.scroll_div {
	display:none;
}
div.bach_thumb
{
	background:url(/imgs/bach_thumb.png) 0px 0px no-repeat; 
}
div.ask_whyyu_thumb
{
	background:url(/imgs/ask_whyyu_thumb.jpg) 0px 0px no-repeat; 
}
div.whyyu_thumb
{
	background:url(/imgs/whyyu_thumb.jpg) 0px 0px no-repeat; 
}
div.whyyu_app_thumb
{
	background:url(/imgs/whyyu_app_thumb.jpg) 0px 0px no-repeat; 
}
div.create_thumb
{
	background:url(/imgs/create_thumb.jpg) 0px 0px no-repeat; 
}
div.ist_thumb
{
	background:url(/imgs/ist_thumb.jpg) 0px 0px no-repeat; 
}
div.jiveamp_thumb
{
	background:url(/imgs/jiveamp_thumb.png) 0px 0px no-repeat; 
}
div.habco_thumb
{
	background:url(/imgs/habco_thumb.png) 0px 0px no-repeat; 
}
div.jingblog_thumb
{
	background:url(/imgs/jingblog_thumb.png) 0px 0px no-repeat; 
}
div.ecm_thumb
{
	background:url(/imgs/carrier_search_thumb.gif) 0px 0px no-repeat; 
}
div.webmail_thumb
{
	background:url(/imgs/webmail_thumb.png) 0px 0px no-repeat; 
}
div.dayone_thumb
{
	background:url(/imgs/dayone_thumb.png) 0px 0px no-repeat; 
}
div.kaa_thumb
{
	background:url(/imgs/kaa_thumb.png) 0px 0px no-repeat; 
}
div.fithealth_thumb
{
	background:url(/imgs/fithealth.png) white 10px 24px no-repeat; 
}
div.page_content ul.image_screen_cont
{
	margin-bottom:10px;
}
ul.image_screen_cont,
li.image_screen_item
{
	display:block;
	overflow:hidden;
	z-index:1;
	margin-left:10px;
}
li.image_screen_item img {
	z-index:1;
}
div.page_content ul.image_screen_cont:hover li.close_slide
{
	display:inline;
}
div.page_content ul.image_screen_cont li.close_slide
{
	margin:10px 10px 0px 575px;
	float:right;
	display:none;
	position:absolute;
	z-index:100;
	background:black
	cursor:pointer;
}
div.page_content ul li.close_slide img {
	float:right;
	z-index:100;
	cursor:pointer;
}
div.page_content li.image_screen_item {
	margin-left:0px;
	position:absolute;
	left:0;
	top:0;
}
div.page_content ul.image_screen_cont {
	width:250px;
	height:150px;
	border: 12px solid white;
	border-width:10px 13px 10px 12px;
	padding-left:0px;
	margin-left:30px;
	list-style-type:none;
	position:relative;
}
div.page_content ul.image_screen_cont:hover {
	border: 5px solid #ff4f00;
	border-width:10px 13px 10px 12px;
}
div.page_content ul.item_scroller
{
	display:block;
	text-align:center;
	padding-left:0px;
	float:left;
	margin-left:30px;
	padding-bottom:15px;
	margin-left: 325px;
}
ul.item_scroller li
{
	width:8px;
	height:8px;
	background:url('/imgs/item_select.gif') no-repeat 0px 0px;
	float:left;
	cursor:pointer;
	margin-right:10px;
}
ul.item_scroller li:hover,
ul.item_scroller li.active_scroll
{
	background:url('/imgs/item_select.gif') no-repeat -8px 0px;
}
/* }}} */


.pluit-carousel {
  position: relative;
  margin-bottom: 1em;
}

.pluit-carousel img {
  border: 0;
  display: block;
  cursor: pointer;
}

.pluit-carousel ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* Viewport */
.pluit-carousel .viewport {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.pluit-carousel .viewport ul {
  width: 6000px;
}

.pluit-carousel .viewport ul li {
  display: block;
  float: left;
}

.pluit-carousel .viewport ul ul {
  width: auto;
  float: left;
}

.pluit-carousel .viewport ul ul li {
  margin-right: 5px;
}

/* Navigation */
.pluit-carousel .nav {
  position: relative;
  padding: 0 3px;
  height: 10px;
}

.pluit-carousel .nav li a {
  display: block;
  overflow: hidden;
  text-indent: -100em;
  background: url(/imgs/carousel_nav.png) no-repeat 0 0;
  outline: none;
}

.pluit-carousel .nav li a:hover {
  background-position: -46px 0;
}

.pluit-carousel .nav .prev {
  position: absolute;
  right: 22px;
}

.pluit-carousel .nav .next {
  position: absolute;
  right: 5px;
}

.pluit-carousel .nav .prev a, .pluit-carousel .nav .next a {
  width: 10px;
  height: 10px;
  background-position: -91px 0;
}

.pluit-carousel .nav .prev a:hover {
  background-position: -179px 0;
}

.pluit-carousel .nav .next a {
  background-position: -135px 0;
}

.pluit-carousel .nav .next a:hover {
  background-position: -223px 0;
}

.pluit-carousel .nav .pages {
  position: absolute;
  top: 0px;
  left: 2px;
}

.pluit-carousel .nav .pages ul {
  float: left;
}

.pluit-carousel .nav .pages li {
  float: left;
  margin-right: 8px;
}

.pluit-carousel .nav .pages li a {
  width: 10px;
  height: 10px;
}

.pluit-carousel .nav .pages li.active a {
  background-position: -46px 0;
}

.pluit-carousel ul, .pluit-carousel .nav .pages, .pluit-carousel .nav {
  zoom: 1;
}

.pluit-carousel ul:after, .pluit-carousel .nav .pages:after, .pluit-carousel .nav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Fancy Side Navigation Skin */
.fancy-nav-skin {
  padding-bottom: 20px;
}

.fancy-nav-skin .nav {
  position: absolute;
  top: 0;
  height: 100%;
  float: none;
}

.fancy-nav-skin .nav li {
  float: none;
}

.fancy-nav-skin .nav .prev, .fancy-nav-skin .nav .next {
  position: absolute;
  top: 233px;
  left: 435px;
  width: 60px;
}

.fancy-nav-skin .nav .next {
  left: 460px;
  top: 208px;
  z-index: 1;
}

.fancy-nav-skin .nav .prev a, .fancy-nav-skin .nav .next a {
  width: 50px;
  height: 54px;
  background-position: 0 -85px;
}

.fancy-nav-skin .nav .prev a:hover {
  background-position: -80px -85px;
}

.fancy-nav-skin .nav .next a {
  background-position: -160px -85px;
}

.fancy-nav-skin .nav .next a:hover {
  background-position: -240px -85px;
}

.fancy-nav-skin .nav .pages {
  position: absolute;
  top: 403px;
  width: 100px;
	margin-left:175px;
}

.fancy-nav-skin .nav .pages li a {
  width: 15px;
  height: 15px;
  background-position: 0 -40px;
}

.fancy-nav-skin .nav .pages li.active a {
  background-position: -46px -40px;
}

.ca-menu {
    margin: 20px auto;
    padding: 0;
}
.ca-menu.secondary {
	margin-left:117px;
}

.ca-menu li{
	margin-left:20px;
    width: 200px;
    height: 300px;
    overflow: hidden;
    position: relative;
    float: left;
    border: 5px solid #fff;
    background: #e2f0ff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-right: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    color: #79BCFB;
    font-size: 90px;
    text-shadow: 1px 0px 1px rgba(255,255,255,0.7);
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 50%;
}
.ca-main{
    font-size: 30px;
    color: #005382;
    opacity: 0.8;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-sub{
    text-align:center;
    font-size: 14px;
    color: #666;
	margin-top:20px;
    line-height: 20px;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menu li:hover{
    background-color: #fff;
}
.ca-menu li:hover .ca-icon{
    text-shadow: 0px 0px 20px #c5e4f4;
    color: transparent;
    -webkit-animation: moveFromTop 400ms ease;
    -moz-animation: moveFromTop 400ms ease;
    -ms-animation: moveFromTop 400ms ease;
}
.ca-menu li:hover .ca-main{
    color: #777;
    -webkit-animation: moveFromTop 300ms ease;
    -moz-animation: moveFromTop 300ms ease;
    -ms-animation: moveFromTop 300ms ease;
}
.ca-menu li:hover .ca-sub{
    color: #777;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-300%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-300%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-300%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}