/***********************************************************
 * IHCS Formatting data
 * 25th February, 2oo9
 * (c)Bout Time Software

 outline-style:none; outline-width:0;

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

* :focus { outline: 0; }

BODY {
	BACKGROUND-COLOR: #6fad9f;
	BACKGROUND-IMAGE: url(images/body-bg.jpg);
	FONT-FAMILY	: Verdana, Arial, Tahoma, Trebuchet MS; 
	MARGIN		: 0px;
	WIDTH		: auto;
	MIN-WIDTH	: 980px;
}

#nav-menubg
{
	background	: url(images/menu-bg.jpg) no-repeat;
	position	: absolute; 
	top		: 195px;
	left 		: 0px;
	width		: 217px;
	height		: 651px;
}

#nav-menu
{
/*	width		: 30em*/
	width		: 217px;
} 

#nav-menu ul
{
	list-style	: none;
	padding		: 0;
	margin		: 0;
}

#nav-menu li
{
	margin		: 0 0.15em;
	color		: #fff;
	text-align	: left;
	padding-left	: 5px;
	FONT-FAMILY	: Tahoma, Arial, sans-serif; 
	font-size	: 12px;
}

#nav-menu li a
{
	height		: 2em;
	line-height	: 29px;
/*	width		: 9em;*/
	width		: 180px;
/*	height		: 20px;*/
	height		: 29px;
	display		: block;
/*	border		: 0.1em solid #dcdce9;*/
	color		: #fff;
	text-decoration	: none;
	text-align	: left;
	padding-left	: 5px;
	FONT-FAMILY	: Tahoma, Arial, sans-serif; 
	font-size	: 12px;
}

#nav-menu li a:hover
{
	background	: url(images/menu-up.jpg) no-repeat;
	padding-top	: 0px;
	height		: 29px;
	color		: #FFF;
}

/* Hide from IE5-Mac */
#nav-menu li a
{
	float: none
}
/* End hide */


.MainBody {
	COLOR		: #000088;
	FONT-SIZE	: 12px;
	PADDING		: 0px 5px 5px 0px;		/* t r b l */
/*	WIDTH		: auto;*/
}

	/* for headings in BOX */
.banner {
	FONT-FAMILY	: Tahoma, Verdana, Arial, sans-serif;
	COLOR		: #FFF;
	FONT-SIZE	: 20px;
	TEXT-ALIGN	: center;
        HEIGHT		: 30px;
        WIDTH		: 450px;
	PADDING		: 0px 2px 2px 2px;
	border		: 0px #000 solid;
}


.words {
	FONT-FAMILY:   Verdana, Tahoma, Arial, sans-serif, Tahoma;
	COLOR:         #000088;
	FONT-SIZE:     12px;
	MARGIN:        0px;
}

.wordsb {
	FONT-FAMILY:   Tahoma, Arial, sans-serif, Tahoma;
	COLOR:         #000000;
	FONT-SIZE:     12px;
	MARGIN:        0px;
}

.wordsdull {
	FONT-FAMILY:    Tahoma, Verdana, arial;
        COLOR:         #888888;
	FONT-SIZE:     12px;
}

.wordsred {
	FONT-FAMILY	: "Trebuchet MS", Arial;
	COLOR		: #FF0000;
	FONT-SIZE	: 12px;
	MARGIN		: 0px;
}

.wordsdull10 {
	FONT-FAMILY:    Tahoma, Eyechart, Tahoma, Arial, Verdana, Helvetica, sans-serif;
        COLOR:         #888888;
	FONT-SIZE:     10px;
}


	/* for standard headings */
.hdr {
	COLOR		: #000058;
	FONT-SIZE	: 16px;
}

.hdr16l {
	COLOR		: #f85500;
	FONT-SIZE	: 16px;
	font-weight	: bold;
	text-align	: left;
	border-bottom	: 1px dotted #6d6d6d;
	margin-bottom	: 10px;
}

.hdr16 {
	COLOR		: #580000;
	FONT-SIZE	: 16px;
	text-align	: center;
}

	/* for larger headings with dotted border */
.hdr20 {
	FONT-FAMILY	: Tahoma, Verdana, Arial, sans-serif;
	COLOR		: #3b70a0;
	FONT-SIZE	: 20px;
	TEXT-ALIGN	: center;
	PADDING-TOP	: 2px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; 
	border-bottom	: 1px dotted #6d6d6d;
/*	WIDTH		: auto;*/
}

/* navigation info */
.nav {
	FONT-FAMILY	: Tahoma, Arial, sans-serif;
        COLOR		: #666666;
/*	FLOAT		: right;*/
	FONT-SIZE	: 10px;
	vertical-align	: top;
	padding		: 5px 5px 0px 5px;
	border-bottom	: 1px #888 dotted;
}


/* to display version */
.ver {
	FONT-FAMILY	: Tahoma, Arial, sans-serif;
        COLOR		: #666666;
	FONT-SIZE	: 10px;
}

.update {
	FONT-FAMILY	: Tahoma, Arial, sans-serif;
        COLOR		: #444444;
	FONT-SIZE	: 10px;
	line-height	: 1.5em;
}


.TopPage {
	position	: absolute; 
	left		: 0px;
	top		: 212px;
	z-index		: -1;
	border		: 0px #FF0000 solid;
}

.boxtop {
/*	position	: relative; 
	left		: 205px;*/
/*	width		: 78%;*/
	margin-left	: 205px;		/* better option than relative positioning */
	PADDING		: 0px 10px 0px 0px;
	border		: 0px #00FF00 solid;
}

.boxlow {
/*	position	:relative;
	left		:-190px;
	top		:10px;
	width		:100%;*/

	PADDING		: 0px 10px 10px 10px;	/* t r b l */
}


	/* for use inside box border graphics */
.boxmain {
	PADDING-left	: 0px;
	margin		: 0px;
	background	: url(images/box-bg.jpg);
	border		: 0px #FF0000 solid;
}

	/* standard box for use with border graphics */
.box {
	PADDING-TOP	: 10px; PADDING-RIGHT: 15px; PADDING-BOTTOM:20px; PADDING-LEFT: 10px;
	border		: 0px #000 solid;
}

.boxfl {
	FLOAT		: left;
	TEXT-ALIGN	: center;
	FONT-SIZE	: 12px;
	PADDING		: 10px;
	WIDTH		: 180px;
	HEIGHT		: 230px;
/*	border		: 1px solid #555555;*/
}

.boxcatf {
	FLOAT		: left;
	FONT-SIZE	: 12px;
	TEXT-ALIGN	: center;
	PADDING-right	: 0px;
	MARGIN		: 10px 10px 20px 10px;
	WIDTH		: 325px;
	HEIGHT		: 170px;
/*	border		: 1px solid #555555;*/
	border-bottom	: 1px solid #8bb;
	border-right	: 1px dotted #8bb;
}


.boxcatfs {
	FLOAT		: left;
	FONT-SIZE	: 12px;
	TEXT-ALIGN	: center;
	PADDING-right	: 0px;
	MARGIN		: 10px 10px 20px 10px;
	WIDTH		: 150px;
	HEIGHT		: 200px;
/*	border		: 1px solid #555555;*/
	border-bottom	: 1px solid #8bb;
	border-right	: 1px dotted #8bb;
}

/* for product specifications */
.box180 {

	FLOAT		: left;
        TEXT-ALIGN	: center;
	PADDING		: 10px;
	WIDTH		: 180px;
	HEIGHT		: 230px;
/*	border		: 1px solid #555555;*/
}

.wd { width: 210px; }
.hd { height: 180px;}
.hd1 { height: 160px;}

.shadebg { background-color: #eeeeee }
.shadebg {  }

#topset {
	WIDTH		: 1px;
	HEIGHT		: 560px;
}

#clb { clear:both;}

.boxsp
{
	PADDING: 10px
}


/* below is for drop shaddow for pictures */
.wrap135 {DISPLAY: block;width:130px;background:url(images/shadow.gif) right bottom no-repeat;float:left;}
.wrap135n {DISPLAY: block;width:130px;background:url(images/shadow.gif) right bottom no-repeat;text-align:center;}
.wrap1 {DISPLAY: block}
.wrap2 {DISPLAY: block}
.wrap3 {DISPLAY: block}
.wrap1 {background:url(images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(images/corner_bl.gif) -12px 100% no-repeat;}
.wrap3 {padding:0 12px 9px 0;
	background:url(images/corner_tr.gif) 100% -12px no-repeat;}

 /* used to fix firefox issue with drop shaddow */
.blank
{
	background-color:#ffffff;
	padding:0px;;
}

.pright {padding-right:20px}
.pleft {padding-left:20px}

.t  {background: url('images/box-t.jpg') 0 0 repeat-x}
.b  {background: url('images/box-b.jpg') 100% 100% repeat-x}
.l  {background: url('images/box-l.jpg') 0 0 repeat-y}
.r  {background: url('images/box-r.jpg') 100% 0 repeat-y}
.bl {background: url('images/box-bl.jpg') 0 100% no-repeat}
.br {background: url('images/box-br.jpg') 100% 100% no-repeat}
.tl {background: url('images/box-tl.jpg') 0 0 no-repeat}
.tr {background: url('images/box-tr.jpg') 100% 0 no-repeat; padding:10px}

.tl2 {background: url('images/box2-tl.jpg') 0 0 no-repeat}

A.clsm:link	{ COLOR: #666666; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }
A.clsm:visited	{ COLOR: #666666; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }
A.clsm:hover	{ COLOR: #FF0000; FONT-SIZE: 12px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }

A:link		{ BACKGROUND-COLOR: transparent; COLOR: #FF0000; TEXT-DECORATION: none }
A:visited	{ BACKGROUND-COLOR: transparent; COLOR: #008855; TEXT-DECORATION: none }
A:hover		{ BACKGROUND-COLOR: transparent; COLOR: #0000FF; FONT-SIZE: 12px; TEXT-DECORATION: none }


/* used for hire table headers */
.tbl {
	border-top:	2px solid #000;
	border-left:	2px solid #888;
	background-color: #eee;
}
.tbr {
	border-top:	2px solid #888;
	border-right:	2px solid #888;
	background-color: #eee;
}
.tb {
	border-top:	2px solid #999;
	background-color: #eee;
}



/*---------------------------------------------*/