* { padding: 0; margin: 0; }

body {
 background-image: url(images/main-bg2.jpg);
 background-repeat: repeat-x;
 background-attachment:fixed;
 background-color:#383838;
}


#wrapper { 
 margin: 0 auto;
 width: 972px;
 BORDER:0PX solid #FFF;
  }
 
 #wrapper2 { 
 margin: 0 auto;
 width: 972px;
  BORDER:0PX solid #7CD826;
  background-color:#000;
 }
  

#top {
 color: #333;
 width: 972px;
 padding: 0px;
 height: 39px;
 margin: 0px 0px 0px 0px;
 background-image: url(images/top-banner.jpg);
 background-repeat: no-repeat;
}

#top-inside {
 color: #333;
 width: 972px;
 padding: 0px;
 height: 39px;
 margin: 0px 0px 0px 0px;
 background-repeat: no-repeat;
}

td img.decoration {display: block; vertical-align: bottom;}

#top-navigation {
display: block;
 width: 972px;
}

#firm-nav {
display: block;
 width: 101px;
 height: 74px;
background-image: url(images/firm-nav-off-TEST.gif);
}

#firm-nav a {
background-image: url(images/firm-nav-off-TEST.gif);
}

#firm-nav a:hover {

}




/* NAVIGATION */
 
ul#main-nav {font-family:arial; font-size: 14px; padding:0;float:left;width:516PX;}
ul#main-nav li {margin:0;padding:0;list-style:none;float:left; }
ul#main-nav li a {text-decoration:none;display:block; color:#00FF00;}
ul#main-nav li a:hover { filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}


 /* END NAVIGATION */


 
#right-side-nav-area
{
margin-left: 0px;
padding-left: 0;
white-space: nowrap;
width: 456px;
height:74px;
}
 

#banner {
 color: #333;
 width: 972px;
 float: left;
 background-color:000;
}

#banner-inside {
 color: #333;
 width: 972px;
 float: left;
 padding: 0px;
 height: 252px;
 margin: 0px 0px 0px 0px;
 background-color:#000;
}

#banner-inside2 {
 color: #333;
 width: 972px;
 float: left;
 padding: 0px;
 height: 239px;
 margin: 0px 0px 0px 0px;
 background-color:#000;
}

#banner-home {
 color: #333;
 width: 972px;
 float: left;
 padding: 0px;
 height: 350px;
 margin: 0px 0px 0px 0px;
 background-color:#000;
}


#navigation {
 float: left;
 width: 972px;
 color: #333;
 padding:0px;
 margin: 0px 0px 0px 0px;
 background-color:#000;
}


#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-color: #fff;
 padding:0px;
 width: 352px;
 float: left;
 background:#000;
}

#leftcolumn-2 { 
 color: #333;
 margin: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-color: #fff;
 padding:0px;
 width: 740px;
 float: left;
 background:#000;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-color: #fff;
 padding: 0px;
 width: 620px;
 display: inline;
 background-image: url(images/right-side-bg2.jpg);
 background-repeat: no-repeat;
 background-color:#000000;
}


/* PROFILE PAGES */


#profile-rightcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-color: #fff;
 padding:0px;
 width: 550px;
 float: left;
 background:#000;
}

#profile-leftcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-color: #fff;
 padding: 20px;
 width: 352px;
 display: inline;
 background-image: url(images/right-side-bg2.jpg);
 background-repeat: no-repeat;
 background-color:#000000;
}


/* END PROFILE PAGES */



/************************************************

      GENERAL PROPERTIES FOR EXAMPLE 1 & 2 

************************************************/



#example1, #example2 {

	position:relative;

	height:167px;

}



#menu1, #menu2 {

	height:30px;
margin-left:40px;
	

}



#menu1 li, #menu2 li {

 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-color: #fff;
	

}



/************************************************

 CREATING CSS HALF ROUNDED BUTTON FOR BOTH EXAMPLE

************************************************/

#menu1 li a, #menu2 li a  {

	display:block;

    float:left;

    height:31px;

    margin-right:15px;
	font-color: #ffffff;

}



#menu1 li a .button, #menu2 li a .button {
   

    float:left;

    height:21px;

    padding:10px 10px 0 0;

    margin-left:12px;
	font-color: #ffffff;

}



#menu1 li a:hover, #menu2 li a:hover {

	background-position:0px bottom;
	font-color: #ffffff;

}



#menu1 li a:hover .button, #menu2 li a:hover .button {

	background-position:right bottom;

}






/************************************************

        PROFIL 1 - MULTIPLE REMOTE AREAS

************************************************/

#menu2 a .text, #menu2 a .icon {

	display:none;

}



#menu2 a:hover .text {

	display:block;

	position:absolute;
	
	left:0px;

	color:#000;

	font-size:11px;

}



#menu2 a:hover .icon {

	display:block;

	position:absolute;
	
	border: 0px solid #fff;

	height:0px;

	top:0px;

	left:258px;

}

/************************************************

         Profile 2 - MULTIPLE REMOTE AREAS

************************************************/

#menu2 a .text2, #menu2 a .icon2 {

	display:none;

}




#menu2 a:hover .icon2 {

	display:block;

	position:absolute;

	height:20px;

	top:0px;

	left:403px;

}


/************************************************

         Profile 3 - MULTIPLE REMOTE AREAS

************************************************/

#menu2 a .text3, #menu2 a .icon3 {

	display:none;

}




#menu2 a:hover .icon3 {

	display:block;

	position:absolute;

	height:0px;

	top:0px;

	left:547px;

}

/************************************************

         Profile 4 - MULTIPLE REMOTE AREAS

************************************************/

#menu2 a .text4, #menu2 a .icon4 {

	display:none;

}




#menu2 a:hover .icon4 {

	display:block;

	position:absolute;

	height:15px;

	top:0px;

	left:690px;

}









/* EXPERTISE PAGE */


#expertise-rightcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-color: #fff;
 padding:0px;
 width: 929px;
 height: 523px;
 float: left;
 background:#000;
 background-image: url(images/pyramid-page-new.jpg);
}

#expertise-leftcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-color: #fff;
 padding: 20px;
 width: 0px;
 display: inline;
 background-image: url(images/right-side-bg2.jpg);
 background-repeat: no-repeat;
 background-color:#000000;
}

#expertise-rightcolumn-2 { 
 color: #333;
 margin: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-color: #fff;
 padding:0px;
 width: 929px;
 float: left;
 background:#000;
}

#expertise-rightcolumn-3 { 
 color: #333;
 margin: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-color: #fff;
 padding:0px;
 width: 900px;
 float: left;
 background:#000;
}


/* END EXPERTISE PAGE */



h1{

 color: #fff;
 font-family: Arial;
 font-size: 18px;
 padding: 20px 0px 0px 29px;
}

h2{

 color: #fff;
 font-family: Arial;
 font-size: 16px;
 padding: 20px 0px 0px 29px;
}

h3{

 color: #fff;
 font-family: Arial;
 font-size: 18px;
 padding: 20px 0px 0px 100px;
}

h4{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #7CD826;
 padding: 20px 0px 0px 29px;
 text-decoration: underline;
}

h5{
 color: #fff;
 font-family: Arial;
 font-size: 12px;
 padding: 20px 0px 0px 29px;
}



p{

 color: #fff;
 font-family: Arial;
 font-size: 13px;
 line-height: 1.3;
 padding: 6px 20px 0px 29px;
}


#text-on-left{

 color: #fff;
 font-family: Arial;
 font-size: 13px;
 line-height: 1.8;
 padding: 6px 20px 0px 29px;
}


#text-on-left-2{

 color: #fff;
 font-family: Arial;
 font-size: 13px;
 line-height: 1.8;
 padding: 6px 20px 0px 29px;
}

#text-on-right{

 color: #fff;
 font-family: Arial;
 font-size: 13px;
 line-height: 1.9;
 padding: 20px 0px 0px 100px;
}

#name-text-links{

 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #fff;
 line-height: 1.3;
 padding: 20px 20px 0px 29px;
 text-decoration: underline;
}


#text-links{

 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #7CD826;
 text-decoration: underline;
}


#text-links a:hover{

 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #ffffff;
 text-decoration: underline;
}



#footer { 
 width: 972px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}


#footer2 { 
 width: 972px;
 height: 24px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

#footer2 ul{
	width:778px;
	margin:0;
	padding:0;
	left:170px;
	list-style:none;
	top:20px;
}
#footer2 ul li{
	margin:0;
	float:left;
	font: bold 17px Arial, Helvetica, sans-serif;
	border-left:0.1em solid #A9A9A9;
		color:#A9A9A9;
}
#footer2 ul li a{
	font:bold 11px/14px   Arial, Helvetica, sans-serif;
	color:#A9A9A9;
	text-decoration: underline;
	padding:0 10px 0 10px;
}
#footer2 ul li a:hover{
	color:#fff;
	}

#footer2 a.link{
	width:85px;
	font: bold 17px Arial, Helvetica, sans-serif;
	color:#333;
	padding:0 3px;
	text-decoration:none;
	text-transform:capitalize;
}
#footer2 a.link:hover{
	color:#fff;
	}


#footer2-text{

 color: #FFF;
 font-family: Arial;
 font-size: 13px;
 line-height: 1.3;
}







/************************************************

       TEXT LINKS

************************************************/






#profile-links{
	width:778px;
	height:207px;
	margin:0 auto;
	padding:31px 0 0 0;
	position:relative;
}
#profile-linksr ul{

}
#profile-links ul li{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #7CD826;
}
#profile-links ul li a{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #7CD826;
}
#profile-linksr ul li a:hover{
	color:#fff;
	}

#profile-links a.link{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #7CD826;
}
#profile-links a.link:hover{
	color:#fff;
	}
	
	
	

/************************************************

       POP-UP PIC

************************************************/

#info {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 20px;
	padding: 0px 15px 0px 15px;
	position: relative;
}	
	
	
#info a, #info a:visited {
	color: #8A9483;
	text-decoration: none;
}

#info a:hover {
	 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
	font-color: #7CD826;
	}

#pic {
		font-family: Arial;
    font-size: 13px;
	font-color: #fff;
	left: 2px;
	position: relative;
	top: 8px;
	width: 0px;
}

#pic a .large {
		font-family: Arial;
		backgroung-color: #000000;
    font-size: 13px;
	font-color: #fff;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0px;
}

#pic a.p1, #pic a.p1:visited {
	
	display: block;
	height: 45px;
	left: 0;
	font-family: Arial;
    font-size: 13px;
	font-color: #fff;
	text-decoration: none;
	top: 0;
	width: 100px;
}

#pic a.p1:hover {
	 font-family: Arial;
 font-size: 13px;
	font-color: #7CD826;
	border: 0px solid #000000;
	
}

#pic a.p1:hover .large {
		 font-family: Arial;
 font-size: 13px;
	
	height: 126px;
	left: 350px;
	position: absolute;
	top: -60px;
	width:339px;
}

#top {
	margin-left: 80px;
}