/*
GLOBAL RESET by Eric Meyer
==================================================
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
GENERAL
==================================================
*/

body { background: url(images/body_bg.gif) repeat-y #F2F2F2; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 80%; line-height: 1.6em; color: #888; }

/* HEADERS */
h1 { padding: 0; margin: 0 0 1em 0; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 24px; font-weight: normal; letter-spacing: -0.04em; color: #F26532; display: block; }
h2 { padding: 0 0 0; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 1.3em; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: 0; color: #333; }
	div.right h2 { padding: 0 0 1em 0; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 1.3em; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: 0; color: #333; }
h3 { padding: 0 0 1em 0; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 1em; font-weight: bold; text-transform: normal; letter-spacing: 0; color: #F26532; }
	div.home h3 { padding: 0 0 2em 0; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 1em; font-weight: bold; text-transform: normal; letter-spacing: 0; color: #F26532; }

img { border: 0; padding: 0; margin: 0; }
p { margin: 0 0 1.6em 0; display: block; }
strong { font-weight: bold; }
em { font-style: italic; }

a {	color: #F26532; border-bottom: 1px solid #DDD; background: transparent; text-decoration: none; }
a:active { color: #000; background: transparent; font-style: normal; }
a:hover { color: #000; background: transparent; border-bottom: 1px solid #fff; }
a.noLine { border: 0; }

a.black:link, a.black:visited { color: #000; border-bottom: 1px solid #DDD; background: transparent; text-decoration: none; }
a.black:active { color: #F26532; background: transparent; font-style: normal; }
a.black:hover { color: #F26532; background: transparent; border: none; }

blockquote { font: 1em/2em Georgia, 'Times New Roman', 'Serif'; padding: 0 0 0 1em; margin: 0 0 2em 0; border-left: solid 5px #EEE; background: url(images/quote.gif) no-repeat 0 0; }
small { font-size: 0.89em; }
p.intro { font-size: 1.2em; color: #555; line-height: 1.5em; }

#content ul { margin: 0 0 1.6em; }
#content li { margin: 0 0 0.5em 1.5em; background: url(images/bullet.gif) no-repeat 0 0.7em; padding: 0 0 0 1em; }

#content ul.half { margin: 0 0 1.6em 0; float: left; clear: both; width: 100%; }
#content ul.half li { margin: 0 0 0.5em 0.75em; background: url(images/bullet.gif) no-repeat 0 0.7em; padding: 0 0 0 1em; width: 45%; float: left; }

/*
DIV TEMPLATE
=============================================================
*/
#container { width: 850px; float: left; margin: 0; padding: 0 30px; }

#header { float: left; width: 850px; height: 100px; margin: 0; padding: 0; border-bottom: 1px solid #EEE; }
#header h1 { text-indent: -9999px; height: 32px; width: 130px; float: left; margin: 34px 0 0 0; padding: 0; }
#header h1 a { background: url(images/logo.gif) 0 0 no-repeat; height: 32px; width: 130px; float: left; border: none; }
#header h1 a:hover { background-position: 0 -32px; }

#header ul { width: 700px; float: right; text-align: right; height: 100px; overflow: hidden; }
#header li { list-style: none; display: inline; line-height: 100px; height: 100px; vertical-align: middle; }
#header li a:link, #header li a:visited { border: none; color: #F26532; height: 95px; float: right; margin: 0 0 0 25px; font-size: 0.9em; }
#header li a:hover { border-bottom: solid 5px #EEE; color: #000; }
#header li a.current:link, #header li a.current:visited { border-bottom: solid 5px #EEE; color: #000; }

#intro { float: left; width: 850px; margin: 0; padding: 0; border-bottom: 1px solid #EEE; }
#intro h1 { color: #BBB; font-size: 2.8em; line-height: 1.2em; margin: 0.5em 0; padding: 0; }
#intro h1 strong { font-weight: normal; color: #555; }
#intro h1 span { font-size: 0.3em; font-weight: normal; letter-spacing: 0; line-height: 1em; vertical-align: middle; }

.holdleft { width: 50%; float: left; }
.holdright { width: 50%; float: right; }

#content { margin: 0; padding: 2em 0 0 0; float: left; width: 850px; overflow: hidden; }
#content .left { float: left; width: 400px; border-bottom: 1px solid #EEE; margin: 0 0 2em 0; overflow: hidden; }
#content .left.contact { margin: 0; padding: 0 0 1.5em 0; }
#content .left.contact p { margin: 0 0 0.5em 0; padding: 0; }
#content .left.noborder { border: none; margin: 0; }
#content .left.paddingplease { padding: 0 0 1.6em 0; }
#content .right { float: right; width: 400px; border-bottom: 1px solid #EEE; margin: 0 0 2em 0; overflow: hidden; }
#content .right.paddingplease { padding: 0 0 1.6em 0; }
#content .right.noborder { border: none; margin: 0; }
#content .whole { float: left; width: 850px; border-bottom: 1px solid #EEE; margin: 0 0 2em 0; overflow: hidden; }
#content .whole.noborder { border: none; margin: 0; }
#content .break { float: left; width: 100%; height: 1px; }
#content .break.line { background: url(images/break_bg.gif) no-repeat; margin: 0 0 2em 0; }
#content .break.fullline { border-bottom: 1px solid #EEE; margin: 0 0 2em 0; }
.tiny { font-size: 0.95em; } /* For containers which need smaller font */

.icon { font-size: 0.89em; }
/* Icons courtesy of FAMFAMFAM.com */
a.icon.pdf, a.icon.pdf:hover { background: url(images/icon_pdf.gif) no-repeat 0 50%; }
a.icon.doc, a.icon.doc:hover { background: url(images/icon_doc.gif) no-repeat 0 50%; }
a.icon.xls, a.icon.xls:hover { background: url(images/icon_xls.gif) no-repeat 0 50%; }
a.icon.link, a.icon.link:hover { background: url(images/icon_link.gif) no-repeat 0 50%; }
a.icon.img, a.icon.img:hover { background: url(images/icon_img.gif) no-repeat 0 50%; }
a.icon:link, a.icon:hover, a.icon:visited { border: none; display: block; height: 1.6em; overflow: hidden; padding: 0.5em 0 0.5em 25px; }

#sidebar { float: right; width: 240px; border-bottom: 3px #EEE solid; border-top: 3px #EEE solid; margin: 0 0 20px 40px; padding: 1.5em 0 0.5em 0; font-size: 1.2em; color: #888; font-family: Georgia, Serif; }
	#sidebar p { margin: 0 0 1.2em 0; }
	#sidebar h1 { font: italic 1.2em Georgia, sans-serif; color: #000; letter-spacing: -0.025em; }
	#sidebar h2 { font: italic 1em Georgia, sans-serif; padding: 0 0 0.5em; color: #333; letter-spacing: -0.025em; }

#footer { width: 850px; color: #BBB; padding: 2em 0 2em 0; margin: 0; float: left; font-size: 0.89em; }

.border { border-top: 1px solid #EEE; }
#footer p { padding: 0; margin: 0; }
#footer #contact { float: left; width: 370px; }
#footer #jargon { float: right; width: 370px; text-align: right; line-height: 5.5em; vertical-align: middle; font-style: italic; }
#footer #jargon a.bthreen { padding: 5px 17px 0 0; line-height: ; background: url(images/bthreen.gif) no-repeat 100% 3px; }
#footer #jargon a:link.bthreen { color: #8AD5CE; border: 0; }
#footer #jargon a:visited.bthreen { color: #8AD5CE; border: 0; }
#footer #jargon a:hover.bthreen { color: #8AD5CE; border: 0; background-position: 100% 0; }

/*
FORMS
==================================================
*/

label { font-size: 0.89em; }

input { font-size: 1em; border: solid 1px #DDD; border-top: solid 1px #AAA; background: #FFF; padding: 0.2em; color: #AAA; }
textarea { font-family: Verdana, "Sans-Serif"; font-size: 1em; border: solid 1px #DDD; border-top: solid 1px #AAA; background: #FFF; padding: 0.2em; color: #AAA; overflow: auto; }
input.contact { width: 340px }
textarea.contact { width: 340px; }
input.contact.error, textarea.contact.error { background: #F2F2F2; }

input.submitbtn { width: 80px; height: 25px; background: url("images/submit_bg.gif") 0 0; outline: none; border: 0; padding: 0; margin: 0; }
input.submitbtn:hover { background-position: 0 -25px; }

/*
OTHER
==================================================
*/

img.imgRight { float: left; padding: 0 2em 2em 0; }

.imgrt { float: left; }
.imgrt { float: right; }
p.small { font-size: 0.89em; }
#content .left.contact p.spacing { margin: 0 0 1.6em 0; }
span.orange { color: #F26532; }
span.dark { color: #000; }
	strong.dark { color: #000; }
	
table.pricing { width: 100%; padding: 1em 0 3em; }
	table.pricing td { border-bottom: 1px solid #eee; padding: 0.2em 0; }
	table.pricing tr:hover { background: #f2f2f2; color: #333; }
	table.pricing tr.no:hover { background: transparent; }
	table.pricing .highlight { color: #000; }
table.small { width: 100%; padding-bottom: 2em; }
table.small tr:hover { background: transparent; }