/*  
	2008 Copyright TMI. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/

/* 
	Eric Meyer's CSS Reset 
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
*/

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,
b, u, i, center,
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-size:100%;vertical-align:baseline;background:transparent}

body {line-height:1}
ol, ul {list-style: none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

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

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ------- END CSS RESET --------- */


body {font:12px/1.5 "Lucida Grande", Helvetica, Arial, sans-serif;color:#333333;background-color:#e9e1cd}


/* ------------- General Classes ----------------- */
.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}


/*------------- Element Styles ------------------- */

/*---- <a> ----*/
/* Hide dotted outlines in mozilla */
a {}
a:hover {}
a img {display:block}

#stage p {margin-bottom:1.5em}

/*------------- Layout Styles ------------------- */

#wrapper {width:897px;margin:0 auto;padding:0 18px 0 16px;background:transparent url(../images/wrapper_bg.jpg) repeat-y 0 0}

#header {width:897px;height:128px;position:relative;background:transparent url(../images/header_bg.jpg) no-repeat 0 0;}
	
	#nav {width:250px;position:absolute;bottom:8px;right:0}
		#nav li {float:left;padding:0 1em;border-right:2px solid #e38e6b;display:inline}
		#nav li.last {border-right:0}
			#nav li a {font:14px Helvetica, Arial, sans-serif;font-weight:bold;color:#626262;text-decoration:none;text-transform:uppercase}
			#nav li a:hover {color:#e38e6b}
	
#stage {width:897px}
	
	#article {width:523px;float:left;padding:175px 30px 2em 18px;background:transparent url(../images/article_bg.jpg) no-repeat 0 0;display:inline}
		
		div.video {margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px dotted #c4c4c4}
	
	#sidebar {width:275px;float:left;padding:1.5em 25px;border-left:1px solid #c4c4c4;display:inline}
	
		div.callout {border-bottom:1px dotted #c4c4c4;margin-bottom:1.5em}
			div.callout img {display:block;margin-bottom:1.5em}
			div.callout p {font-size:11px;}
	
#footer {width:931px;height:33px;margin:0 auto 2em auto;background:transparent url(../images/footer_bg.jpg) no-repeat 0 0}