﻿#container #nav {
	/*background-image:url(../images/index_nav_bg.gif);
	background-repeat:no-repeat;*/
	width: 853px;
	padding:0 0 0 2px;
	margin:5px auto 0px auto;
	height:74px !important;
	clear:both;
}

#main #nav {
	/*background-image:url(../images/index_nav_bg.gif);
	background-repeat:no-repeat;*/
	width: 853px;
	padding:0 0 0 2px;
	margin:0px auto;
	height:74px !important;
	clear:both;
}

/***********start  rollover effect */

			#container #nav .navItem {
				float:left;
				display:block;
				text-decoration:none;
				background-repeat:no-repeat;
            }
            
    
			#container #nav a#AboutAtria {
				background-image:url(../images/index_nav_aboutatria.jpg);
				width:124px;
				height:70px;
			}
			
			#container #nav a#AboutAtria:hover { 
				background-image:url(../images/index_nav_aboutatria_Hover.jpg); 
			}

			#container #nav a#AboutAtria:active { 
				background-image:url(../images/index_nav_aboutatria_Active.jpg); 
			}
			
			#container #nav a#WhatWeDo {
				background-image:url(../images/index_nav_whatwedo.jpg);
				width:106px;
				height:70px;
			}
			
			#container #nav a#WhatWeDo:hover {
				background-image:url(../images/index_nav_whatwedo_Hover.jpg);
			}


			#container #nav a#WhatWeDo:active {
				background-image:url(../images/index_nav_whatwedo_Active.jpg);
			}

			
			#container #nav a#Portfolio {
				background-image:url(../images/index_nav_portfolio.jpg);
				width:94px;
				height:70px;
			}
			
			#container #nav a#Portfolio:hover {
				background-image:url(../images/index_nav_portfolio_Hover.jpg);
			}


			#container #nav a#Portfolio:active {
				background-image:url(../images/index_nav_portfolio_Active.jpg);
			}
			
			#container #nav a#CaseStudies {
				background-image:url(../images/index_nav_casestudies.jpg);
				width:117px;
				height:70px;
			}
			
			#container #nav a#CaseStudies:hover {
				background-image:url(../images/index_nav_casestudies_Hover.jpg);
			}

			#container #nav a#CaseStudies:active {
				background-image:url(../images/index_nav_casestudies_Active.jpg);
			}
			
			#container #nav a#Testimonials {
				background-image:url(../images/index_nav_testi.jpg);
				width:121px;
				height:70px;
			}
			
			#container #nav a#Testimonials:hover {
				background-image:url(../images/index_nav_testi_Hover.jpg);	
			}

			#container #nav a#Testimonials:active {
				background-image:url(../images/index_nav_testi_Active.jpg);	
			}
						
			#container #nav a#Blog {
				background-image:url(../images/index_nav_blog.jpg);
				width:66px;
				height:70px;
			}
			
			#container #nav a#Blog:hover {
				background-image:url(../images/index_nav_blog_Hover.jpg);
			}

			#container #nav a#Blog:active {
				background-image:url(../images/index_nav_blog_Active.jpg);
			}
						
			#container #nav a#MediaRoom {
				background-image:url(../images/index_nav_mediaroom.jpg);
				width:152px;
				height:70px;
			}
			
			#container #nav a#MediaRoom:hover {
				background-image:url(../images/index_nav_mediaroom_Hover.jpg);
			}

			#container #nav a#MediaRoom:active {
				background-image:url(../images/index_nav_mediaroom_Active.jpg);
			}
			
	/* interior nav */
#main #nav .navItem {
	float:left;
	display:block;
	text-decoration:none;
	background-repeat:no-repeat;
}
            
    
#main #nav a#AboutAtria {
	background-image:url(../images/index_nav_aboutatria.jpg);
	width:124px;
	height:70px;
}
			
#main #nav a#AboutAtria:hover { 
	background-image:url(../images/index_nav_aboutatria_Hover.jpg); 
}

#main #nav a#AboutAtria:active { 
	background-image:url(../images/index_nav_aboutatria_Active.jpg); 
}
			
#main #nav a#WhatWeDo {
	background-image:url(../images/index_nav_whatwedo.jpg);
	width:106px;
	height:70px;
}
			
#main #nav a#WhatWeDo:hover {
	background-image:url(../images/index_nav_whatwedo_Hover.jpg);
}


#main #nav a#WhatWeDo:active {
	background-image:url(../images/index_nav_whatwedo_Active.jpg);
}

			
#main #nav a#Portfolio {
	background-image:url(../images/index_nav_portfolio.jpg);
	width:94px;
	height:70px;
}
		
#main #nav a#Portfolio:hover {
	background-image:url(../images/index_nav_portfolio_Hover.jpg);
}


#main #nav a#Portfolio:active {
	background-image:url(../images/index_nav_portfolio_Active.jpg);
}
			
#main #nav a#CaseStudies {
	background-image:url(../images/index_nav_casestudies.jpg);
	width:117px;
	height:70px;
}
			
#main #nav a#CaseStudies:hover {
	background-image:url(../images/index_nav_casestudies_Hover.jpg);
}

#main #nav a#CaseStudies:active {
	background-image:url(../images/index_nav_casestudies_Active.jpg);
}
			
#main #nav a#Testimonials {
	background-image:url(../images/index_nav_testi.jpg);
	width:121px;
	height:70px;
}
			
#main #nav a#Testimonials:hover {
	background-image:url(../images/index_nav_testi_Hover.jpg);	
}

#main #nav a#Testimonials:active {
	background-image:url(../images/index_nav_testi_Active.jpg);	
}
						
#main #nav a#Blog {
	background-image:url(../images/index_nav_blog.jpg);
	width:66px;
	height:70px;
}
			
#main #nav a#Blog:hover {
	background-image:url(../images/index_nav_blog_Hover.jpg);
}

#main #nav a#Blog:active {
	background-image:url(../images/index_nav_blog_Active.jpg);
}
						
#main #nav a#MediaRoom {
	background-image:url(../images/index_nav_mediaroom.jpg);
	width:152px;
	height:70px;
}
			
#main #nav a#MediaRoom:hover {
	background-image:url(../images/index_nav_mediaroom_Hover.jpg);
}

#main #nav a#MediaRoom:active {
	background-image:url(../images/index_nav_mediaroom_Active.jpg);
}		
	
/***********end  rollover effect */

#dropmenudiv{
	position:absolute;
	font-size: 9px;
	line-height: 15px;
	z-index:100;
	padding-top:10px;
	border:0;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	font-style: normal;
	color: #e6e6e6;
	text-align:left;
}

#dropmenudiv a{
	position:relative;
	right:0px;
	color: #e7e7e7;
	width: 260px;
	display: block;
	padding: 6px 0 7px 0;
	margin:0px;
	text-decoration: none;
	background-image:url(../images/menu_bg.gif);
	background-repeat:repeat-x;
	background-position:left;
	border:0;
	background-color:transparent;
	text-align:center;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-image:url(../images/menu_bg_hover.gif);
	color: white;
}

#dropmenudiv a:active{ /*hover background color*/
	background-image:url(../images/menu_bg_active.gif);
}
