.subnav ul.sprites li span { display: block; border: 1px solid #c0c1c1; background-color: #f8f8f8; padding: 10px; margin: 0 10px 10px 10px }
.subnav ul.sprites li span:hover { border: 1px solid #257cdc }
.subnav ul.tutorials li span a { padding: 0; width: 96px; height: 81px; background-repeat: no-repeat; background-image: url(../images/icons/sprites-set1.png) }
.subnav ul.stats li span a { padding: 0; width: 64px; height: 64px; background-repeat: no-repeat; background-image: url(../images/icons/sprites-set3.png) }
.subnav ul.help li span a, .subnav ul.socialize li span a, .subnav ul.more li span a, .subnav ul.personal li span a, .subnav ul.personalb li span a, .subnav ul.mystuff li span a { padding: 0; width: 64px; height: 64px; background-repeat: no-repeat; background-image: url(../images/icons/sprites-set2.png) }
.subnav .submit {color: #408608; border: 2px dotted #408608;}
.subnav .vote {color: #FFCC00; border: 2px dotted #FFCC00;}

.mphotography { width: 330px; left: -3px }
.mphotoshop { width: 330px; left: -135px }
.mdrawing { width: 330px; left: -150px }
.m3d { width: 330px; left: -169px }
.mtutorials { width: 460px; left: -200px }
.nav { height:45px }
.nav:after { height: 0; clear: both; content: ""; display: block }
.nav-box { margin-top:9px;width: 960px; float: left; background-color: #257cdc; border-bottom: 1px solid #F0F0F0; -moz-border-radius: .5em; -webkit-border-radius: .5em; -o-border-radius: .5em; border-radius: .5em }
.nav ul { list-style-type: none; padding-left: 10px; margin: 0 -4px; position: relative }
.nav ul li { float: left; padding: 0 5px }
.nav ul li.some {width:18px;height:21px;}
.nav ul li.some img {height:19px;border:1px dashed #257cdc}
.nav ul li.some img:hover {border:1px dashed #fc0}
.nav ul li.personal a { color: #fc0 }
.nav ul li.pmicon a, .nav ul li.newsuggicon a { color: #fc0 }
.nav ul li.pmicon a:hover, .nav ul li.newsuggicon a:hover { color: #F90 }
.nav ul li.my>a { padding-left: 20px; color: #fc0; border-left: 2px solid #fc0 }
.nav ul li.my2>a.login { padding-left: 15px; color: #fc0; border-left: 2px solid #fc0 }
.nav ul li.my2>a.register {padding-right:15px;border-right: 2px solid #fc0}
.nav ul li.my>a:hover { color: #F90 }
.nav ul li.my2>a { color: #fc0 }
.nav ul li.my2>a:hover { color: #F90 }
.nav ul li:hover, .nav ul li#loginlink { position: relative }
.nav ul li a { display: block; font: normal 15px 'Open Sans Condensed', Geneva, sans-serif; text-transform: uppercase; padding: 7px 5px; position: relative; z-index: 2; color: #FFF }
.nav ul>li>a:hover { text-decoration: none; color: #fc0 }
.nav ul li a span.down { font-size: 8px }
.subnav { padding: 10px; display: none; z-index: 50; position: absolute; background-color: #f9f9f9; border-top: 0; border-left: 1px solid #bababa; border-right: 1px solid #bababa; border-bottom: 1px solid #bababa; -moz-border-radius-bottomright: .5em; -webkit-border-radius-bottomright: .5em; -o-border-radius-bottomright: .5em; border-bottom-right-radius: .5em; -moz-border-radius-bottomleft: .5em; -webkit-border-radius-bottomright: .5em; -o-border-radius-bottomright: .5em; border-bottom-left-radius: .5em}
.subnav ul.tutorials li span a.photoshop { background-position: 0 0 }
.subnav ul.tutorials li span a.illustrator { background-position: -100px 0 }
.subnav ul.tutorials li span a.photography { background-position: -200px 0 }
.subnav ul.tutorials li span a.bryce { background-position: 0 -100px }
.subnav ul.tutorials li span a.max { background-position: -100px -100px }
.subnav ul.tutorials li span a.drawing { background-position: -200px -100px }
.subnav ul.tutorials li span a.coreldraw { background-position: 0 -200px }
.subnav ul.tutorials li span a.gimp { background-position: -100px -200px }
.subnav ul.tutorials li span a.blender { background-position: -200px -200px }
.msocialize { width: 360px; left: -155px }
.subnav ul.socialize li span a.forum { background-position: 0 0 }
.subnav ul.socialize li span a.activetopics { background-position: -100px 0 }
.subnav ul.socialize li span a.contact { background-position: -200px 0 }
.mstats { width: 360px; left: -160px }
.subnav ul.stats li span a.results { background-position: 0 0 }
.subnav ul.stats li span a.statistics { background-position: -200px 0; }
.subnav ul.stats li span a.topentries { background-position: -100px 0; }
.mmore { width: 480px; left: -225px }
.subnav ul.more li span a.mod { background-position: -100px -200px }

.subnav ul.more li span a.blog { background-position: 0 -700px }
.subnav ul.more li span a.magazine { background-position: -200px -300px }
.subnav ul.more li span a.team { background-position: 0 -400px }
.subnav ul.more li span a.grid { background-position: -100px -400px }
.subnav ul.more li span a.livecomments { background-position: -200px -400px }
.subnav ul.more li span a.sbs { background-position: 0 -500px }
.mlogin { width: 300px; left: -150px }
.mmystuff { width: 500px; left: -350px }
.subnav ul.mystuff li span a.myentries { background-position: -100px -500px }
.subnav ul.mystuff li span a.mysuggestions { background-position: -200px -500px }
.subnav ul.mystuff li span a.myvotes { background-position: 0 -600px }
.subnav ul.mystuff li span a.mytutorials { background-position: -100px -600px }
.subnav ul.mystuff li span a.myguides { background-position: 0 -500px }
.subnav ul.mystuff li span a.mymessages { background-position: -200px -600px }
.subnav ul.mystuff li span a.mydetails { background-position: -100px -800px }
.subnav ul.mystuff li span a.myfavorites { background-position: -200px -700px }
.subnav ul.mystuff li span a.mysettings { background-position: 0 -800px }
.subnav ul.mystuff li span a.myfriends { background-position: -100px -700px }
.subnav ul.mystuff li span a.logout { background-position: -200px -800px }
.mpersonal { width: 490px; left: -390px }

.mhelp { width: 370px; left: -180px }
.subnav ul.help li span a.faq { background-position: -200px -200px }
.subnav ul.help li span a.guidelines { background-position: 0 -300px }
.subnav ul.help li span a.language { background-position: -100px -300px }

li.pmicon img { height: 12px;}
li.pmicon a { color: #000 }
li.searchicon img { height: 14px;padding-top:2px;margin:0; }
li.searchicon a { color: #000;margin:0; }
li.newsuggicon img { height: 14px; }
li.newsuggicon a { color: #000 }
.subnav ul { list-style: none }
.subnav ul li { float: left; text-align: center }
.subnav ul li a { color: #555; display: block; text-transform: lowercase; font-size: 1.4em; font-weight: normal }
.subnav ul li a:hover { color: #000 }
.subnav-right .subnav { left: auto; right: -4px }
.subnav .top, .subnav .bottom { display: block; height: 6px; font-size: 1px; line-height: 1px; background-repeat: no-repeat }
.subnav .subheader { font: normal 1.6em 'Open Sans Condensed', sans-serif; margin: 10px 0; color: #257cdc; text-align: center; text-transform: uppercase; border-bottom: 1px dashed #F0F0F0 }
.subnav .subheader a { color: #555; display: inline; font-weight: normal; text-transform: lowercase }
.subnav .subheader a { color: #000 }
.subnav #box_login { margin-left: 15px }
.subnav #box_login label { padding: 5px 0 }
.subnav #box_login a { color: #999 }
.subnav #box_login .facebook {margin-left:-3px;}
.subnav #box_login .google {margin-top:-10px;margin-left:-3px;}
.subnav #box_login .twitter {margin-top:-10px;margin-left:-3px;}
.subnav #loginresult { padding-top: 10px; vertical-align: bottom; font-weight: normal; margin-bottom: -20px; height: 15px }
.subnav #loginresult .forgot { font-weight: normal; font-size: 1em; text-transform: lowercase; display: inline }
.visible { visibility: visible }
.hidden { visibility: hidden }