body     { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; background-color: #ccc }
p   { color: #336; font-size: 8pt }
h1   { color: #006; font-size: 18pt; font-weight: normal; text-align: left }
h2 { color: #006; font-size: 12pt; font-weight: bold; text-align: right }
h3 { color: #006; font-size: 11px; font-weight: bold }
ul { color: #336; font-size: 10px }
h1.qlink { color: #fff; font-size: 13pt; text-align: center; vertical-align: middle }
h1.construction { color: #006; font-size: 50px; font-weight: bold; text-align: center }
h1.sales { font-size: 17px }
h2.subtop { font-size: 11px }
h3.sales { font-size: 15px; text-align: center; padding-top: 12px; vertical-align: bottom }
p.sidebar  { color: #336; text-align: right; padding-bottom: 10px }
p.contact  { color: #006; font-size: 10pt; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 105%; text-align: left; margin-left: 15px; padding-top: 20px; padding-bottom: 30px; vertical-align: top }
td.sidebar { padding-right: 10px; padding-bottom: 8px; vertical-align: top }
td.content { padding-right: 5px; padding-left: 10px }
td.hosting { background-color: #006; margin: 0; padding: 0; width: 750px; height: 24px }
table.sales { text-align: center; vertical-align: middle }
a.whitelink  { color: #fff; font-size: 11px }
A:visited.whitelink { color: #fff; font-size: 11px }
a.lightlink { color: #339; font-size: 11px }
A:visited.lightlink { color: #339; font-size: 11px }
img.microsoft { text-align: right }
#fadetop   { background-image: url(images/fadetop.jpg); background-repeat: no-repeat }
#fadeleft   { background-image: url(images/fadeleft.jpg); background-repeat: no-repeat; background-position: right top }
#faderight   { background-image: url(images/faderight.jpg); background-repeat: no-repeat; background-position: left top }
#fadebottom   { color: #336; font-size: 9pt; font-weight: bolder; text-decoration: none; background-color: #ccc; background-image: url(images/fadebottom.jpg); background-repeat: no-repeat; background-position: left top; padding-top: 5px }
A   { color: #339; text-decoration: none }
A:visited   { color: #339; text-decoration: none }
#main { background-color: #fff }
#maintop   { color: #006; font-size: 11px; font-variant: small-caps; font-weight: bold; background-image: url(images/maintop.jpg); background-repeat: no-repeat; background-position: center bottom; text-align: right; padding-right: 15px }
#maintoprecycling   { color: #006; font-size: 11px; font-variant: small-caps; font-weight: bold; background-image: url(images/maintoprecycling.jpg); background-repeat: no-repeat; background-position: center bottom; text-align: right; padding-right: 15px }
#maintopsales  { color: #006; font-size: 11px; font-variant: small-caps; font-weight: bold; background-image: url(images/maintopsales.jpg); background-repeat: no-repeat; background-position: center bottom; text-align: right; padding-right: 15px }
#maintopvoip  { color: #006; font-size: 11px; font-variant: small-caps; font-weight: bold; background-image: url(images/maintopvoip.jpg); background-repeat: no-repeat; background-position: center bottom; text-align: right; padding-right: 15px }
#maintopsupport   { color: #fff; font-size: 9px; font-variant: small-caps; font-weight: bold; background-image: url(images/maintopsupport.jpg); background-repeat: no-repeat; background-position: center bottom; text-align: right; padding-right: 15px }
#maintopweb   { color: #fff; font-size: 11px; font-variant: small-caps; font-weight: bold; background-image: url(images/maintopweb.jpg); background-repeat: no-repeat; background-position: center bottom; text-align: right; padding-right: 15px }
#block  { background-color: #006 }
#tabs  { background-color: #fff; text-align: right; vertical-align: baseline }
#sidebar { background-color: #ccf }
#gradient  { background-image: url(images/gradient.jpg); background-repeat: no-repeat; background-position: center; width: 735px; height: 10px }
#call { color: #c03 }


#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}
#csstopmenu li { position: relative; float: left }
#csstopmenu a{
text-decoration: none;
}

.mainitems  { background-color: #006 }
.submenus   { color: #fff; font-size: 11px; line-height: 25px; background-color: #abace4; display: none; position: absolute; top: 25px; right: 0; left: 0; width: 125%; border: solid 1px #006 }

.submenus li { width: 100% }

.submenus li a  { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
.submenus li a:visited { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: #A7A6D3;
color: black;
}

.submenusend { color: #fff; font-size: 11px; background-color: #abace4; display: none; position: absolute; top: 25px; right: 0; left: 4px; width: 98.5%; line-height: 25px; border: solid 1px #006 }

.submenusend li{
width: 100%;
}

.submenusend li a { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
.submenusend li a:visited { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
html>body .submenusend li a{ /* non IE browsers */
width: auto;
}

.submenusend li a:hover{
background-color: #A7A6D3;
color: black;}

.submenusbig   { color: #fff; font-size: 11px; line-height: 25px; background-color: #abace4; display: none; position: absolute; top: 25px; right: 0; left: 0; width: 150%; border: solid 1px #006 }

.submenusbig li { width: 100% }

.submenusbig li a  { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
.submenusbig li a:visited { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
html>body .submenusbig li a{ /* non IE browsers */
width: auto;
}

.submenusbig li a:hover{
background-color: #A7A6D3;
color: black;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}


#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}

.submenuselect   { color: #fff; font-size: 11px; line-height: 25px; background-color: #006; display: none; position: absolute; top: 25px; right: 0; left: 0; width: 125%; border: solid 1px #006 }

.submenuselect li { width: 100% }

.submenuselect li a  { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
.submenuselect li a:visited { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
html>body .submenuselect li a{ /* non IE browsers */
width: auto;
}

.submenuselect li a:hover{
background-color: #A7A6D3;
color: black;
}

.submenusendselect { color: #fff; font-size: 11px; background-color: #006; display: none; position: absolute; top: 25px; right: 0; left: 4px; width: 98.5%; line-height: 25px; border: solid 1px #006 }

.submenusendselect li{
width: 100%;
}

.submenusendselect li a { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
.submenusendselect li a:visited { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
html>body .submenusendselect li a{ /* non IE browsers */
width: auto;
}

.submenusendselect li a:hover{
background-color: #A7A6D3;
color: black;}

.submenusbigselect   { color: #fff; font-size: 11px; line-height: 25px; background-color: #006; display: none; position: absolute; top: 25px; right: 0; left: 0; width: 150%; border: solid 1px #006 }

.submenusbigselect li { width: 100% }

.submenusbigselect li a  { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
.submenusbigselect li a:visited { color: #fff; text-align: left; text-indent: 3px; display: block; width: 100% }
html>body .submenusbigselect li a{ /* non IE browsers */
width: auto;
}

.submenusbigselect li a:hover{
background-color: #A7A6D3;
color: black;
}