html {height:100%; max-height:100%; padding:0; margin:0; border:0; background:rgb(45,45,45); overflow: hidden;}
.body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; background:rgb(45,45,45);}
.indbody {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; background: #000;}

#content {overflow:auto; position:absolute; z-index:1; top:230px; bottom:50px; left:59px; right:0; background:rgb(45,45,45);}
* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:2; border-top:100px solid #fff; border-bottom:50px solid #fff; border-left:200px solid #fff;}
* html #left {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:50px solid #fff; color:#333;}

/* Index css STARTS here */ 
#indtop {position: absolute; margin:0; top:0; left:0; width:100%; height:330px; border:0; padding:0; overflow: visible; background-repeat:repeat; background:rgb(255,255,255);}
#indlogo {display:block; margin-left: auto; margin-right: auto; top: 0px; width: 828px; height: 330px; text-align: center; background-image: url(images/cdlog_temp.gif);}
#indbutton {margin-left: auto; margin-right: auto; top: 330px; width: 222px; height: 33px; z-index: 5; text-align: center; background-image: url(images/ent_but.gif);}
a.indbutton, a.indbutton:visited {margin-left:0px; display:block; width:222px; height:33px; background-image: url(images/ent_but.gif); border:0px; text-decoration:none;}
a.indbutton:hover {background-image: url(images/ent_butr.gif);}
#img.center {display: block; margin-left: auto; margin-right: auto; }

/* Table Row css STARTS here */ 
.rowdivider {position: relative; left: 20px; background-image:url(images/divider_new.gif); height:49px; width: 96%;}
.rowtitle,.rowwork {position: relative; left: 50px; width: 750px; height: 45px;}
.rowwork {height: inherit; overflow: inherit;}
.porttitle {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999; text-decoration: none;}
.portsubtitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CCC; text-decoration: none;}


/* Header css STARTS here */ 
#headlogo {position: absolute; left: 0px; top: 0px; width: 833px; height: 133px; z-index: 1; text-align: left; background-image: url(images/zzhead_toplogo.gif);}
#headfacbk {position: absolute; top: 0px; right:0; width: 67px; height: 133px; z-index: 1; background-image: url(images/zzhead_topfacbk.gif); overflow: visible;}
#head {position: absolute; margin:0; top:0; left:0; width:100%; height:236px; z-index:3; border:0; padding:0; overflow:hidden; background-repeat:repeat; background-image: url(images/headnew_bg.png); columns: 2; column-count: 2;}


/* Footer css STARTS here */ 
#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:58px; z-index:5; overflow:hidden; background:url(images/foot_test.png); background-repeat:repeat;}
.copyright {
	position: absolute;
	right: 50px;
	top: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	vertical-align: middle;
}

/* Left Side css STARTS here */ 
#left {position:absolute; left:0; top:196px; bottom:50px; width:52px; background:url(images/leftside_new.gif) rgb(45,45,45); font-size:1.2em; z-index:4; overflow:auto; background-repeat:no-repeat;}


/* Navigation css STARTS here */ 
a.nav1, a.nav1:visited {margin-left:0px; display:block; width:73px; height:63px; background-image: url(images/ffnav_button1.gif); border:0px; text-decoration:none;}
a.nav1:hover {background-image: url(images/ffnav_button1r.gif);}

a.nav2, a.nav2:visited {margin-left:0px; display:block; width:125px; height:63px; background-image: url(images/ffnav_button2.gif); border:0px; text-decoration:none;}
a.nav2:hover {background-image: url(images/ffnav_button2r.gif);}

a.nav3, a.nav3:visited {margin-left:0px; display:block; width:125px; height:63px; background-image: url(images/ffnav_button3.gif); border:0px; text-decoration:none;}
a.nav3:hover {background-image: url(images/ffnav_button3r.gif);}

a.nav4, a.nav4:visited {margin-left:0px; display:block; width:125px; height:63px; background-image: url(images/ffnav_button4.gif); border:0px; text-decoration:none;}
a.nav4:hover {background-image: url(images/ffnav_button4r.gif);}

a.nav5, a.nav5:visited {margin-left:0px; display:block; width:125px; height:63px; background-image: url(images/ffnav_button5.gif); border:0px; text-decoration:none;}
a.nav5:hover {background-image: url(images/ffnav_button5r.gif);}

a.nav6, a.nav6:visited {margin-left:0px; display:block; width:125px; height:63px; background-image: url(images/ffnav_button6.gif); border:0px; text-decoration:none;}
a.nav6:hover {background-image: url(images/ffnav_button6r.gif);}

a.nav7, a.nav7:visited {margin-left:0px; display:block; width:125px; height:63px; background-image: url(images/ffnav_button7.gif); border:0px; text-decoration:none;}
a.nav7:hover {background-image: url(images/ffnav_button7r.gif);}

#navfarrghtcap {position: absolute; top: 133px; right:0; width: 67px; height: 63px; z-index: 3; background-image: url(images/ffnav_farrghtcap.gif); overflow: visible;}

/* Navigation Position css STARTS here */ 
#navpos1 {position: absolute; left: 0px; top: 133px; width: 36px; height: 63px; z-index: 1; background:url(images/ffnav_leftend.gif); vertical-align: middle; }
#navpos2 {position: absolute; left: 36px; top: 133px; width: 73px; height: 63px; z-index: 2; background:url(images/ffnav_button1.gif); vertical-align: middle;}
#navpos3 {position: absolute; left: 109px; top: 133px; width: 125px; height: 63px; z-index: 3; background:url(images/ffnav_button2.gif); vertical-align: middle;}
#navpos4 {position: absolute; left: 234px; top: 133px; width: 125px; height: 63px; z-index: 3; background:url(images/ffnav_button3.gif); vertical-align: middle;}
#navpos5 {position: absolute; left: 359px; top: 133px; width: 125px; height: 63px; z-index: 3; background:url(images/ffnav_button4.gif); vertical-align: middle;}
#navpos6 {position: absolute; left: 484px; top: 133px; width: 125px; height: 63px; z-index: 3; background:url(images/ffnav_button5.gif); vertical-align: middle;}
#navpos7 {position: absolute; left: 609px; top: 133px; width: 125px; height: 63px; z-index: 3; background:url(images/ffnav_button6.gif); vertical-align: middle;}
#navpos8 {position: absolute; left: 734px; top: 133px; width: 125px; height: 63px; z-index: 3; background:url(images/ffnav_button7.gif); vertical-align: middle;}
#navpos9 {position: absolute; left: 859px; top: 133px; width: 66px; height: 63px; z-index: 3; background:url(images/ffnav_rghtend.gif); vertical-align: middle;}


#block_1 {
	position: relative;
	float: left;
	width: 33%;
	text-align: center;
	border-right: #999 1px solid;
	overflow: visible;
}
#block_2 {
	position: relative;
	float: left;
	width: 34%;
	text-align: center;
	overflow: hidden;
}
#block_3 {
	position: relative;
	float: left;
	width: 33%;
	text-align: center;
	border-left: #999 1px solid;
	overflow: hidden;
}
.illtitle {width: 100%; height: 70px; text-align: center; vertical-align:central}

.containerOLD {
  position: relative;
  display: table;
}
.contactline {position: relative; left: 50px; width: 750px; height: 65px;}
.contacttxt {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999; text-decoration: none;}
.contactlnk {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #CCC; text-decoration: none;}
.contactlnk:hover { color: #FFF; text-decoration: underline;}

/* Mobile Page Specific CSS starts here*/ 
#contentmob {position:absolute; left:59px; z-index:2; top:230px; bottom:50px; right:0; overflow:auto; background:rgb(45,45,45);}

.containermob {
	position: relative; left: 50px;
	left: 50px;
	display: table-row;
	width: 80%;
}

.row {
	position: relative; left: 50px;
	display: table;
}

.cell1 {
	display: table-cell;
	width: 100px;
	height: 100px;
	border: 0px solid blue;
	padding: 0em;
	vertical-align:top;
}

.cell2 {
  display: table-cell;
  width: 25px;
  height: inherit;
  border: 0px solid blue;
  padding: 0em;
}

.cell3 {
  display: table-cell;
  width: 614px;
  height: inherit;
  border: 0px solid blue;
  padding: 0em;
  overflow: inherit;
}



/* Illustration Page Specific CSS starts here*/ 
.containerill {
	position: relative;
	left: 50px;
	display: table-row;
	width: 80%;
}

.illrow {
	position: relative; left: 50px;
	display: table;
}

.illcell1 {
	display: table-cell;
	width: 250px;
	height: 200px;
	border: 1px #333;
	padding: 1em;
	background-color: #000;
	text-align: center;
}

.illcell2 {
	position: relative;
	display: table-cell;
	width: 250px;
	height: 200px;
	border: 1px #999;
	padding: 1em;
	background-color: #000;
	text-align: center;
}

.illcell3 {
	position: relative;
	left: 0px;
	display: table-cell;
	width: 250px;
	height: 200px;
	border: 1px white;
	padding: 1em;
	background-color: #000;
	text-align: center;
}

.illcellspacer {
  position: relative;
  display: table-cell;
  width: 40px;
  height: 200px;
}
.illtextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
.illtextreg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}