body{margin:0; padding:0;}
.banner_bg{background:url(../images/banner_background.jpg) repeat-x; height:97px;}
#btn {background:url(../images/button_background.jpg) repeat-x; height:37px;}

.btn_main ul{margin:0px; padding:0px;}
.btn_main ul li {float:left; list-style:none;}
.btn_main ul li a{font-family:Tw Cen MT; font-size:18px; color:#F9F9F9; text-decoration:none; font-style:normal; font-weight:300; text-shadow:#DFDFDF 0.01em 0.01em 0.02em; padding:8px 18px; display:block; border-right:#D1D1D1 1px dotted;}
.btn_main ul li a:hover{background:url(../images/JR_Beetasoft_Technologies_button_bg_hover.jpg) repeat-x; padding:8px 18px; color:#D1D3D4;}
/*Left Panel start here */
.left_panel {float:left; display:inline; border:#DADADB 1px solid; width:280px; margin:6px 3px 6px 7px; height:auto !important; background:url(../images/form_background_img.jpg) repeat;}
.content_heading {background:url(../images/heading_background.jpg) repeat-x; height:33px; margin:0 0 6px 0; padding:0px;}
.content {float:left; display:inline; width:60px; height:20px; padding:2px 8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:right; color:#505050;}
.content span{color:#D20000; font-weight:bold;}
.form_field {float:left; display:inline; width:160px; height:auto; padding:2px 4px;}
.form_field input,textarea {width:150px; border:#DDDADA 1px solid; background:url(../images/INPUT_BOX_BG.jpg) #FEFEFE repeat-x top; overflow-y:hidden; font-family:Verdana; font-size:10px; text-align:left; color:#A7A7A7; padding:2px;}
.form_field input {height:20px;}
.form_field textarea {height:60px;}
.testmonial {margin:0 auto; padding:8px; width:230px; height:100px; font-family:Verdana; font-size:11px; line-height:18px; text-align:justify; color:#4D4B4B;}
/* Left panel end*/
.middle_innerpage_content h2{margin:0px; padding:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#373733; text-align:left; font-weight:bold; padding:8px;}
.middle_innerpage_content h2 span{color:#DF1C24;}

/* Middle content start here*/
.middle_panel_11 { background-color:#FFFFFF;}
.middle_panel {float:left; display:inline; width:680px; margin:6px 3px 6px 3px; background-color:#E6E6E6; height:auto!important;}
.middle_innerpage_panel {float:left; display:inline; width:715px; margin:6px 3px 6px 6px;  height:auto!important;}
.middle_panel_welcome {height:33px; text-align:right;}
.middle_panel_content {border:1px dashed #DADADB; repeat; padding:12px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; color:#4D4B4B; line-height:22px; height:auto;}


.main_heading h2{margin:0px; padding:0px; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#373733; text-align:left; font-weight:bold; padding:8px;}
.main_heading h2 span{color:#DF1C24;}
/*.middle_th table th{
background:url(images/tableheader.jpg);
padding:10px;font-size:16px;
color:#FFFFFF;
text-align:left;
border-radius:7px 7px 0 0;}*/
/* Middle panel end*/
.footer {font-family:Tw Cen MT; font-size:12px; color:#F9F9F9; text-decoration:none; font-style:normal; font-weight:300; text-shadow:#DFDFDF 0.01em 0.01em 0.02em; padding-left:10px; padding-right:10px; border-right:#D1D1D1 1px dotted; text-align:center;}


.footer a{font-family:Tw Cen MT; font-size:18px; color:#F9F9F9; text-decoration:none; font-style:normal; font-weight:300; text-shadow:#DFDFDF 0.01em 0.01em 0.02em; padding-left:10px; padding-right:10px; border-right:#D1D1D1 1px dotted; text-align:center;}
.footer a:hover{background:url(../images/JR_Beetasoft_Technologies_button_bg_hover.jpg) repeat-x; margin-top:10px; padding:10px; color:#D1D3D4;}


/*Left Slide Menu.....CSS*/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 244px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
margin-left:16px;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding:10px 0px 10px 10px;

text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding:9px 0px 9px 9px;

}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}


/*light box*/
.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: none;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			margin:0 auto;
			display: none;
			position:fixed;
			top: 10%;
			left: 30%;
			width: 30%;
			height: auto;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
			
		}
		
	/*for slider*/
		#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}