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

#top-nav {
	width:800px;
	height:48px;
	background:url(../layout/top_nav_bg.png) no-repeat transparent center top;
	margin:39px auto;
	}

#top-nav-menu {margin-top:17px;}

#top-nav-menu, #top-nav-home, #top-nav-portfolio, #top-nav-services, #top-nav-contact, #top-nav-faq, #top-nav-logo {float:left;}
	
#top-nav-home, #top-nav-portfolio, #top-nav-services, #top-nav-contact {text-transform:uppercase;}
	
#top-nav-menu {font-size:11px;}
	
#top-nav-menu a {
	text-decoration:none;
	padding-bottom:10px;
	}

#top-nav-menu a:link, #top-nav-menu a:visited {color:#999;}

#top-nav-menu a:hover {color:#FFF;}

#top-nav-home, #top-nav-portfolio, #top-nav-services, #top-nav-contact, #top-nav-faq {text-align:center;}

#top-nav-home {width:102px;}
#top-nav-portfolio {width:146px;}
#top-nav-services {width:138px;}
#top-nav-contact {width:151px;}
#top-nav-faq {width:95px;}

#top-nav-logo {
	width:168px;
	}
	
#top-nav-logo a img {
	margin-top:-17px;
	}


/*Sub Navs*/

.sub-nav-top {
	padding-bottom:40px;
	}

.sub-nav {
	position:absolute;
	z-index:998;
	float:left;
	margin:20px 0 0 10px;
	*margin:35px 0 0 -100px; /*IE 7*/
	text-align:left;
	display:none;
	}

.sub-nav-menu {
	text-align:left;
	margin:10px 0 0 15px;	
	text-transform:none;
	}
	
.sub-nav-title {
	margin:5px 0 10px 0;
	font-size:12px;
	font-weight:bold;	
	}

.sub-nav-link {
	margin-bottom:5px;
	*margin-bottom:8px; /*IE*/	
	padding-bottom:0px;
	}
	

/*Portfolio Sub Nav*/

#top-nav-portfolio-sub {
	background:url(../layout/sub_nav_portfolio_bg.png) no-repeat left top;
	width:210px;
	height:116px;
	float:left;
	}
	
#deviant-art-sub-nav {
	background:url(../layout/sub_nav_portfolio_deviant_art_logo.png) no-repeat transparent 65px top;
	padding-right:30px;
	}
	
#deviant-art-sub-nav a {
	padding-right:30px;
	}
	
	
/*Services Sub Nav*/

#top-nav-services-sub {
	background:url(../layout/sub_nav_services_bg.png) no-repeat left top;
	width:211px;
	height:224px;
	}