@charset "UTF-8";
@import url("http://fonts.googleapis.com/css?family=Ubuntu:400,500,700");
/* Visionary Services - Global CSS */

body {margin:0; padding:0; background:url(/images/bg.gif) repeat-x #cecece; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#4e5051;}
body.blank {background-image:none; background-color:#fff;}
td, div, p, label, input {color:#333; font:normal 12px/18px Arial, Helvetica, sans-serif;}
img {border:0;}
a, a:visited, a:hover {color:#c00;}
a {text-decoration:underline;}
a:hover {text-decoration:none; color:#7c7c7c;}
a.h3 {font-size:14px; font-weight:bold;}
div {position:relative; padding:0; margin:0; z-index:2;}
h1, h2, h3 {margin:0; padding:0 0 4px;}
h1 {font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-size:23px; font-weight:500; line-height:25px; color:#000;}
h2 {font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-size:18px; font-weight:500; line-height:22px; color:#333;}
h2.h1 {color:#000;}
h3 {font-size:14px; line-height:22px; font-weight:bold; color:#4e5051;}
h3.colh3 {font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-size:23px; font-weight:500; line-height:25px; color:#000; padding-top:21px; margin-bottom:12px;}
h3 a {color:#4e5051 !important; text-decoration:none;}
h3.colh3 a {color:#000 !important;}

.page {width:1020px; margin:0 auto;}
.blank .page {width:auto;}
.back {width:100%; height:130px; position:fixed; top:0; left:0; background:url(/images/back-bg.gif) repeat-x; z-index:1;}

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;}
input.fchecker {display:none;}
span.ubuntu {font-family:'Ubuntu', Arial, Helvetica, sans-serif;}

/* --- Main Navigation Menu ----------------------*/
ul.head {width:1000px; height:45px; margin:3px 0 0; padding:7px 10px; list-style:none; float:left; clear:both; background:url(/images/head/vsimenu-bg.png) no-repeat 0 -3px; z-index:200; position:relative;}
ul.head li {height:45px; padding-right:2px; display:block; float:left; background:url(/images/head/vsimenu-edge.png) no-repeat 100% 0; position:relative; z-index:200;}
ul.head li a {height:45px; padding:0 24px; display:block; font:bold 14px/46px Arial, Helvetica, sans-serif; text-decoration:none; color:#0c1419;}
ul.head li a:hover {background:url(/images/head/vsimenu-hover.png) repeat-x; color:#fff;}
ul.head li.home {width:310px; padding-left:5px;}
ul.head li.home a {background:url(/images/head/vsimenu-logo.png) no-repeat; text-indent:-9000px;}
ul.head li.social {width:24px; height:24px; padding:0; margin:11px 6px 0 0; float:right; background-image:none;}
ul.head li.social.socialfirst {margin-right:10px}
ul.head li.social a {width:24px; height:24px; padding:0; background-image:url(/images/head/vsimenu-social.png); background-repeat:no-repeat; text-indent:-9000px;}
ul.head li.social.facebook a {background-position:0 0;}
ul.head li.social.facebook a:hover {background-position:-24px 0;}
ul.head li.social.linkedin a {background-position:0 -24px;}
ul.head li.social.linkedin a:hover {background-position:-24px -24px;}
ul.head li.social.twitter a {background-position:0 -48px;}
ul.head li.social.twitter a:hover {background-position:-24px -48px;}
ul.head li.social.rss a {background-position:0 -72px;}
ul.head li.social.rss a:hover {background-position:-24px -72px;}
ul.head li.social.phone a {background-position:0 -96px;}
ul.head li.social.phone a:hover {background-position:-24px -96px;}
ul.head li.phonecall {width:135px; display:none; position:absolute; top:7px; right:10px; background:url(/images/head/vsimenu-phonecall.png) no-repeat; z-index:220; text-align:center; line-height:46px; font-weight:bold; font-size:14px; color:#000; cursor:pointer;}

/* --- Main Navigation Menu (Submenu) ------------*/
ul.head li ul {width:200px; height:auto; padding:0 0 15px; margin:0; display:none; background:url(/images/head/vsimenu-sub-bot.png) no-repeat 0 100%; z-index:200; position:absolute; top:45px; left:-10px; overflow:hidden; list-style:none;}
ul.head li ul.wide {width:380px; background-image:url(/images/head/vsimenu-sub-wide-bot.png);}
ul.head li:hover ul, ul.head .iehover {display:block;}
ul.head li ul li {width:180px; height:auto; background:url(/images/head/vsimenu-sub-bg.png) repeat-y; padding:0 10px;}
ul.head li ul.wide li.l {background-image:url(/images/head/vsimenu-sub-wide-left.png); padding-right:0; border-right:1px solid #fff; width:179px;}
ul.head li ul.wide li.r {background-image:url(/images/head/vsimenu-sub-wide-right.png); padding-left:0;}
ul.head li ul li a, ul.head li:hover ul li a, ul.head li ul li span {width:160px; height:auto; display:block; color:#0c1419; line-height:16px; border-top:1px solid #f6f6f6; text-transform:none; font-size:12px; padding:4px 10px; background-image:none; margin-top:0;}
ul.head li ul.wide li.l a, ul.head li:hover ul.wide li.l a {width:161px;}
ul.head li ul li a:hover {background-color:#a30000 !important; background-image:none !important; color:#fff !important;}

/* --- Body / Columns ----------------------------*/
.body {width:1020px; float:left; z-index:9; overflow:hidden;}
.body .content_head {width:1020px; height:20px; float:left; clear:both; background:url(/images/body/body-head.png) no-repeat;}
.body .content_foot {width:1020px; height:20px; float:left; clear:both; background:url(/images/body/body-foot.png) no-repeat;}
.content {width:996px; padding:0 12px; min-height:400px; background:url(/images/body/body-bg.png) repeat-y; overflow:hidden;}
.content .column {width:63px; margin:0 0 -16000px 0; padding:0 10px 16000px; float:left; background:url(/images/body/column-edge.gif) no-repeat 0 0; overflow:hidden;}
.content .column p {margin:12px 0;}
.content .column.noedge {background-image:none;}
.content .column.col1 {width:63px;}
.content .column.col2 {width:146px;}
.content .column.col3 {width:229px;}
.content .column.col4 {width:312px;}
.content .column.col5 {width:395px;}
.content .column.col6 {width:478px;}
.content .column.col7 {width:561px;}
.content .column.col8 {width:644px;}
.content .column.col9 {width:727px;}
.content .column.col10 {width:810px;}
.content .column.col11 {width:893px;}
.content .column.col12 {width:976px; background-image:none;}

/* --- Breadcrumb Navigation ---------------------*/
ul.breadcrumb {width:100%; height:15px; list-style:none; padding:0; margin:0 0 6px; font-size:10px;}
ul.breadcrumb li {float:left; line-height:15px; margin:0 4px 0 0; padding:0 10px 0 0; background:url(/images/body/breadcrumb.png) no-repeat 100% 50%;}

/* --- Left Navigation ---------------------------*/
.content .subnav {width:100%; margin:0 0 10px; padding:0; list-style:none;}
.content .subnav li {padding:0; margin:0;}
.content .subnav li a {width:155px; padding:9px 0 9px 15px; margin-left:-15px; display:block; text-decoration:none; font-weight:bold; font-size:13px; line-height:15px;}
.content .subnav .active {background:url(/images/body/menu-active-tall.gif) repeat-x; color:#000; border-bottom:1px solid #e2e2e2;}
.content .subnavh3 {border-top:1px solid #ccc; margin-top:11px; padding-bottom:0; color:#000;}
.content .subnavp {margin:0; padding:0; font-size:11px; line-height:16px;}
.content .subnav_small {width:95%; margin:2px 0 10px 0; padding:0; list-style:none;}
.content .subnav_small li {width:100%; padding:0; margin:0;}
.content .subnav_small li a {line-height:16px; padding:2px 0 2px 10px; display:block; background:url(/images/body/bullet.png) no-repeat 0 5px;}
.content .subnav_small .active, .content .subnav_small li a:hover {color:#333; text-decoration:none; background-image:url(/images/body/bullet_hover.png);}

/* --- Testimonial Column ------------------------*/
.xedge {width:100%; height:1px; background-color:#ccc; margin:15px 0;}
.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;}

/* --- Portfolio Column --------------------------*/
.rightport {width:216px; margin-top:12px; font-size:11px;}
.rightport a {width:192px; height:118px; display:block; padding:11px; border:1px solid #ccc; background-color:#eaeaea; border-radius:4px; text-decoration:none; color:#333;}
.rightport a:hover {background-color:#ddd; color:#c00;}
.rightport a .screen {width:190px; height:98px; display:block; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #ddd; background-color:#000; margin:0 0 2px;}
.rightport a .title {width:100%; height:18px; display:block; font-weight:500; font-size:14px; line-height:18px;}

/* --- News Column -------------------------------*/
.rightnews {padding:0 4px 13px 0; margin:0;}
.rightnews em {font-size:11px; font-style:normal;}
.rightnews a {font-weight:bold; font-size:12px;}

/* --- Estimate Form Column ----------------------*/
.rightest {width:100%; margin-top:10px;}
.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;}
.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;}

/* --- Footer ------------------------------------*/
.foot {width:980px; min-height:30px; padding:10px 20px; float:left; clear:both;}
.foot .bottom_foot {width:975px; float:left; clear:both; margin:0 2px; color:#666;}
.foot .bottom_foot strong {width:100%; display:block; text-align:center; float:left; margin:0;}
.foot .bottom_foot ul {width:300px; float:left; margin:0; padding-left:20px; font-size:11px;}
.foot .bottom_foot ul li a {color:#666; text-decoration:none;}
.foot .bottom_foot ul li a:hover {color:#c33; text-decoration:underline;}
.foot .links {width:695px; float:left; margin-top:14px;}
.foot .links ul {width:100%; margin:0; padding:0; list-style:none; float:left; clear:both;}
.foot .links ul li {float:left;}
.foot .links ul li a {text-transform:uppercase; color:#666; 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 .links .legal {width:100%; padding-top:10px; font-size:11px; float:left; clear:both;}
.foot .links .legal a {color:#666;}
.foot .vsi {width:120px; height:30px; display:block; text-indent:-9000px; position:absolute; bottom:10px; right:20px; background:url(http://static.visionary.com/siteoncall/siteoncall-footer.png) no-repeat;}

/* --- Portfolio ---------------------------------*/
.portfolio_link {overflow:hidden;}
.portfolio_link a {height:30px; line-height:30px; padding:0 24px 0 12px; display:block; float:left; background:url(/images/body/portfolio_link.gif) no-repeat 100% 0; color:#fff; text-decoration:none; font-weight:bold; font-size:14px;}
.portfolio_link a:hover {background-position:100% -30px;}

/* --- 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;}

/* --- Paging ------------------------------------*/
.paging {width:100%; float:left; margin:5px 0 0 0;}
.paging a, .paging span {width:15px; height:15px; display:block; float:left; border:1px solid #dedede; line-height:15px; text-align:center; margin-right:5px; text-decoration:none; font-size:10px;}
.paging a:hover {color:#fff; background-color:#c00; border-color:#333;}
.paging .active {color:#333 !important; border-color:#fff; font-weight:bold; background:#fff !important;}
.paging .prev, .paging .next {background:url(/images/body/paging.png) no-repeat;}
.paging span.prev {border-color:#fff; background-position:-15px 0;}
.paging a.prev {width:auto; padding-left:15px; padding-right:3px; background-position:0 -15px;}
.paging a.prev:hover {background-position:-30px 0;}
.paging span.next {background-position:-15px -30px;}
.paging a.next {width:auto; padding-left:15px; padding-right:3px; background-position:0 -45px;}
.paging a.next:hover {background-position:-30px -30px;}
.paging span {border-color:#fff;}

/* --- Estimate Form Result Boxes ----------------*/
.result_box {width:300px; min-height:39px; padding:1px 5px; margin:15px 0; border:1px solid #aaa; background-repeat:no-repeat; background-position:5px 6px; display:none;}
.right_result_box {width:217px;}
.result_box strong {line-height:20px; padding-left:34px; display:block;}
.result_box ul {margin:0 0 0 12px; padding:0 0 5px 25px; list-style:none;}
.result_box_error {background-color:#ffbaba; border-color:#d8000c; color:#d8000c; background-image:url(/images/result/error.gif);}
.result_box_ok {background-color:#dff2bf; border-color:#4f8a10; color:#4f8a10; background-image:url(/images/result/ok.gif);}
.result_box_warn {background-color:#feefb3; border-color:#9f6000; color:#9f6000; background-image:url(/images/result/warn.gif);}
.result_box_info {background-color:#ffccba; border-color:#d63301; color:#d63301; background-image:url(/images/result/info.gif);}

/* --- Estimate Form (Content Area) --------------*/
.small_form {width:100%; margin:20px 0; border:1px solid #ccc; border-width:1px 0 1px 0; padding:10px 0;}
.small_form td {vertical-align:top; padding-bottom:8px;}
.small_form input[type=text] {width:200px;}
.small_form label {text-transform:uppercase; font-weight:bold; font-size:11px; line-height:15px;}
.small_form label.req {padding:0 15px 0 0; background:url(/images/body/label-req.png) no-repeat 100% 50%;}
.small_form 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;}
.small_form 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;}
.small_form input[type=submit]:hover {background-image:url(/images/body/submit-bg-hover.gif);}
.small_form .msg-ok {padding:0; margin:10px 0 15px 10px !important; color:#090; font-weight:bold;}
.small_form .msg-bad {padding:4px; margin:10px 0 15px 10px !important; color:#c03; border:2px dashed #c03;}
.small_form .msg-bad ul {list-style:none; padding:0; margin:0;}
.small_form .msg-bad ul li {padding:0; margin:0;}

/* --- Estimate Form (In Own Box) ----------------*/
.small_form.form_alone {margin:0; border:none;}
.small_form.form_alone h3 {font-family:'Ubuntu', Arial, Helvetica, sans-serif; color:#000; font-size:23px; line-height:25px; font-weight:500;}

/* --- Extra Homepage Styling --------------------*/
a.home-dsm {width:205px; height:80px; display:block; float:left; background:url(/images/body/vsi-desmoines.png) no-repeat; text-indent:-9000px; margin-left:20px;}
a.home-miami {width:205px; height:80px; display:block; float:left; background:url(/images/body/vsi-miami.png) no-repeat; text-indent:-9000px; margin-left:40px;}
a.home-quote {width:120px; height:54px; padding:13px 0 13px 85px; display:block; float:left; background:url(/images/body/vsi-quote.png) no-repeat; margin-left:40px; text-decoration:none;}
h3.colh3.homeh3 {padding-top:0;}
ul.homeul {font-size:14px; font-weight:700; line-height:20px; color:#000; margin-bottom:10px;}
ul.homeul li {margin-bottom:3px;}