/* general */
html, body { margin: 0; padding: 0; text-align: center; background: #12177d url(http://www.visionsconnect.com/images/bg_site.jpg) no-repeat top center; }
#container { position: relative; margin: 0px auto; padding: 0; width: 950px; border: 0; text-align: left; }
a:link, a:visited, a:hover, a:active { color: #12177d; font-weight: normal; text-decoration: underline; }
h1 { margin: -5px 0px 5px 0px; padding: 0; font: 46px arial,tahoma,sans-serif; color: #254cb3; }
h2 { margin: 5px 0px 0px 0px; padding: 0; font: 38px arial,tahoma,sans-serif; color: #1b3884; }
h3 { margin-bottom: 0px; font: 18px tahoma,arial,sans-serif; color: #f52f00; }
h4 { margin: 0px 0px 5px 0px; font: bold 14px tahoma,arial,sans-serif; color: #665b51; }
h5 { margin-bottom: 2px; font: 13px tahoma,arial,sans-serif; color: #e55955; }
h6 { margin: 0; padding: 0; font: bold 11px arial,tahoma,sans-serif; color: #666; }
.clr { clear: both; height: 0px; overflow: hidden; }
.boldtxt { font-weight: bold; }
.cb { clear: both; height: 0px; overflow: hidden; }
.noborder { border: 0; }
.nb { border: 0; }
.gborder { border: 1px solid #a88f7a; }
.gborder:hover { border: 1px solid #e55955; }
p,td { margin: 0; padding: 0; font-family: tahoma,arial,serif; font-size: 13px; color: #333; }
/* main divs */
#header { margin: 0; padding: 0; width: 950px; height: 80px; }
#logo { float: left; margin: 0; padding: 0; width: 340px; height: 80px; }
#callout { float: left; margin: 0; padding: 40px 0px 0px 0px; width: 610px; height: 40px; background: url(http://www.visionsconnect.com/images/bg_callout.jpg) no-repeat; font: 11px tahoma,arial,sans-serif; color: #fff; }
#nav { clear: both; margin: 0; padding: 0; width: 950px; height: 44px; border-top: 1px solid #e4e4e4; background: url(http://www.visionsconnect.com/images/bg_nav.jpg) repeat-x; }
#navlist { margin: 0; padding: 0; width: 950px; border: 0; }
#navlist ul { margin-left: 0; padding-left: 0; white-space: nowrap; }
#navlist li { float: left; display: block; width: auto; list-style-type: none; height: 44px; border: 0; }
#navlist li.divider { width: 1px; background: #fff; border-left: 1px solid #e3e3e3; height: 44px; }
#navlist a { font: bold 14px arial,tahoma,sans-serif; color: #1e3980; padding: 8px 17px 12px 17px; height: 22px; display: block; text-decoration: none; }
#navlist a:hover { color: #fff; background: #12177d url(http://www.visionsconnect.com/images/bg_navover.jpg) repeat-x; text-decoration: none; }
#navlist p { font: 10px arial,tahoma,sans-serif; color: #737373; text-transform: uppercase; }
#navlist p:hover { font: 10px arial,tahoma,sans-serif; color: #cccccc; text-transform: uppercase; }
#main { clear: both; margin: 0; padding: 20px 0px 0px 0px; width: 950px; background: #fff; font: 12px tahoma,arial,sans-serif; }
#mainpad { margin: 0; padding: 0px 25px 25px 25px; width: 900px; background: #fff; font: 12px tahoma,arial,sans-serif; }
#colone { float: left; margin: 0; padding: 0; width: 460px; background: #fff; }
#coltwo { float: left; margin: 0; padding: 0px 20px 0px 10px; width: 250px; background: #fff; font: 12px tahoma,arial,sans-serif; }
#coltwo a:link, #coltwo a:visited, #coltwo a:hover, #coltwo a:active { color: #e55955; text-decoration: underline; }
#splashlc { float: left; margin: 0; padding: 0; width: 350px; }
#splashrc { float: left; margin: 0; padding: 0; width: 600px; }
#footer { margin: 0; padding: 20px 0px 0px 0px; width: 950px; height: 32px; background: #fff; }
#footercurve { margin: 0; padding: 0; width: 950px; height: 54px; background: url(http://www.visionsconnect.com/images/bg_footer.jpg) no-repeat; }
#footl { float: left; margin: 0; padding: 10px 10px 5px 40px; border: 0; font: 11px tahoma,sans-serif; }
#footr { float: right; margin: 0; padding: 5px 35px 0px 0px; border: 0; color: #5e6d5a; font: 10px arial,tahoma,sans-serif; text-align: right; }
#footr a:link { font: bold 11px tahoma,arial,sans-serif; color: #786b60; text-decoration: none; }
#footr a:visited { font: bold 11px tahoma,arial,sans-serif; color: #786b60; text-decoration: none; }
#footr a:hover { text-decoration: underline; }
/* splash */
p.smallhl { margin-bottom: 20px; font: 16px arial,tahoma,sans-serif; width: 80%; }
p.minihl { margin-bottom: 0px; font: bold 11px arial,tahoma,sans-serif; color: #666; width: 90%; }
.slideshow { float: left; margin: 0; padding: 0; border: 0; width: 469px; }
.fullwidth { clear: both; margin: 0; padding: 0; border: 0; width: 950px; }
.boxpad { margin: 0; padding: 0px 8px 3px 8px; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; width: 262px; }
.boxbot { margin: 0; padding: 0; border: 0; width: 280px; height: 14px; background: url(http://www.visionsconnect.com/images/bg_boxbot.jpg) no-repeat; }
.box1 { float: left; width: 280px; margin: 0; padding: 30px 10px 30px 35px; border: 0; }
.box1top { margin: 0; padding: 12px 5px 3px 15px; border: 0; width: 280px; height: 25px; font: bold 16px arial,tahoma,sans-serif; color: #333; background: url(http://www.visionsconnect.com/images/bg_boxtop_webdesign.jpg) no-repeat; }
.box2 { float: left; width: 280px; margin: 0; padding: 30px 10px 30px 10px; border: 0; }
.box2top { margin: 0; padding: 12px 5px 3px 15px; border: 0; width: 280px; height: 25px; font: bold 16px arial,tahoma,sans-serif; color: #333; background: url(http://www.visionsconnect.com/images/bg_boxtop_hosting.jpg) no-repeat; }
.box3 { float: left; width: 280px; margin: 0; padding: 30px 0px 30px 10px; border: 0; }
.box3top { margin: 0; padding: 12px 5px 3px 15px; border: 0; width: 280px; height: 25px; font: bold 16px arial,tahoma,sans-serif; color: #333; background: url(http://www.visionsconnect.com/images/bg_boxtop_graphicdesign.jpg) no-repeat; }
/* lists */
ul.arrows { margin: 0; padding: 6px 0px 8px 0px; list-style-type: none; }
ul.arrows li { font: 14px arial,tahoma,sans-serif; background-image: url(http://www.visionsconnect.com/images/i_bullet.jpg); background-repeat: no-repeat; background-position: 0 .2em; padding-left: 18px; line-height: 20px; }
.gridtop { font: bold 12px arial,tahoma,sans-serif; color: #333; background: url(http://www.visionsconnect.com/images/bg_nav.jpg) repeat-x; width: 800px; border: 1px solid #ccc; }
.grid1 { float: left; padding: 5px; width: 450px; border-right: 1px solid #ccc; }
.grid2 { float: left; padding: 5px; text-align: center; width: 100px; border-right: 1px solid #ccc; border-left: 1px solid #fff; }
.grid3 { float: left; padding: 5px; text-align: center; width: 100px; border-right: 1px solid #ccc; border-left: 1px solid #fff; }
.grid4 { float: left; padding: 5px; text-align: center; width: 100px; border-left: 1px solid #fff; }
.gridspan3 { float: left; padding: 5px; text-align: left; width: 300px; border-left: 1px solid #fff; }
.gridshade1 { font: 12px arial,tahoma,sans-serif; color: #333; background: #fff; width: 802px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.gridshade2 { font: 12px arial,tahoma,sans-serif; color: #333; background: #f2f2f2; width: 802px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.gridshadeb1 { font: bold 12px arial,tahoma,sans-serif; color: #333; background: #fff; width: 802px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.gridshadeb2 { font: bold 12px arial,tahoma,sans-serif; color: #333; background: #f2f2f2; width: 802px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
/* form */
form { display: inline; margin: 0; padding: 0; }
label.cform { float: left; width: 100px; margin: 0; padding: 6px; font: bold 11px lucida grande,arial,tahoma,sans-serif; color: #333; text-align: right; }
.cfloat { float: left; width: 250px; margin: 0; padding: 5px; }
.ctext { font: 11px arial,sans-serif; width: 230px; margin: 0; }
.button { font: bold 13px arial,sans-serif; background: #bac7b7; color: #fff; padding: 5px; background: #8d0000; }
/* carousel */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0;
overflow: scroll; /*leave this value alone*/
width: 465px; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 5px 10px 5px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}