*{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;}
/**************End Typography*************/

/************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;}
/**********End generic sitewide styling**********/

#wrapper {
width:100%;
margin:0 auto;
}

/*********************Header*********************/
#headerwrapper
{
width:100%;
height:163px;
/*background:#fff url(images/header_bg.gif) repeat-x;*/
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}
img{behavior: url(http://www.ithotdesk.com/iepngfix.htc)}/* for IE6 non-handling of transparent png's*/

#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;
}
/*******************End Header*******************/

/***********************Main Image Banner area***********************/
#welcomecontainer{
width:100%;
/*background:#c4cdb2 url(../images/welcome_bg.jpg) repeat-x;*/
/*min-height:30em;*/
/*margin-top:45px;to compensate for absolutely positioned navigation*/
margin-top:5px;
height:250px;
/*border-top:1px solid #1E4179;/*added this to combat margin collapse - http://www.maxdesign.com.au/presentation/workshop/slide46.htm*/
}
#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{
/*position:absolute;*/
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;/*to veritcally centre text (should be used for one line text only)*/
}

.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{
	/*padding: 		.75em 1em;*/
	text-decoration:none;
}
/*------END sf-menu2 and sf-menu3 specific styles------------*/

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
}
.sf-menu a {
	/*padding: 		.75em 1em;*/
	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;
}

/******************************************************************/
/***********************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;}
#mainpane ul#toggleoptions1 li{margin-left:0px;}
#mainpane ul#toggleoptions2 li{margin-left:0px;}

#dropdown-demo2{margin-left:30px;}
#dropdown-demo3{margin-left:30px;}

/*********************End Content Left*********************/
/**********************************************************/

/***********************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;}
/*********************End Content Right****************************/
/******************************************************************/

/*********************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;
color: #f5d7b4;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#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;}

/*#partnerlogos ul li a:hover
{
color: #930;
background: #f5d7b4;
}*/

#partnerlogos a:active
{
background: #c60;
color: #fff;
}

#partnerlogos li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}

/*********************End Main content area************************/
/******************************************************************/

/**********************************/
/*************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;}

/**************************************/
/*************End Footer***************/
/**************************************/