/** 
 * nilshendriks.com
 * 
 * Standard Layout (all parts)
 * 
 * @project   Creative eateries
 * @copyright 2010 by the author, Reload & Creative eateries 
 *
 * @file	  default.css
 * @version   1.0.0 
 * @author    Nils Hendriks
 * @date      2010-06-15
 *
 * @package   xhtml-css 
 * @cssdoc    version 1.0-pre 
 * 
 *  */

/* ..... reset default browser rendering */
/* =Reset */
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, input, 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; }
ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
th, td { vertical-align:top; }
img { display:block; border:0; }
.text-only { visibility:hidden; position:absolute; top:-9999em; }
.print, .print-logo { display:none; }
/* /Reset */


@media screen, tv, projection { 
body { background:#000 url(../images/backgrounds/bg-texture.jpg) 0 0 repeat; color:#764446; font-family:Arial, sans-serif; font-size: 62.5%; line-height:1.8; }

/* =GENERIC
	   ----------------------------------------------------*/
a { text-decoration:none; color: #7d4e50; }
a:hover { color: #333;}
.invisible { visibility:hidden; }
.hide { display:none !important; }
strong { font-weight:bold; }
em { font-style:italic; }
input.radio, label { vertical-align:middle; }
pre { font-size:1.2em; line-height:1.5; margin:1.5em 0 0 0; }
code {font-family: Monaco,"Andale Mono","Lucida Console", "Courier New", serif;}
abbr { letter-spacing: 0.1em;}
.amp { font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic;} 
blockquote { background: transparent url(../images/symbols/quote-1.png) 0 0 no-repeat;}
blockquote p { font-size: 1.75em; margin:0.714em 0 0.714em 40px; line-height: 1.14; color: #e7a997;}
cite { font-size: 0.5715em; color: #fff;}
.mobile { float: right; }

/* =LAYOUT
	   ----------------------------------------------------*/
	#header,
	#page-content { margin: 0 auto; max-width: 91em; }
	
	/* header */
	#header { position: relative; clear: both; height: 140px; margin-bottom: 64px; }
		#logo { display: block; color: #fff; text-indent: -9999em; background: transparent url(../images/logos/logo.png) 0 0 no-repeat; 
		padding: 0; width: 232px; height: 28px; margin: 0; position: relative; top: 76px; }
		
		#primary-nav { position: absolute; top: 0; right: 23px; /*width: 36.43%; */}
		#main-navigation { overflow: hidden; clear: both; width: 100%; padding-top: 76px; margin-bottom: 8px; padding-left: 15px;
		background: transparent url(../images/backgrounds/bg-bookmark.png) 0 0 no-repeat; }
		#main-navigation li { display: block; float: left; background: transparent url(../images/backgrounds/mainnav-sep.gif) 100% 0 no-repeat;}
			#main-navigation li.last { background: none; }
		#main-navigation a { font-size: 1.2em; display: block; float: left; padding: 1px 15px 5px; }		
			#main-navigation .last a { padding-right: 0; }
			
		#ce-home #mn-home a, 
		#ce-about #mn-about a,
		#ce-jobs #mn-jobs a,
		#ce-news #mn-news a,
		#ce-contact #mn-contact a { color: #fe9857; }
		
		#ce-home #main-navigation {  }
		#ce-about #main-navigation { background-position: 66px 0; }	
		#ce-jobs #main-navigation { background-position: 130px 0; }
		#ce-news #main-navigation { background-position: 205px 0; }					
		#ce-contact #main-navigation { background-position: 303px 0; }
		
	/* =HEADINGS
		   ----------------------------------------------------*/
		h1 { font-size: 3em; color: #000; background: transparent url(../images/headings/h1sx.png) 0 0 no-repeat;text-indent:-999em;height:23px;}
		h2 { font-size: 2.4em; color: #000; line-height: 1; margin: 0.4165em 0; }
		h3 { font-size: 1.4em; color: #000; line-height: 1; margin: 0.4165em 0; }
		
		#ce-about h1 { width:118px; }
		#ce-jobs h1 { background-position: 0 -93px; width: 300px; height: 30px; }
		#ce-news h1 { background-position: 0 -305px; width: 300px; height: 30px; }
		#ce-contact h1 { background-position: 0 -199px; width: 300px; height: 24px; }		
	
	/* page-content */
	#page-content { position: relative; overflow: hidden; clear: both; }
	#ce-home #page-content { min-height: 700px; }
	#ce-contact #header {margin-bottom: 24px;}
	#ce-contact #page-content { padding-top: 35px; }	
	
	#secondary-nav { overflow: hidden; clear: both; width: 84.61%; margin: 45px 0 0 50px; padding: 20px 0 550px 0; position: relative; } /* 770px */
	#secondary-nav li { display: block; float: left; margin: 0 25px 0 0; }
	#secondary-nav a { display: block; float: left; }
	#secondary-nav .toggle { background: transparent url(../images/backgrounds/bg-mn-2-idle.png) 0 0 no-repeat; text-indent: -999em;}
	#secondary-nav .hover .toggle,
	#secondary-nav .toggle:hover { background-image: url(../images/backgrounds/bg-mn-2.png);}
	#secondary-nav .dim { background: transparent url(../images/backgrounds/bg-mn-2-dim.png) 0 0 no-repeat; text-indent: -999em;}
	
	#secondary-nav h2 { font-size: 1.2em; font-weight: bold;position: absolute; left: 0; }
	
	#secondary-nav .sub-nav { position:absolute;top:154px;left: 0;z-index:999; display: block; padding-top: 20px; width: 500px; }
	#secondary-nav .sub-nav li { margin-bottom: 5px; /*float: none; */}
	#secondary-nav .sub-nav a { position: relative; /*float: none; */}
	
	#secondary-nav	#hd-thai { top: 180px; }
	#secondary-nav	#hd-jap { top: 300px; }
	#secondary-nav	#hd-chi { top: 420px; }
	#secondary-nav	#hd-wes { top: 540px; }	
    #secondary-nav	#hd-cat { top: 660px; }
	
	#secondary-nav	#sub-thai { top: 190px; }
	#secondary-nav	#sub-jap { top: 310px; }
	#secondary-nav	#sub-chi { top: 430px; }
	#secondary-nav	#sub-wes { top: 550px; }
    #secondary-nav	#sub-cat { top: 670px; }
	
	.sub-nav span.tooltip { display: none;font-size:1.4em;left:0;position:absolute;top:75px;line-height: 1.2; color: #703c3d; width: 760px; }
	.sub-nav a:hover span.tooltip { display: block; }

	
	#secondary-nav #mn-thai { width: 130px; height: 146px; }
	#secondary-nav #mn-japanese { width: 125px; height: 149px; background-position: 0 -175px; }
	#secondary-nav #mn-chinese { width: 129px; height: 145px; background-position: 0 -338px; }
	#secondary-nav #mn-western { width: 129px; height: 147px; background-position: 0 -492px; }
	/*
	#secondary-nav #mn-catering { text-indent: -999em; width: 115px; height: 161px; background: transparent url(../images/backgrounds/bg-mn-2-idle.png) 0 -644px no-repeat; margin-top: -20px; }
	*/
	#secondary-nav #mn-catering { width: 115px; height: 169px; background-position: 0 -644px; margin-top: -20px; }
	#secondary-nav #mn-catering:hover {background-image: url(../images/backgrounds/bg-mn-2.png);}	
	
	#footer { overflow: hidden; clear: both; width: 100%; position: fixed; bottom: 0; background: #000;}
		#footer .copyrights {font-size: 1em; text-align: right; margin: 0 auto; max-width:910px;  color: #fff;}
		
/* =COMPONENTS
	   ----------------------------------------------------*/
	/*utilities*/				
	.utilities { overflow: hidden; clear: both; font-size: 1.2em; line-height: 1.5; /*position: relative;*//* left: 117px;*/ 
	 float: right; }
	.utilities input { color: #fff;  }	
	.utilities input.text { padding: 6px 6px 3px 7px; background: transparent url(../images/backgrounds/bg-txt-ml.gif) 0 0 no-repeat ; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 118px; /*margin-right: 2px;*/ color: #000;} 	
	#maillist-btn { position:relative;top:6px;}


	
/* =CONTENT
	   ----------------------------------------------------*/
	p { font-size: 1.2em; margin: 1.25em 0; line-height: 1.636; }
	
	.article { padding: 0 50px 0 0; float: right; width: 350px; }
	.article2 { margin:0 auto; width:380px; }
	.article3 { width:290px; float:left; margin-right:20px }
	.article4 { width:290px; float:left; margin-right:20px; margin-top:30px }
	.article5 { width:290px; float:left; margin-top:30px }
	.article ul,
	.article ol { font-size: 1.1em; margin-left: 15px; line-height: 1.636;}
		.article ul	{ list-style: disc; }
		.article ol	{ list-style: decimal; }
		
	p a { text-decoration: underline; }
	#ce-contact p strong { display: block; }
	#ce-contact p a { color: #fe9f57; }
	#ce-about .article p,
	#ce-jobs .article p { text-align: justify; }	
		
	/*.copyrights {font-size: 1.1em; text-align: right; margin-bottom: 1em; position: relative; }*/
	
/* =ILLUSTRATIONS
	   ----------------------------------------------------*/
	.illustration { }
	.section .illustration { float: left; }
	#ill-1 { margin-left: 90px; }
	#ill-2 { margin-left: 138px; margin-top: 50px; }
	#ill-3 { margin-left: 169px; margin-top: -35px; }
	#vid-1 {  margin-top: 45px; width:275px; border:none; }
	
/* =LISTS
	   ----------------------------------------------------*/
	
/* =FORMS, BUTTONS & LINK-BUTTONS
	   ----------------------------------------------------*/	
	.button {  }   
	 h2.legend { font-size: 1.2em; text-transform: none; font-weight: bold; color: #000; }

}

#placeholder {
	margin: 0 auto;
	width: 1280px;
}

#img-plc {
	width: 1280px;	
	position: absolute;

}

	.img-plc-first {
	float: left;
	}
	
	.img-plc-last {
	float: right;
	}

@media print {
	#logo,
	#home h1,
	nav, 
	.mobile {display: none;}
	
	header, section, footer { display: block; margin: 0 0 32px 0; }

	.print-logo {display: block;width: 186px; height: 28px;}
/*	.print-logo img {width: 186px; height: 28px; }*/

}