@charset "utf-8";
/*	Global CSS
	Copyright Fusion515
	www.fusion515.com */

body {margin:0; padding:0; background:url(/img/bg.gif) repeat-x #464a4d; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#4e5051;}
td, div, p, label, input {color:#4e5051; font:normal 11px/18px Arial, Helvetica, sans-serif;}
img {border:0;}
a, a:visited, a:hover {color:#e022c2;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}

.body {width:988px; margin:0 auto; position:relative;}

.menu {width:100%; height:47px; margin-top:35px; background:url(/img/menu/bg.gif) repeat-x;}
.menu ul {width:100%; height:47px; margin:0; padding:0; list-style:none; background:url(/img/menu/bg-right.gif) no-repeat 100% 0;}
.menu ul li {display:block; float:left; background:url(/img/menu/separator.gif) no-repeat 100% 0; padding-right:2px;}
.menu ul li a {height:47px; display:block; float:left; padding:0 24px 0 24px; font:bold 14px/45px Arial, Helvetica, sans-serif; text-decoration:none; color:#0c1419;}
.menu ul li a:hover {background:url(/img/menu/bg-green.gif) repeat-x;}
.menu ul li a.logo {width:180px; height:47px; display:block; float:left; padding:0; background:url(/img/menu/logo.gif) no-repeat;}

.content {width:100%; position:relative; overflow:hidden;}
.content .top {width:100%; height:16px; float:left;}
.content .top .top-left {width:12px; height:16px; float:left; background:url(/img/content/bg-top-left.png) no-repeat;}
.content .top .top-center {width:964px; height:16px; float:left; background:url(/img/content/bg-edge-top.png) repeat-x;}
.content .top .top-right {width:12px; height:16px; float:right; background:url(/img/content/bg-top-right.png) no-repeat;}
.content .edge-left {width:4px; margin-bottom:-2000px; padding-bottom:2000px; float:left; background:url(/img/content/bg-edge-left.png) repeat-y;}
.content .edge-right {width:4px; margin-bottom:-2000px; padding-bottom:2000px; float:left; background:url(/img/content/bg-edge-right.png) repeat-y;}

.content .left {width:730px; margin-bottom:-2000px; padding-bottom:2000px; float:left; position:relative; background-color:#fff;}
.content .left h2 {width:100%; height:33px; font:bold 15px/33px Arial, Helvetica, sans-serif; margin:0 0 20px 0; background:url(/img/content/bg-title.gif) repeat-x; color:#000;}
.content .left h2 span {width:100%; height:33px; display:block; float:left; background:url(/img/content/title-arrow.gif) no-repeat 2px 7px;}
.content .left h2 span span {width:706px; height:33px; display:block; float:right; background:url(/img/content/title-separator.gif) no-repeat 696px -8px;}
.content .left h3 {width:720px; height:33px; font:bold 15px/33px Arial, Helvetica, sans-serif; margin:0 0 10px 0; background:url(/img/content/bg-title.gif) repeat-x; color:#000; clear:both; position:relative;}
.content .left h3 span {width:100%; height:33px; display:block; float:left; background:url(/img/content/title-arrow.gif) no-repeat 2px 7px;}
.content .left h3 span span {width:696px; height:33px; display:block; float:right; background:url(/img/content/title-separator.gif) no-repeat 100% -8px;}
.content .left h3 span span .title {color:#000; text-decoration:none;}
.content .left h3 span span .title:hover {color:#e022c2;}
.content .left h3 .rss {width:33px; height:33px; display:block; position:absolute; top:0; right:2px; background:url(/img/content/rss.png) no-repeat;}
.content .left h3 .rss:hover {background:url(/img/content/rss-2.png) no-repeat;}
.content .left p {width:706px; float:right; clear:both; margin:0 0 20px 0;}

.content .bitem {width:700px; float:left; clear:both; margin:0 0 15px 0;}
.content .bitem img {width:100px; height:100px; float:left; margin:0 10px 0 10px;}
.content .bitem .title {width:580px; height:20px; display:block; float:left; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#92047b; text-decoration:none;}
.content .bitem .title:hover {text-decoration:underline; color:#e022c2;}
.content .bitem .date {width:580px; height:14px; display:block; float:left; font-size:10px; margin-bottom:10px;}
.content .bitem .article {color:#4e5051; text-decoration:none;}
.content table a.title {font:bold 15px Arial, Helvetica, sans-serif;}
.content input.contact {width:200px; margin-bottom:9px; background:url(/img/content/bg-contact.gif) repeat-x #fff; border:1px solid #a6a6a6; padding:2px 1px 2px 1px;}
.content textarea.contact {width:601px; margin-bottom:9px; background:url(/img/content/bg-contact.gif) repeat-x #fff; border:1px solid #a6a6a6; padding:2px 1px 2px 1px;}

.content .right {width:250px; margin-bottom:-2000px; padding-bottom:2000px; float:left; position:relative; background-color:#fff;}
.content .right h3 {width:100%; height:33px; clear:both; font:bold 15px/33px Arial, Helvetica, sans-serif; margin:0 0 20px 0; background:url(/img/content/bg-title.gif) repeat-x; color:#000; position:relative;}
.content .right h3 span {width:100%; height:33px; display:block; float:left; background:url(/img/content/title-arrow.gif) no-repeat 2px 7px;}
.content .right h3 span span {width:226px; height:33px; display:block; float:right; background:url(/img/empty.gif) no-repeat;}
.content .right h3 span span .title {color:#000; text-decoration:none;}
.content .right h3 span span .title:hover {color:#e022c2;}
.content .right h3 span span .twitter {width:51px; height:50px; display:block; position:absolute; top:0; right:12px; background:url(/img/content/twitter.png) no-repeat;}
.content .right h3 span span .twitter:hover {background:url(/img/content/twitter-2.png) no-repeat;}
.content .right p {width:230px; float:left; clear:both; margin:0 0 20px 10px;}
.content .right ul {list-style-type:none; width:230px; float:left; padding:0; margin:0 0 20px 10px;}
.content .right ul li {margin:0 0 10px 0;}
.content .right ul.twitterfeed li {border-bottom:1px dotted #aaa; padding-bottom:10px;}
.content .right ul li a.title {text-decoration:none; width:100%; display:block; float:none; font-size:14px; font-weight:bold;}
.content .right ul li a.title:hover {text-decoration:underline;}
.content .right ul.twitterfeed li .elapsed {font-size:10px; font-style:italic;}
.content .right .mportover {width:50px; height:50px; display:block; float:left; margin:0 7px 7px 0; background-color:red;}

.content .portfolio {width:201px; height:340px; float:left; margin-left:20px;}
.content .showport {width:490px; height:328px; float:right; margin-right:10px; clear:right; background:url(/img/content/bg-port.gif) repeat-x 0 bottom; border:1px solid #aaa;}
.content .showport img {border-bottom:1px solid #aaa;}
.content .showport div {width:480px; margin:0 auto;}
.content .showport .title {font:bold 16px/22px Arial, Helvetica, sans-serif;}
.content .portover {width:60px; height:60px; display:block; float:left; margin:0 7px 7px 0; background:red;}
.content .portover:hover {cursor:pointer;}
.content .portnext {width:370px; height:25px; float:left; clear:both; margin-left:20px;}
.content .portindv {width:706px; height:397px; clear:both; margin-left:15px; position:relative;}
.content .portindv .ptip {width:20px; height:20px; display:block; background:url(/img/work/show/starfeature.png) no-repeat; position:absolute; top:0; left:0; cursor:help;}
.content .portindv .ptip:hover {}

.banner {width:100%; height:281px; margin-top:8px; background:url(/img/banner/bg.jpg) no-repeat; position:relative; color:#fff;}

.banner .slider {width:740px; height:250px; position:absolute; top:4px; left:8px;}
.banner .slider .inner {width:740px; height:250px; position:relative; color:#fff;}
.banner .slider .inner p {width:700px; color:#fff; margin:0 0 0 10px; font:14px/24px Arial, Helvetica, sans-serif;}
.banner .slider .inner a.more {width:140px; height:70px; display:block; float:right; background:url(/img/banner/button-learnmore.png) no-repeat; margin-right:15px;}
.banner .control {width:735px; height:25px; position:absolute; bottom:4px; left:13px;}
.banner .control div {float:left; font:bold 14px/22px Arial, Helvetica, sans-serif;}
.banner .control .prev, .banner .control .next, .banner .control .nav a {width:25px; height:25px; display:block; float:left; color:#fff; text-decoration:none; text-align:center;}
.banner .control .prev:hover, .banner .control .next:hover {cursor:pointer; color:#e022c2;}
.banner .control .nav a.activeSlide, .banner .control .nav a:hover {color:#e022c2; background:url(/img/banner/bg-slidernav.png) no-repeat;}
.banner .control .stopgo {color:#fff; margin-left:15px;}
.banner .control .stopgo:hover {cursor:pointer; color:#e022c2;}

.banner .login {width:244px; height:281px; float:right; position:relative;}
.banner .login #lbutton {width:87px; height:281px; background:url(/img/banner/button-login.png) no-repeat; position:absolute; top:0; left:154px;}
.banner .login #lform {position:absolute; top:0; left:244px; width:0px; height:281px; display:none; background:url(/img/banner/bg-login.jpg) no-repeat;}
.banner .login #lform #goback {width:30px; height:100%; position:absolute; top:0; left:0;}
.banner .login #lform .inner {width:200px; height:100%; position:absolute; top:0; left:32px;}
.banner .login .loginlabel {color:#e022c2;}
.banner .login .loginbox {background:url(/img/banner/bg-loginbox.gif) no-repeat; color:#fd04c6; padding:3px 0 4px 5px; margin:0 0 4px 0; vertical-align:middle; width:185px; border:none;}
.banner .login .loginremember {display:block; float:left; color:#fff; line-height:20px; margin-left:6px;}
.banner .login .loginbutton {background:url(/img/banner/bg-loginbutton.gif) no-repeat; border:none; color:#0d151a; font:bold 12px/14px Arial, Helvetica, sans-serif; padding:4px 0 7px 0; text-align:center; width:58px;}
.banner .login .loginbutton:hover {cursor:pointer;}

.home {width:100%; height:140px; margin-top:7px; position:relative;}
.home a {display:block; height:140px; float:left;}

.footer {width:100%; margin:0;}
.footer .bottom {width:100%; height:14px; clear:both;}
.footer .bottom .center {width:964px; height:14px; float:left; background:url(/img/content/bg-edge-bottom.png) repeat-x;}
.footer .bottom .left {width:12px; height:14px; float:left; background:url(/img/content/bg-bottom-left.png) no-repeat;}
.footer .bottom .right {width:12px; height:14px; float:right; background:url(/img/content/bg-bottom-right.png) no-repeat;}
.footer .links {width:590px; float:left; margin:14px 0 0 20px; color:#fff;}
.footer .links ul {width:100%; margin:0; padding:0; list-style-type:none;}
.footer .links ul li {display:inline;}
.footer .links ul li a {text-transform:uppercase; color:#fff; padding:0 6px 0 6px; display:block; float:left; background:url(/img/footer/separator.gif) no-repeat 100% center;}
.footer .links ul li a.first {padding-left:0;}
.footer .links ul li a.last {padding-right:0; background:none;}
.footer .legal {width:350px; float:right; margin:14px 20px 0 0; color:#000; text-align:right;}
.footer .legal strong {color:#fff; font-weight:normal;}
.footer .legal strong a {color:#fff;}
.footer .fusion {width:100%; height:30px; clear:both; float:left; text-align:center; margin-top:6px;}

.qtip .qtip-content {padding:10px; overflow:hidden;}
.qtip .qtip-content .qtip-title, .qtip-cream .qtip-content .qtip-title {background-color:#F0DE7D;}
.qtip-light .qtip-content .qtip-title {background-color:#f1f1f1;}
.qtip-dark .qtip-content .qtip-title {background-color:#404040;}
.qtip-red .qtip-content .qtip-title {background-color:#F28279;}
.qtip-green .qtip-content .qtip-title {background-color:#B9DB8C;}