/*
---------------------------------------------------------------------------------
	( mathestate ) TM
    --------------------------------
    global screen styles

    nov '07
    css code by: matthew brown / www.thingsthatarebrown.com
                 +
                 paul jarvis / www.twotwenty.com
---------------------------------------------------------------------------------
*/


/* ---/ core layout, yui /--- */
#custom-doc { width:63.54em;*width:62.01em;min-width:826px; margin:auto; text-align:left; font: 12px verdana; line-height: 16px }
body { background: url("../img/bg.gif") repeat-x #f3e4ba; }


/* ---/ header /--- */
#hd { background: url("../img/hd-bg.gif") repeat-y; width: 830px; height: 94px }
#hd h1 { margin: 0; padding: 0; }
#hd img { margin: 0 0 0 55px }


/* ---/ body /--- */
#bd { background: #fff4d4; border: solid #e2d2a4; border-width: 0 1px 1px 1px; margin: 0 }
#bd #content { padding: 0 30px 30px 30px; border: solid #fff; border-width: 0 1px 1px 1px; background: url("../img/content-bg.jpg") no-repeat bottom right; width: 762px; min-height: 530px }


/* ---/ text styles /--- */
h1, h2, h3, h4 { margin: 0 0 0.25em 0 }
h2 { font: 18px "Lucida Sans"; letter-spacing: -1px; font-weight: bold; color: #b5121b; background: url("../img/header-widget.gif") no-repeat left; margin-left: -25px; padding-left: 25px }
h2.no-widget { background: none; margin-left: 0; padding-left: 0 }
h3 { font: 15px "Lucida Sans"; font-weight: bold; letter-spacing: -1px  }
p { margin: 0 0 1em 0 }
a { color: #b5121b }

i, em { font-style: italic }
b, strong { font-weight: bold }

#bd ul, #bd ol { margin: 0 0 0 1.5em }
#bd ul li { margin: 0 0 1em 1.5em; list-style: disc }
#bd ol li { margin: 0 0 1em 1.5em; list-style: decimal }


span.comp-name { font-weight: bold; color: #b5121b }
span.comp-name strong { font-weight: bold; color: black }

.dotted-hr { height: 20px; background: url("../img/dotted-hr.gif") repeat-x; margin: 3em 0 0 0; }
.photo { float: right; width: 200px; height: 300px; background: white; margin: 0 0 1em 2em; border: 1px solid #ccc }


/* ---/ front-page news /--- */
#news h2 { color: black; }
#news .item { margin: 0 0 1em 0 }
#news .item span.date { display: block; text-transform: uppercase; color: #b5121b }


/* ---/ sidebar /--- */
#sidebar { width: 285px; float: right; margin: 0 0 0 0 }
#sidebar .wrapper {
	background: white;
	padding: 20px 30px 20px 20px;
	position: relative;
	right: -30px;
	text-align: center;
	background-color: #fff4d4;
}
#sidebar p { text-align: left }


/* ---/ navigation /--- */
#nav { position: relative; border-top: 1px solid white }
#nav ul { margin: 0; position: relative; height: 40px; width: 824px; background: url("../img/nav.png") no-repeat }
#nav ul li { float: left; list-style: none; margin: 0 }
#nav ul li a { position: absolute; text-indent: -9999px; text-decoration: none; border: none !important; top: 0; height: 30px; background: url("../img/nav.png") no-repeat; }

#nav ul li#nav-legal a { left: 0; width: 53px; height: 15px; background: url("../img/nav.png") 0 0 no-repeat }
#nav ul li#nav-sitemap a { left: 0; width: 53px; top: 15px; height: 15px; background: url("../img/nav.png") 0 -15px no-repeat }
#nav ul li#nav-home a { left: 53px; width: 104px; background: url("../img/nav.png") -53px 0 no-repeat }
#nav ul li#nav-about a { left: 157px; width: 114px; background: url("../img/nav.png") -157px 0 no-repeat }
#nav ul li#nav-tools a { left: 271px; width: 118px; background: url("../img/nav.png") -271px 0 no-repeat }
#nav ul li#nav-resources a { left: 389px; width: 149px; background: url("../img/nav.png") -389px 0 no-repeat }
#nav ul li#nav-faq a { left: 538px; width: 98px; background: url("../img/nav.png") -538px 0 no-repeat }
#nav ul li#nav-support a { left: 636px; width: 137px; background: url("../img/nav.png") -636px 0 no-repeat }
#nav ul li#nav-contact a { left: 773px; width: 52px; height: 15px; background: url("../img/nav.png") -773px 0 no-repeat }
#nav ul li#nav-links a { left: 773px; width: 52px; height: 15px; top: 15px; background: url("../img/nav.png") -773px -15px no-repeat }

#nav ul li#nav-legal a:hover, #nav ul li#nav-legal a.active { background-position: 0 -40px; }
#nav ul li#nav-sitemap a:hover, #nav ul li#nav-sitemap a.active { background-position: 0 -55px; }
#nav ul li#nav-home a:hover, #nav ul li#nav-home a.active { background-position: -53px -40px; }
#nav ul li#nav-about a:hover, #nav ul li#nav-about a.active { background-position: -157px -40px; }
#nav ul li#nav-tools a:hover, #nav ul li#nav-tools a.active { background-position: -271px -40px; }
#nav ul li#nav-resources a:hover, #nav ul li#nav-resources a.active { background-position: -389px -40px; }
#nav ul li#nav-faq a:hover, #nav ul li#nav-faq a.active { background-position: -538px -40px; }
#nav ul li#nav-support a:hover, #nav ul li#nav-support a.active { background-position: -636px -40px; }
#nav ul li#nav-contact a:hover, #nav ul li#nav-contact a.active { background-position: -773px -40px; }
#nav ul li#nav-links a:hover, #nav ul li#nav-links a.active { background-position: -773px -55px; }

#subnav { margin: 0 0 15px 0; font-size: 10px; font-weight: bold }
#subnav ul { margin: 0 }
#subnav li { display: inline; margin:0; list-style:none }
#subnav li.subnav-widget { float: left; display: block;  }
#subnav li a { float: left; display: block; padding: 0 6px; margin: 0 6px 0 0; background: #e2e2be; color: #777759; text-transform: uppercase; text-decoration: none; border: solid #777759; border-width: 0 1px 1px 0 }
#subnav li a:hover,
#subnav li a.active { background: #777759; color: #e2e2be }

#subnav.tools ul { margin-left: 310px; }
#subnav.about ul { margin-left: 195px; }

#subnav.resources { float: left; width: 180px; padding-bottom: 100px }
#subnav.resources li a { width: 150px; margin: 0 0 4px 0 }

.inner-wrap { float: right; width: 570px }
.inner-wrap h2 { margin-left: 0 }

.link-button { clear:both; margin: 1em 0; font-size: 10px; font-weight:bold; text-transform: uppercase }
.link-button a { display: block; width: 100px; text-align:center; padding: 2px; background: #e2e2be; color: #777759; text-decoration: none; border: 1px solid #777759  }
.link-button a:hover { background-color: #777759; color: #e2e2be }

/* ---/ clearfix - PIE.net /--- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */