/**************
Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt, version: 2.8.0r4
--> Modified!
**************/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/************** Global Elements **************/
body { background:#000 url(../img/dutil-background.jpg) top center no-repeat; font:normal 1.0em/1.2em "Courier New",Courier,monospace; color:#6b533c; }
a { color:#6b533c; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }
#main { width:972px; margin:0 auto; position:relative; }
.content { overflow:auto; _height:250px; min-height:250px; }
h1#logo { width:324px; height:143px; margin:1px 0 -47px 206px; text-indent:-4444px; overflow:hidden; _background:transparent url(../img/dutil-logo.gif) 0 0 no-repeat; }
h1#logo[id] { background:transparent url(../img/dutil-logo-new.png) 0 0 no-repeat; }
/*
h1#logo { width:237px; height:52px; margin:45px 0 0 250px; text-indent:-4444px; overflow:hidden; _background:transparent url(../img/dutil-logo.gif) 0 0 no-repeat; }
h1#logo[id] { background:transparent url(../img/dutil-logo.png) 0 0 no-repeat; }
*/
h1#logo.blog { margin:-39px 0 -47px 51px; }
.conf { color:#ffcc00; }

/************** Nav **************/
#nav-main { overflow:auto; width:661px; height:32px; padding:0; }
#nav-main li { float:left; margin-right:12px; list-style:none outside none; }
#nav-main li a { color:#35362e; height:31px; background-image:url(../img/dutil-nav-main-spr.jpg); background-color:transparent; background-repeat:no-repeat; text-indent:-1000px; overflow:hidden; }

/* Bottom Nav */
#nav-main.bottom-nav { margin:64px auto 35px; }
#nav-main.bottom-nav li.home a { display:block; width:105px; background-position:0 0; }
#nav-main.bottom-nav li.about a { display:block; width:116px; background-position:-106px 0; }
#nav-main.bottom-nav li.store a { display:block; width:136px; background-position:-224px 0; }
#nav-main.bottom-nav li.blog a { display:block; width:100px; background-position:-362px 0; }
#nav-main.bottom-nav li.contact a { display:block; width:139px; background-position:-464px 0; }

#nav-main.bottom-nav li.home a.selected,#nav-main.bottom-nav li.home a:hover { background-position:0 -37px; }
#nav-main.bottom-nav li.about a.selected,#nav-main.bottom-nav li.about a:hover { background-position:-106px -37px; }
#nav-main.bottom-nav li.store a.selected,#nav-main.bottom-nav li.store a:hover { background-position:-224px -37px; }
#nav-main.bottom-nav li.blog a.selected,#nav-main.bottom-nav li.blog a:hover { background-position:-362px -37px; }
#nav-main.bottom-nav li.contact a.selected,#nav-main.bottom-nav li.contact a:hover { background-position:-464px -37px; }

/* Top Nav */
#nav-main.top-nav { margin:35px auto 0; }
#nav-main.top-nav li.home a { display:block; width:105px; background-position:0 -74px; }
#nav-main.top-nav li.about a { display:block; width:116px; background-position:-106px -74px; }
#nav-main.top-nav li.store a { display:block; width:136px; background-position:-224px -74px; }
#nav-main.top-nav li.blog a { display:block; width:100px; background-position:-362px -74px; }
#nav-main.top-nav li.contact a { display:block; width:139px; background-position:-464px -74px; }

#nav-main.top-nav li.home a.selected,#nav-main.top-nav li.home a:hover { background-position:0 -111px; }
#nav-main.top-nav li.about a.selected,#nav-main.top-nav li.about a:hover { background-position:-106px -111px; }
#nav-main.top-nav li.store a.selected,#nav-main.top-nav li.store a:hover { background-position:-224px -111px; }
#nav-main.top-nav li.blog a.selected,#nav-main.top-nav li.blog a:hover { background-position:-362px -111px; }
#nav-main.top-nav li.contact a.selected,#nav-main.top-nav li.contact a:hover { background-position:-464px -111px; }

#nav-main li.contact { margin-right:0; }

/************** Footer **************/
#subscribe-form { text-align:center; margin-bottom:24px; }
#subscribe-form label { display:none; }
#subscribe-form #EmailAddress { background-color:#090504; color:#393738; font-size:14px; width:200px; text-align:center; padding:4px; border:1px solid #393738; }
#subscribe-form #EmailAddress:hover { color:#6b533c; border:1px solid #6b533c; }
#subscribe-form #submit { background-color:#000; border:0; padding:2px; color:#6b533c; }
#subscribe-form #submit:hover { color:#6b533c; border:1px solid #6b533c; }

/************** Index **************/
body#index { background-image:none; }
#index #main { width:972px; height:670px; margin:0 auto; position:relative; background:#000 url(../img/dutil-background.jpg) top center no-repeat; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
#index h1#logo { position:absolute; top:208px; left:252px; margin:0; }
#index .enter { position:absolute; top:520px; left:636px; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

/************** Home **************/
#home h1#logo { margin:9px 0 -36px 201px; }
#home-hero-c { overflow:auto; width:757px; margin:35px auto 0; }
.home-hero { float:left; width:235px; height:236px; padding:7px 0 0 6px; _background:transparent url(../img/home-hero-frame.gif) 0 0 no-repeat; }
.home-hero[class] { background:transparent url(../img/home-hero-frame.png); }
#home-hero-1,#home-hero-2 { margin-right:17px; }

/************** Content Pages **************/
.content { width:657px; margin:35px auto; }
.normal-content { float:left; width:368px; padding-right:35px; }
.hero-image { float:right; padding:20px 0 0; margin-right:12px; }
.normal-content h2 { margin-bottom:12px; }

#missing .normal-content, #email .normal-content { width:540px; padding:0; }

/************** Blog **************/
h1#logo.blog { float:none; }

/************** Contact **************/
#contact dl { overflow:auto; }
#contact dt { display:block; float:left; width:60px; margin:0 24px 20px 0; }
#contact dd { display:block; margin:0 0 12px; }
#contact p { margin:0 0 24px; }
#contact-form label { display:none; }
#contact-form input,#contact-form textarea { background-color:#090504; color:#393738; font-size:14px; width:300px; padding:4px; margin:0 0 8px; border:1px solid #393738; }
#contact-form textarea { height:100px; overflow:auto; overflow-y:auto; overflow-x: hidden; }
#contact-form #contact-submit { width:120px; }
#contact-form input:hover,#contact-form textarea:hover { color:#6b533c; border:1px solid #6b533c; }

/************** Shop **************/
.store-links { overflow:visible; width:657px; height:24px; text-align:left; }
.store-links p { float:right; margin-right:15px; font-size:11px; color:#6b533c; }
#store a { color:#6b533c; }
#store a:hover { color:#6b533c; }
#store .content { margin-top:10px; }