*{margin:0;padding:0;}
html{font-size:62.5%;}/*reset to approx 1em = 10px*/
body {width:100%;background:#fff url(/images/ithotdesk_bg3.jpg) repeat-x;line-height:1.3em;font-family:Helvetica,Arial,sans-serif;}

/****************Typography***************/
h1,h2, h3, h4 {color: #4D636E; font-weight: bold;}
h1 { font-size: 2.8em;line-height:2em;font-weight:bold;}
h2 { font-size: 2.1em;line-height:1em; }
h3 { font-size: 1.8em;line-height:1.4em;}
h4 { font-size: 1.5em;line-height:1.2em;}

/************generic sitewide styling************/
li{ font-size: 1.3em; line-height: 2em; }
p { font-size: 1.2em; line-height: 1.5em;margin:3px 0px 10px;}
td{font-size:1em;line-height:1.2em;}
span{font-size:1.1em;line-height:1.4em;}
.italic{font-style:italic}
.bold{font-weight:bold}
a { text-decoration: underline; color: #D90040; }
a:hover { text-decoration: none; }
img.floatleft{float:left;margin-right:10px;}
img.floatright{float:right;margin-left:5px;}
p a img{text-decoration:none;border:0;}

#wrapper {width:100%;margin:0 auto;}
img{behavior: url(http://www.ithotdesk.com/iepngfix.htc)}/* for IE6 non-handling of transparent png's*/

/*********************Header*********************/
#headerwrapper{width:100%;height:163px;border-top:1px solid white;border-bottom:1px solid white;}
#header{width:960px;margin:0 auto;}
#headerleft{float:left;width:750px;}
#header img{display:block; margin-top:10px}
#headerright{float:right;width:201px;margin-right:5px;margin-top:16px;}

/*Search box*/
#search_box {width: 100%;height: 31px;background: url(images/searchbox.gif);margin-bottom:5px;}
#search_box #full-search-term {float: left;padding: 0;margin: 6px 0 0 9px;border: 0;width: 155px;background: none;}
#search_box #go {float: right;margin: 3px 14px 0 0;}


/***********************Main Image Banner area***********************/
#welcomecontainer{width:100%;margin-top:5px;height:250px;}
#welcomecontent{width:960px;margin:0px auto 0px auto;position:relative;z-index:-999;overflow: hidden;}
#welcomecontent .welcomecontentleft{height:250px;float:left;width:300px;margin-left:55px;}
#welcomecontent .welcomecontentmiddle{height:250px;float:left;width:311px;margin-left:10px;}
#welcomecontent .welcomecontentright{height:250px;float:left;width:250px;margin-left:10px;}
#welcomecontent img{z-index:-999;}
#welcomecontent h1{font-size:3em;width:400px;border:1px solid red;}
#welcomecontent h3{font-size:1.5em;width:400px;}

/***********************Navigation***********************/
#navigation{width:960px;margin:0 auto;height:42px;min-height:42px;font-weight:bold;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{margin:0;padding:0;list-style:none;text-align:center;}

.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:8em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:12em;font-size:14px;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;height:44px;min-height:44px;line-height:44px;}

.sf-menu li.active{background:#000;}

.sf-menu a {display:block;position:relative;width:8em;color:#fff;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:44px; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:12em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:8em; /* match ul width */top:0;}

/*sf-menu2 and sf-menu3 specific styles*/
.sf-menu2,.sf-menu2 *,.sf-menu3,.sf-menu3 *{margin:0;padding:0;list-style:none;text-align:left;}

.sf-menu2 ul, .sf-menu3 ul {position:absolute;top:-999em;width:260px; /* left offset of submenus need to match (see below) */}

.sf-menu2 ul li, .sf-menu3 ul li {width:260px;font-size:14px;}
.sf-menu2 li:hover , .sf-menu3 li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu2 li, .sf-menu3 li {
float:left;
position:relative;
height:26px;
min-height:26px;
line-height:26px;/*to veritcally centre text (should be used for one line text only)*/
background:#1D407A;
border-bottom:1px solid #fff;
}

.sf-menu2 li.transparent, .sf-menu3 li.transparent{background:transparent;border:none;}
.sf-menu2 a, .sf-menu3 a{display:block;position:relative;width:260px;color:#fff;}
.sf-menu2 li:hover ul,
.sf-menu2 li.sfHover ul {left:0;top:26px; /* match top ul list item height */z-index:99;}
.sf-menu3 li:hover ul,.sf-menu3 li.sfHover ul {left:0;top:26px; /* match top ul list item height */z-index:99;}

ul.sf-menu2 li:hover li ul, ul.sf-menu2 li.sfHover li ul {top:-999em;}
ul.sf-menu3 li:hover li ul, ul.sf-menu3 li.sfHover li ul {top:-999em;}
ul.sf-menu2 li li:hover ul, ul.sf-menu2 li li.sfHover ul {left:260px; /* match ul width */top:0;}
ul.sf-menu3 li li:hover ul, ul.sf-menu3 li li.sfHover ul {left:260px; /* match ul width */top:0;}

.sf-menu2 li:hover, .sf-menu2 li.sfHover, .sf-menu2 a:focus, .sf-menu2 a:hover, .sf-menu2 a:active {background:#000;outline:0;}
.sf-menu2 li.transparent:hover, .sf-menu2 li.transparent.sfHover, .sf-menu2 a.transparent:focus, .sf-menu2  a.transparent:hover, .sf-menu2 a.transparent:active {background:transparent;outline:0;}

.sf-menu3 li:hover, .sf-menu3 li.sfHover, .sf-menu3 a:focus, .sf-menu3 a:hover, .sf-menu3 a:active {background:#000;outline:0;}
.sf-menu3 li.transparent:hover, .sf-menu3 li.transparent.sfHover, .sf-menu3 a.transparent:focus, .sf-menu3  a.transparent:hover, .sf-menu3s a.transparent:active {background:transparent;outline:0;}

.sf-menu2 a , .sf-menu3 a{text-decoration:none;}
/*------END sf-menu2 and sf-menu3 specific styles------------*/

.sf-menu {float:left;}
.sf-menu a {text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color: #fff;}
.sf-menu li {background:transparent;}
.sf-menu li li {background:#1D407A;border-top:1px solid #fff;}
.sf-menu li li li {background:#5F8DBF;border:none;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#000;outline:0;}
.sf-sub-indicator{display:none;}

/******************************************************************/
/***********************Main content area**************************/
/******************************************************************/
#mainpane{
margin:10px auto;
width:938px;
min-height:30em;
height:auto !important;
height:30em;
background:transparent url('images/maincontent-homepage2.png') no-repeat;
}

#mainpane-subpage{
margin:10px auto;
width:938px;
min-height:30em;
height:auto !important;
height:30em;
background:transparent url('images/maincontent-subpage.png') no-repeat;
}

#mainpane h1{color:#7e7f7e;}
#mainpane h2{color:#7e7f7e;}

p.italic{font-size:1.3em;font-style:italic;}
p.boldp{font-size:1.4em;font-weight:bold;}

/***********************Content Left***********************/
#contentleft {margin: 10px 0px 0px 45px;width:380px;min-height:10em;height:auto !important;height:10em;float:left;}

#subpage-contentleft {margin: 10px 0px 0px 10px;width:580px;min-height:10em;height:auto !important;height:10em;float:left;}

#contentleft li,#subpage-contentleft li{margin-left:30px;} 

h2.proactivetag{font-style:italic;font-size:1.4em;margin-bottom:5px;}

#mainpane li{font-size:1.1em; margin-left:30px;}
ul#toggleoptions1 li{margin-left:0px;padding-left:5px;}
ul#toggleoptions2 li{margin-left:0px;padding-left:5px;}

#dropdown-business, #dropdown-technical{margin-left:30px;}

/***********************Content Right***********************/
#contentright{margin: 10px 20px 0px;width:380px;min-height:10em;height:auto !important;height:10em;float:right;}
#subpage-contentright{margin: 10px 10px 0px;width:270px;min-height:10em;height:auto !important;height:10em;float:right;}

span.icon{position:relative;top:-65px;}
.solutionscontainer{position:relative;top:-60px;}

.alignimgcenter{display:block;margin:15px auto;}
.alignimgcenterborder{display:block;margin:15px auto 5px auto;border:4px solid #9F9F9F;}

/*********************Newsticker****************************/
#newsticker{width:100%;height:40px;background:#d3d2d1 url(images/newsticker-bg.gif) repeat-x; margin-bottom:10px;}
#newstickercontent{width:960px;margin:5px auto;height:30px;}
#partnerlogos{width:960px;margin:0 auto 10px auto; height:50px;}

/*Patnerlogos navigation*/
#partnerlogos ul{border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#partnerlogos ul li{display: block;float: left;text-align: center;padding: 0;margin: 0;}
#partnerlogos ul li.avaya{background:url(images/partnerlogos/40pxinactive/voxhub.jpg) no-repeat;}
#partnerlogos ul li.cisco{background:url(images/partnerlogos/40pxinactive/cisco.jpg) no-repeat;}
#partnerlogos ul li.barracuda{background:url(images/partnerlogos/40pxinactive/sonicwall.jpg) no-repeat;}
#partnerlogos ul li.ibackup{background:url(images/partnerlogos/40pxinactive/ibackup.jpg) no-repeat;}
#partnerlogos ul li.mitel{background:url(images/partnerlogos/40pxinactive/trendmicro.jpg) no-repeat;}
#partnerlogos ul li.microsoft{background:url(images/partnerlogos/40pxinactive/microsoft.jpg) no-repeat;}
#partnerlogos ul li.microsoftsmallbusiness{background:url(images/partnerlogos/40pxinactive/microsoftsmallbusiness.jpg) no-repeat;}

#partnerlogos ul li a{width: 137px;height:40px;padding: 0;margin: 0 0 10px 0;text-decoration: none;display: block;}

#partnerlogos ul li.avaya a:hover{background:url(images/partnerlogos/40pxlive/voxhub.jpg) no-repeat;}
#partnerlogos ul li.cisco a:hover{background:url(images/partnerlogos/40pxlive/cisco.jpg) no-repeat;}
#partnerlogos ul li.barracuda a:hover{background:url(images/partnerlogos/40pxlive/sonicwall.jpg) no-repeat;}
#partnerlogos ul li.ibackup a:hover{background:url(images/partnerlogos/40pxlive/ibackup.jpg) no-repeat;}
#partnerlogos ul li.mitel a:hover{background:url(images/partnerlogos/40pxlive/trendmicro.jpg) no-repeat;}
#partnerlogos ul li.microsoft a:hover{background:url(images/partnerlogos/40pxlive/microsoft.jpg) no-repeat;}
#partnerlogos ul li.microsoftsmallbusiness a:hover{background:url(images/partnerlogos/40pxlive/microsoftsmallbusiness.jpg) no-repeat;}

/*************Footer***************/
#footercontainer {height: 50px;width: 100%;background:#013c7b url(images/footer-bg.jpg) repeat-x;}
#footercontent{margin:0 auto;width:960px;color:#fff;font-size:0.8em;}

.footerleft, .footerright{width:450px;color:#fff;font-style:italic;}
.footerleft{float:left;text-align:left;margin-left:10px;}
.footerright{float:right;text-align:right;margin-right:10px;}
.footer-co-details{width:900px;margin:0 auto;text-align:center;clear:right;}

.footerright a {color:#fff;text-decoration:none;}
.footerright a:visited {color:#fff;}
.footerright a:hover {color:#F8991C;text-decoration:underline;}
.footerright a:active {color:#F8991C;}