* {
        margin: 0;
        padding: 0;
}

body {
        font-family: sans, sans-serif;
        font-size: 11px;
        background-color: black;
        color: #d1d1d1;
}

a {
        text-decoration: none;
        color: #f1f1f1;
}

h1, h2, h3, h4 {
        margin: 1px 0 3px 0;
}

p {
        text-indent: 15px;
        margin: 7px 0 15px 0;
        line-height: 16px;
}

hr {
        margin: 13px 0;
        height: 1px;
        background-color: #999999;
        color: #999999;
}

img {
        border: 0;
}

.clear {
        clear: both;
        line-height: 0;
}

.container {
        width: 942px;
        margin: 0 auto;
}

#header {
        padding: 23px 0 13px;
        font-size: 11px;
}

#logo {
        display: block;
        float: left;
        width: 188px;
        height: 58px;
        background-image: url( '/images/logo.png' );
        background-repeat: no-repeat;
        background-position: 100% 50%;
        text-indent: -9999px;
        overflow: hidden;
}

#slogan {
        float: left;
        padding: 23px 0 0 7px;
}

#topnav {
        float: right;
        padding-top: 19px;
}

#topnav ul {
        list-style-type: none;
        font-size: 0;
}

#topnav ul li {
        float:left;
}

#topnav ul li a {
        display: block;
        font-size: 11px;
        margin-left: 3px;
}

#topnav ul li a:hover, #topnav ul li a.active {
        background-image: url( '/images/bluelink_l.png' );
        background-repeat: no-repeat;
        background-position: 0 50%;
}

#topnav ul li a:hover span, #topnav ul li a.active span {
        background-image: url( '/images/bluelink_r.png' );
        background-repeat: no-repeat;
        background-position: 100% 50%;
}

#topnav ul li a span {
        padding: 0 7px;
        display: block;
}

#topnav ul li a:hover span span, #topnav ul li a.active span span {
        background-image: url( '/images/bluelink.png' );
        background-repeat: repeat-x;
        background-position: 0 50%;
        cursor: pointer;
}

#topnav ul li a span span {
        padding: 0 2px;
        line-height: 26px;
        vertical-align: middle;
}

#navbar {
        width:944px;
        height:44px;
        margin-top:5px;
        margin-bottom:10px;
}
#navbar a:hover {
        text-decoration:underline;
}
#navbar ul {
        width:944px;
        height:44px;
        background: url('/images/nav-bg.gif') no-repeat;
        list-style:none;
        margin:0;
        padding:0;
}
#navbar ul li {
        float:left;
        text-align:center;
}
#navbar ul li a {
        color:#fff;
        display:block;
        padding-top:13px;



        padding:13px 0 16px 0;
        font-size:9pt;
}
#navbar #link1 {
        width:126px;
        padding-right:1px;
}
#navbar #link2 {
        width:160px;
        padding-right:1px;
}
#navbar #link3 {
        width:146px;
        padding-right:1px;
}
#navbar #link4 {
        width:155px;
        padding-right:1px;
}
#navbar #link5 {
        width:350px;
}

#footerlinks {
        height: 209px;
        background-image: url( '/images/footerlinks.png' );
        background-repeat: repeat-x;
        background-position: 0 0;
}

#footerlinks .linkblock {
        float: left;
        font-size: 13px;
}

#footerlinks .linkblock ul {
        list-style-type: none;
        float: left;
        margin: 17px;
}

#footerlinks .linkblock ul li a {
        display: block;
        border-bottom: 1px solid #333333;
        color: #cccccc;
        padding: 5px;
        width: 211px;
}

#footerlinks .linkblock ul li.first a {
        border-top: 1px solid #333333;
}

#footerlinks .linkblock ul li a:hover {
        background-color: #333333;
}

#footerspot {
        float: right;
        padding: 0 0 13px 13px;
}

#footerspot .wrap {
        background-image: url( '/images/footerspot_l.png' );
        background-repeat: no-repeat;
        background-position: 0 0;
}

#footerspot .wrap .wrap {
        background-image: url( '/images/footerspot_r.png' );
        background-position: 100% 0;
        padding: 0 19px;
}

#footerspot .wrap .wrap .wrap {
        background-image: url( '/images/footerspot.png' );
        background-repeat: repeat-x;
        line-height: 43px;
        padding: 0;
}

#footersopt .wrap ul {
        list-style-type: none;
        font-size: 0;
}

#footerspot .wrap ul li {
        display: inline;
}

#footerspot .wrap ul li a {
        display: inline-block;
        font-size: 11px;
        line-height: 43px;
        padding: 0 7px;
        margin: 0 3px;
}

.footerspot_support {
        color: #aaaaaa;
}

#copyright {
        float: left;
        padding: 13px 0;
}

#legal {
        float: right;
        padding: 12px 0;
}

#copyright {
        font-size: 11px;
}

#copyright, #legal a {
        color: #aaaaaa;
}

#legal ul {
        list-style-type: 0;
        font-size: 0;
}

#legal ul li {
        display: inline;
}

#legal ul li a {
        display: inline-block;
        padding: 1px 5px;
        font-size: 11px;
        border-left: 1px solid #666666;
}

#legal ul li.first a {
        border-left: 0;
}

#follow {
        padding: 23px 0 0 43px;
}

#follow ul {
        list-style-type: none;
}

#follow_facebook, #follow_twitter {
        padding: 20px 3px 20px 50px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 3px 50%;
        font-size: 17px;
        color: #bbbbbb;
}

#follow_facebook {
        background-image: url( '/images/follow_facebook.png' );
}

#follow_twitter {
        background-image: url( '/images/follow_twitter.png' );
}

#splash {
        background-image: url( '/images/splash_bar.png' );
        background-repeat: repeat-x;
        background-position: 0 0;
}

#splash_body {
        background-color: #333333;
        padding: 10px;
}

#splash_left, #splash_right {
        border: 2px solid black;
        height: 335px;
}

#splash_left {
        float: left;
        width: 579px;
        height: 315px;
}
#splash_left a {
        color:#fff;
        text-decoration:underline;
}

#banner1 {
                background: #ffffff;
                padding-top: 0em;
                padding-right: 0em;
                padding-bottom: 0em;
                padding-left: 0em;
                border-top: 0em;
                border-right: 0em;
                border-bottom: 0em;
                border-left: 0em;
                margin-top: 0em;
                margin-right: 0em;
                margin-bottom: 0em;
                margin-left: 0em;
}

#banner1 #banner-learnmore a {
                display:block;
                width:579px;
                height:315px;
                background:url(/images/banner1.jpg) center no-repeat;
                outline:none;
                color: #000000;
                text-indent: -9999px;
                padding-top: 0em;
                padding-right: 0em;
                padding-bottom: 0em;
                padding-left: 0em;
                border-top: 0em;
                border-right: 0em;
                border-bottom: 0em;
                border-left: 0em;
                margin-top: 0em;
                margin-right: 0em;
                margin-bottom: 0em;
                margin-left: 0em;
}

#bannerNext {
        width:32px;
        height:32px;
        position:absolute;
        z-index:20;
        cursor:pointer;
        margin:130px 0 0 566px;
}

#bannerLast {
        width:32px;
        height:32px;
        position:absolute;
        z-index:20;
        cursor:pointer;
        margin:130px 0 0 -20px;
}

#banner2 {
                background: #ffffff;
                padding-top: 0em;
                padding-right: 0em;
                padding-bottom: 0em;
                padding-left: 0em;
                border-top: 0em;
                border-right: 0em;
                border-bottom: 0em;
                border-left: 0em;
                margin-top: 0em;
                margin-right: 0em;
                margin-bottom: 0em;
                margin-left: 0em;
}

#banner2 #banner-learnmore a {
                display:block;
                width:579px;
                height:315px;
                background:url(/images/banner2.jpg) center no-repeat;
                outline:none;
                color: #000000;
                text-indent: -9999px;
                padding-top: 0em;
                padding-right: 0em;
                padding-bottom: 0em;
                padding-left: 0em;
                border-top: 0em;
                border-right: 0em;
                border-bottom: 0em;
                border-left: 0em;
                margin-top: 0em;
                margin-right: 0em;
                margin-bottom: 0em;
                margin-left: 0em;
}

#banner3 {
                background: #ffffff;
                padding-top: 0em;
                padding-right: 0em;
                padding-bottom: 0em;
                padding-left: 0em;
                border-top: 0em;
                border-right: 0em;
                border-bottom: 0em;
                border-left: 0em;
                margin-top: 0em;
                margin-right: 0em;
                margin-bottom: 0em;
                margin-left: 0em;
}

#banner3 #banner-learnmore a {
                display:block;
                width:579px;
                height:315px;
                background:url(/images/banner3.jpg) center no-repeat;
                outline:none;
                color: #000000;
                text-indent: -9999px;
                padding-top: 0em;
                padding-right: 0em;
                padding-bottom: 0em;
                padding-left: 0em;
                border-top: 0em;
                border-right: 0em;
                border-bottom: 0em;
                border-left: 0em;
                margin-top: 0em;
                margin-right: 0em;
                margin-bottom: 0em;
                margin-left: 0em;
} 
 
#splash_right {
        float: right;
        width: 291px;
        height: 281px;
        padding: 17px;
        background-color: black;
        background-image: url( '/images/splash_gradient.png' );
        background-repeat: repeat-x;
        background-position: 0 0;
}

#splash_right h2 {
        font-size: 12px;
        font-weight: normal;
        text-transform: uppercase;
}

#splash_right a {
        color: #056693;
}

.hotbar {
        background-image: url( '/images/hotbar_l.png' );
        background-repeat: no-repeat;
        background-position: 0 0;
}
.hotbar p {
        margin:20px 0 0 0;
        width:670px;
        float:left;
}

.hotbar .hotbar {
        background-image: url( '/images/hotbar_r.png' );
        background-position: 100% 0;
        padding: 0 7px;
}

.hotbar .hotbar .hotbar {
        background-image: url( '/images/hotbar_bg.png' );
        background-repeat: repeat-x;
        background-position: 0 0;
        padding: 0 0 0 13px;
        line-height: 56px;
        font-size: 12px;
}

.hotbar a {
        background-image: url( '/images/hotbar_link.png' );
        background-repeat: repeat-x;
        background-position: 0 0;
        display: block;
        width: 213px;
        float: right;
        text-align: center;
        font-size: 13px;
        border-left: 1px solid black;
        color: #d0d8dd;
}

.hotbar a:hover {
        text-decoration: underline;
}

.newservice {
        font-size: 16px;
        color: #056693;
        margin: 5px 0;
        display: block;
}

.aslow {
        font-size: 20px;
}

#splash_portfolio {
        display: block;
        width: 277px;
        height: 78px;
        text-indent: -9999px;
        overflow: hidden;
        background-image: url( '/images/whichpackage.png' );
        background-repeat: no-repeat;
        background-position: 100% 0;
}

#content {
        padding: 13px 0 17px;
        font-size: 12px;
}

#home_content {
        margin-right: -23px;
}

#bluebar {
        float: left;
        background-image: url( '/images/bluebar.png' );
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 188px;
        height: 199px;
        padding: 1px;
}

#bluebar a {
        display: block;
        height: 197px;
}

#blackbar {
        float: left;
        width: 750px;
        background-image: url( '/images/blackbar_l.png');
        background-repeat: no-repeat;
        background-position: 0 0;
}

#blackbar .wrap {
        background-image: url( '/images/blackbar_r.png');
        background-repeat: no-repeat;
        background-position: 100% 0;
        padding: 0 13px;
}

#blackbar .wrap .wrap {
        background-image: url( '/images/blackbar.png');
        background-repeat: repeat-x;
        background-position: 0 0;
        height: 165px;
        padding: 21px 13px 13px 13px;
}

#blackbar h1 {
        font-weight: normal;
}

#bundle {
        background-image: url( '/images/bundle_l.png');
        background-repeat: no-repeat;
        background-position: 0 50%;
        width: 200px;
        display: block;
        text-align: center;
        float: left;
                margin-right: 32px;
}

#bundle span {
        background-image: url( '/images/bundle_r.png');
        background-repeat: no-repeat;
        background-position: 100% 50%;
        display: block;
        padding: 0 9px;
}

#bundle span span {
        background-image: url( '/images/bundle.png');
        background-repeat: repeat-x;
        background-position: 0 50%;
        padding: 0;
}

#bundle span span span {
        background-image: url( '/images/bundle_icon.png' );
        background-repeat: no-repeat;
        background-position: 90% 50%;
        padding: 0 26px;
        line-height: 38px;
}

#tollfree {
        float: right;
        line-height: 38px;
        color: #aaaaaa;
        font-size: 14px;
        padding: 0 0 0 37px;
}

#steadcomllc {
        float: right;
        position:relative;
        margin-right:-2px;
}

#steadcomllc a {
        display: block;
        width: 23px;
        height: 199px;
        text-indent: -9999px;
        overflow: hidden;
        background-image: url( '/images/steadcomllc.png' );
        background-repeat: no-repeat;
        background-position: 0 0;
}

#content_body {
        background-color: #060606;
        background-image: url( '/images/content_gradient.png');
        background-repeat: repeat-x;
        background-position: 0 0;
        padding: 23px;
}

#content_body h1, #content_body h2 {
        color: #0377c3;
        margin: 14px 0 7px 0;
        font-weight: normal;
}

#content_body a {
        color: #0099ff;
}

#content_body a:hover {
        text-decoration: underline;
}

.thumbs ul {
        list-style-type: none;
        font-size: 0;
        margin: 0 auto;
        padding: 11px;
        text-align: center;
}

.thumbs ul li {
        display: inline;
}

.thumbs ul li a {
        display: inline-block;
        margin: 7px;
        border: 1px solid #1f70a6;
        background-color: #2288cc;
        padding: 4px;
}

.thumbs ul li a:hover {
        background-color: #aaddff;
}

.services {
        padding: 13px 0;
}

#content .services_left {
        float: left;
        display: block;
        width: 131px;
        background-repeat: no-repeat;
        background-position: 3px 50%;
        padding: 0 0 0 69px;
        line-height: 85px;
        font-size: 15px;
        margin: 9px 31px 9px 0;
        color: white;
        border: 1px solid transparent;
}

#content .services_left:hover {
        background-color: #333333;
        border: 1px solid #666666;
}

.services_logo {
        background-image: url( '/images/icon.png' );
}

.services_card {
        background-image: url( '/images/icon_card.png' );
}

.services_site {
        background-image: url( '/images/icon_site.png' );
}

.services_linux {
        background-image: url( '/images/icon_linux.png' );
}

.services_windows {
        background-image: url( '/images/icon_windows.png' );
}

.services_mascot {
        background-image: url( '/images/icon_mascot.png' );
}

.services_banner {
        background-image: url( '/images/icon_banner.png' );
}

.services_voip {
        background-image: url( '/images/icon_voip.png' );
}

.services_network {
        background-image: url( '/images/icon_network.png' );
}

.startingat {
        font-size: 15px;
        color: #ff9900
}

.services_pricing {
        display: inline-block;
        margin-left: 23px;
        font-size: 12px;
}
/*added by Oregon Design Services for the "Development" page,11-2-2009 */
.rounded-box {
        width:900px;
        padding:10px 20px;
        margin:10px auto;
        background: url('/images/roundbox-bg.gif') repeat-y;
}
.rounded-box-head {
        width:900px;
        height:10px;
        margin: -20px -20px 0 -20px;
        position:relative;
        background: url('/images/roundbox-head-bg.png') no-repeat;
}
.rounded-box-foot {
        width:900px;
        height:10px;
        background: url('/images/roundbox-foot-bg.png') no-repeat;
        margin:0 -20px -20px -20px;
        position:relative;
}

.price-table {
        width:100%;
        border-collapse:collapse;
        border:1px solid #333;
        text-align:center;
}
.price-table th, .price-table td {
        border:1px solid #333;
        height:25px;
}
#left-navigation {
        width:200px;
        float:left;
        list-style:none;
        color: #cccccc;
        margin:0 25px 0 0;
        padding:0;
}
#left-navigation li {
        border-bottom: 1px solid #333333;
}
#left-navigation li a {
        display:block;
        padding: 5px;
        color:#cccccc;
}
#left-navigation li a:hover {
        background:#333333;
}
#left-navigation #leftnav-first {
        color:#D1D1D1;
                padding: 0 5px 5px 5px;
        font-size:16px;
        font-weight:bold;
        border-bottom:none;
                margin: 1px 0 3px;
}
#content-right {
        width:630px;
        float:left;
}

.producttitle {
        font-size: 14px;
        color: #0099FF
}
.portfolio-img {
        display:block;
        float:left;
        width:75px;
        height:75px;
        margin:10px;
        border:3px solid #0099ff;
}

form ul {
list-style-type:none;
}
form ul li {
line-height:17px;
padding:7px;
}
form label {
display:inline-block;
font-size:13px;
padding:2px 7px;
text-align:right;
width:111px;
}
input, textarea {
background-color:#222222;
border:1px solid #666666;
color:#F1F1F1;
display:inline-block;
padding:2px;
vertical-align:top;
}
textarea {
width:400px;

}

.sitemap {
        width:100%;
        border-collapse:separate;
        border:1px solid #333;
        text-align:center;
                table-layout:fixed;
}
.sitemap th, .sitemap td {
        border:1px solid #333;
        height:25px;
}
.package {
        margin:15px 0;
}
.package-headrow {
        clear:both;
        background:#242424 !important;
        padding:5px 0;
        margin:0 0 8px 0 ;
}
.package-row {
        clear:both;
        background: #0e0e0e;
        padding:5px 0;
        margin: 0 0 5px 0;
}
.package-hc {
        float:left;
        width:12.5%;
        text-align:center;
}
.package-c {
        float:left;
        width:12.5%;
        text-align:center;
}
.package-ordernow {
        display:block;
        text-align:left;
        color:#999900 !important;
        text-decoration:underline;
}
.package-ordernow2 {
        display:block;
        text-align:left;
        color:#0099FF !important;
        text-decoration:underline;
}
.package-price {
        font-weight:bold;
        color: #00ccff
}
.clear {
        clear:both !important;
}
.package-title {
        background: none !important;
        color:#0099ff !important;
        border-bottom:1px solid #333333 !important;
        padding-bottom:7px;
        display:block;
        margin-bottom:10px;
        clear:both;
}
.package-title2 {
        background: none !important;
        color:#009933 !important;
        border-bottom:1px solid #333333 !important;
        padding-bottom:7px;
        display:block;
        margin-bottom:10px;
        clear:both;
}
#specials {
        margin:10px 0;
        width:874px;
        background: #d6d6d6 !important;
        font-weight:bold;
        text-align:center;
        color:#333;
        padding:5px 0;
        margin:10px auto;
        border:1px solid #ecece5;
}
#specials a {
        font-weight:normal;
        padding-left:15px;
        color:#666 !important;
}
#available-os {
        margin:0 auto;
        display:block;
        width:874px;
        height:185px;
        background: url('/images/available-os.gif') no-repeat;
}
.col2f {
        width:50%;
        float:left;
}
#col-left {
        width:407px;
        padding:0 20px;
        border-right:1px solid #333333;
        float:left;
        text-align:center;
        margin:15px 0 0 0;
}
#col-right {
        width:408px;
        padding:0 20px;
        float:left;
        text-align:center;
        margin:15px 0 0 0;
}
.nomargin {
        margin:0 !important;
}
.nobullet {
        list-style:none !important;
}
.network-heading {
        color:#0099ff;
        padding-left:20px;
}
#download-test-file {
        display:block;
        width:396px;
        padding: 11px 0 0 0;
        height:29px;
        margin:0 auto;
        background: url('/images/downlaodtestfile-bg.gif') repeat-x;
        color:#333 !important;
        font-size:11pt;
        font-weight:bold;
        text-align:center;
}