/***************************************************
*                                                  *
*		      CSS Styles Nathan 2008 website           *
*		                                               *
*		      Aimé van Pottelsberghe (auteur)          *
*		 in opdracht van Chilli Design & Multimedia    *
*		                                               *
***************************************************/


/* RESETTING STYLES */

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; }

/* 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; }


/* CLEARDIV STYLE */

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

/* COMMON TEXT STYLES */


/* STRUCTURE STYLES */

html { background: #FFFFFF; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5a5b5e; }

body.about div#about_txt { text-align: center; line-height: 18px; }
body.about div#about_txt a { color: #5a5b5e; text-decoration: none; }
body.about div#about_txt a:hover { color: #969798; }
body.about h1#nathan_logo_title { background: url(../images/about_header_logo.jpg) no-repeat; width: 289px; height: 120px; text-indent: -9999px; margin: 0px auto 60px auto; }

body.about div#about_footer { width: 100%; height: 30px; position: fixed; z-index: 10; bottom: 0px; background: #FFF; }
body.about div#about_footer { _position:absolute; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight); }

body.about div#about_footer div#about_btn_holder { width: 160px; height: 24px; position: absolute; bottom: 0px; left: 50%; margin:auto auto auto -80px; }
body.about div#about_footer div#about_btn_holder { text-align: center; }
body.about div#about_footer div#about_btn_holder a#index_link { color: #969798; border: 1px solid #d7d8d8; text-decoration: none; text-transform: uppercase; position: relative; top: 5px; padding: 2px 10px; }
body.about div#about_footer div#about_btn_holder a#index_link:hover { color: #5a5b5e; border: 1px solid #5a5b5e; }




body.press div#press_txt { text-align: center; line-height: 18px; }
body.press div#press_txt a { color: #5a5b5e; text-decoration: none; }
body.press div#press_txt a:hover { color: #969798; }
body.press h1#nathan_logo_title { background: url(../images/about_header_logo.jpg) no-repeat; width: 289px; height: 120px; text-indent: -9999px; margin: 105px auto 60px auto; }

body.press div#thumbs_wrap { border: 1px solid #e4e4e4; padding: 7px; width: 535px; margin: 0px auto; }
*body.press div#thumbs_wrap { width: 543px; padding: 7px 0px 14px 0px; }
body.press div#thumbs_wrap a { display: block; float: left; outline: none; margin: 7px; }
body.press div#thumbs_wrap img { border: none; margin: 0px; padding: 0px; display: block; }
body.press div#thumbs_wrap span { display: block; padding: 2px 0px; width: 75px; background: #d9dcdc; color: #969798; cursor: pointer; text-transform: uppercase; }

body.press div#press_footer { width: 100%; height: 30px; position: fixed; z-index: 10; bottom: 0px; background: #FFF; }
body.press div#press_footer { _position:absolute; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight); }

body.press div#press_footer div#press_btn_holder { width: 160px; height: 24px; position: absolute; bottom: 0px; left: 50%; margin:auto auto auto -80px; }
body.press div#press_footer div#press_btn_holder { text-align: center; }
body.press div#press_footer div#press_btn_holder a#index_link { color: #969798; border: 1px solid #d7d8d8; text-decoration: none; text-transform: uppercase; position: relative; top: 5px; padding: 2px 10px; }
body.press div#press_footer div#press_btn_holder a#index_link:hover { color: #5a5b5e; border: 1px solid #5a5b5e; }