/* REMOVE MARGIN & PADDING */
html, body, div, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dt, dd, code, legend, form, fieldset, input, textarea, table, th, td { margin: 0; padding: 0; }

/* DEFAULT LEFT MARGIN */
ol, ul, dl { margin-left: 2em; }
dd, blockquote { margin-left: 1em; }

body { background: #000; text-align: left; font: 12px verdana, arial, sans-serif; color: #000; }
body#home { color: #fff; }

img, a img { border: 0; }

a:link, a:visited { color: #930; text-decoration: none; }
a:hover { color: #009fee; text-decoration: underline; }

li a.active { color:#f00;}

#page {height:1%;}

#wrapper { width: 980px; position:relative; }

.alignright { text-align:right; }

.clearlft { clear:left; }
.clearrgt { clear:right; }
.clearall { clear:both; }

/* HOME
*******************************************************************************/
#home #wrapper { height:622px; }
#powerhammer_lft { position: absolute; top: 0px; left: 5px;
	width: 445px; height: 600px;
}
#powerhammer_rgt { position: absolute; top: 217px; left: 450px;
	width: 344px; height: 58px;
}
/*
#mainmenu { position: absolute; top: 0px; left: 457px;
	width:130px;
	background: #ffe584;
	color: #fff;
	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
 #mainmenu #menulist { list-style-type:none; margin-left: 0px; margin-top: 16px; width:130px; } 
  #mainmenu #menulist li { margin:10px 0px; }
   #mainmenu #menulist li a { width:114px; display:block; padding: 4px 0px 4px 16px; color: #fff; text-decoration: none;}
   #mainmenu #menulist li a:HOVER {text-decoration: underline; background:#f60; }

#homefooter { bottom:0; color:#999999;
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:center;
	width:980px;
}
#inset_blurb { position: absolute; top: 421px; left: 460px;
	width: 340px;
	color: #AA5C35;
	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}
 #inset_blurb div { display:none; }

#catg_inset { width: 340px; height: 135px; 
	position: absolute;  top: 281px; left: 450px;
}
*/

/* SUBPAGE NAVIGATION
*******************************************************************************/
#header { height:80px;width:980px;background:#000 url(../images/layout/header_top_bg.gif) repeat-y; }
#header img { margin:8px 0px 4px 10px; border:0; }

#topnavwrapper { width:980px; height:20px; background:#ffe584;overflow:hidden;}
  #topnav { list-style-type:none; margin:0px;width:980px;height:20px;}
    #topnav li { float:left;}
      #topnav li a { display:block;height:20px;color:#000;font-family:times;font-size:14px;line-height:20px;font-weight:bold;padding:0px 16px; }
      #topnav li a:hover,
      #topnav li.mainnavon a { color:#fff;background:#c00; }
      #topnav li.mainnavhome { margin-right:130px; margin-left:30px; }
      #topnav li.mainnavhome a.homeon { color:#9a0104; }
      #topnav li.mainnavhome a.homeon:hover { color:#fff; }

#leftnav { float:left; width:210px;background:#c00;margin-left:7px;padding:20px 0 24px; }
  #subnav { list-style-type:none; }
    #subnav li { display:block; padding:0 0 8px 7px; }
      #subnav li a { display:inline; color:#000; font-weight:bold; padding:0; }
      #subnav li a:hover,
      #subnav li.subnavon a { display:inline; color:#fff; }
      	#subnav li a.thickbox .i { font-style:italic;}
      #subnav li ul { list-style-type:none; margin-left:0; }
      #subnav li ul li { padding-left:0;padding-bottom:2px; }
      #subnav li ul li a { font-weight:normal; }
     
.pub2 { font-style:italic; font-weight:normal; }

/*
ORANGE: #ff6600
RED: #cc0000
YELLOW: #ff9900
*/

#subwrapper { width:980px; position:relative; background:#fff; }
  #subwrapper.work { background:#fff url(../images/dbmd_about_work_bg.jpg) 0 0 no-repeat; }
  #subwrapper.forge { background:#fff url(../images/dbmd_about_forge_bg.jpg) 0 0 no-repeat; }
  #subwrapper.process { background:#fff url(../images/layout/about_process_bg.jpg) left bottom no-repeat; }
  #subwrapper.tools { background:#fff url(../images/dbmd_about_tools_bg.jpg) 0 0 no-repeat; }
  #subwrapper.artist { }
  #subwrapper.reader #leftnav #subnav li,
  #subwrapper.dynamic #leftnav #subnav li,
  #subwrapper.artisan #leftnav #subnav li,
  #subwrapper.ironwork #leftnav #subnav li { padding-bottom:12px; }
  #subwrapper.studio { width:980px; height:500px; background:#000 url(../images/layout/studio_bg.jpg) no-repeat; }
  #subwrapper.casestudies {  height:500px;background:#fff url(../images/dbmd_about_artist_bg.jpg) 0 0 no-repeat; }
#bodycopy { width:330px;float:left;margin:10px 0 10px 50px; }
#bodycopy p { padding-bottom:10px; }
#bodyinset { float:right; height:500px;text-align:right; }

.titlespace { letter-spacing:4.5px; }
.quote { color:#830; font-style:italic; }
.quoteattrib { font-size:10px;font-style:normal;color:#000;white-space:nowrap; }

.b { font-weight:bold; }
.i { font-style:italic; }

#footer { clear:both; color:#999; font-size:10px; line-height:26px; padding-top:20px; text-align:center; width:980px; }
    

/* SITEWIDE CLASSES for layout
*******************************************************************************/
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, .node, .post, #lower-rightsidebar ul { display: inline-block; }
.clearfix, .node, .post, #lower-rightsidebar ul { display: block; }

.aligncenter { text-align: center; }
.floatleft { float: left; }
.floatright { float: right; }

.hide { display: none; }

.clear { clear: both; }
br.clear { clear: both; height: 1px; font-size: 1px; }

tbody { border-top: 0 !important; }

/* STUDIO TOUR
*******************************************************************************/
/*body.tour { background:#fff;color:#fff }*/
body.tour { background:transparent none repeat scroll 0 0; color:#fff }
#studiocolorpanel {position:absolute;left:432px;width:280px;height:550px;background:#333;}
#studiowrapper {position:relative;width:750px;height:530px;color:#999;padding-top:20px;}
	#studiowrapper div {display:none;}
	#studiowrapper div div, 
	#studiowrapper div#studiobottom,
	#studiowrapper div#studiobottom div,
	#studiowrapper div#tourcontroller,
	#studiowrapper div#caserule {display:block;}

	.studioleft {float:left;width:418px;height:370px;}
		.studioleft table {float:right; border:#000 solid 2px;}
		.studioleft table td img {margin:2px;}
	.studioright {float:left;width:250px;margin-left:30px;padding-top:30px;color:#fff;}
		.case .studioright {color:#fffbaf;}

	#studiobottom {position:absolute;bottom:43px;width:750px;display:block;float:none;clear:left;background:#000;padding:4px 0;}
	#tourH {height:84px;width:648px;margin-left:46px;overflow:hidden;clear:both;position:relative;border:3px solid #CC0000;}
	#tourS {position:absolute;left:0px;}
	#tourTbl { background:#000;}
		#tourTbl td { padding:2px;background:#000; }
		#tourTbl td img { border:1px solid #000; }
		#tourTbl td.on { background:#fff; }
	#arrowlft {float:left;position:absolute;bottom:68px;left:8px;display:block;}
	#arrowrgt {float:right;position:absolute;bottom:68px;left:698px;display:block;}

/* CASESTUDIES
*******************************************************************************/
body.case { background:transparent none repeat scroll 0 0; color:#000; }
#colorpanel { position:absolute;left:450px;width:280px;height:550px;background:#ff9e13; }
	#colorpanel div { width:250px;font-style:italic;margin:20px 0 0 13px;color:#000; }
#blackpanel { position:absolute;top:84px;width:750px;height:74px;background:black; }
#tourwrapper {position:absolute;top:22px;}
	#tourwrapper div {display:none;}
	#tourwrapper div div {display:block;}

	.tourleft {float:left;width:450px;height:370px;text-align:right;}
		.tourleft table {float:right; border:#f90 solid 2px; margin-right:30px;}
		.tourleft table td img {margin:2px;}
	.tourright {float:left;width:255px;margin:140px 0 0 13px;color:#000;}
		.tourright p {padding-bottom:8px;}

#caserule {display:block;width:280px;position:absolute;top:105px;left:450px;}
#caserule table {width:280px;}
		
#caseTbl td { background:url(../images/layout/cs-rule.gif) repeat-x;margin:0;padding:0;border:0;text-align:center;}
	#caseTbl td.casecontroller {width:16px;background:url(../images/layout/cs-arrow-bg.gif) no-repeat;}
		#caseTbl td.casecontroller #cs-arrow-lft {display:none;}
		#caseTbl td.casecontrollertxt #cs-arrowtxt-lft {display:none;}
		#caseTbl td.casecontrollertxt { white-space:nowrap;background-image:none; }
			#caseTbl td.casecontrollertxt a {color:#fff;font-size:120%;}
		#caseTbl td.casegap { width:10px; }
		#caseTbl td img { display:block;}
		#cs-arrowtxt-lft {float:left; }
		#cs-arrowtxt-rgt {float:right; }

/* CONTACT
*******************************************************************************/
.formEntry, .formType {color: #000000;font-weight: normal;font-size: 12px;}
.formEntry {width: 160px;}
.formSelect {color: #000000;font-weight: normal;font-size: 12px;width: 160px; display:block; overflow: hidden;}
.formComment {color: #000000;font-weight: normal;font-size: 12px;font-family: verdana, arial, sans-serif;width:300px;}
.req {color: #FF3300;font-weight: normal;font-size: 12px;}
.hot {background:#FFE584;}
