@charset "utf-8";
/* CompuWizards - Global CSS */
body {margin:0; padding:0; background:url(/images/background.jpg) no-repeat fixed #373737; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#4e5051;}
td, div, p, label, input {color:#4e5051; font:normal 12px/18px Arial, Helvetica, sans-serif;}
img {border:0;}
a, a:visited, a:hover {color:#275ba9;}
a {text-decoration:underline;}
a:hover {text-decoration:none; color:#7c7c7c;}
a.h3 {font-size:14px; font-weight:bold;}
h3 {font-size:14px; font-weight:bold; color:#275ba9;}

#page {width:1000px; margin:0 auto; position:relative;}
span.error {color:#c00; font-weight:bold;}
div.error {width:80%; color:#c00; border:2px dashed #c00; background:url(/images/error.gif) no-repeat 7px 7px; padding:7px 0 7px 29px; margin-bottom:10px;}
.fbutton {width:70px; height:30px; background:url(/images/bg-button.png) no-repeat; color:#0d151a; font-size:12px; line-height:14px; padding:2px 0 7px 0; text-align:center; font-weight:bold; border:none;}
.fbutton:hover {cursor:pointer;}
ol.whitepaper {margin-left:20px;}
ol.whitepaper li {margin-bottom:15px;}
input.fchecker {display:none;}
.linkhi {line-height:25px; padding:5px 25px 5px 35px; margin:0; background:url(/images/body/linkhi.gif) repeat-x; color:#fff !important; text-decoration:none; position:relative;}
.linkhi:hover {background-image:url(/images/body/linkhi2.gif);}
.linkhi2 {line-height:25px; padding:5px 25px 5px 35px; margin:0; background:url(/images/body/linkhi2.gif) repeat-x; color:#fff !important; text-decoration:none; border-left:1px solid #fff; position:relative;}
.linkhi2:hover {background-image:url(/images/body/linkhi.gif);}
.linkhi span, .linkhi2 span {width:35px; height:100%; display:block; position:absolute; top:0; left:0; background:url(/images/body/linkhi-arrow.png) no-repeat 25px 50%;}


/* --- Header ------------------------------------*/
#head {width:100%; height:100px; position:relative; z-index:10;}
#head .left {width:14px; height:100px; background:url(/images/head/bg-left.png) no-repeat 0 10px; float:left;}
#head .right {width:14px; height:100px; background:url(/images/head/bg-right.png) no-repeat 0 10px; float:left;}
#head ul {width:972px; height:100px; margin:0; padding:0; list-style:none; background:url(/images/head/bg.png) repeat-x; float:left;}
#head ul li {display:block; float:left; background:url(/images/head/separator.gif) no-repeat 100% 10px; padding-right:2px; position:relative; z-index:200;}
#head ul li a {height:60px; display:block; float:left; padding:0 24px 0 24px; margin-top:10px; font:bold 14px/60px Arial, Helvetica, sans-serif; text-decoration:none; color:#0c1419;}
#head ul li a:hover {background:url(/images/head/bg-on.gif) no-repeat center top; color:#fff;}
#head ul li a.logo {width:370px; height:100px; display:block; float:left; padding:0; background:url(/images/head/logo.png) no-repeat; margin-top:0;}
#head ul li a.logo:hover {background:url(/images/head/logo.png) no-repeat; cursor:pointer;}

#head ul li ul {display:none; background:transparent url(/images/head/bg-dropmenu-bot.png) no-repeat 0 100%; padding-bottom:15px; z-index:200;}
#head ul li:hover ul, #head .iehover {display:block; position:absolute; top:70px; left:-10px; width:200px; overflow:hidden; height:auto; z-index:200;}
#head ul li ul li {width:180px; height:25px; background:url(/images/head/bg-dropmenu.png) repeat-y; padding:0 10px;}
#head ul li ul li a, #head ul li:hover ul li a {display:block; color:#0c1419; width:162px; height:24px; line-height:24px; border-top:1px solid #fbfbfb; text-transform:none; font-size:12px; padding:0 0 0 18px; background-image:none; margin-top:0;}
#head ul li ul li a:hover {background-color:#0855a0 !important; background-image:none !important; color:#fff !important;}


/* --- Body --------------------------------------*/
#body {width:100%; float:left; overflow:hidden; position:relative; z-index:9; margin-top:-20px;}
.ctop {width:100%; height:33px; margin:0;}
.ctop .left {width:20px; height:33px; background:url(/images/content/bg-top-left.png) no-repeat; float:left; margin:0;}
.ctop .center {width:960px; height:33px; float:left; background:url(/images/content/bg-top-center.png) no-repeat; margin:0;}
.ctop .title {width:100px; height:25px; padding-top:8px; float:left; margin:0; font:bold 16px/25px Arial, Helvetica, sans-serif; color:#fff;}
.ctop .right {width:20px; height:33px; background:url(/images/content/bg-top-right.png) no-repeat; float:left; margin:0;}

.content {width:100%; overflow:hidden; margin:0;}
.content .left {width:20px; height:50px; margin:0 0 -16000px 0; padding:0 0 16000px 0; background:url(/images/content/bg-left.png) repeat-y; float:left;}
.content .right {width:20px; height:50px; margin:0 0 -16000px 0; padding:0 0 16000px 0; background:url(/images/content/bg-right.png) repeat-y; float:left;}
.content .column {width:100px; margin:0 0 -16000px 0; padding:0 0 16000px 0; float:left; background-color:#fff; position:relative;}

ul.bluearrow {list-style:none; margin:0; padding:0;}
ul.bluearrow li {margin:0; padding:0 0 5px 30px; background:url(/images/body/bluearrow.jpg) no-repeat 10px 0;}


/* --- Homepage ----------------------------------*/
.ctop .lhome, .content .lhome {width:500px;}
.content .lhome p {width:490px; margin:10px 5px 15px 5px;}


/* --- Three Columns Layout ----------------------*/
.ctop .l3, .content .l3 {width:180px; padding-right:10px;}
.ctop .c3, .content .c3 {width:540px;}
.ctop .r3 {width:217px; margin-left:13px;}
.content .r3 {width:230px; background:#fff url(/images/content/bg-sep.gif) no-repeat;}
.content .c3 p {width:530px; margin:12px 5px 14px 5px;}
.content .r3 div {width:185px; margin:10px 0 0 15px;}
.content .c3line {width:540px; margin:25px 0 25px 0; border-bottom: 1px solid #666666;}
.content .c3split {width:263px; float:left; margin-right:7px;}
.content .c3split p {width:255px; float:left; margin-right:7px;}
.content .c3img {width:150px; float:left; margin-right:5px;}
.content .c3text {width:400px; float:left;}


/* --- Two Columns Layout (left menu) ------------*/
.ctop .l2, .content .l2 {width:180px;}
.ctop .r2, .content .r2 {width:780px;}
.content .r2 p {width:780px; margin:10px 0 15px 0;}


/* --- Two Columns Layout (right bar) ------------*/
.ctop .rl2, .content .rl2 {width:730px;}
.ctop .rr2 {width:217px; margin-left:13px;}
.content .rr2 {width:230px; background:#fff url(/images/content/bg-sep.gif) no-repeat;}
.content .rl2 p {width:720px; margin:12px 5px 14px 5px;}


/* --- One Column Layout -------------------------*/
.ctop .full, .content .full {width:960px;}
.content .full p {width:950px; margin:10px 5px 15px 5px;}


/* --- Left Navigation ---------------------------*/
.content .subnav {width:95%; margin:2px 0 10px 0; padding:0; list-style:none;}
.content .subnav li {width:100%; padding:10px 0 10px 0; margin:0;}
.content .subnav li a {text-decoration:none; font-weight:bold; font-size:14px;}
.content .subnav .active {background:url(/images/content/menu-title.gif) no-repeat 100% 0; width:185px; height:35px; line-height:35px; margin:0 0 0 -15px; padding:0 0 0 15px; font-size:14px; color:#000; display:block;}


/* --- Right Navigation --------------------------*/
.testimonial {padding:0 4px; font-size:11px;}
.testimonial a {width:180px; height:85px; display:block; margin:0 auto; background-position:0 0; background-repeat:no-repeat;}
.rightport {text-align:center; margin-top:12px; font-size:11px;}
.rightnews {padding:0 4px 13px 0; margin:0;}
.rightnews em {font-size:11px; font-style:normal;}
.rightnews a {font-weight:bold; font-size:12px;}
.rightest {width:100%;}
.rightest h3 {font-size:14px;}
.rightest td {height:50px; vertical-align:top;}
.rightest label {text-transform:uppercase; font-weight:bold; font-size:11px; line-height:15px;}
.rightest label.req {padding:0 15px 0 0; background:url(/images/body/label-req.png) no-repeat 100% 50%;}
.rightest input[type=text] {width:210px; height:21px; line-height:20px;}
.rightest select {height:21px; line-height:20px;}
.rightest input[type=submit] {width:90px; height:30px; border:none; text-transform:uppercase; text-align:center; margin:0 auto; line-height:26px; background:url(/images/body/submit-bg.gif) repeat-x; color:#fff; font-weight:bold; font-size:13px; cursor:pointer; margin:7px 2px 0 0;}
.rightest input.small {width:70px; height:22px; border:none; text-transform:uppercase; text-align:center; margin:0 auto; line-height:20px; background:url(/images/body/submit-bg.gif) repeat-x; color:#fff; font-weight:bold; font-size:11px; cursor:pointer; margin:0;}
.rightest input[type=submit]:hover {background-image:url(/images/body/submit-bg-hover.gif);}
.rightest .prefill {color:#666; font-style:italic;}
.rightest .msg-ok {padding:0; margin:10px 0 15px 10px !important; color:#090; font-weight:bold;}
.rightest .msg-bad {padding:4px; margin:10px 0 15px 10px !important; color:#c03; border:2px dashed #c03;}
.rightest .msg-bad ul {list-style:none; padding:0; margin:0;}
.rightest .msg-bad ul li {padding:0; margin:0;}


/* --- Footer ------------------------------------*/
#foot {width:100%;}
#foot .bottom {width:100%; height:14px; clear:both;}
#foot .bottom .center {width:976px; height:14px; float:left; background:url(/images/content/bg-edge-bottom.png) repeat-x;}
#foot .bottom .left {width:12px; height:14px; float:left; background:url(/images/content/bg-bottom-left.png) no-repeat;}
#foot .bottom .right {width:12px; height:14px; float:right; background:url(/images/content/bg-bottom-right.png) no-repeat;}

#foot .home {width:963px; float:left; clear:both; margin:4px 0 10px 20px; color:#ccc;}
#foot .home strong {width:100%; text-align:center; clear:both; float:left; margin:0;}
#foot .home ul {width:306px; float:left; margin:0 0 0 15px; font-size:11px;}
#foot .home ul li a {color:#ccc; text-decoration:none;}
#foot .home ul li a:hover {color:#c33; text-decoration:underline;}

#foot .links {width:470px; float:left; margin:14px 0 0 20px; color:#fff;}
#foot .links ul {width:100%; margin:0; padding:0; list-style-type:none;}
#foot .links ul li {display:inline;}
#foot .links ul li a {text-transform:uppercase; color:#fff; padding:0 6px 0 6px; display:block; float:left; background:url(/images/foot/separator.gif) no-repeat 100% center; font-size:11px;}
#foot .links ul li a.first {padding-left:0;}
#foot .links ul li a.last {padding-right:0; background:none;}

#foot .visionary {width:20px; float:left; margin:14px 0 0 0;}
#foot .legal {width:470px; float:left; margin:14px 0 0 0; color:#ccc; text-align:right; font-size:11px;}
#foot .legal strong {color:#fff; font-weight:normal;}
#foot .legal strong a {color:#fff;}


/* --- Banner (Slider) ---------------------------*/
.banner {width:100%; height:190px; margin:0; background:url(/images/content/banner-bg.png) no-repeat; position:relative;}
.banner .slider {width:725px; height:165px; position:absolute; top:0; left:15px;}
.banner .slider .inner {width:100%; height:150px; position:relative; padding:8px 0 7px 0; display:none;}
.banner .slider .inner p {color:#fff; width:725px; font-size:12px; margin:0;}
.banner .control {width:725px; height:25px; position:absolute; top:165px; left:15px;}
.banner .control div {float:left; font:bold 14px/25px Arial, Helvetica, sans-serif;}
.banner .prev, .banner .nav a, .banner .next {width:25px; height:25px; display:block; float:left; color:#fff; text-decoration:none; text-align:center;}
.banner .stopgo {color:#fff; margin-left:15px;}
.banner .prev:hover, .banner .nav a:hover, .banner .next:hover, .banner .nav a.activeSlide {color:#7ebdfd; cursor:pointer; background:url(/images/content/bg-slidernav.png) no-repeat;}
.banner .stopgo:hover {color:#7ebdfd; cursor:pointer;}


/* --- Banner (Login Form) -----------------------*/
.banner .login {width:248px; height:190px; position:absolute; top:0; left:740px;}
.banner .lbutton {display:none;}
.banner .login #lbutton {width:87px; height:190px; background:url(/images/content/button-login.png) no-repeat; position:absolute; top:0; left:169px;}
/*.banner .login #lbutton:hover {cursor:pointer;}*/
.banner .login #lform {position:absolute; top:0; left:244px; width:0px; height:190px; display:none; background:url(/images/content/bg-login.png) no-repeat;}
.banner .login #lform #goback {width:30px; height:100%; position:absolute; top:0; left:0;}
.banner .login #lform #goback:hover {cursor:pointer;}
.banner .login #lform .inner {width:215px; height:175px; position:absolute; top:10px; left:32px; color:#fff;}
.banner .login .title {color:#fff; font-size:18px;}
.banner .login label {color:#fff; margin-right:4px; width:70px; display:block; float:left; text-align:right; font-size:11px;}
.banner .login .box, .box {width:110px; float:left;}
.banner .login a {color:#fff; font-weight:bold; font-size:11px;}


/* --- Advertisement Bar -------------------------*/
.imgbar {width:100%; height:133px; margin:15px 0 10px 0;}
.imgbar .left {width:20px; height:133px; float:left; margin:0; background:url(/images/imgbar/bg-left.png) no-repeat;}
.imgbar .right {width:20px; height:133px; float:left; margin:0; background:url(/images/imgbar/bg-right.png) no-repeat;}
.imgbar ul.bar {width:960px; height:133px; float:left; margin:0; padding:0; list-style:none; background:url(/images/imgbar/bg.png) repeat-x;}
.imgbar ul.bar li {width:234px; height:127px; display:block; float:left; margin:0; padding:6px 6px 0 0; background:url(/images/imgbar/bg-sep.gif) no-repeat 225px 0; position:relative; overflow:hidden;}
.imgbar ul.bar li.last {background:none;}
.imgbar ul.bar li a.title {font-weight:bold; color:#000; text-decoration:none; font-size:16px;}
.imgbar ul.bar li a.title-sash {width:182px; display:block; float:left;}
.imgbar ul.bar li .text {width:198px; font-size:11px;}

.imgbar .button {width:108px; height:38px; display:block; position:absolute; top:90px; left:100px; font:bold 13px/30px Arial, Helvetica, sans-serif; color:#464a4d; text-decoration:none; padding-left:10px;}
.imgbar .button:hover {color:#275ba9;}
.imgbar .more {background:url(/images/imgbar/bg-button-more.png) no-repeat;}
.imgbar .download {background:url(/images/imgbar/bg-button-download.png) no-repeat;}
.imgbar .sash {width:60px; height:60px; position:absolute; top:0; left:165px;}
.imgbar .popular {background:url(/images/imgbar/sash-popular.png) no-repeat;}
.imgbar .free {background:url(/images/imgbar/sash-free.png) no-repeat;}
.imgbar .new {background:url(/images/imgbar/sash-new.png) no-repeat;}


/* --- Portfolio ---------------------------------*/
.portcategory {width:100%; height:30px; float:left; margin:12px 0 0 0;}
.portcategory label {font-weight:bold; font-size:14px; line-height:22px; margin:0 5px 0 0;}
.portcategory select {width:200px; font-size:14px;}
.portcategory form {width:350px; height:22px; float:left; margin:4px 0 0 0;}
.portcategry div {width:370px; height:30px; font-size:11px; line-height:15px; float:right;}
.thumbs {width:201px; height:402px; float:left; margin:15px 0 0 0;}
.thumbs a, .thumbs span {width:55px; height:55px; display:block; background-position:50% 50%; background-repeat:no-repeat; float:left; margin:0 10px 10px 0; border:1px solid #aaa;}
.thumbs .activethumb {border-color:#009;}
.screens {width:490px; height:390px; float:left; margin:15px 0 0 0; border:1px solid #aaa; position:relative;}
.screens .screen {display:none;}
.screens .shot {width:490px; height:327px; position:absolute; top:0; left:0; z-index:10; background-position:0 0; background-repeat:no-repeat; margin:0;}
.screens .bbox {width:490px; height:75px; padding:4px 0 0; margin:0; position:absolute; top:310px; left:0; z-index:20; background-color:#fff; border-top:1px solid #aaa;}
.screens .bbox strong {width:474px; height:22px; display:block; font-weight:bold; font-size:14px; line-height:20px; color:#000; border-bottom:1px solid #aaa; padding:0 8px;}
.screens .bbox div {width:474px; height:54px; font-size:12px; line-height:16px; padding:0 8px;}
.portmore {width:100%; float:left; margin:5px 0 0 0;}
.portmore h2 {font-size:14px;}
.portmore ul {width:345px; float:left; margin:0; padding:0 0 0 16px; font-size:11px;}
.portmore ul a {color:#4e5051; text-decoration:none;}


/* --- Paging ------------------------------------*/
.paging {width:100%; float:left; margin:5px 0 0 0;}


/* --- Contact Forms -----------------------------*/
.contact label {text-transform:uppercase; font-weight:bold; font-size:11px; line-height:15px;}
.contact label.req {padding:0 15px 0 0; background:url(/images/body/label-req.png) no-repeat 100% 50%;}
.contact label em {font-size:11px; font-weight:normal; margin:0 5px;}
.contact input[type=text] {width:335px;}
.contact input[type=submit], .contact input.button {width:auto; height:30px; border:none; text-transform:uppercase; text-align:center; margin:0 auto; line-height:26px; background:url(/images/body/submit-bg.gif) repeat-x; color:#fff; font-weight:bold; font-size:13px; cursor:pointer; margin:7px 2px 0 0;}
.contact input[type=submit]:hover {background-image:url(/images/body/submit-bg-hover.gif);}
.contactsm input[type=text] {width:235px;}
img.map {padding:2px; border:1px solid #ccc; border-radius:8px; -moz-border-radius:8px;}
#map {width:710px; height:500px; margin:15px auto; border:1px solid #ccc;}


/* --- News Listing and Articles -----------------*/
.newsitem {width:520px; float:left; margin:10px 5px;}
.newsitem a {font-size:14px; font-weight:bold;}
.newsitem span {font-size:10px; line-height:12px;}
.newsitem em {font-size:10px; line-height:12px; font-style:italic;}
.newsitem div {margin:6px 0 0 0; font-size:11px; line-height:14px;}


/* --- Hosting Table -----------------------------*/
.hosting {font-size:11px; border:1px solid #ccc; padding:2px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto;}
.hosting .pregroup {line-height:10px; font-size:5px;}
.hosting .group {background-color:#ccc; font-weight:bold; height:20px; line-height:20px;}
.hosting td {font-size:11px; padding:1px;}
.hosting .button {width:100px; height:20px; display:block; line-height:20px; color:#fff; background:url(/images/learnmore.gif) no-repeat #c00; text-decoration:none; margin:0 auto;}
.hosting .button:hover {color:#ccc;}
.hosting .tip {display:block; float:left; background:url(/images/question.png) no-repeat 100% 1px; cursor:help; padding:0 18px 0 0;}


/* --- Testimonials ------------------------------*/
.testitem {width:520px; padding:0; margin:0 5px; float:left; border-top:1px solid #ccc; padding:15px 0;}
.testitem div {width:400px; margin-bottom:6px;}
.testitem a {width:180px; height:85px; display:block; background-position:0 0; background-repeat:no-repeat;}


/* --- Error 404 Sections ------------------------*/
.error404-sec {width:490px; margin:0 0 15px 0; overflow:hidden;}
.error404-sec strong {width:100%; height:24px; display:block; line-height:24px; border-bottom:1px solid #ccc; font-size:16px;}
.error404-sec ul {list-style:none; margin:5px 0 0 0; padding:0;}
.error404-sec ul li {width:240px; float:left; margin:0 5px 8px 0; font-size:11px;}