@charset "utf-8";
/* CSS Document */

body{
   margin: 0;
   padding:0;
   border: 0;
   background:#FFFFFF;
   color:#333333;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 100%;
	}
	
	
a, img, ul, li, table, td, tr{
   border:0;
   text-decoration: none;
   padding:0;
   margin:0;
}


p, h1, h2, h3, h4{
    margin:0;
				padding:0.5em 0;
	display:block;
	 color:#333333;
   font: Arial, Helvetica, sans-serif;
}


h2{
    border-bottom: 1px dotted #666666;
}
/* ---------------------------------- classes ------------------------*/

/* ------------- heading class ---------------- */
.heading4{
  font-size: 1.2em;
  line-height: 0.5em;
  font-weight: bold;
}

.largeheadingorange{
  font-size: 1em;
  line-height: 0.5em;
  font-weight: bold;
		text-align:center;
		color: #fb2b20; 
}

.heading2{
  font-size: 1em;
  line-height: 0.5em;
  font-weight: bold;
}

.heading3white{
  font-size: 1em;
  line-height: 0.5em;
  font-weight: bold;
		text-align:center;
		color: #fff; 
}

.normalheading{
 font-size: 0.9em;
  font-weight: bold;
		padding:0;
		margin:0;
}

/* ------------- background images ----------------------*/
.whitebg{
    background:url(../images/title_bg.gif) top center no-repeat;
			text-align:center;
			width: 200px;   /* also adjust width for white title bar in the container on home page */
			margin: 0 0 0.2em 0;
}

.whitebg_wider{
    background:url(../images/whitebg.gif) top center no-repeat;
			text-align:center;
			width: 340px;   /* also adjust width for white title bar in the container on home page */
	}

.whitebg_greycorner{
    background:url(../images/white_title.gif) top center no-repeat;
				text-align: center;
				width: 185px;
}

/* ----------------------------- body text -------------------- */

.normaltext{
  font-size: 0.75em;
	margin:0.6em 0 0.9em 0em;
	padding:0;
	
}

.normaltextbold{
  font-size: 0.75em;
	margin:0.6em 0 0.9em 0em;
	padding:0;
	font-weight: bold;
}

.normalredtext{
 color:#FF0000;
}

.normalredboldtext{
 color:#FF0000;
	font-weight:  bold;
}

.whiteboldtext{
   color: #ffffff;
			font-weight: bold;
			font-size: 0.9em;
}

.normalgreyboldtext{
   color: #333;
			font-weight: bold;
			font-size: 0.75em;
}


.normalorangetext{
 font-size: 0.75em;
	padding:0;
	margin:0;
color: #fb2b20;
}

.normalorangeboldtext{
 font-size: 0.75em;
	padding:0;
	margin:0.6em 0 0.4em 0em;
	font-weight:bold;
color: #fb2b20;
}

.mediumorangeboldtext{
    color: #fb2b20;
				font-weight: bold;
				font-size: 0.85em;
				line-height: 1.2em;
		
}

.smalltext{
   font-size: 0.7em;
	}

.smalltextright{
   font-size: 0.7em;
	line-height: 1em;
	text-align:right;
}
.orangeboldlargetext{
    color: #fb2b20;
				font-weight: bold;
				font-size: 1.1em;
				line-height: 1em;
}

.blackboldlargetext{
    color: #000;
				font-weight: bold;
				font-size: 1.1em;
				line-height: 1em;
}


/* ------------- class for link (hyperlink) ------------------------- */

.mediumorangeboldlink{
    color: #fb2b20;
				font-weight: bold;
			font-size: 0.85em;
			line-height: 1em;
				text-decoration:underline;
}

.mediumorangeboldlink:hover{
   text-decoration: none;
			 color:#333333; 
}

.largeorangeboldlink{
    color: #fb2b20;
				font-weight: bold;
			font-size: 1em;
			line-height:0.1em;
				text-decoration:underline;
}

.largeorangeboldlink:hover{
   text-decoration: none;
			 color:#333333; 
}

.orangenormallink{
    color: #fb2b20;
				text-decoration:underline;
}

.orangenormallink:hover{
  text-decoration: none;
			 color:#333333; 
}

.smallerblacklink{																													/* use normal link without p tag eg: <a hred="#" class"smallerblacklink"></a> (Don't wrap <p> around <a>) */
    text-decoration: underline;
	font-size: 0.7em;
	line-height: 1.5em;
	color: #333333;
}


.smallerblacklink:hover{
    text-decoration: none;
				color: #fb2b20; 
}

.normalblacklink{
 color: #000;
 text-decoration: underline;
}

.normalblacklink:hover{
text-decoration:none;}

.normalgreyboldlink{
color: #333;
	font-weight: 700;
	text-decoration:underline;
}

.normalgreyboldlink:hover{
color: #333;
	font-weight: 700;
	text-decoration:none;
}


.darkgreylinkfont07{
	font-size: 0.7em;
			line-height: 1.5em;
			color: #333;
				font-weight: 700;
				text-decoration:underline;
}

.darkgreylinkfont07:hover{
text-decoration: none;
}

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


.graycolor{
  color: #333333;
}

/* ----------------- ul and li class ----------------- */
.ullist{
list-style:none;
padding: 0 0 0 1em;
}

.lilist{
   background:url(../images/bullet.gif) left center no-repeat;
			padding: 0 0 0 1.5em;
}

.ulnormal{
list-style:disc;
padding: 0 0 0 2em;
margin:0;
}

.linormal{
			padding: 0 0 0 0em;
			margin:0;
}



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

.floatleft{
   float: left;
			padding: 0 1em 0 0;
}

.floatright{
   float:right;
}

.aligncenter{
   text-align: center;
}

.alignright{
  text-align:right;
}

.darkorangebg{
    background:url(../images/darkorange_bg.gif) center no-repeat;
				color: #FFFFFF;
				text-align: center;
				font-size: 0.8em;
				line-height: 1em;
}

.divider{
 background:url(../images/divider2.gif) center left repeat-x;
	}
	
.darkorange_titlebg{
    background:url(../images/darkorange_titlebar.gif) center no-repeat;
				padding: 0.3em 0 0.3em 1em;
				line-height: 1em;
				font-size: 1em;
	}	
	
	.imgborder{
	border: #CCCCCC solid 1px;
	}
	
	.imgborderleftmargin{
	border: #CCCCCC solid 1px;
	margin: 0 1em 0 0;
	}
/* ---------------------------------- end of classes ------------------------*/


div.clearall{
   float: none;
   line-height:0;
   clear:both;
}

#mainwrapper{
  width: 820px;
  margin: 5px auto;
}

#headerwrapper{
    margin:0;
				border-bottom: 5px solid #666666;
}

#logo{
   float: left;
   width: 250px;
}

#navigation{
  float:left;
  width: 550px;
  margin-left: 0.5em;
}

/* ------------------ Sub navigation -------------- */
#sublink{
 background: url(../images/orange_bar.gif) left center repeat-x;
		padding: 0;
		margin: 0 0 2px 0;
	height: 25px;
}

#sublink ul{

  list-style: none;
			display: block;
			margin:0;
			padding:0;
			line-height: 25px;
}

#sublink ul li{
				display: block;
			float: left;
			background: url(../images/linkpartition.gif) right center no-repeat;
			margin: 0;
}

#sublink ul li a{
    color: #333333;
				font-weight: bold;
				display: block;
			font-size: 0.75em;
					padding: 0 5px;
				  
}

#sublink ul li a:hover{
   color: #ffffff;
			background-color:#333333;
			display: block;
					padding: 0 5px;
  /*	background: url(../images/linkpartition.gif) right center no-repeat;*/
}

#sublink ul li.whitehighlighter{
  color: #ffffff;
			font-weight: bold;
			font-size: 0.9em;
										padding: 0 5px;
}


/* ---------------------- second sublink -------------------- */
#secondsublink{
 background: url(../images/orange_bar.gif) left center repeat-x;
		padding: 0;
		margin: 0 0 2px 0;
	height: 25px;
	border-top: #FFFFFF solid 1px;
}

#secondsublink ul{

  list-style: none;
			display: block;
			margin:0;
			padding:0;
			line-height: 25px;
}

#secondsublink ul li{
				display: block;
			float: left;
			background: url(../images/linkpartition.gif) right center no-repeat;
			margin: 0;
}

#secondsublink ul li a{
    color: #333333;
				font-weight: bold;
				display: block;
			font-size: 0.75em;
					padding: 0 5px;
				  
}

#secondsublink ul li a:hover{
   color: #ffffff;
			background-color:#333333;
			display: block;
					padding: 0 5px;
  /*	background: url(../images/linkpartition.gif) right center no-repeat;*/
}

#secondsublink ul li.whitehighlighter{
  color: #ffffff;
			font-weight: bold;
			font-size: 0.9em;
										padding: 0 5px;
}

/* ------------------------ banner wrapper ----------------- */
#bannerwrapper{
  background:url(../images/bg_combsaw_banner.gif) no-repeat top center;
}

#banner{
  width: 588px;
  float:left;
  padding: 1.0em 1.6em 1.1em 1.2em;
}

#bannerright{
    padding: 1.0em 0 1.1em 0em;
}

/* -------------------- box wrapper ---------------- */

#boxwrapper{
			background:url(../images/gray_bg.gif) top repeat-y;
			padding: 0 0 0.4em 0;
}

#box{
 position: relative;
}

#col1{
			margin: 0 0 0 1.4em;
   padding: 0.5em 0.5em 0 0.5em;
			float:left;
			width: 200px;
}

#col2{
   padding: 0.5em 0.5em 0 0.5em;
			float: left;
			width: 200px;
}

#col3{
   padding: 0.5em 0.5em 0 0.5em;
			float: left;
			width: 220px;
}

#blade{
   position: absolute;
			width: 29px;
			top: 90px;
			left: 670px;
}
/* ------------------- container - --------- */

div.container{
/* background:url(../images/orange_cor_lt.gif) top left no-repeat;
	background-color: #f09569; */
					background: url(../images/lite_org_cor_lt.gif) left top no-repeat;
							background-color: #fa984d;
}

div.con_top_right{
 /* background:url(../images/orange_cor_rt.gif) top right no-repeat;*/
	 background:url(../images/lite_org_cor_rt.gif) right top  no-repeat;
}

div.con_bottom_right{
 /*background:url(../images/orange_cor_rb.gif) bottom right no-repeat; */
	 background:url(../images/lite_org_cor_rb.gif) right bottom  no-repeat;
}

div.con_bottom_left{
 /*background:url(../images/orange_cor_lb.gif) bottom left no-repeat;*/
	 background:url(../images/lite_org_cor_lb.gif) left bottom no-repeat;
	padding: 0.5em 0.5em;  /* adjust padding for the container on home page */

}

/*div.con_bottom_left h4{
   background:url(../images/title_bg.gif) top center no-repeat;
			text-align:center;
			width: 200px; */  /* also adjust width for white title bar in the container on home page */
		/*	margin: 0 0 0.2em 0;
		} */

/* -------------- table ---------------------------- */



/* ---------------- bodywrapper ------------- */

#bodywrapper{
    position:relative;
				padding: 0 0 0.5em 0;
				margin:0.5em 0 0 0;
}

#content{
 width: 410px;
 padding: 0 0 0.5em 0;
 margin: 0 1em 0 0;
	float: left;
}

#casestudy{
float: left;
		width: 370px;
}


/* ----------------------- gray box used eg: case studies on home page ---------------------- */
div.graybox{
  background:url(../images/gray_cor_lt.gif) left top no-repeat;
		  background-color: #cdcdcd;
}

div.graybox_rt{
    background:url(../images/gray_cor_rt.gif) right top no-repeat;
}

div.graybox_lb{
    background:url(../images/gray_cor_lb.gif) left bottom no-repeat;
}
div.graybox_rb{
    background:url(../images/gray_cor_rb.gif) right bottom no-repeat;
				padding: 0.5em 1em;
	
}


/* ------------------- secondary page body ------------------- */

#secondarybody{
			padding:0;
			margin: 5px 0 0 0;
}

#leftcol{
   width: 215px;
			margin: 0 5px 0px 0;
		 float:left;
		/*				border: 1px solid #000000; */
}

#mainbody{
   width: 590px;
			float:left;
			margin: 0 0 0 5px;
	/*		border: 1px solid #000000; */
}


/* --------- list of case studies */




/* ------------------------ footer ---------------------- */
#footer{
   background:#cdcdcd url(../images/leftcurve.gif) no-repeat left center;
   width: 810px;
			margin: 0.5em 0 0 0; 
  }

#footerright{
   background:url(../images/rightcurve.gif) no-repeat right center;
 			padding: 0.4em 0 0.42em 1.5em;  /* zero left padding or reduce left padding size, when navigation should have more links */
				text-align: center;
}

#footer ul{
     list-style: none;
	 padding: 0 0.8em;
			text-align:center;
					display: block;
}

#footer ul li{
   float:left;
   padding: 0 0.2em;
			display: block;
	}

/* ------------------------------------ copyright --------------------------- */
#copyright{
   padding: 0.5em 0 0 0; 
   margin: 0 0 1em 0;
}

/* --------- case study ---------------- */

#firstrow{
  float:left;
		width: 190px;
		margin:0 10px 0 0;
		padding: 15px 0 0 0;
		display:block;
}

#secondrow{
  float:left;
		width: 185px;
		margin:0 10px 0 0;
		padding: 15px 0 0 0;
		display:block;
}

#thirdrow{
  float:left;
		width: 185px;
		margin:0 0 0 10px;
		padding: 15px 0 0 0;
		display:block;
}

/* ---------------- forms -------------- */

.textfield{
 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
}

/* --------------- two column layout ---------------- */

div.rowone{
  float:left;
		width: 430px;
		margin:0 20px 0 0;
		padding: 0px 0 0 0;
		display:block;
}

div.rowtwo{
float:left;
		width: 130px;
		margin:0 0 0 10px;
		padding: 0px 0 0 0;
		display:block;
}