/*
 * Software Link Stylsheet for Screen Media
 * @author: Jay Morrow
 * @date: 1/21/09
 * @version: 1.0
 */
 
@import url("special.css");
  
/*---------- Layout ----------*/
body { background: #CCC url(../images/layout/bg-body.gif) repeat-y center top; }
#wrapper { width: 100%; margin: 0; padding: 0; display: inline-block; background: url(../images/layout/bg-wrapper.gif) no-repeat center top; min-height: 658px; }
#body { width: 930px; margin: 0 auto; padding: 20px 10px; position: relative; }
#content { width: 920px; overflow: hidden; background: url(../images/layout/bg-content.gif) repeat-y 100% 0; margin-top: 10px; }
#content .column { float: left; display: inline; color: #444; }
.clear { clear: both; }

/*---------- Header ----------*/
#header { position: relative; }
#header h1 { position: absolute; left: 40px; top: 10px; width: 288px; background: url(../images/logo.png); }
#header h1 a { text-indent: -99999px; height: 75px; display: block; }
#header img { display: block; }

/*---------- Navigation ----------*/
#nav { position: absolute; top: 221px; left: 20px; width: 622px; background: url(../images/layout/bg-nav.gif) no-repeat 0 0; }
#nav ul {width: 515px; height: 32px; padding: 0; margin: 0 auto; list-style: none; }
#nav ul li { float: left; display: inline; margin: 0 15px; line-height: 32px; background-position: 0 100%; }
#nav ul li a { text-indent: -99999px; display: block; background-position: 0 0; height: 32px; }
#nav ul li a:hover, #nav ul .current a  { background-image: none; }

#services, #services a { background-image: url(../images/nav/services.gif); width: 67px; }
#products, #products a { background-image: url(../images/nav/products.gif); width: 71px; }
#training, #training a { background-image: url(../images/nav/training.gif); width: 63px; }
#about, #about a { background-image: url(../images/nav/about.gif); width: 72px; }
#press, #press a { background-image: url(../images/nav/press.gif); width: 92px; }

/*------ Secondary Nav ------*/
#subnav { padding: 4px 0 0; background: url(../images/layout/bg-subnav-top.gif) no-repeat 0 0; }
#subnav ul { list-style: none; margin: 0; padding: 0 0 17px; background: url(../images/layout/bg-subnav-bottom.gif) no-repeat 0 100%; width: 278px; overflow: hidden; }
#subnav ul li { width: 278px; margin: 0; float: left; display: inline; background-repeat: no-repeat; background-position: 0 -28px; }
#subnav ul li a { display: block; text-indent: -99999px; height: 28px; background-repeat: no-repeat; background-position: 0 0; }
#subnav ul li a:hover, #subnav ul .current a { background-image: none; }

#hosting, #hosting a { background-image: url(../images/nav/sec-hosting.gif); }
#internet, #internet a { background-image: url(../images/nav/sec-internet.gif); }
#networking, #networking a  { background-image: url(../images/nav/sec-networking.gif); }
#asp-services, #asp-services a { background-image: url(../images/nav/sec-services.gif); }

#peachtree, #peachtree a,
#peachtree-training, #peachtree-training a { background-image: url(../images/nav/sec-peachtree.gif); }
#businessworks, #businessworks a { background-image: url(../images/nav/sec-businessworks.gif); }
#x3, #x3 a { background-image: url(../images/nav/sec-x3.gif); }
#mas-90, #mas-90 a { background-image: url(../images/nav/sec-mas90-200.gif); }
#mas-500, #mas-500 a { background-image: url(../images/nav/sec-mas500.gif); }
#quickbooks, #quickbooks a { background-image: url(../images/nav/sec-quickbooks.gif); }
#demos, #demos a { background-image: url(../images/nav/sec-demo.gif); }
#news-recent, #news-recent a { background-image: url(../images/nav/sec-current-news.gif); }
#news-archive, #news-archive a { background-image: url(../images/nav/sec-archive-news.gif); }

#register, #register a { background-image: url(../images/nav/sec-register.gif); }

#philosophy, #philosophy a { background-image: url(../images/nav/sec-philosophy.gif); }
#partners, #partners a { background-image: url(../images/nav/sec-partners.gif); }
#testimonials, #testimonials a { background-image: url(../images/nav/sec-testimonials.gif); }
#careers, #careers a { background-image: url(../images/nav/sec-careers.gif); }
#contact-us, #contact-us a { background-image: url(../images/nav/sec-contact.gif); }
#directions, #directions a { background-image: url(../images/nav/sec-directions.gif); }

/*------ Tertiary Nav ------*/
#subnav ul ul { display: none; }
#subnav .current ul { display: block; width: 274px; padding: 3px 0 3px; margin-left: 1px; background: #FFF; border: 1px solid #505f73; border-bottom: none; }
#subnav ul ul li { background-image: none; width: 274px; line-height: 18px; font-size: .7em; }
#subnav ul ul li a { background-image: none; text-indent: 15px; height: 18px; color: #666; }
#subnav ul ul li a:hover, #subnav ul ul .current a { text-decoration: underline; }

/*---------- Section ----------*/
#section { width: 602px; padding: 45px 20px 20px; }
#section p { font-size: 1.3em; line-height: 1.4em; margin: 0 0 15px; }
#section div.inset { width: 145px; text-align: center; }
#section .inset img { margin-bottom: 10px; }
#section .inset a img { margin-bottom: 0; }
#section .left { float: left; clear: left; display: inline; margin: 5px 15px 15px 0; }
#section .right { float: right; clear: right; display: inline; margin: 5px 0 15px 15px; }
#section .center { text-align: center; }

#section blockquote { width: 464px; margin: 0 auto; font-size: 1.4em; padding-bottom: 20px; font-style: italic; margin-bottom: 15px; background: url(../images/layout/bg-blockquote.gif) no-repeat 0 100%; }
#section blockquote div { padding: 20px 20px 0; background: url(../images/layout/bg-blockquote.gif) no-repeat 0 0; }
#section blockquote div a .product-name{ font-size: .5em; color:gray; text-align:center; }
#section blockquote div a .info {font-size: .5em; color:Blue; text-align:center;}
#section blockquote div a .purchase {font-size: .5em; color:Blue; text-align:center; }
#section blockquote div a { font-size: .5em; color:gray; text-align:center; }

#section .image-box { clear: both; overflow: hidden; }
#section .image-box div { padding-top: 25px; }

#section ul { font-size: 1.3em; line-height: 1.4em; }
#section ul ul { font-size: 1em; margin: 2px 0; }

#section table { font-size: 1.3em; line-height: 1.4em; margin: 0 20px 15px; }
#section table thead th { padding: 3px 10px; }
#section table tbody th { text-align: left; padding: 3px 10px; }
#section table tbody td { padding: 3px 10px; vertical-align: middle; }

#section .difference th {  border: 1px solid #ccc; }
#section .difference td { text-align: center; border: 1px solid #ccc; }

#section .table-services thead th { border: 2px solid #fff; background-color: #647896; color: #fff; text-align: left; }

#product-overview { margin-top: 15px; }
#product-overview table tbody th { width: 130px; }

#section .section-col { float: left; display: inline; width: 40%; margin-top: 0; }

#section .press-releases { font-size: 1.2em; }
#section .press-releases thead th { font-size: 1.2em; text-align: left; padding: 0; border-bottom: 2px solid #999; }
#section .press-releases tbody th { width: 150px; padding: 5px 0; border-bottom: 1px solid #ccc; vertical-align: middle; }
#section .press-releases tbody td { border-bottom: 1px solid #ccc; padding: 5px 0; }

#section .box-list { list-style: none; overflow: hidden; padding: 0; }
#section .box-list li { float: left; display: inline; margin: 0 10px; width: 130px; text-align: center; }
#section .box-list li div { height: 40px; font-size: .9em; }

#section .service-cost { text-align: left; }
#section .service-cost thead th { border-bottom: 2px solid #999; }
#section .service-cost th { width: 200px; }
#section .service-cost tfoot th,
#section .service-cost tfoot td { margin-top: 5px; padding: 10px; border-top: 2px solid #999; }

#section .box { float: left; display: inline; margin: 0 10px 10px; }
#section .box .title { background-repeat: no-repeat; background-position: 0 0; height: 69px; padding: 3px 5px; }
#section .box .title a { display: block; height: 63px; text-indent: -99999px; }
#section #distro-box .title { background-image: url(/assets/images/interior/box-distro.gif); }
#section #small-biz .title { background-image: url(/assets/images/interior/box-business.gif); }
/* #section #tech .title { background-image: url(/assets/images/interior/box-technology.gif); } */
#section #manu-box .title { background-image: url(/assets/images/interior/box-manufacturing.gif); }
#section #distro-box .content { height: 150px; font-size: 1.2em;}
#section #manu-box .content { height: 150px; font-size: 1.2em;}
#section #small-biz .content { height: 150px; font-size: 1.2em;}

.box { width: 278px; padding-bottom: 10px; background: url(../images/layout/bg-box.gif) no-repeat 0 100%; }
.box .title { background: url(../images/layout/bg-box.gif) no-repeat 0 0; height: 18px; padding: 3px 5px; }
.box .title h4 { color: #fff; }
.box .content { padding: 0 15px 5px; line-height: 1.4em; }

/*---------- Full Forms ----------*/
#section .fullform { padding-top: 15px; width: 450px; margin: 0 auto; }
#section .fullform fieldset { padding: 5px 0 25px; border-top: 1px solid #666; }
#section .fullform legend { font-size: 1.4em; font-weight: bold; color: #666; }
#section .fullform div { padding: 5px 0; }
#section .fullform label { display: block; font-size: 1.2em; line-height: 1.8em; }
#section .fullform .field { width: 300px; border: 1px solid #999; }
#section .fullform select { width: 300px; border: 1px solid #999; }

/*---------- Sidebar ----------*/
#sidebar { width: 278px; padding-bottom: 10px; }

#buttons { list-style: none; padding: 10px 8px; background: url(../images/layout/bg-sidebar-buttons.gif) no-repeat 0 0; margin: 0; overflow: hidden; }
#buttons li { width: 127px; float: left; display: inline; }
#buttons li a { display: block; height: 52px; text-indent: -99999px; }
#buttons #contact { margin-right: 8px; }
#buttons #contact a { background: url(../images/buttons/btn-contact.gif);  }
#buttons #home a { background: url(../images/buttons/btn-home.gif); }

/*---------- Footer ----------*/
#footer { text-align: center; color: #404040; clear: both; background: url(../images/layout/bg-footer.gif) no-repeat 0 0; width: 910px; font-size: 1.1em;  margin-left: 10px; padding: 0 0 40px 0; }
#footer ul { font-size: 1.1em; text-align: left; margin: 0 0 10px; padding: 0; }
#footer ul li { line-height: 32px; margin: 0; display: inline; padding: 0 10px; border-right: 1px solid #FFF; }
#footer ul li a { color: #FFF; }
#footer ul .last { border-right: none; }

#footer address, #footer .tel { font-style: normal; display: inline; }
#footer span { padding: 0 3px; }
#footer span.short { padding: 0; }
#footer .disclaimer { padding-top: 10px; width: 590px; margin: 0 auto; text-align: center; font-size: .85em; }

/*---------- Typography ----------*/
h2 { color: #dca510; border-bottom: 2px solid #a1a1a1; margin: 0 0 20px; font-size: 24px; padding-bottom: 5px; }
h3 { clear: left; color: #647896; font-size: 1.8em; font-weight: normal; line-height: 1.4em; }
h4 { font-size: 1.5em; font-weight: bold; color: #999; }
h5 { font-size: 1.3em; font-weight: bold; color: #999; margin-top: 15px; }
.disclaimer { font-size: .9em; color: #666; }
a { color: #00379b; }
a:hover { text-decoration: underline; }
.red { color: #BF110B; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block;	overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/*---------- Training Course List -------*/
#course-list table { border: 1px solid #ccc; padding: 2px; margin: 0; }
#course-list table thead th { text-align: left; padding: 0 0 0 10px; border-bottom: 1px solid #ccc; color: #666; }