/* main css */
body {
	margin:22px 10px 10px;
	font:normal 62.5% Arial,Verdana,Helvetica;
	background:#fff;
	color:#333;
}
html {
	height:100%;
	margin-bottom:1px;
}
div,img,td,ul,ol,h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	border:0;
}
a {
	outline:0;
	color:#369;
	text-decoration:none;
}
ul {
	padding-left:15px;
}
p {
	margin:0;
	padding:0 0 0.8em;
}
p.intro {
	padding-bottom:0 !important;
}
/* ------------------ *
 *  main layout divs  *
 * ------------------ */
#nav, #overview, #frame, #frame-home, #frame-wide, #frame-btm, #home-main, #home-layer, #footer, #ovflash {
	position:relative;
	margin:0 auto;
	width:942px;
}
#nav {
	height:83px;
	background:url(//media.monsterindia.com/company/xhughesinxx/bg_nav.gif) no-repeat;
}
#nav.home {
	background:none;
}

#frame-home {
	background:none;
}
#frame-wide {
	background:url(//media.monsterindia.com/company/xhughesinxx/frame_wide.gif) repeat-y;
}
#frame-btm {
	height:12px;
	background:url(//media.monsterindia.com/company/xhughesinxx/frame_btm.gif) 0 0 no-repeat;
}
#frame-btm.wide {
	background:url(//media.monsterindia.com/company/xhughesinxx/frame_btm_wide.gif) 0 0 no-repeat;
}
/* set min-height [hack] */
.vstrut {
  min-height:500px;
  height:auto !important;
  height:500px;
}
#logo {
	position:absolute;
	z-index:100;
	top:20px;
	left:10px;
	width:258px;
	height:50px;
}
/* ------------------ *
 *  global nav list   *
 * ------------------ */
#nav ul {
	list-style-type:none;
	padding:16px 16px 0;
	width:910px;
}
#nav li {
	float:left;
	margin-right:16px;
	text-indent:-999em;
}
#nav li.logo {
	width:400px;
	text-align:center;
	text-indent:0;
}
#nav li a {
	display:block;
	padding-bottom:4px;
}
#nav li.home a {
	width:37px;
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_home_off.gif) no-repeat;
}
#nav li.home a:hover, #nav li.overview a.on {
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_home_on.gif) no-repeat;
}
#nav li.overview a {
	width:65px;
	margin-top:16px;
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_overview_off.gif) no-repeat;
}
#nav li.overview a:hover, #nav li.overview a.on {
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_overview_on.gif) no-repeat;
}
#nav li.services a {
	margin-top:16px;
	width:62px;
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_services_off.gif) no-repeat;
}
#nav li.services a:hover, #nav li.services a.on {
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_services_on.gif) no-repeat;
}
#nav li.products a {
	margin-top:16px;
	width:68px;
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_products_off.gif) no-repeat;
}
#nav li.products a:hover, #nav li.products a.on {
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_products_on.gif) no-repeat;
}
#nav li.company a {
	margin-top:16px;
	width:63px;
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_company_off.gif) no-repeat;
}
#nav li.company a:hover, #nav li.company a.on {
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_company_on.gif) no-repeat;
}
#nav li.careers a {
	margin-top:16px;
	width:61px;
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_careers_off.gif) no-repeat;
}
#nav li.careers a:hover, #nav li.careers a.on {
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_careers_on.gif) no-repeat;
}
#nav li.contact {
	margin:0 !important;
}
#nav li.contact a {
	margin-top:16px;
	width:90px;
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_contact_off.gif) no-repeat;
}
#nav li.contact a:hover, #nav li.contact a.on {
	background:url(//media.monsterindia.com/company/xhughesinxx/n1_contact_on.gif) no-repeat;
}
/* ------------------ *
 *  main layout divs  *
 * ------------------ */
#col-left, #col-main, #col-wide, #col-double, #col-full, #col-right, #col-none, #col-all {
 	float:left;
}
#col-left {
 	width:156px;
	padding:15px 22px 20px 8px;
	font-size:1.1em;
}
#col-main {
 	width:426px;
	padding:15px 24px 20px 10px;
	font-size:1.2em;
	line-height:1.5em;
}
#col-main.noleft {
	padding:0 24px 20px 0 !important;
}
#col-wide {
 	width:602px;
	padding:15px 24px 20px 20px;
	font-size:1.2em;
	line-height:1.5em;
}
#col-right {
 	width:276px;
	padding:15px 0 20px;
	font-size:1.1em;
	line-height:1.4em;
	color:#666;
}
#col-double {
 	width:566px;
	padding:15px 0 20px 10px;
	font-size:1.2em;
	line-height:1.5em;
}
#col-full {
	width:726px;
	padding:15px 0 20px 10px;
	font-size:1.2em;
	line-height:1.5em;
}
#col-all {
	width:746px;
	padding:15px 0 0 10px;
	font-size:1.2em;
	line-height:1.5em;
}
#col-none {
	width:736px;
}
.col-w300 {
	width:300px;
}
.column {
	float:left;
}
.w190 {
	width:180px;
	padding-right:10px;
}
.w280 {
	width:280px;
	margin-right:60px;
}
.w600 {
	width:600px;
}
.w630 {
	width:630px;
}
.w730 {
	width:730px;
}
div.lined p {
	padding:0.3em 0;
	border-bottom:1px solid #ccc;
}
div.lined p span {
	float:left;
	width:160px;
}


/* ------------------ *
 *  left nav list     *
 * ------------------ */
#col-left ul {
 	list-style-type:none;
	padding-left:0 !important;
}
#col-left li {
	font-size:1.1em;
	line-height:1.3em;
 	color:#666;
	border-bottom:1px solid #ccc;
	margin-bottom:6px;
}
#col-left li a {
	padding:0 0 0.2em 12px;
	display:block;
 	color:#666;
	background:url(//media.monsterindia.com/company/xhughesinxx/n2_arrow_off.gif) 0 0.3em no-repeat;
	text-decoration:none;
}
#col-left a:hover, #col-left a.on {
 	color:#dd3c11;
	background:url(//media.monsterindia.com/company/xhughesinxx/n2_arrow_on.gif) 0 0.3em no-repeat;
}
li.subhd {
	padding:0.8em 0 0 1.2em;
	margin-bottom:4px !important;
	font-size:1.0em !important;
	font-style:italic;
	border:none !important;
}
/* ------------------ *
 *  home page         *
 * ------------------ */
#home-main {
	position:relative;
}
.bgimg {
	position:absolute;
	top:0px;
	left:0;
	width:942px;
	height:423px;
}

#home-callout {
	position:absolute;
	top:8px;
	left:698px;
	padding:10px;
	width:214px;
	z-index:200;
	color:#fff;
}
#home-callout div.boxtop {
	background:url(//media.monsterindia.com/company/xhughesinxx/box_news_top.gif) no-repeat;
	height:15px;
	width:214px;
}
#home-callout div.boxbtm {
	background:url(//media.monsterindia.com/company/xhughesinxx/box_news_btm.gif) no-repeat;
	height:15px;
	width:214px;
}
#home-callout div.cont {
	width:190px;
	padding:0 12px;
	background:#b4b1a8;
}
#home-callout h2 {
	font-size:1.3em;
}
#home-callout p {
	font-size:1.1em;
	padding-bottom:0.6em;
}
#home-callout a {
	color:#fff;
	text-decoration:none;
}
/* -------------------- *
 *  titles & subtitles  *
 * -------------------- */
#overview {
	height:148px;
	font-size:1.4em;
	font-weight:bold;
}
.care {
	background:url(//media.monsterindia.com/company/xhughesinxx/head_oview_careers.jpg) no-repeat;
}
.comp {
	background:url(//media.monsterindia.com/company/xhughesinxx/head_oview_company.jpg) no-repeat;
}

#overview span {
	display:none;
}
h1.title, h1.equipment, h1.device, h1.service {
	padding:8px 0 0 20px;
	width:922px;
	margin:0 auto;
	font-size:1.4em;
	height:24px;
	text-transform:uppercase;
	background:url(//media.monsterindia.com/company/xhughesinxx/h1_main.gif) 0 0 no-repeat;
	color:#fff;
}

h1 span {
	padding:0 5px;
}
h2.subtitle {
	font-size:1.4em; 
 	/* text-indent:-999em; */
	padding:0.2em 0 0.8em;
	background-repeat:no-repeat; 
}

/* overview */
div.hr-right {
	clear:both;
	height:1px;
	margin:0 0 10px;
  border-top:1px dotted #ccc;
}
div.hr-h20 {
	clear:both;
	height:10px;
	margin:0 0 20px;
  border-bottom:1px dotted #ccc;
}
hr {
  display:none;
}

/* ------------------ *
 *  util / etc        *
 * ------------------ */
div.end {
	padding-right:0;
	margin-right:0;
}
.clearAll {
	clear:both;
	height:1px;
	margin:0;
	font-size:1px;
	line-height:0;
}
.clear {
	clear:both;
}
.show {
	display:block;
}
.hide {
	display:none;
}
.hdimg {
	padding:20px 0;
}
.err {
	color:#933;
	font-weight:bold;
	background:#ffc;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.red {
	color:#dd3c11;
}
.addBtm {
	clear:both;
	height:30px;
}
.ndent {
	padding-left:15px;
}
