/* 

DEFAULTS STYLE SHEET FOR [ATTIK DESIGNS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

*/

/* --------- 3. nav menu --------- */

/*	Nav Menu	*/
#nav {
		font-family: "Century Gothic", "Lucida Sans";
		}
#nav * {
1		border:1px solid #f00;
		}
#nav, #nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		width:880px;
		margin:0 auto;
		}
#nav:after, #nav ul:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
#nav a {
		display: block;
		text-align:center;
		background:none;
		color:#176284;
		font-size:1.5em;
		text-decoration:none;
		z-index:8000;
		}
#nav a:hover, 
#nav a.on {
		color: #fff;
1		background:#8aa0be;
1		border-right:3px solid #fff;
1		border-left:3px solid #fff;
1		background:url(/mainpics/nav-on.jpg) 0 bottom repeat-x;
1		height:64px;
1		z-index:100 !important;
		
		}
#nav li {
		float: left;
		}
/*	sub menu level 1	*/
#nav li ul {
		position: absolute;
		width: 12em;
		left: -999em;
		1top: 43px;
		}
#nav li:hover ul {
		left: auto;
		}
#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
		}
#nav li ul li {
		1font-family: Tahoma, Arial, Helvetica, sans-serif;
		1font-size: 1.2em;
		1background: #0574a2;
		1padding: 7px;
		1border-bottom: 1px solid #036292;
		}
#nav li ul li a {
		1text-decoration: none;
		1color: #eee;
		}
#nav li ul li:hover {
		1background: #df8f38;
		}
#nav li ul li:hover a {
		1color: #fff;
		}
#nav a 			{ 
	width:auto;
	line-height:20px; 
	padding:0 15px;
	margin-right:5px;
	padding-top: 21px;
	height: 43px;
} 
#nav a.two-line 			{ 
	padding-top: 12px;
	height: 52px;
} 
#nav a.on, #nav a:hover  { 
	background: url(/mainpics/bgs/button-nav-on-2016.png) repeat-x top;
} 


/*	root menu items	*/
/*
#nav a#home, #nav a#about-us, #nav a#services, #nav a#team, #nav a#contact {
		}
#nav a#home span, #nav a#about-us span, #nav a#services span, #nav a#team span, #nav a#contact span {
		}
#nav a#home 			{ width:84px; height:64px; line-height:72px; background: url(/mainpics/nav/button-home-off.png) center bottom no-repeat;} 
#nav a#home.on, #nav a#home:hover  			{ background: url(/mainpics/nav/button-home-on.png) center bottom no-repeat;} 

#nav a#dermatology 			{ width:170px; height:63px; line-height:72px;background: url(/mainpics/nav/button-general-dermatology-off.png) center bottom no-repeat;} 
#nav a#dermatology.on, #nav a#dermatology:hover 			{ background: url(/mainpics/nav/button-general-dermatology-on.png) center bottom no-repeat;} 

#nav a#cosmetic-dermatology 			{ width:188px; height:44px; line-height:38px; margin-top:17px; background: url(/mainpics/nav/button-cosmetic-dermatology-off.png) center bottom no-repeat;} 
#nav a#cosmetic-dermatology.on, #nav a#cosmetic-dermatology:hover 			{ background: url(/mainpics/nav/button-cosmetic-dermatology-on.png) center bottom no-repeat;} 

#nav a#surgical-dermatology 			{ width:190px; height:59.4px; line-height:66px; margin-top:3px; background: url(/mainpics/nav/button-surgical-dermatology-off.png) center bottom no-repeat;} 
#nav a#surgical-dermatology.on, #nav a#surgical-dermatology:hover 			{ background: url(/mainpics/nav/button-surgical-dermatology-on.png) center bottom no-repeat;} 

#nav a#testimonials 			{width:124px; height:64px;  line-height:71px; background: url(/mainpics/nav/button-testimonials-off.png) center bottom no-repeat;} 
#nav a#testimonials.on, #nav a#testimonials:hover 			{ background: url(/mainpics/nav/button-testimonials-on.png) center bottom no-repeat;} 

#nav a#contact 			{width:124px; height:64px;  line-height:71px; background: url(/mainpics/nav/button-contact-off.png) center bottom no-repeat;} 
#nav a#contact.on, #nav a#contact:hover 			{ background: url(/mainpics/nav/button-contact-on.png) center bottom no-repeat;} 
*/