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

Body{ padding:0px; margin:0px auto; background: url(images/rrinfra-bg.gif) repeat;}
.clear{clear:both;}
/********************************MAIN DIVS*******************************/
#mainbg{ width:993px; background:url(images/rrinfra-bg_03.gif) repeat-y; padding:0px; margin:auto;}
#maindiv{ width:938px; padding:0px; margin:auto; background:#FFFFFF;}
/********************************HEADER*********************************/
#header{ width:938px; background:url(images/rr-infra_header-bg.gif) repeat-x; height:93px; float:left;}
#logo{ width:310px; height:84px; float:left;}
#contact{ width:400px; float:right; margin-top:15px; padding-top:26px;}
/********************************NAVIGATION*****************************/
#navi-bg{ width:938px; height:42px; background:url(images/rr-infra_07.gif) repeat-x; float:left;}
#navi{width:900px; height:42px; float:left;}
#nav {
	list-style-type:none;
		margin-top:12px;
	
}
#nav li {
	list-style-type:none;
	display:inline;
	padding-left:20px;
	}
#nav div {
	width:93px;
	height:40px;
	float:left;
		
	text-align:center;
	
	
}

.navilinks{ font-family:tahoma; font-size:13px; color:#FFFFFF; text-decoration: none; font-weight:700; }
.navilinks:hover{ font-family:tahoma; font-size:13px; color: #FFFF00;  text-decoration: none;font-weight:700;}
/********************************BANNER*********************************/
#banner-area{ width:938px; float:left; margin-top:5px;}
#whatwedo-bg{ width:397px; height:187px; background: url(images/rr-infra-watwedo-bg.gif) repeat-y; margin:1px; float:left;}
#whatwedo-bg2{ width:375px; height:185px; background:url(images/rr-infra-watwedo-bg2_19.gif) repeat-x; border:1px solid #CCCCCC; margin-left:10px;}
#banner_im{ width:537px; height:187px; float:right;}
/********************************CONTENT********************************/
#content-area{ width:930px; margin:0px; padding:0px;}
/*****************************LEFT CONTENT******************************/
#leftcontent{ width:250px; float:left; }
#left-grdnt{ width:243px; margin-left:9px;  }
#recentworks{ width:232px; float:left; padding-left:5px; background: url(images/-panel-head.gif) no-repeat; padding-top:13px; padding-bottom:10px; }
#shadow{ width:213px; background:url(images/shadow_03.gif) no-repeat; height:17px;}
#recentworks-content{ width:232px; float:left; padding-left:8px; }
#divheads{ background: #DDF4FF; width:650px; border:#D2F0FF 1px solid; padding:0px; margin:auto;}
/*****************************RIGHT CONTENT******************************/
#rightcontent{ width:650px; float:right; background: url(images/rrinfra-wel-bg.gif) repeat-x; margin-top:10px; padding:10px; border-top:2px solid  #E6EFF9; border-left: 1px solid #F7F7F7; border-right: 1px solid #F7F7F7;}



/********************************FOOTER*********************************/
#footer-area{ height:48px; width:939px; background: url(images/rr-infra_34.gif) repeat-x; margin-top:15px; padding:0px;}
#left-curve{ width:8px; height:48px; float:left;}
#right-curve{ width:8px; height:48px; float:right;}
#copyrights{width:910px; float:left; margin-top:3px;}
#footnav{ width:320px; float: left; margin-top:2px; margin-left:5px;}
/*****************************extra********************************************/
#top{width:50px; float:right;}
/*****************************************************/


#buletcontnt{padding:0px; margin:0px; list-style-type:none; }
#buletcontnt li{list-style-type:none; background: url(images/arrow.gif) no-repeat; background-repeat:no-repeat; background-position:0.4em; padding-left:0.6em; text-indent:10px; float: none;}


.c2{font-family: Verdana; font-size:11px; color:#333333; text-align:justify; line-height:18px; padding-right:10px; padding-left:10px;}
.c3{font-family: Verdana; font-size:10px; color:#333333; text-align:left; line-height:18px; padding-left:3px; padding-right:3px;}
.c4{font-family: Verdana; font-size:12px; color: #384F70; text-align:justify; line-height:18px;}
.h1{ font-family:verdana, Helvetica, sans-serif; font-size:12px; color:#0E4454 ; font-weight:600; line-height:18px; letter-spacing:0em;}
.h2{ font-family: tahoma; font-size:11px; color: #333333; font-weight:600; line-height:18px;}
.h1_white{ font-family: arial; font-size:12px; color: #FFFFFF; font-weight:bold; line-height:18px; letter-spacing:0.1em;}

.h5{ font-family:arial; font-size:16px; color: #0A5278; line-height:30px; font-weight:600;}
.border{ border: solid 1px solid #666666;}



.headings{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #CC4200; font-weight:600; line-height:25px;}
.recentworks{font-family:tahoma; color: #D24400; font-size:13px; font-weight:bold;line-height:30px; padding-left:10px;}
.subheadings{font-family:Arial, Helvetica, sans-serif; color:#	365f00; font-size:15px; font-weight:700;}
.welcome{ font-family:tahoma; font-size:17px; color: #CC4200; line-height:25px;font-weight:700;}
.welcome-combi{ font-family: tahoma; font-size:18px; color: #165776; font-weight:700; font-smooth:always; line-height:30px; }


.copyrights{font-family:Arial, Helvetica, sans-serif; color: #CCCCCC; font-size:11px; text-align:right; line-height:40px; padding-right:10px;}

.copyrights-link{font-family:Arial, Helvetica, sans-serif; color: #CCCCCC; font-size:11px; line-height:40px; text-decoration: none;}
.copyrights-link:hover{font-family:Arial, Helvetica, sans-serif; color:  #FFFFFF; font-size:11px; line-height:40px; text-decoration:none;}

.sidenav{font-family:tahoma; color: #6E6E6E; font-size:11px; text-decoration: none; font-weight:800;}
.sidenav:hover{font-family:tahoma; color: #333333; font-size:11px;  text-decoration:none; font-weight:800;}

.links{font-family:Arial, Helvetica, sans-serif; color: #CC6600; font-size:11px; text-decoration: none; font-weight:600;}
.links:hover{font-family:Arial, Helvetica, sans-serif; color: #000000; font-size:11px;  text-decoration: underline;font-weight:600;}

.links2{font-family:Arial, Helvetica, sans-serif; color: #0033FF; font-size:11px; text-decoration: none; }
.links:hover2{font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:11px;  text-decoration:underline;}

.links3{font-family:tahoma; color:#333333; font-size:11px; text-decoration: none;}
.links3:hover{font-family:tahoma; color: #000000; font-size:11px;  text-decoration: underline;}

#top{width:25px; float:right;}
/*********************************DROPDOWN MENU********************************/


.jqueryslidemenu{
font: bold 12px Verdana;
width: 880px;
height:42px;
float:right	;
background:url(images/rr-infra_07.gif) repeat-x;
padding-top:6px;

}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
/*background of tabs (default state)*/
color: white;
padding: 8px 10px;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
font-weight:900;
font-size:12px;
text-align:left;


}

.jqueryslidemenu ul li a:hover{
 /*tab link background during hover state*/
color: #FFFF00;
font-weight:900;
font-size:12px;
text-align:left;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;


}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;

}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font:13px Verdana bold;
width:200px; /*width of sub menus*/
padding: 6px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #FFFFFF;
background:#0887bc;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;

}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;

}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;

}