body {
        margin: 0px;
        padding: 20px 0px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #666;
        text-align: left;
        background: #D4EEF0 url(main_bg.png) top left repeat-x;
}


/*========================================================================================== LAYOUT */

#main_wrap {
        position: relative;
        width: 920px;
        margin: 0px auto;
        padding: 0px 10px;
        border: 0px;
        background: url(../images/main_wrap_bg.png) top left repeat-y;
}

#main_wrap_top {
        position: relative;
        width: 940px;
        height: 20px;
        margin: 0px auto;
        padding: 0px;
        border: none;
        background: url(main_wrap_top.png) top left no-repeat;
}

#main_wrap_bttm {
        position: relative;
        width: 940px;
        height: 30px;
        margin: 0px auto;
        padding: 0px;
        border: none;
        background: url(main_wrap_bttm.png) bottom left no-repeat;
}

#header {
        float: left;
        width: 880px;
        height: 40px;
        margin: 0px;
        padding: 0px 20px 20px 20px;
        border: none;
        background-color: #FFF;
}

#intro_wrap_home {
        float: left;
        width: 880px;
        margin: 0px;
        padding: 20px 20px 40px 20px;
        border: none;
        background: #78CBCF url(intro_wrap_home_bg.png) bottom left no-repeat;
}

#intro_wrap {
        float: left;
        width: 880px;
        margin: 0px;
        padding: 20px 20px 40px 20px;
        border: none;
        background: #78CBCF url(intro_wrap_bg.png) bottom left no-repeat;
}

#intro_col1 {
        float: left;
        width: 580px;
        margin: 0px;
        padding: 0px;
        border: none;
}

#intro_col2 {
        float: left;
        width: 280px;
        margin: 0px 0px 0px 20px;
        padding: 0px;
        border: none;
        font-size: 13px;
        color: #999;
}

#maincontent_wrap {
        float: left;
        width: 880px;
        margin: 0px;
        padding: 0px 20px 20px 20px;
        border: none;
        background-color: #FFF;
}

#breadcrumbs {
        float: left;
        width: 580px;
        margin: 0px 0px 20px 0px;
        padding: 0px;
        border: none;
        background-color: #FFF;
}


/*========================================================================================== TWO COLUMN LAYOUT */

#two_col_col1 {
        float: left;
        width: 580px;
        margin: 0px;
        padding: 0px;
        border: none;
        background-color: #FFF;
}

#two_col_col2 {
        float: left;
        width: 280px;
        margin: 0px 0px 0px 20px;
        padding: 0px;
        border: none;
}


/*========================================================================================== THREE COLUMN LAYOUT */

#three_col_col1 {
        float: left;
        width: 280px;
        margin: 0px;
        padding: 0px;
        border: none;
        background-color: #FFF;
}

#three_col_col2 {
        float: left;
        width: 280px;
        margin: 0px 20px;
        padding: 0px;
        border: none;
        background-color: #FFF;
}

#three_col_col3 {
        float: left;
        width: 280px;
        margin: 0px;
        padding: 0px;
        border: none;
}


/*========================================================================================== FOOTER */

#footer {
        clear: both;
        width: 880px;
        margin: 0px;
        padding: 20px 20px 0px 20px;
        border: none;
        text-align: center;
        background: #000;

}


/*========================================================================================== TOP NAV */

#topnav {
        float: left;
        width: 880px;
        margin: 0px;
        padding: 10px 20px 0px 20px;
        list-style: none;
        background: #000;
}

#topnav ul {
        float: left;
        margin: 0px;
        padding: 0px;
        list-style: none;
}

#topnav li {
        display: inline;
        margin: 0px;
        padding: 0px;
}

#topnav a {
        float: left;
        padding: 0px 0px 0px 9px;
        margin: 0px 5px 0px 0px;
        font-size: 13px;
        text-decoration: none;
        color: #CCC;
}

#topnav a span {
        float: left;
        display: block;
        padding: 9px 15px 9px 6px;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        color: #CCC;
        cursor: pointer;
}

#topnav a:hover {
        background: #444 url(tab_left_over.png) top left no-repeat;
}

#topnav a:hover span {
        background: #444 url(tab_right_over.png) top right no-repeat;
        font-weight: bold;
        color: #FFF;
        cursor: pointer;
}

#topnav .current a {
        background: #78CBCF url(tab_left_current.png) top left no-repeat;
}

#topnav .current a span {
        background: #78CBCF url(tab_right_current.png) top right no-repeat;
        color: #333;
        cursor: pointer;
}

#topnav .section a {
        background: #78CBCF url(tab_left_current.png) top left no-repeat;
}

#topnav .section a span {
        background: #78CBCF url(tab_right_current.png) top right no-repeat;
        color: #333;
        cursor: pointer;
}


/*========================================================================================== UTILITY NAV */

ul#util_nav {
        float: right;
        margin: 0px;
        padding: 0px;
        list-style: none;
}

ul#util_nav li {
        display: inline;
        margin: 0px;
        padding: 0px;
}

ul#util_nav a {
        padding: 0px 0px 0px 9px;
        margin: 0px;
        font-size: 13px;
        text-decoration: none;
        color: #CCC;
}

ul#util_nav a span {
        display: block;
        padding: 9px 15px 9px 6px;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        color: #CCC;
}

ul#util_nav a:hover {
        background: #444 url(tab_left_over.png) top left no-repeat;
}

ul#util_nav a:hover span {
        background: #444 url(tab_right_over.png) top right no-repeat;
        font-weight: bold;
        color: #FFF;
}


/*========================================================================================== HOME SUB NAV */

#homebox_right_content ul {
        float: left;
        width: 240px;
        margin: 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
}

#homebox_right_content ul li {
        float: left;
        display: block;
        width: 205px;
        list-style-type: none;
        margin: 0px;
        padding: 6px 0px 5px 35px;
        font-size: 18px;
        text-decoration: none;
        line-height: 1em;
        color: #FFF;
        border-bottom: 1px solid #375E61;
        background: url(check_bullet_wht.png) 5px 6px no-repeat;
}

#homebox_right_content ul li.last {
        float: left;
        display: block;
        width: 200px;
        list-style-type: none;
        margin: 0px;
        padding: 6px 0px 5px 35px;
        font-size: 18px;
        text-decoration: none;
        line-height: 1em;
        color: #FFF;
        border: none;
        background: url(check_bullet_wht.png) 5px 6px no-repeat;
}

#homebox_right_content ul li:hover {
        float: left;
        display: block;
        width: 205px;
        list-style-type: none;
        margin: 0px;
        padding: 6px 0px 5px 35px;
        font-size: 18px;
        text-decoration: none;
        line-height: 1em;
        color: #FFF;
        background-color: #121F20;
}

#homebox_right_content ul li a {
        float: left;
        padding: 0px;
        margin: 0px;
        font-size: 18px;
        text-decoration: none;
        color: #78CBCF;
}


/*========================================================================================== HOME PAGE INTRO BOX LEFT */

#homebox_left_content {
        float: left;
        width: 580px;
        margin: 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
        background: url(dial_bg.png) 0px 40px no-repeat;
}


/*========================================================================================== HOME PAGE INTRO BOX RIGHT */

#homebox_right_top {
        float: left;
        width: 280px;
        height: 20px;
        margin: 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
        background: url(intro_sidebox_top.png) bottom left no-repeat;
}

#homebox_right_content {
        float: left;
        width: 240px;
        margin: 0px;
        padding: 0px 20px;
        border: none;
        list-style-type: none;
        background-color: #264042;
}

#homebox_right_btm {
        float: left;
        width: 280px;
        height: 20px;
        margin: 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
        background: url(intro_sidebox_btm.png) top left no-repeat;
}


/*========================================================================================== INTRO BOX LEFT */

#introbox_left_content {
        float: left;
        width: 540px;
        margin: 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
}


/*========================================================================================== INTRO BOX RIGHT */

#introbox_right_top {
        float: left;
        width: 280px;
        height: 20px;
        margin: 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
        background: url(intro_sidebox_top.png) bottom left no-repeat;
}

#introbox_right_content {
        float: left;
        width: 240px;
        margin: 0px;
        padding: 0px 20px;
        border: none;
        list-style-type: none;
        background-color: #264042;
}

#introbox_right_btm {
        float: left;
        width: 280px;
        height: 20px;
        margin: 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
        background: url(intro_sidebox_btm.png) top left no-repeat;
}


/*========================================================================================== SIDE BOX */

.sidebox_top {
        float: left;
        width: 280px;
        height: 20px;
        margin: 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
        background: url(round_blue_top.png) bottom left no-repeat;
}

.sidebox_content {
        float: left;
        width: 240px;
        margin: 0px;
        padding: 0px 20px;
        border: none;
        list-style-type: none;
        background-color: #D4EEF0;
        color: #333;
}

.sidebox_btm {
        float: left;
        width: 280px;
        height: 20px;
        margin: 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
        background: url(round_blue_btm.png) top left no-repeat;
}

#sidebox_two {
        float: left;
        margin: 20px 0px 0px 0px;
        padding: 0px;
        border: none;
}


/*========================================================================================== SIDE BOX SUB NAV */

.sidebox_content ul {
        float: left;
        width: 240px;
        margin: 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
}

.sidebox_content ul li {
        list-style-type: none;
        margin: 0px;
        padding: 0px 0px 8px 20px;
        border: none;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
        background: url(check_bullet.png) 0 2px no-repeat;
}

.sidebox_content ul li a {
        padding: 0px;
        margin: 0px;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
}

.sidebox_content ul li a:hover {
        padding: 0px;
        margin: 0px;
        font-size: 13px;
        font-weight: bold;
        text-decoration: underline;
        color: #E31E26;
}

.sidebox_content ul li #current a {
        color: #E31E26;
}


/*========================================================================================== NEWS SECTION */

.news_wrap {
        float: left;
        width: 580px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 10px 0px;
        border-bottom: 5px solid #D4EEF0;
}


/*========================================================================================== NEWS COMMENTS */

#PageComments_holder {
        float: left;
        width: 580px;
    margin: 20px 0px 0px 0px;
        padding: 0px;
        border: none;
}

#CommentHolder {
        list-style: none;
        margin: 0px;
        padding: 0px 0px 20px 0px;
        background-color: #FFF;
}

#PageComments {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
}

#PageComments li.odd {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        list-style-type: none;
        border-bottom: 5px solid #D4EEF0;
}

#PageComments li.even {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        list-style-type: none;
        border-bottom: 5px solid #D4EEF0;
}

.comment {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        line-height: 1.5em;
}

.actionLinks {
        margin: 0px;
        padding: 10px 0px 20px 0px;
        border: none;
}

.actionLinks li {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        border: none;
        list-style-type: none;
}

#CommentsRSSFeed {
        height: 20px;
        margin: 0px;
        padding: 0px;
        border: none;
}

.commentrss {
        margin: 0px;
        padding: 5px 0px 5px 20px;
        background: transparent url(feed-icon-14x14.png) 0 3px no-repeat;
        color: #E31E26;
}

#PageCommentsPagination p {
        text-align: center;
        font-size: 12px;
}

#PageComments p {
        font-size: 12px;
}

#PageComments .info {
        color: #78CBCF;
        margin: 0px;
        padding: 0px;
        font-size: 12px;
}


/*========================================================================================== WORK SAMPLES */

.work_wrap {
        float: left;
        width: 580px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 0px;
        border-bottom: 5px solid #D4EEF0;
}

.work_desc {
        float: left;
        width: 280px;
        margin: 0px;
        padding: 0px;
        border: none;
}

/*========================================================================================== DIVIDED BLURBS */

.blurb_wrap {
        float: left;
        width: 580px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 0px;
        border-bottom: 5px solid #D4EEF0;
}

.blurb_desc {
        float: left;
        width: 280px;
        margin: 0px;
        padding: 0px;
        border: none;
}


/*========================================================================================== SERVICES */

#services_webdesign {
        float: left;
        width: 205px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 75px;
        border-bottom: 5px solid #D4EEF0;
        background: url(webdesign_icon.png) top left no-repeat;
}

#services_webdev {
        float: left;
        width: 205px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 75px;
        border-bottom: 5px solid #D4EEF0;
        background: url(webdev_icon.png) top left no-repeat;
}

#services_webhosting {
        float: left;
        width: 205px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 75px;
        border-bottom: 5px solid #D4EEF0;
        background: url(webhosting_icon.png) top left no-repeat;
}

#services_email {
        float: left;
        width: 205px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 75px;
        border-bottom: 5px solid #D4EEF0;
        background: url(emailmkt_icon.png) top left no-repeat;
}

#services_identity {
        float: left;
        width: 205px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 75px;
        border-bottom: 5px solid #D4EEF0;
        background: url(identity_icon.png) top left no-repeat;
}

#services_infodesign {
        float: left;
        width: 205px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 75px;
        border-bottom: 5px solid #D4EEF0;
        background: url(infodesign_icon.png) top left no-repeat;
}


/*========================================================================================== HEADINGS */

h1 {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        font-size: 30px;
        font-weight: bold;
        color: #264042;
}

h2 {
        margin: 0px;
        padding: 0px;
        font-size: 26px;
        font-weight: normal;
        line-height: 1.25em;
        color: #FFF;
}

.home {
        margin: 0px 0px 0px 120px;
        padding: 0px;
        font-size: 26px;
        font-weight: normal;
        line-height: 1.25em;
        color: #FFF;
}

h3 {
        margin: 0px;
        padding: 0px;
        font-size: 22px;
        font-weight: normal;
        line-height: 1.25em;
        color: #E31E26;
}

.login {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        font-size: 22px;
        font-weight: normal;
        line-height: 1.25em;
        color: #E31E26;
}

h4 {
        margin: 0px;
        padding: 5px 0px 7px 0px;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.25em;
        color: #78CBCF;
}

.blk {
        color: #000;
}

.login_sub {
        margin: 0px;
        padding: 5px 0px 3px 0px;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.25em;
        color: #78CBCF;
}

h5 {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.25em;
        color: #333;
}

.white {
        margin: 0px;
        padding: 0px 0px 7px 0px;
        font-size: 18px;
        font-weight: normal;
        color: #FFF;
}

.sidebox {
        margin: 0px;
        padding: 0px 0px 7px 0px;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.25em;
        color: #E31E26;
}

.date {
        margin: 0px;
        padding: 0px;
        font-size: 18px;
        font-weight: normal;
        color: #333;
}

.turq {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.25em;
        color: #78CBCF;
}

.hide {
        margin: 0px;
        padding: 0px;
        font-size: 14px;
        font-weight: bold;
        color: #AAA;
        display: none;
}

.featwork_btn {
        margin: 0px;
        padding: 0px;
        font-size: 14px;
        font-weight: bold;
        color: #AAA;
        display: none;
}


/*========================================================================================== TEXT */

p {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        line-height: 1.5em;
}

.introbox_right {
        margin: 0px;
        padding: 0px;
        line-height: 1.5em;
        color: #579396;
}

.yellow_bold {
        font-weight: bold;
        color: #FFF08D;
}

.footer_txt {
        margin: 0px;
        padding: 0px;
        line-height: 1.25em;
        color: #999;
}

.services_blurb {
        margin: 0px;
        padding: 0px;
        line-height: 1.5em;
}

.work_blurb {
        margin: 0px;
        padding: 0px;
        line-height: 1.5em;
}

.divided_blurb {
        margin: 0px;
        padding: 0px;
        line-height: 1.5em;
}

.red {
        font-weight: bold;
        color: #E31E26;
}

.login_txt {
        margin: 0px;
        padding: 0px 0px 20px 0px;
        color: #999;
}


/*========================================================================================== LINKS */

a:link {
        color: #E31E26;
        text-decoration: none;
}

a:visited {
        color: #E31E26;
        text-decoration: none;
}

a:hover {
        color: #333;
        text-decoration: underline;
}

a:active {
        color: #E31E26;
        text-decoration: none;
}

.arrow_link:after {
        content: url(arrow_red.png);
}

a.bold_link {
        font-weight: bold;
        color: #E31E26;
        text-decoration: none;
}

a.bold_link:hover {
        font-weight: bold;
        color: #999;
        text-decoration: underline;
}

#footer a {
        margin: 0px;
        padding: 0px 5px;
        color: #999;
        text-decoration: none;
}

#footer a:hover {
        margin: 0px;
        padding: 0px 5px;
        color: #E31E26;
        text-decoration: none;
}


/*========================================================================================== LISTS */

#two_col_col1 ul.check_list {
        float: left;
        width: 580px;
        margin: 0px 0px 5px 0px;
        padding: 0px;
        border: none;
        list-style-type: none;
}

#two_col_col1 ul.check_list li {
        list-style-type: none;
        margin: 0px;
        padding: 0px 0px 8px 20px;
        border: none;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        line-height: 1.5em;
        color: #666;
        background: url(check_bullet.png) 0 3px no-repeat;
}

.basic_list ul {
        margin: 0px 0px 10px 20px;
        padding: 0px;
        border: none;
}

.basic_list li {
        margin: 0px;
        padding: 0px;
        border: none;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        line-height: 1.5em;
        color: #666;
}

#two_col_col1 ul {
        margin: 0px 0px 10px 20px;
        padding: 0px;
        border: none;
}

#two_col_col1 ul li {
        margin: 0px;
        padding: 0px;
        border: none;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        line-height: 1.5em;
        color: #666;
}

/*========================================================================================== BUTTONS */

#logo_btn {
        float: right;
        width: 217px;
        height: 40px;
        margin: 0px;
        padding: 0px;
}

#logo_btn a {
        display: block;
        width: 217px;
        height: 40px;
        background: url(logoecommercesolutions.gif) 0 0 no-repeat;
}

#logo_btn a:hover {
        background: url(logoecommercesolutions.gif) 0px -40px no-repeat;
}

/*
#feat_work {
        float: right;
        width: 280px;
        height: 110px;
        margin: 0px;
        padding: 0px;
}

#feat_work a {
        display: block;
        width: 280px;
        height: 110px;
        background: url(feat_work_aperion.png) 0 0 no-repeat;
}

#feat_work a:hover {
        background: url(feat_work_aperion.png) 0px -110px no-repeat;
}
*/

.findout_home_btn {
        float: left;
        width: 129px;
        height: 30px;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 120px;
}

.findout_home_btn a {
        display: block;
        width: 129px;
        height: 30px;
        background: url(findout_home_btn.png) 0 0 no-repeat;
}

.findout_home_btn a:hover {
        background: url(findout_home_btn.png) 0px -30px no-repeat;
}

.findout_btn {
        float: left;
        width: 108px;
        height: 30px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
}

.findout_btn a {
        display: block;
        width: 129px;
        height: 30px;
        background: url(findout_btn.png) 0 0 no-repeat;
}

.findout_btn a:hover {
        background: url(findout_btn.png) 0px -30px no-repeat;
}

.view_work_btn {
        float: left;
        width: 108px;
        height: 30px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
}

.view_work_btn a {
        display: block;
        width: 108px;
        height: 30px;
        background: url(view_work_btn.png) 0 0 no-repeat;
}

.view_work_btn a:hover {
        background: url(view_work_btn.png) 0px -30px no-repeat;
}


/*========================================================================================== IMAGES */

img {
        border: none;
}

.feat_work {
        margin: 2px 0px 0px 0px;
        padding: 0px;
}

.work_thumb {
        float: left;
        margin: 0px 20px 0px 0px;
        padding: 0px;
}

.blurb_thumb {
        float: left;
        margin: 0px 20px 0px 0px;
        padding: 0px;
}

.service_icon {
        float: left;
        margin: 0px 15px 0px 0px;
        padding: 0px;
}

.center {
        margin:  0px auto;
        padding: 0px 0px 20px 0px;
}


/*==========================================================================================  NEWSLETTER OPT-IN FORM */

.newsletter_optin {
    float: left;
    width: 240px;
    margin: 0px;
        padding: 0px;
        border: none;
}

.newsletter_optin fieldset {
        margin: 0px;
        padding: 0px;
        border: none;
        background-color: #D4EEF0;
}

.newsletter_optin legend {
    display: none;
    margin: 0px;
        padding: 0px;
        border: none;
}

.newsletter_optin label {
    display: block;
    margin: 0px;
        padding: 0px 0px 3px 0px;
        border: none;
    font-size: 13px;
    font-weight: bold;
        color: #333;
}

.newsletter_optin input {
    display: block;
        width: 230px;
        height: 20px;
        margin: 0px 0px 10px 0px;
    padding: 5px;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #666;
        background-color: #FFF;
}

.newsletter_optin #subscribe {
        width: 85px;
        height: 30px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
        border: none;
}


/*========================================================================================== CLIENT EXTRANET */

#loginform {
        width: 240px;
        margin: 0px auto;
}

#loginform label {
        display: block;
    margin: 0px;
        padding: 0px 0px 3px 0px;
        border: none;
    font-size: 13px;
    font-weight: bold;
        color: #999;
}

#loginform input.textbox {
        display: block;
        width: 240px;
        height: 20px;
        margin: 0px 0px 10px 0px;
    padding: 5px;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #666;
        background-color: #FFF;
}

#loginform select {
        display: block;
        width: 240px;
        height: 30px;
        margin: 0px 0px 10px 0px;
    padding: 5px;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #666;
        background-color: #FFF;
}

#loginform #submit {
        width: 64px;
        height: 30px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
        border: none;
}