/* 

	THOR Systems, Inc. 
	Title: main.css
	Author: Doug Hungarter, blindedbydesign.com
	Last Modified: 02/25/2007
	
*/

* { margin: 0; padding: 0; border: 0; }
body { font: medium/1.5 Georgia, "Times New Roman", Times, serif; color: #FFF; background: #1F1F1F; }

a:link, a:visited { color: #FF9; }
a:hover { color: #FFF; }

h1 { color: #FFC; border-bottom: 1px solid #35352B; padding: .25em 0; margin-bottom: .75em; font-size: 140%; clear: left; }
h2 { color: #999; border-bottom: 1px solid #35352B; padding: .25em 0; margin-bottom: .75em; font-size: 110%; }
p { margin-bottom: 1em; font-size: 85%; }
p.intro { font-weight: bold; font-size: 95%; }
ul { font-size: 90%; list-style: none; }
li { margin-bottom: .75em; padding-left: 20px; background: url(../img/bullet.gif) 2px 4px no-repeat; }
ul.articles li { padding-left: 20px; background: url(../img/bullet_article.gif) 2px 4px no-repeat; }
img.header_bg { position: absolute; right: 5px; bottom: -1px; }


#branding  { border-bottom: 1px solid #FFF; background: #000; }
#branding h1 { border: none; margin: 0; padding: 0; position: relative; left: -18px; }
#branding h1 a { display: block; width: 220px; height: 100px; text-indent: -10000px; background: url(../img/THOR_logo.gif) 0 center no-repeat; }
.wrap { width: 48em; margin: 0 auto; position: relative; }

#header { background: #600 url(../img/header_bg.png) bottom repeat-x; padding-bottom: .4em; }
#home #header .wrap { background: url(../img/home_header.jpg) 32.5em bottom no-repeat; }
#header p { font-size: 110%; color: #D1B2B2; padding-top: 2em; margin-bottom: 0; }
#header p.message { font-size: 200%; color: #FFF; padding-top: 0; }
#header ul { list-style: none; font-size: 100%; padding-top: 2.5em; }
#header ul li { display: inline; background: none; padding-left: 0; }
#header ul li a { padding: 5px 15px; background: #661919; color: #FFF; text-decoration: none; font-size: 90%; }

#header ul li a:hover { background: #6D2525; }
#header ul li a.current { background: #0A0A0A; padding-bottom: 10px; }

#content { background: url(../img/content_bg.png) top repeat-x; padding: 2em 0; }
#content #main { width: 32em; float: left; }
#content #sidebar { margin-left: 34em; padding-right: 1em; color: #CCC; }
#content #sidebar p { font-size: 75%; line-height: 1.8; }
#content #sidebar blockquote p { font-weight: bold; font-style: italic; line-height: 1.75; font-size: 90%; }
#content #sidebar blockquote cite { color: #666; font-size: 80%; }
#content #sidebar ul { font-size: 75%; }
#content #sidebar h2 { padding-top: .65em; position: relative; }

.prodPricing, .prodAvail { float: left; margin: 0 1.5em 3em 0; font-size: 75%; border-bottom: 2px solid #35352B; border-collapse: collapse; font-family: "Lucida Grande", "Trebuchet MS", sans-serif; }
#sidebar .prodPricing, #sidebar .prodAvail { width: 16.5em; float: left; }
.prodAvail { float: none; font-size: 80%; }
.prodAvail img.left { margin: 4px 5px 4px 0; }
.prodPricing th, .prodAvail th { border-bottom: 2px solid #35352B; text-align: left; padding: 3px 0 2px 2px; }
.prodPricing th.right, .prodAvail th.right { text-align: right; }
.prodPricing td, .prodAvail td { padding: 2px; border-bottom: 1px dotted #4B4B4B; font-size: 75%; vertical-align: top; }
.prodAvail td { border: none; }
.prodAvail td.pad { padding-top: 7px; }
.prodAvail td strong { color: #FFF; }
.prodAvail tr.alt td { background: #1B1B1B; }
.prodPricing tr.last td, .prodPricing td.noBorder, .prodAvail tr.last td, .prodAvail td.noBorder { border: none; }
#product .prodPricing { margin: 0 2em 1.5em 0; }
.right { text-align: right; }

img.right { float: right; padding: 4px; border: 1px solid #333; margin: .5em 0 1em 1em; }
img.left { float: left; padding: 4px; border: 1px solid #333; margin: .5em 1.5em 1em 0; }
img.none { padding: 4px; border: 1px solid #333; margin-bottom: 1em; }

.note { font-size: 75%; font-style: italic; color: #999; }

#footer { clear: both; padding-top: 2em; }
#footer .wrap { border-top: 1px solid #35352B; padding: .5em 0; }
#footer p { font-size: 70%; margin-bottom: .25em; color: #666; }