html {
height:100%;
}


body {
height:100%;
margin:0px 0px 0px 0px;
background-image:url(/images/bodybg.gif);
background-attachment:scroll;
background-position:0px 145px;
background-repeat:repeat-x;
background-color:#e8e8e8;
}


#pagecontainer {
margin:0px auto;
width:880px;
background-image:url(/images/mainbg.gif);
background-position:top left;
background-repeat:repeat-x;
background-color:#000000;
border-left:1px solid #010101;
border-right:1px solid #010101;
}
/****************/




/********header area ********/
#header {
width:880px;
height:121px;
background-image:url(/images/headerimg.gif);
background-position:top left;
background-repeat:no-repeat;
float:left;
}

#topbuttonsholder {
float:right;
width:155px;
height:30px;
}

#topblock {
float:left;
width:880px;
height:140px;
background-image:url(/images/blockimg.gif);
background-position:top left;
background-repeat:no-repeat;
}


#tophomebutton {
width:29px;
height:30px;
float:left;
margin:0px 26px 0px 0px;
}

#topcontactbutton {
width:29px;
height:30px;
float:left;
margin:0px 26px 0px 0px;
}


#topaboutbutton {
width:29px;
height:30px;
float:left;
}

/****************/




/********page's main menu, content, and other links********/
#centerholder {
width:880px;
float:left;
margin:0px 0px 13px 0px;
}

#cent_left_menu {
width:130px;
margin:0px 0px 0px 0px;
float:left;
font-family:"Trebuchet MS", Trebuchet, Myriad, Arail, sans-serif;
font-weight:bold;
font-size:15px;
letter-spacing:.03em;
background-image:url(/images/menubg.gif);
background-position:16px 185px;
background-repeat:no-repeat;
padding:0px 0px 117px 16px;
}

#cent_left_menu ul li a {
display:block;
background-image:url(/images/btnbg.gif);
background-position:top left;
background-repeat:no-repeat;
width:130px;
height:23px;
text-align:center;
color:#efefef;
text-decoration:none;
margin:0px 0px 4px 0px;
}

#cent_left_menu ul li a:hover {
display:block;
background-image:url(/images/hitbg.gif);
background-position:top left;
background-repeat:no-repeat;
width:130px;
height:23px;
text-align:center;
color:#efefef;
text-decoration:none;
}


#cent_mid {
float:left;
width:559px;
background-image:url(/images/centmidbg.gif);
background-position:top left;
background-repeat:repeat-y;
margin:0px 0px 0px 15px;
}

#midheader {
background-image:url(/images/centmidhdrbg.gif);
background-position:top left;
background-repeat:no-repeat;
width:559px;
height:54px;
}


#pagetitle {
padding:23px 0px 0px 23px;
}

#pagetitle h1 {
font-family:"Trebuchet MS", Trebuchet, Myriad, Arail, sans-serif;
font-weight:bold;
font-size:23px;
letter-spacing:.01em;
background-color:transparent;
color:#2d419a;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#midbody {
margin:10px 0px 0px 8px;
}


#midbody_content {
width:512px;
font-family:"Trebuchet MS", Trebuchet, Myriad, Arial, sans-serif;
font-weight:normal;
font-size:13px;
color:#000000;
background-color:transparent;
padding:1px 0px 0px 0px;
margin:0px 17px 0px 17px;
}

#midfooter {
background-image:url(/images/centmidbtm.gif);
background-position:bottom left;
background-repeat:no-repeat;
width:559px;
height:26px;
}


#cent_left {
float:left;
}

#cent_right {
float:left;

}

#cent_right a {
color:#ffffff;
background-color:transparent;
}

#cent_right a:hover {
color:#ffffff;
background-color:transparent;
}

#ibmarea {
margin:0px 0px 0px 14px;
width:134px;
height:238px;
background-image:url(/images/ibmbg.gif);
background-position:top left;
background-repeat:no-repeat;
}

#ibmheader {
padding:61px 0px 0px 0px;
font-family:Garamond, "Times New Roamn", serif; 
color:#ffffff; 
font-size:15px;
text-align:center;
background-color:transparent;
}

#ibmlinks {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:transparent;
font-size:11px;
text-align:center;
line-height:18px;
}

#ibmlinks a {
text-decoration:none;
}

#drivesavers {
margin:46px 0px 0px 19px;
padding:0px 0px 27px 0px;
width:125px;
background-image:url(/images/drsavlight.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

#drivesavers_left {
clear:both;
margin:0px 0px 0px 0px;
padding:130px 0px 0px 0px;
width:125px;
}

#therssdiv {
margin:26px 0px 0px 16px;
padding:0px 0px 27px 0px;
width:130px;
background-image:url(/images/drsavlight.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

#contactformdiv {
padding:0px 0px 30px 0px;
margin:0px 0px 20px 0px;
}
/****************/





/********page's footer area ********/
#footer {
background-image:url(/images/footerborder.gif);
background-position:top left;
background-repeat:no-repeat;
width:880px;
background-color:#2e7799;
float:left;
}

#footer_left {
float:left;
width:468px;
}

#footertext {
width:419px;
margin:28px 0px 0px 16px; 
color:#ffffff; 
background-color:transparent;
font-family:"Trebuchet MS", Trebuchet, Myriad, Arial, sans-serif; 
font-size:14px;
}

#footerlogos_container {
width:405px;
height:87px;
margin:18px 0px 0px 13px;
}

#footerlogos_container div div a img {
border:none;
}

#footerlogo_toprow {
width:405px; 
height:44px;
}

#footerlogo_bottomrow {
margin:10px 0px 0px 0px; 
width:405px
}

#footer_right {
float:left;
}

#footer_right img {
border:none;
}

#footerbottomlinks {
margin:95px 15px 0px 15px; 
padding:0px 0px 15px 0px;
text-align:right; 
color:#77a6bd; 
font-family:"Trebuchet MS", Trebuchet, Myriad, Arial, sans-serif; 
font-weight:bold; 
font-size:10pt;
border-bottom:1px solid #6da0b8;
}

#footerbottomlinks a { 
color:#77a6bd;
text-decoration:none;
}

#footerbottomlinks a:hover { 
color:#77a6bd;
text-decoration:underline;
}

#footerbottomtextleft {
float:left;
margin:39px 0px 0px 15px;
border:none;
}

#footerbottomtextright {
float:right;
margin:35px 15px 10px 0px; 
text-align:right; 
color:#6da0b8;
font-family:"Trebuchet MS", Trebuchet, Myriad, Arial, sans-serif; 
font-weight:bold;
letter-spacing:0.01em;
font-size:13px;
background-image:url(/images/hqbg.gif);
background-position:bottom right;
background-repeat:no-repeat;
width:590px;
height:50px;
}

#footerbottomtextholder {
padding:0px 0px 30px 0px;
background-color:#2e7799;
}
/****************/





/********footer logos********/
#ibmbp {
float:left;
}

#attsp {
float:left; 
margin:3px 0px 0px 10px;
}

#ciscologo {
float:left; 
margin:4px 0px 0px 9px;
}

#microsoftlogo {
float:left; 
margin:10px 0px 0px 9px;
}

#hplogo {
float:left; 
margin:1px 0px 0px 0px;
}

#citrixlogo {
float:left; 
margin:1px 0px 0px 9px;
}

#novelllogo {
float:left; 
margin:0px 0px 0px 9px;
}

#epsonlogo {
float:left; 
margin:4px 0px 0px 8px;
}

#okidatalogo {
float:left; 
margin:1px 0px 0px 8px;
}
/****************/



/********footer ads********/
#adleft {
float:left; 
margin:28px 0px 0px 0px; 
padding:0px 0px 0px 34px; 
border-left:1px solid #97baca;
}

#adright {
float:left; 
margin:28px 0px 0px 31px; 
padding:0px 0px 0px 34px; 
border-left:1px solid #97baca;
}
/****************/



/********logos for Telephone services page ********/
#phonelogos img{
vertical-align:middle;
margin:0px 25px 0px 27px;
border:1px solid #f3f3f3;
}
/****************/

/********div for service page********/
#servicelogos img {
margin:20px 55px 55px 30px;
border:1px solid #ebebeb;
}
/****************/


/********divs and class for contact page ********/
#contactholder{
float:left;
margin:0px 0px 20px 0px;
}

#contactleft {
float:left; 
margin:0px 100px 0px 0px;
}

#contactright {
float:left;
margin:0px 0px 0px 0px;
}

#map {
width:300px; 
height:300px;
margin:0px 0px 20px 0px;
float:left;
}

/*#map {
width:360px; 
height:300px;
margin:0px 0px 20px 0px;
}*/

.florencelocationdiv {
float:left; 
padding:0px 0px 50px 18px;
}

.jacksonlocationdiv {
float:left; 
padding:0px 0px 0px 18px;
}
/****************/


/********dist page and hosting page********/
#distholder {
float:left; 
margin:0px 0px 0px 42px; 
background-color:#f0f0f0; 
padding:10px 10px 10px 10px;
}

#distleft {
border-right:2px solid #ffffff; 
width:184px; 
float:left;
}

#distleft ul {
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 20px;
}

#distright {
width:220px; 
float:left; 
margin:0px 0px 0px 0px;
}

#distright ul {
margin:0px 0px 0px 60px; 
padding:0px 0px 0px 0px;
}

#hostholder {
float:left; 
margin:0px 0px 0px 0px; 
background-color:#f0f0f0; 
padding:10px 10px 10px 10px;
}

#hostleft {
border-right:2px solid #ffffff; 
width:225px; 
float:left;
}

#hostright {
width:240px; 
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
}

.hostsectionhdr {
background-color:#2d419b; 
padding:3px 3px 3px 3px;
}

.hostsection {
color:#ffffff;
background-color:transparent;
font-weight:bold;
float:left;
}

.hostsectionright {
font-size:11px;
color:#ffffff;
background-color:transparent;
font-weight:normal;
float:right;
}

.hostsectionright a {
color:#ffffff;
background-color:transparent;
}

.host_a {
padding:10px 5px 10px 5px; 
background-color:#fbf9f0;
}

.host_b {
padding:10px 5px 10px 5px; 
background-color:#ffffff;
}
/****************/



/********various classes ********/
.topbuttonleft {
margin:0px 26px 0px 0px;
border:none;
}

.topbuttonright {
margin:0px 16px 0px 0px;
border:none;
}

.logotop {
width:143px; 
height:70px; 
margin:16px 0px 0px 18px; 
border:none
}

.sub {
width:228px; 
height:22px;
background-image:url(/images/subbg.gif);
background-position:top left;
background-repeat:no-repeat;
font-weight:bold;
color:#ffffff;
background-color:transparent;
font-family:"Trebuchet MS", Trebuchet, Myriad, Arial, sans-serif;
padding:1px 0px 0px 4px;
}

.sub h2 {
font-weight:bold;
color:#ffffff;
background-color:transparent;
font-family:"Trebuchet MS", Trebuchet, Myriad, Arial, sans-serif;
font-size:13px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.floatsubs ul {
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 20px;
}

.subtext {
display:block;
width:213px;
padding:0px 15px 0px 4px;
color:#000000;
background-color:transparent;
font-family:"Trebuchet MS", Trebuchet, Myriad, Arial, sans-serif;
font-weight:normal;
border-left:1px solid #e3d69e;
}

.floatsubs {
float:left;
padding:0px 0px 35px 0px;
}

.subleftside {
float:left; 
width:250px;
}

.subrightside {
float:left; 
width:250px; 
margin:0px 0px 0px 10px;
}

.clear {
clear:both;
}

.boldtext {
font-weight:bold;
}

.gboldtext {
font-weight:bold;
color:#a1a1a1;
background-color:transparent;
}

.boldunderline {
font-weight:bold;
text-decoration:underline;
}

.bluetext {
color:#2d419a;
background-color:transparent;
}

.boldbluetext {
font-weight:bold;
color:#2d419a;
background-color:transparent;
}

.ibmhr {
color:#515151;
width:95px; 
}

.headerhr {
margin:20px 0px 0px 17px; 
width:94%; 
color:#d5c26d;
height:1px;
}

.headerhr_b {
margin:10px 0px 0px 0px; 
width:100%; 
color:#d5c26d;
height:1px;
}

.telephonelist li{
font-weight:bold;
}

.floatleft{
float:left;
}

.distsection {
margin:50px 0px 0px 0px;
}

.toppagelink {
font-size:9px;
}

.distsection ul {
margin:0px 0px 0px 40px; 
padding:0px 0px 0px 0px;
}

.websenselist{
margin:0px 0px 0px 0px;
}

.cssimg {
border:none;
width:88px;
height:31px; 
margin:0px 0px 0px 10px;
}

.bottomAdLine {
padding:0px 0px 0px 0px; 
margin:0px 0px 0px 0px;
font-style:italic;
}

/****************/

/********IBM Showcase********/
#showcase-header {
width:546px;
font-family:"Trebuchet MS", Trebuchet, Myriad, Arial, sans-serif;
font-weight:bold;
font-size:10pt;
color:#000000;
background-color:transparent;
margin:10px 0px 20px 17px;
}
	
#content-showcase {
width:546px;
overflow:hidden;
}
/****************/


/******** flyout menus********/
#menuUL {
padding:0;
margin:0;
list-style: none;
list-style-position:outside;
}
	
#menuUL ul {
padding:0;
margin:0;
float:left;
}

#menuUL li ul li a {
margin:0px;
display:block;
background-image:url(/images/btnbg.gif);
background-position:top left;
background-repeat:repeat-x;
width:165px;
height:23px;
text-align:center;
color:#efefef;
text-decoration:none;
}

#menuUL li ul li a:hover {
margin:0px;
display:block;
background-image:url(/images/hitbg.gif);
background-position:top left;
background-repeat:repeat-x;
width:165px;
height:23px;
text-align:center;
color:#efefef;
text-decoration:none;
}
	
#menuUL li {
float:left;
position:relative;
}

#menuUL li ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
visibility:hidden;
left:126px;
top:0;
visibility:hidden;
width:200px;
float:left;
}
	
#menuUL li:hover ul  {
visibility:visible;
}

#menuUL li.msieFix ul {
visibility:visible;
}

* html #menuUL li:hover ul {
top:0px;
left:120px;
}

* html #menuUL li.msieFix ul {
top:0px;
left:120px;
}

#menuUL li ul li {
width:165px;
margin:0px 0px 0px 5px;
line-height:20px;
font-size:11px;
}

/** rss **/
.datefield{ /*CSS for date field in general*/
color:#d3d3d3;
}

#rssfeed {
width:128px;
font-size:12px;
color:#d3d3d3;
background-color:#2d419a;
font-family:"Trebuchet MS",Trebuchet,Myriad,Arial,sans-serif;
border:1px #b0b0b0 solid;
}

#rssfeed ul {
margin:0px 0px 0px 0px;
padding:8px 3px 8px 17px;
}

#rssfeed li{ /*CSS specific to demo 1*/
margin:0px 0px 4px 0px;
padding:0px 0px 0px 0px;
list-style-type:disc;
color:#d3d3d3;
}

#rssfeed li a:link {color:#eeeeee; text-decoration:underline;}
#rssfeed li a:visited {color:#eeeeee; text-decoration:underline;}
#rssfeed li a:hover {color:#d3d3d3; text-decoration:underline;}
#rssfeed li a:active {color:#d3d3d3; text-decoration:underline;}

.rss_title {
color:#ffffff; 
font-size:11px; 
font-family:"Trebuchet MS",Trebuchet,Myriad,Arial,sans-serif; 
text-align:center; 
display:block; 
width:130px; 
margin:0px 0px 3px 0px;
}



/****************/

/*** for web design page ***/
#exaple_holder {
padding:0px 0px 0px 35px;
}

.example_left {
float:left; 
text-align:center; 
margin:25px 0px 0px 0px;
}

.example_right {
float:left; 
text-align:center; 
margin:25px 0px 0px 39px;
}