/* CSS Document */

@import url("styles/leftpanel.css");
@import url("styles/leftpanel1.css");
@import url("styles/rightpanel1.css");

html{min-height:100%; margin:0 0 1px;}
body{margin:0; padding:0;}

div, ul, p, h1, h2, h3, h4, img, blockquote{margin:0; padding:0;}
ul{list-style-type:none;}
a{text-decoration:none;}

/*Top Panel Starts*/
#topPanel{
	height:50px;
	background:url(images/toppanel-bg.gif) repeat-x 0 0;
	position:relative;
	padding:0 0 0 17px;
	font:10px/24px Arial, Helvetica, sans-serif;
	color:#CFCDCE;
}
#topPanel img{display:none;}
#topPanel ul{
	position:absolute;
	width:192px;
	height:26px;
	left:17px;
	bottom:0;
	background:url(images/topnav-bg.gif) repeat-x 0 0;
}
#topPanel ul li{float:left; text-align:center;}
#topPanel ul li a{color:#353535; background:url(images/topnav-bg1.gif) repeat-x 0 0 #F2F1F1;}
#topPanel ul li a:hover{color:#EE3A39; background:url(images/topnav-bg1.gif) repeat-x 0 0 #F2F1F1;}
#topPanel ul li span{color:#EE3A39; background:url(images/topnav-bg1.gif) repeat-x 0 0 #F2F1F1;}

#topPanel ul li.home{width:56px; background:url(images/topnav-border.gif) no-repeat 0 1px;}
#topPanel ul li.contact{width:64px; background:url(images/topnav-border.gif) no-repeat 63px 1px;}
#topPanel ul li.callback{width:71px; background:url(images/callback-bg.gif) no-repeat 0 1px;}

#topPanel div#call{
	width:107px;
	height:17px;
	position:absolute;
	top:7px;
	right:22px;
	padding:0 0 0 23px;
	background:url(images/call-icon.gif) no-repeat 0 0;
	font-size:12px;
	font-weight:bold;
	line-height:17px;
}
#topPanel div#call span{color:#fff; background:transparent;}
/*Top Panel Ends*/

/*Header Starts*/
#header{
	height:171px;
	border-bottom:1px dashed #474747;
	position:relative;
	background:url(images/header-bg.jpg) repeat-x 0 0;
	/*text-align:center;*/
	display:block;
}

/* modification from 07th of OCT 2011 */
#header div#flash							{ width:778px; height:171px; margin:0 auto;/* position:relative; background:url(images/header.jpg) no-repeat 0 0;*/}
/* /end of modification from 07th of OCT 2011 */

/*Header Ends*/

/*Navigation Starts*/
#navBar{height:30px; background:url(images/navbar-bg.gif) repeat-x 0 0; position:relative;text-align:center;}
#navBar ul{/* width:769px; */ width:100%; height:29px; margin:0 auto;}
#navBar ul li{font:bold 11px/29px Arial, Helvetica, sans-serif; padding:0 1px 0 0; text-align:center; /*float:left;*/ background:url(/images/devider.gif) no-repeat right top ; display:inline-block; !display:inline; margin:0 -4px 0 0!important; !margin:0 -1px 0 0!important; height:29px;}

/*#navBar ul li{font:bold 11px/29px Arial, Helvetica, sans-serif; padding:0 1px; text-align:center; float:left;}*/
#navBar ul li.noPad{padding:0;}

#navBar ul li a{
	width:108px;
	background:url(images/navbar-bg.gif) repeat-x 0 0 #fff;
	color:#484848;
	float:left;
	display:block;
}
#navBar ul li a:hover{background:#fff; color:#000;}
#navBar ul li span{width:108px;	background:#fff; color:#000; text-decoration:none; float:left; display:block;}
/*Navigation Ends*/

/*Left Panel Starts*/
#leftPanel{width:158px; border-right:1px dashed #959595; background:#F6F6F6; color:#F05336; float:left; padding:7px 0 0;}
/*Left Panel Ends*/

/*Right Panel Starts*/
#rightPanel{margin:0 0 0 159px; position:relative;}

#rightPanel div#leftPanel1{margin:0 159px 0 0; color:#1E1E1E; background:#fff; position:relative; padding:0 0 0 27px;}
#rightPanel div#rightPanel1{
	width:158px;
	border-left:1px dashed #959595;
	background:#F6F6F6;
	color:#0B0B0D;
	float:right;
	padding:7px 0 0;
	font:10px/12px Arial, Helvetica, sans-serif;
}
/*Right Panel Ends*/

/*Footer Starts*/
#footer{
	height:46px;
	background:#2D2B2C;
	color:#fff;
	position:relative;
	text-align:center;
	font:10px/13px Arial, Helvetica, sans-serif;
	clear:both;
}

#footer p{padding:16px 0 0;}
#footer p.design{position:absolute;	top:0; right:52px;}
#footer img{position:absolute; top:14px; right:22px;}

#footer ul{height:13px; position:absolute; top:16px; left:17px; }
#footer ul li{float:left; background:url(images/footer-menu-divider.gif) no-repeat 100% 0; padding:0 9px 0 8px;}
#footer ul li.noBg{background:none;}

#footer ul li a{color:#BCBCBC; background:#2D2B2C;}
#footer ul li a:hover{color:#fff; background:#2D2B2C;}

#footer p a{color:#BCBCBC; background:#2D2B2C; text-decoration:underline;}
#footer p a:hover{color:#fff; background:#2D2B2C; text-decoration:none;}
/*Footer Ends*/

#load{display: none;}
.body-orange {
	margin:0;
	padding:0;
	color: #EF310E;
}
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F60;
}

/* added from 07th of OCT 2011 */
#homepageBanner						{ /*width:778px;*/ height:171px; padding:0px;/*	float:left;*/ margin:0px; overflow:hidden; position:relative;}
#bannerTop							{ height:171px;	overflow:hidden; background:none;}
#bannerTop a						{ padding:0; margin:0; border:none; outline:none; display:block;}
#bannerTop img						{ padding:0; margin:0; border:none; outline:none;}

#controllers 						{ background:url(images/navLeftOver.png) 0 0 no-repeat; margin:0 0 0 0; height:22px; padding:0px 0px 0px 6px; text-align:center; position:absolute; right:0; bottom:15px; clear:both; z-index:100; display:block;}
#bannerControls 					{ background:url(images/navRightOver.png) 100% 0 no-repeat; margin:0; height:22px; padding:0px 6px 0px 0px; text-align:center; position:relative; clear:both; display:block;}
#bannerControls  a 					{ margin:0px; padding:1px 0px; text-decoration:none; background:none; background-position:right bottom; line-height:22px; width:22px; display:inline-block; text-align:center; color:white; text-decoration:none; font:bold 11px/20px "Lucida Sans Unicode",Arial, Helvetica, sans-serif;}
#bannerControls  a.activeSlide 		{ background:white; color:red;}
#bannerControls  a:focus 			{ outline: none;}

/* /end of added from 07th of OCT 2011 */

/* ---- added on 029-12-2011 ----- */
@media only screen and (max-width:1004px) {
#topPanel, #header, #navBar, #bodyPanel, #footer{min-width:880px;}
	}