/*
 ==============================================================================
 | TEMPLATE.CSS
 | Cascading Style Sheet (CSS) for Tricks of the Trade
 | ----------------------------------------------------------------------------
 | Author:			Stephen Williams
 | Creation Date:	01.13.2004
 | Last Updated:	01.25.2004
 | ----------------------------------------------------------------------------
 | Copyright (c) 2005  Focalbase Internet Solutions.
 | All rights reserved.
 | ----------------------------------------------------------------------------
 | Version: v1
 | $Id:
 | ----------------------------------------------------------------------------
 | Notes: 
 | This document contains styles for the template design.
 | line 034 - define html
 | line 063 - template layout
 | line 251 - headings - h1, h2, h3, etc.
 | line 300 - typography
 | line 327 - positioning
 | line 347 - content
 | line 430 - form layout
 | line 450 - menu div controls
 | line 528 - menu first level links
 | line 562 - menu second level links
 ==============================================================================
*/


/* --------------------------------------------------------------------------*/
/*
 || start - define html
*/

body {
	margin: 5px;
	padding: 0;
	background-color: #222;
	font-weight: normal;
	color: #fff;
	}
img {
	border: 0;
	}
a:link, a:visited {
	color: #FFFFCC;
	text-decoration: underline;
	background-color: transparent;
	}
a:hover, a:active {
	color: #FFFFCC;
	text-decoration: none;
	background-color: transparent;
	}

/*
 || end - define html
*/
/* --------------------------------------------------------------------------*/
/*
 || START template design
*/

/* main site containers */
div#sitebodyoutside {	
	margin: 0;	
	background: #333 url(../images/template/bg_carbon.gif) repeat left top;
	min-width: 770px;
	}
div#sitebodyinside {
	background: url(../images/template/bg_column.gif) repeat-y left top;
	border-right: 1px solid #333;
	}
	
/* style rows */
div.siterow {
	clear: both;
	background: #FCFCFD url(../images/template/bg_row.gif) repeat-x left bottom;
	}
div.siterow img {
	background-color: #222;
	}
		
/* banner container */
div#sitebanner {
	margin: 0;
	padding: 0;
	background: #A80000 url(../images/template/bg_banner.gif) repeat-x left bottom;
	}
div#sitebanner div#firesteel {
	background: url(../images/template/banner_bg_firesteel.jpg) no-repeat left top;
  	margin-bottom: 0;
	}

div#sitebanner table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	}
div#sitebanner table th {
	text-align: left;
	margin: 0;
	padding: 0;
	}
div#sitebanner table td {
	text-align: right;
	margin: 0;
	padding: 0;
	}

/* main body container */
div#body {
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	height: 100%; /* msie adjustment */
	}

/* page content container */
div#sitecontent {
	margin: 0 0 0 195px;
	padding: 10px;
	}

/* page content div */
div#sitepage {
	position: relative; /* msie fix */
	height: 100%;		/* msie fix */
	background-color: #000;
	border: 1px solid #ccc;
	margin: 0;
	padding: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	
	font-size: x-small;
  	voice-family: "\"}\"";
  	voice-family:inherit;
  	font-size: small;
	}
html>body div#sitepage	{
	font-size: small;
	}

/* further definition for older browsers */
div#sitepage td {	
	color: #fff;
	font-size: x-small;
  	voice-family: "\"}\"";
  	voice-family:inherit;
  	font-size: small;
	}
html>body div#sitepage td {
	font-size: small;
	}

/* menu container */
div#sitemenu {
	float: left;
	margin: 0;
	padding: 10px;
	
	width: 190px;
	voice-family: "\"}\"";
  	voice-family:inherit;
  	width: 170px;
	}
html>body div#sitemenu	{
	width: 170px;
	}

/* footer container */	
div#sitefooter {
	margin: 0;
	padding: 0;
	background: transparent url(../images/template/bg_carbon_block.gif) repeat-y left top;
	}
div#sitefooter p {
	margin: 0 0 0 200px;
	padding: 14px 12px 14px 10px;
	text-align: right;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
div#sitefooter a:link, div#sitefooter a:visited {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	}
div#sitefooter a:hover, div#sitefooter a:active {
	color: #ffffcc;
	background-color: transparent;
	text-decoration: underline;
	}

/* site updated box */
div#siteupdate {	
	border: 1px solid #ccc;
	color: #f0f0f0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 20px 0 0 0;
	padding: 0;
	background: #333 url(../images/template/bg_carbon.gif) repeat left top;
}
div#siteupdate p {
	margin: 7px;
}

/* focalbase tag */
div#focalbase {	
	margin: 0;
	min-width: 770px;
	}
div#focalbase p {	
	margin: 0;
	padding: 2px 0 2px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #999;
	}
div#focalbase p a:link, div#focalbase p a:visited {	
	color: #999;
	text-decoration: none;
	}
div#focalbase p a:hover, div#focalbase p a:active {	
	color: #999;
	text-decoration: underline;
	}

/* email address */
p#siteemail {
	clear: both;
	margin: 50px 0 0 0;
	padding: 0 20px 0 0;
	text-align: right;
	background: url(../images/template/arrow_left.gif) no-repeat right center;
}

/*
 || END template design
*/
/* --------------------------------------------------------------------------*/
/*
 || START headings
*/

h1 {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	background: url(../images/template/arrow_right.gif) no-repeat left center;
	font-weight: normal;
	
	font-size: medium;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: large;
	}
html>body h1	{
	font-size: large;
	}
h2 {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	background: url(../images/template/arrow_right.gif) no-repeat left center;
	font-weight: bold;
	
	font-size: small;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: medium;
	}
html>body h2	{
	font-size: medium;
	}
	
h3 {
	font-weight: bold;
	
	font-size: small;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: medium;
	}
html>body h3	{
	font-size: medium;
	}
	
/*
 || END headings
*/
/* --------------------------------------------------------------------------*/
/*
 || START - typography
*/

span.txtfire {
	color: red;
	font-weight: bold;
	}
span.txtsteel {
	color: #0066FF;
	font-weight: bold;
	}
.txtsmall, p.format {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
  	voice-family: "\"}\"";
  	voice-family:inherit;
  	font-size: x-small;
	}
html>body .txtsmall, html>body p.format {
	font-size: x-small;
	}

/*
 || END - typography
*/
/* --------------------------------------------------------------------------*/
/*
 || START - positioning
*/

img.floatleft 	{ float: left; }
img.floatright 	{ float: right; margin: 0 0 20px 30px; }

.alignleft 		{ text-align: left; }
.alignright 	{ text-align: right; }

p.clearboth 	{ clear: both; }
p.clearright 	{ clear: right; }

p.imagecenter 	{ text-align: center;	}
p.imagecenter img {	margin: 0 10px 0 10px; }

.txtcenter		{ text-align: center; }

/*
 || END - positioning
*/
/* --------------------------------------------------------------------------*/
/*
 || START - content
*/

/* homepage table */
table.homepage {
	border-collapse: collapse;
	width: 99%;
	}
table.homepage td {
	width: 65%;
	}
table.homepage th {
	width: 35%;
	vertical-align: top;
	}

/* notable performances */
dl#clients {
	margin: 0 200px 0 0;
	}
dl#clients dt {
	margin: 0;
	padding: 5px 5px 0 5px;
	}
dl#clients dd {
	margin: 0 0 0 30px;
	padding: 0 5px 8px 5px;
	}

/* media downloads */
div.boxmedia {
	margin: 30px 0 50px 0;
	}

/* merchandise table */
table.merchandise {
	border-collapse: collapse;
	width: 99%;
	}
table.merchandise td {
	width: 33%;
	padding: 10px 5px 10px 5px;
	text-align: center;
	}
table.merchandise td img {
	width: 150px;
	height: 150px;
	border: 1px solid #666;
	}

/* carbon background box */
div.box, p.box {	
	clear: right;
	border: 1px solid #ccc;
	padding: 7px;
	background: #333 url(../images/template/bg_carbon.gif) repeat left top;
	}
div.box p {	
	margin: 1px 0;
	}

/* return to top links */
p.return {
	clear: both;
	border-top: 1px solid #333;
	text-align: right;
	padding: 5px 0 0 0;
	}
p.return a:link, p.return a:visited {
	border: 1px solid #ccc;
	padding: 1px 5px 1px 5px;
	background: #333 url(../images/template/bg_carbon.gif) repeat left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-decoration: none;
	color: #fafafa;
	}
p.return a:hover, p.return a:active {
	text-decoration: underline;
	}	

/*
 || END - content
*/
/* --------------------------------------------------------------------------*/
/*
 || START - form layout
*/

/* input sizes */
input.fieldstandard { width: 200px; }
select.fieldstandard { width: 200px; }
textarea.fieldstandard { width: 250px; height: 10em; }

/* input focus color */
input[type="text"]:focus, select:focus, textarea:focus { background-color: #ffffcc; }

form {
	margin: 0;
	}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	}

/* form layout */
fieldset {
	border: 1px solid #333;
	margin: 20px 0 20px 0;
	padding: 10px;
	}
legend {
	background-color: #000;
	padding: 0 5px 0 5px;
	font-weight: bold;
	color: #fff;
	}
form {
	margin: 0 0 20px 0;
	}
form p {
	clear: left;
	margin: 0 0 5px 0;
	padding: 0;	
	}
form p b {
	float: left;
	width: 42%;
	text-align: right;
	padding: 2px 5px 0 0;
	}
form p b.required {
	color: red;
	}
form div.delete {
	margin: 0;
	text-align: center;
	}
form div.delete input {
	margin: 10px;
	}
form p span.msg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 3px 0 3px;
	color: #fff;
	background-color: transparent;
	}
	
/*
 || END - form layout
*/
/* --------------------------------------------------------------------------*/
/*
 || START - menu div controls
*/

/* container */
#menu {
	margin: 0;
	padding: 0;
	}
/* first level */
#menu div {
	margin: 0 0 2px 0;
	}
/* second level */
#menu div div {
	margin: 4px 0;
	padding: 0;
	background: url(../images/template/arrow_right.gif) no-repeat right center;
	}
/* third level */
#menu div div div {
	margin: 0 0 .2em 0;
	}

/*
 || END - menu div controls
*/
/* --------------------------------------------------------------------------*/
/*
 || START - first level links
*/

#menu div a {
	display: block;	
	width: 170px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	width: 150px;
	}
html>body #menu div a	{
	width: 150px;
	}

#menu div a:link, #menu div a:visited {
	margin: 0;
	padding: 5px 13px 5px 7px;
	border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #C30000 url(../images/template/bg_button.gif) no-repeat left bottom;
	}
#menu div a:hover, #menu div a:active {
	text-decoration: underline;
	}

/*
 || END - first level links
*/
/* --------------------------------------------------------------------------*/
/*
 || START - second level links
*/

#menu div div a {
	display: block;	
	width: 170px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	width: 150px;
	}
html>body #menu div div a {
	width: 150px;
	}

#menu div div a:link, #menu div div a:visited {
	text-align: right;
	font-weight: normal;
	border: 0;
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
	background: #000 url(../images/template/arrow_right.gif) no-repeat right center;
	text-decoration: underline;
	}
#menu div div a:hover, #menu div div a:active {
	color: #ffffcc;
	background-color: transparent;
	text-decoration: underline;
	}

/*
 || END - second level links
*/
/* --------------------------------------------------------------------------*/