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

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/body-bg.gif) top left repeat-x #231f20;
color:#e7e6df;
}

.left {float:left;}
.right {float:right;}
.clr {clear:both; font-size:0; height:0px; line-height:0;}
.image-replacement{ display:block; text-indent:-9999px; outline:none;}

* {
margin:0;
padding:0;
}

a img, img {border:none;}
a {text-decoration:none; outline:none;}

.wrapper{
	width:851px;
	margin:auto;
}


#masthead{
	min-height:120px;
	height:auto !important;
	height:120px;
}

#logo{
	padding-top:33px;	
	position:relative;
}


/** topnav **/

#topnav{
	background:url(../images/topnav-bg.png) bottom no-repeat;
	height:35px;
	padding-top:10px;
	margin-bottom:25px;
}



/** banner area  */
#bannerarea{
	min-height:	185px;
	height:auto !important;
	height:185px;
	padding-bottom:0px;
}

.leftarea{
	width:572px;
}

#bannerarea .banner-nav{
	height:40px;
	padding-bottom:10px;
}

#bannerarea .banner-nav ul{
	background:url(../images/banner-nav-bg.gif) bottom repeat-x;
	/*padding:5px 0;*/
	
}
#bannerarea .banner-nav li{
	list-style-type:none;
	display:inline;
	padding:0 0px;
        margin:7px 0px 0 0;
}
#bannerarea .banner-nav h1{
	font-size:28px;	
	background:none;
	padding-right:5px;
}

#bannerarea .banner-nav .first{
	padding-left:0;	
}
#bannerarea .banner-nav ul{margin:0 20px 0 0px; list-style:none; }
		#bannerarea li{overflow:hidden; text-indent:-9999px; display:inline; float:left; }
			#bannerarea .banner-nav li a{background:url(../images/menu.png) no-repeat; width:100%; height:100%; display:block;}

			/* Home Button */
			#bannerarea .banner-nav li.play{width:68px; height:29px;}
				#bannerarea .banner-nav li.play a{background-position:0px 0px;}
				#bannerarea .banner-nav li.play a:hover{background-position:0px -29px;}
				#bannerarea .banner-nav li.play a.selected{background-position:0px -29px;}

			/* About Button */
			#bannerarea .banner-nav li.rest{width:68px; height:29px;}
				#bannerarea .banner-nav li.rest a{background-position:-68px 0px;}
				#bannerarea .banner-nav li.rest a:hover{background-position:-68px -29px;}
				#bannerarea .banner-nav li.rest a.selected{background-position:-68px -29px;}

			/* Contact Button */
			#bannerarea .banner-nav li.work{width:69px; height:29px;}
				#bannerarea .banner-nav li.work a{background-position:-137px 0px;}
				#bannerarea .banner-nav li.work a:hover{background-position:-137px -29px;}
				#bannerarea .banner-nav li.work a.selected{background-position:-137px -29px;}
			#bannerarea .banner-nav li.shop{width:70px; height:29px;}
				#bannerarea .banner-nav li.shop a{background-position:-206px 0px;}
				#bannerarea .banner-nav li.shop a:hover{background-position:-206px -29px;}
				#bannerarea .banner-nav li.shop a.selected{background-position:-206px -29px;}
			#bannerarea .banner-nav li.travel{width:69px; height:29px;}
				#bannerarea .banner-nav li.travel a{background-position:-276px 0px;}
				#bannerarea .banner-nav li.travel a:hover{background-position:-276px -29px;}
				#bannerarea .banner-nav li.travel a.selected{background-position:-276px -29px;}
			#bannerarea .banner-nav li.learn{width:68px; height:29px;}
				#bannerarea .banner-nav li.learn a{background-position:-345px 0px;}
				#bannerarea .banner-nav li.learn a:hover{background-position:-345px -29px;}
				#bannerarea .banner-nav li.learn a.selected{background-position:-345px -29px;}
/*#bannerarea .banner-nav a,  .banner-nav-av a, .banner-nav-watt a{
	color:#3e3a3b;
	font-size:21px;	
	font-weight:bold;
	padding: 0 0 4px 0;
       text-transform:capitalize;
}
#bannerarea .banner-nav li.play a:hover{
color:#ffca05 !important;
	text-decoration:none;
	border-bottom:4px solid #ffca05;
	padding:0 !important;
}
#bannerarea .banner-nav li.selected-play a{
	color:#ffca05 !important;
	text-decoration:none;
	border-bottom:4px solid #ffca05;
	padding:0 !important;
}
#bannerarea .banner-nav li.rest a:hover{
color:#ED7E1E !important;
	text-decoration:none;
	border-bottom:4px solid #ED7E1E;
	padding:0 !important;
}
#bannerarea .banner-nav li.selected-rest a{
	color:#ED7E1E !important;
	text-decoration:none;
	border-bottom:4px solid #ED7E1E;
	padding:0 !important;
}
#bannerarea .banner-nav li.work a:hover{
       color:#B147A7 !important;
       text-decoration:none;
	border-bottom:4px solid #B147A7;
	padding:0 !important;
}
#bannerarea .banner-nav li.selected-work a{
	color:#B147A7 !important;
	text-decoration:none;
	border-bottom:4px solid #B147A7;
	padding:0 !important;
}
#bannerarea .banner-nav li.shop a:hover{
color:#4A4FB7 !important;
	text-decoration:none;
	border-bottom:4px solid #4A4FB7;
	padding:0 !important;
}
#bannerarea .banner-nav li.selected-shop a{
	color:#4A4FB7 !important;
	text-decoration:none;
	border-bottom:4px solid #4A4FB7;
	padding:0 !important;
}
#bannerarea .banner-nav li.travel a:hover{
color:#72BAC9 !important;
	text-decoration:none;
	border-bottom:4px solid #72BAC9;
	padding:0 !important;
}
#bannerarea .banner-nav li.selected-travel a{
	color:#72BAC9 !important;
	text-decoration:none;
	border-bottom:4px solid #72BAC9;
	padding:0 !important;
}
#bannerarea .banner-nav li.learn a:hover{
color:#98C671 !important;
	text-decoration:none;
	border-bottom:4px solid #98C671;
	padding:0 !important;
} 
#bannerarea .banner-nav li.selected-learn a{
	color:#98C671 !important;
	text-decoration:none;
	border-bottom:4px solid #98C671;
	padding:0 !important;
}*/


*+html #bannerarea .banner-nav a:hover{
	padding-bottom:2px;
}
* html #bannerarea .banner-nav a:hover{
	padding-bottom:2px;
}

#bannerarea .leftarea p{
	font-size:11px;	
	text-align:justify;
	padding-bottom:5px;
	line-height:1.5;
}
#bannerarea .leftarea span a{
color:#fff;
text-decoration:none;
}
#bannerarea .leftarea span a:hover{
text-decoration:underline;
}
#bannerarea .rightarea{
	width:278px;	
}

/** end of banner area **/

.container{
	background-color:#231f20;	
}

/** display area **/

#displayarea{
	background:url(../images/displayarea-top-bg.png) top no-repeat #231f20;
	width:851px;
	padding:25px 0;
}

#displayarea h2{
	font-size:21px;	
	padding-bottom:10px;
}

.contact-details h2{
        font-size:16px !important;	
}
#displayarea .pagination a{
	color:#665e60;
	font-size:13px;
	padding:3px 6px;
}
#displayarea .pagination .next img{
	vertical-align:bottom;
}
#displayarea .pagination a.next:hover{
	background:none;	
}
#displayarea .pagination a:hover{
	background-color:#0e0d0d;	
}

#displayarea .row-block{
	padding:5px 0;	
}

#displayarea .project{
	background:url(../images/image-holder.gif) 0 0 no-repeat;
	width:181px;
	height:124px;
	position:relative;
        margin-right:15px;
        margin-bottom:10px;
}

#displayarea .project.mid{
	margin:0 14px;	
}

#displayarea .project span{
	background:url("../images/projname-bg.png") repeat scroll 0 0 transparent;
bottom:0;
display:block;
height:30px;
left:0;
position:absolute;
text-align:center;
width:181px;
}

* html #displayarea .project span{
	background:url(../images/projname-bg.gif) 0 0 no-repeat;
	bottom:3px;
}

#displayarea .project span  a{
	color:#fff;
	line-height:30px;
	padding-left:10px;
	font-size:11px;
	cursor:pointer;
}

#displayarea .project span a:hover{
	color:#5cb3ff;
	text-decoration:none;
}


/** footer  **/

#footer{
	background:url(../images/displayarea-bot-bg.gif) top no-repeat;
	height:12px;
	padding-top:20px;
}
#footer .rightarea{
	padding-left:20px;
}

#footer .subscribe{
	padding:10px 0;
	font-size:14px;
}
#footer a{
	color:#918f8f;
	padding:0 3px;
}

#footer a:hover{
	text-decoration:none;	
	color:#fff;
}



/** for image map **/
		.clearboth {
			clear: both;
		}
		
		#map-view-container {
			position: relative;
		}

		#map-container {
			float: left;
		}

		#map-view-container img.map {
			position: relative;
			z-index: 100;
		}
		
		#map-view-container img.region {
			display: none;
			left: 0px;
			position: absolute;
			top: 0px;
			z-index: 20;
		}		
		
		#map-view-container img.regionBg {
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 19;
		}

		#practice-container {
			float: left;
		}
		
		#practice-container ul {
			display: none;
		}
		
		#practice-container ul.selected {
			display: inline;
		}
		
		#practice-container ul li {
			list-style-type: none;
		}

		#practice-container .selected-list ul li {
			list-style-type: none;
		}

.slogo{position:absolute;left:0px;}
.brands{margin-top:38px;}
.red{margin-left:152px;}
.blue{margin-left:75px;}
.logo-original {z-index:1;}
.logo-red, .logo-blue, .logo-yellow{z-index: 5;}
.av-matters, .watt-matters, .light-matters{z-index: 5;}
.logo-title{
        margin:-21px 0 0 90px;
       position:relative;
       font-size:18px;
}
.logo-title span{
       color:#868585;
}
#ei_sample2{
       bottom:0;
left:0%;
position:absolute;

}
#displayarea .pagination {
padding-top:8px;
display:none;
}
.newsletter-form, .newsletter-form h3 {
      border:none !important;
}
 .announcement-list a{
      color:#458AC6;
}
.announcement-list h2 a {
     color:#fff;
}
#team-cont{
     display:none;
}
#main-team ul{
     list-style:none;
}
#main-team li{
     margin-bottom:20px;
}
#main-team li div{
 width: 550px;
 margin-left:40px;
}
#main-team li p{
   padding-top:10px;
}
table.webform{
     width:400px !important;
}
.contact-details{
     margin-left: 20px; width: 410px; margin-top: 40px;
}
.contact-details h2{
      padding-bottom:14px;
       width:295px;
}
.contact-details ul{
       list-style:none;
}

#bannerarea .team-menu ul{background:url("../images/banner-nav-bg.gif") repeat-x scroll 0 22px transparent;}
#bannerarea .team-menu li a{background:url(../images/team-menu.png) no-repeat; width:100%; height:100%; display:block;}

#bannerarea .team-menu li{padding: 0px 5px; }
#bannerarea .team-menu li.menu1{height:23px;width:116px;}
#bannerarea .team-menu li.menu1 a{background-position:0px 0px;}
#bannerarea .team-menu li.menu1 a:hover{background-position:0px -25px;}
#bannerarea .team-menu li.menu1 a.selected{background-position:0px -25px;}

#bannerarea .team-menu li.menu2{height:23px;width:84px;}
#bannerarea .team-menu li.menu2 a{background-position:-136px 0px;}
#bannerarea .team-menu li.menu2 a:hover{background-position:-136px -25px;}
#bannerarea .team-menu li.menu2 a.selected{background-position:-136px -25px;}

#bannerarea .team-menu li.menu3{height:23px;width:84px;}
#bannerarea .team-menu li.menu3 a{background-position:-240px 0px;}
#bannerarea .team-menu li.menu3 a:hover{background-position:-240px  -25px;}
#bannerarea .team-menu li.menu3 a.selected{background-position:-240px -25px;}

#bannerarea .team-menu li.menu4{height:23px;width:67px;}
#bannerarea .team-menu li.menu4 a{background-position:-342px 0px;}
#bannerarea .team-menu li.menu4 a:hover{background-position:-342px  -25px;}
#bannerarea .team-menu li.menu4 a.selected{background-position:-342px -25px;}
.simplePagerNav{
     list-style:none;
}
.pager a{
      margin-right:10px;
}
.pager a.previous_link,.pager a.next_link, .pager a{
      color:#858383;
}
.pager a.active_page{
      color:#fff;
}
#images{
margin:auto;
width:450px;
border-top:1px solid #333;
}
#images ul{
list-style-type:none;
padding-top:5px;
}
#images li{
margin-right:5px;
text-indent:0 !important;
}
#images li img{
border:1px solid #333;
padding:4px;

}
.buttonhr{
  text-align:center;
  margin-top:15px;
}
.buttonhr a img{
   filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.buttonhr a:hover img{
   filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
#desc-cont ul{
     margin-left:14px;   
}
#desc-cont li{
font-size:11px;
     list-style-type:disc !important;
 text-indent:0;
display:block;
float:none;
}
#annlist p{
 font-size:11px;
}

.announcement-details a{
color: #FFF;
text-decoration: none;
}
.announcement-details a:hover{
text-decoration: underline;
}