﻿html
{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;


}
body{
	margin:20px 0px 0px 0px; 
	
	font-family:Tahoma;
	font-size:11px;
	padding: 0px 0px 0px 0px;	
	background: url('../images/animation/bk.jpg') repeat-x #86B1C2;
}

#maindiv
{
	width:975px;
}
#digiarts
{
	width:975px;
	height:48px;
}
#digiarts .section1
{
	float:left;
	width:615px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:48px;
	background:url('../images/animation/dig_arts_ani.jpg') no-repeat;
}
#digiarts .section2
{
	float:left;
	width:241px;
	height:48px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/final_05.jpg')
}
#digiarts .section3
{
	float:left;
	width:119px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:48px;
	background:url('../images/animation/rings.jpg') no-repeat;

}

#topbar
{
	width:975px;
	height:10px;
	background-color: #ebf2f4;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

}
#topbar .section1
{
	float:left;
	width:874px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:10px;

}
#topbar .section2
{
	float:left;
	width:40px;
	height:10px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/ringtop.jpg') no-repeat;
}
#topbar .section3
{
	float:left;
	width:61px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:10px;
}
#animation_title
{
	width:975px;
	height:407px;
}

#animation_title .section1
{
	float:left;
	width:238px;
	height:407px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#animation_title .section1 .part1
{
	width:238px;
	height:306px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#animation_title .section1 .part2
{
	width:238px;
	height:101px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#animation_title .section2
{
	float:left;
	width:432px;
	height:407px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#animation_title .section3
{
	float:left;
	width:305px;
	height:407px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#animation_menu
{
	text-align:right;
	width:975px;
	height:37px;
	margin:0px;
	padding:0px;
	background:url('../images/animation/main_menu_bk.jpg');
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px #C0C0C0 solid;
}

#animation_menu_bottom
{
	width:975px;
	height:8px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/main_menu_shadow.jpg') no-repeat;

}

#animation_center
{
	width:975px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/main-bg.jpg')  repeat-y;

}

#animation_center .section1
{
	float:left;
	height:765px;
	width:222px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/final_28.jpg') repeat-y;

	
}
#animation_center .section1 .part1
{
	width:222px;
	height:8px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/final_14.jpg') no-repeat;
}
#animation_center .section1 .part2
{	
	width:222px;
	margin:0px 0px 0px 0px;
	
}
#animation_center .section1 .part2 .iner1
{	
	width:222px;
	height:49px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/sidemenu_top.jpg') no-repeat;
	
}


#animation_center .section1 .part2 .iner2
{	
	width:222px;
	height:147px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/sidemenu_body.jpg') no-repeat;
}


#animation_center .section1 .part2 .iner3
{	
	width:222px;
	height:44px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/sidemenu_bottom.jpg') no-repeat;

}

#animation_center .section1 .part2 .iner4
{	
	width:222px;
	height:500px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/final_28.jpg') repeat-y;

}


#animation_center .section2
{
	float:left;
	width:753px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/center-bg.jpg')
}
#animation_center .section2 .bg1

{
	float:left;
	width:749px;
	margin:0px 0px 0px 0px;
	text-align:left;
	background:url('../images/animation/center-bg.jpg')
}

#animation_center .section2 .bg1 .text

{
	float:left;
	width:730px;
	margin:5px 1px 2px 5px;
	text-align:justify;
	line-height:19px;
	color:#c7cdd6;
	font-size:11px;
	letter-spacing:normal;
}

#animation_center .section2 .bg1 .text2

{
	float:left;
	width:730px;
	margin:5px 1px 2px 5px;
	text-align:justify;
	line-height:19px;
	color:#22B0CA;
	font-size:13px;
	letter-spacing:1px;
 	text-transform:uppercase;
 	font-weight:bold;	
	
}


#animation_center .section2 .bg1 .text1

{
	float:left;
	width:710px;
	margin:5px 1px 2px 5px;
	text-align:justify;
	line-height:19px;
	color:#c7cdd6;
	font-size:11px;
	letter-spacing:normal;
	
}

#animation_center .section2 .bg1 .title

{
	float:left;
	margin:5px 1px 2px 3px;
	text-align:left;
	line-height:22px;
	color:#ffdc20;
	font-size:11px;
	letter-spacing:1px;
	font-weight:bold;
	font-family:Verdana;
}

#animation_center .section2 .bg1 .text1 .showcase

{
	float:left;
	width:169px;
	margin:5px 1px 2px 5px;
	text-align:center;
	line-height:19px;
	color:#c7cdd6;
	font-size:11px;
	letter-spacing:normal;
	
}
#animation_center .section2 .bg2
{
	float:left;
	width:24px;
	height:750px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/center-bg1.jpg')
}


#animation_center .section3
{
	float:left;
	width:302px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/center-bg.jpg')
}

#animation_center .section3 .part01
{
	width:302px;
	height:4px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/final_16.jpg') no-repeat;
}

#animation_center .section3 .part02
{
	width:302px;
	height:37px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/widows_head.jpg') no-repeat;
}

#animation_center .section3 .part03
{
	width:302px;
	height:260px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/window_body_bk.jpg') repeat-y;

}

#animation_center .section3 .part04
{
	width:302px;
	height:29px;
	margin:0px 0px 0px 0px;
	background:url('../images/animation/window_bottom.jpg') repeat-y;

}

.leftlinks
{
	overflow:hidden;
	width:200px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.sublinktext
{
	width:150px;
	height:24px;
	overflow:hidden;
	float:left;
	text-align:left;
		
}
.sublinktextselected
{
	font-weight:bold;
	color:#005F8C;
}


.sublinkicon
{
	overflow:hidden;
	float:left;
	
}
.leftlinks a
{
	color: black; /*#7b7979;*/
	font-size:11px
}
.leftlinks a:hover
{
	color:#005F8C;
}

#footerdivider
{
	width:975px;
	height: 5px;
	background-color:#ffffff;
}
#footer
{
	width:975px;
	height:85px;
	padding:0px 0px 0px 0px;
	text-align:center;
	border-top:2px #C0C0C0 solid;
	background-image:url('../images/animation/footer_bk.jpg');
}
#footer .footerlinks
{
	float:none;
	padding-top:10px;
	width:975px;
}
#footer .footerlinks a
{
	color:#154146;
}
#footer .w3c
{
	padding-top:10px;
}

#footer .footerlinks a:hover
{
	color:#dceded;
}
#ehsservices
{
	background:#86B1C2;
	width:975px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-size:11px;
	font-family:tahoma;

	
}
#ehsservice a:visited
{
	color:#DCEDED;
}
.serviceslink
{
	color:#DCEDED;
}
.copyright
{
	color:#154146;
	padding-top:5px;
}

#ehsservices a:hover
{
	color:#000000;
}
#footer .w3c
{
	padding-top:10px;
}

.imageborder {
	border-width: 0;
	text-align:center;
}
.showcaselinktext
{	
	overflow:hidden;
	text-align:right;
	color:aqua;
	font-weight:bold;	
}
.textiner
{
	text-align:justify;
	line-height:19px;
	color:#c7cdd6;
}
.seotext
{
	color: #86B1C2;
}
#quickreq
{
	width:200px;
	text-align:center;
	margin:0px;
	padding:0px;
	border-top:none;
}
#quickreq .top
{
	width:200px;
	height:42px;
	background:url('../images/animation/quick-req-animation_top.jpg') no-repeat;
}
#quickreq .center
{
	width:200px;
	height:202px;
	background:url('../images/animation/quick-req-animation_center.jpg') repeat-y;
}
#quickreq .bottom
{
	width:200px;
	height:11px;
	background:url('../images/animation/quick-req-animation_bottom.jpg') no-repeat;
}
#qrform
{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 10px 15px;
	text-align:left;
}
.formfield
{
	margin: 0px 5px 5px 10px;
}

.WaterMarkedTextBox
{
            height: 16px;
            width: 150px;
            padding: 1px 1px 1px 1px;
            border: 1px solid #BEBEBE;
            background-color: #F0F8FF;
            color: gray;
            font-size: 8pt;
            text-align: left;
}
.WaterMarkedTextBoxPSW
 {
            background-position: center;
            height: 16px;
            width: 150px;
            padding: 2px 2px 2px 2px;
            border: 1px solid #BEBEBE;
            background-color: #F0F8FF;
            color: white;
            vertical-align: middle;
            text-align: right;
            background-image: url(Images/psw_wMark.png);
            background-repeat: no-repeat;
}
.NormalTextBox
{
            height: 16px;
            width: 150px;
}




/*-- add mahesh for showcase  --*/ 

.c{ clear:both;}
.portfolio_thumb{
}
.portfolio_thumb ul{
padding:0;
margin:0;
list-style:outside none;
}
.portfolio_thumb ul li{
width:140px;
height:120px;
margin:10px 14px;
float:left;
list-style:outside none;
padding:2px;
border:1px solid #333;
}
.portfolio_thumb ul li a{
margin:0;
}
.portfolio_thumb ul li a:hover{
margin:0;
}
.portfolio_thumb ul li a img{
width:140px;
height:120px;
border:1px solid #222;
}

.thumb_boxtop{

}
.thumb_boxbottom{
height:1%;
padding:0px;
}
.portfolio_thumb ul li h4{
font-family: "Trebuchet MS";
color:#000000;
font-size:13px;
margin:0;
padding:5px 0 0;
}
.portfolio_box1_top{
width:346px;
background:url(../images/portfolio_box1_top.jpg) top left no-repeat;
height:1%;
}
.portfolio_box1_middle{
background:url(../images/portfolio_box1_middle.jpg) top left repeat-y;
height:1%;
margin-bottom:15px;

}
.portfolio_box1_bottom{
background:url(../images/portfolio_box1_bottom.jpg) bottom left no-repeat;
padding:5px 10px 10px;
height:150px;
}
.port_hedding3{
font-family: "Trebuchet MS";
font-weight:bold;
font-size:15px;
color:#666666;
padding:1px 0 15px;
margin:0;
}
.port_imgbox1{
width:98px;
margin:0 15px 0 0;
}
.port_contentbox1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:210px;
text-align:justify;
padding:0 0 10px 0;
color:#666666;
}

.textblock {
line-height:15px;
padding:10px 0 0;
}


.mainbodysubtitle {
color:#FFDC20;
font-weight:bold;
}

.textblock {
line-height:15px;
}

.links a {
	text-decoration:underline;
	color:#b2cad4;
	font-size:11px;
}

.links a:hover {
	text-decoration:none;
}








