/* width and auto-margins fix for IE */
body {
	text-align:center;
}
* html div#width {
	width: expression((documentElement.clientWidth < 841) ? "744px" : "850px" );
}
div#width {
	width:80%;
	margin:auto;
 	min-width:744px;
	max-width:850px;
	text-align:left;
	border:1px solid #CFC4B2;

}

div#widthhome {
	width:80%;
	margin:auto;
	width:850px;
	text-align:left;
	border:1px solid #CFC4B2;

}


/* Masthead/Wrapper */
div#mastheadwrapper {
	margin:auto;
	width:80%;
 	min-width:744px;
	max-width:850px;
	border:1px solid #CFC4B2;
	border-bottom:0;
}
div#masthead {
	background-color:#fff;
	background-image: url('../images/menu07/masthead/masthead_bg.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top:10px solid #fff;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
/* 	margin:auto;
	width:80%;
 	min-width:740px;
	max-width:850px; */
/* 	border-top:7px solid #fff;
	border-right:0;
	border-bottom:5px; */
	height:90px;
}
/* Width fix for IE */
/* * html div#masthead { */
* html div#mastheadwrapper {
	width: expression((documentElement.clientWidth < 841) ? "744px" : "850px" );
}

/* Prevent floating bug in Mozilla */
div#mastheadwrapper:after, div#masthead:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;		
}

/* Zero everything down */
div#masthead * { 
	margin:0;
	padding:0;
}

/* Global style rules for links */
div#masthead a {
	display:block;
	text-decoration:none;
}

/* Logo */
div#masthead div {
	float:left;
	width:180px;
}
div#masthead div h1 {
	float:left;
	clear:none;
}
div#masthead div h1 a {
	width:180px;
	height:60px;
	text-indent:-999em;
	background-color:#fff;
	background-image: url('../images/menu07/widgit_logo.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* Sub-title */
div#masthead div h4 {
	float:left;
	clear:left;
}
div#masthead div h4 a {
	width:180px;
	height:20px;
	text-indent:-999em;
	background-color:#FFF;
	background-image: url('../images/menu07/masthead/subtitle.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom:10px solid #ed7900;
}

/* List items */
div#masthead ul li {
	list-style-type:none;
	display:block;
	float:left;
}
div#masthead ul li a {
	height:80px;
	text-indent:-999em;
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom:10px solid #ed7900;
	background-color:#fff;
}

/* Secondary list items */
div#masthead ul#others li {
	list-style-type:none;
	display:block;
	float:right;
}
div#masthead ul#others li a {
	height:90px;
	text-indent:-999em;
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom:0;
}

/* Background images */
div#masthead ul li#products a {
	width:61px;
	background-image: url('../images/menu07/products.gif');
}
div#masthead ul li#resources a {
	width:77px;
	background-image: url('../images/menu07/masthead/resources.gif');
}
div#masthead ul li#support a {
	width:61px;
	background-image: url('../images/menu07/support.gif');
}
div#masthead ul li#events a {
	width:61px;
	background-image: url('../images/menu07/events.gif');
}
div#masthead ul li#symbols a {
	width:61px;
	background-image: url('../images/menu07/symbols.gif');
}
div#masthead ul li#sande a {
	width:78px;
	background-image: url('../images/menu07/symbolworld.gif');
}
div#masthead ul li#ais a {
	width:78px;
	background-image: url('../images/menu07/widgit-online.gif');
}
div#masthead ul li#sip a { /* this one has a border too */
	width:76px;
	background-image: url('../images/menu07/sip.gif');
	border-left:3px solid #fff;
}