/* ----------------------------------------- TEMPLATE styles ------------------------------*/
html { min-height: 100%; background-color:#FFFFFF;
}
body { margin:0px;
}
.tiny {font-size: 1px;
}
#wrapper { height: auto; width: 100%;
}
/* above the banner - logo, header, top menu ----------------------------------------------*/
.topmenu { margin-top: 5px; margin-right:10px;
           font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6e7c9e;}
.topmenu a:link    {color:#6e7c9e; text-decoration:none;}
.topmenu a:visited {color:#6e7c9e; text-decoration:none;}
.topmenu a:hover   {color:#000000; text-decoration:none; cursor:pointer;}
.topmenu a:active  {color:#6e7c9e; text-decoration:none;
}
.menusep {padding-right:15px;
}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #9E9E9E; 
	 margin: 0px; margin-right:10px;
}
.topmenuenvibebg {
	background-image:url(images/homestrip-bgd2.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.impadL {float:left;margin-right:5px;}
.impadL2 {float:left;margin-right:20px; margin-left:58px;}
.impadR {float:right;margin-left:15px;}
.flexiR {float:right;margin-left:40px;}
.twistbuttonmarg {margin-bottom:3px;}

/* the picture banner ----------------------------------------------------------------------*/
#stripbox { height: 175px; width: 100%; background-image: url(images/mainstrip-bgd.gif);
}
/* the MAIN area ---------------------------------------------------------------------------*/
#maincontent { float: left; width: 99%; height: auto;
}
#leftmenu { float: left; height: auto; width: 175px; padding-left: 10px;
}
#menubox { float: left; width: 173px; margin-left: 2px; margin-top: 6px;
}
#content { float: left; height: auto; width: 555px; margin-top: 10px; padding-left: 20px;
}
#twistcontent {
	float: left;
	height: auto;
	width: 99%;
	margin-top: 10px;
	padding-left: 20px;
}
/* the LEFT HAND SIDE MENU area ------------------------------------------------------------*/
#vertmenu a {
	text-decoration:none;
	text-align:left;
	font-weight: bold;
	background-color:#FFFFFF;
	color:#6E7C9E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	display:block;
	width:170px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: 1px solid #6F7C9E;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#vertmenu a:hover {
	color:#FFFFFF;
	background-color: #6F7C9F;
	border: 1px solid #6E7C9E;
}
/* the HOME PAGE ---------------------------------------------------------------------------*/
.hometopmenu { margin-top: 5px; margin-right:10px;
               font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6e7c9e;}
.hometopmenu a:link    {color:#6e7c9e; text-decoration:none;}
.hometopmenu a:visited {color:#6e7c9e; text-decoration:none;}
.hometopmenu a:hover   {color:#000000; text-decoration:none; cursor:pointer;}
.hometopmenu a:active  {color:#6e7c9e; text-decoration:none;
}
#maincontenthome { width: 100%; background-image: url(http://www.ht-i.net/images/homebgd.jpg); 
	background-repeat:  no-repeat; background-position: right top; height: 376px;
}
#homecontent { float: left; height: auto; min-height:inherit; width: 55%; margin-left: 20px; margin-top: 15px;
}
.our { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #CC0000;
       padding:10px;}			 
.our a:link    {color:#CC0000; text-decoration:underline;}
.our a:visited {color:#CC0000; text-decoration:underline;}
.our a:hover   {color:#CC0000; text-decoration:none; cursor:pointer; }
.our a:active  {color:#CC0000; text-decoration:underline;
}
.contentbox { margin-left: 20px; margin-top: 15px;
}
.contentpicbgs {background-image: url(http://www.ht-i.net/images/homebgd.jpg); 
	background-repeat:  no-repeat; background-position: right top;
}
.homebox { padding:5px; border: 1px solid #CCCCCC; background-color:#F6F5F5;
}
.priceboxborder {border: 1px solid #A3AECA;}
.twistmarg {margin-left:5px;}
/* the OTHER PAGES -------------------------------------------------------------------------*/
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #656667;
	 margin: 0px;
}
.h2tint {color: #A3AECA;}
.twistheader { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; color: #A3AECA;
	 margin: 0px;
}
.twistheader2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #A3AECA;
	 margin: 0px;
}
.maintxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.maintxt a:link    {color:#660000; text-decoration:underline;}
.maintxt a:visited {color:#660000; text-decoration:underline;}
.maintxt a:hover   {color:#FF6600; text-decoration:none; cursor:pointer;}
.maintxt a:active  {color:#660000; text-decoration:underline;
}
.twisttxtmain { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; }
.twisttxtmain  a:link    {color:#660000; text-decoration:underline;}
.twisttxtmain  a:visited {color:#660000; text-decoration:underline;}
.twisttxtmain  a:hover   {color:#FF6600; text-decoration:none; cursor:pointer;}
.twisttxtmain  a:active  {color:#660000; text-decoration:underline;
}
.pricetxt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.twisttxt { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#A3AECA; line-height:125%;}
.twisttxt a:link    {color:#2d7495; text-decoration:underline;}
.twisttxt a:visited {color:#2d7495; text-decoration:underline;}
.twisttxt a:hover   {color:#CC3333; text-decoration:none; cursor:pointer;}
.twisttxt a:active  {color:#2d7495; text-decoration:underline;
}
.whitetxt { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; line-height:125%;}
.whitetxt2 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; line-height:125%;}
.bigtxt { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000000; }
.ad { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#003399; }
.ad a:link    {color:#660000; text-decoration:underline;}
.mad a:visited {color:#660000; text-decoration:underline;}
.ad a:hover   {color:#FF6600; text-decoration:none; cursor:pointer;}
.ad a:active  {color:#660000; text-decoration:underline;
}
.clients { color :#9B9B9B;
}
.prodimPAD { padding-left:10px;
}
.caseimPAD { padding-right:10px;
}
/* the BUTTONS ---------------------------------------------------------------------------*/
#button a{ text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
	       background-color:#a3aeca; color:#FFFFFF; display:block; line-height: 18px;
	       margin:0px; margin-top: 6px; border: 1px solid #a3aeca; padding: 0px; padding-left: 9px; }
#button a:hover { background-color:#939598; border: 1px solid #939598;
}
/* the ADMIN styles  ----------------------------------------------------------------------*/
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #656667; 
     margin: 0px; margin-bottom:10px;}
h3 a:link    {color:#656667; text-decoration:underline;}
h3 a:visited {color:#656667; text-decoration:underline;}
h3 a:hover   {color:#000000; text-decoration:none; cursor:pointer;}
h3 a:active  {color:#656667; text-decoration:underline;
}
#twistbulletbox {
	padding: 5px;
	width: 390px;
	background-color: #A3AECA;
	height: 255px;
}