/* GLOBAL BASE STYLES */

html, body, div, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
html, body, #shell, #shellMain, #page { height: 100% }
body { background: #fff; }
body, body * {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
a { color: #dc7018; font-weight: bold; text-decoration: none; }
p a:hover { border-bottom: 1px dashed #dc7018; }
.content h2 { font-size: 22px; line-height: 24px; padding-bottom: 8px; }
.content h3 { font-size: 16px; line-height: 18px; padding-bottom: 6px; }
.content h4 { font-size: 12px; line-height: 13px; padding-bottom: 4px; }
.center { text-align: center; }
table, td { border-collapse: collapse; margin: 0; padding: 0; }



/* BROWSER "SHELL" */

td#shellLeft { width: 50%; background: #00478a url(/_img/bg/shell/fabric01.jpg) left top repeat; }
td#shellRight { width: 50%; background: #00478a url(/_img/bg/shell/fabric01.jpg) left top repeat; }
td#shellMain {
	display: block;
	width: 768px;
}



/* GLOBAL PAGE LAYOUT */

table#page tr	{ vertical-align: top; }
td.pageHeader {
	width: 768px;
	height: 102px;
	background: #fff url(/_img/bg/pageheader.jpg) left top repeat-x;
}
td.pageLeft {
	width: 140px;
	background: #fff url(/_img/bg/pageleft.gif) left top repeat-y;
	padding: 0 7px;
}
td.pageMain {
	width: 614px;
	height: 100%;
	padding: 4px 0 20px 7px;
	background: #fff;
}
td.pageFooter {
	width: 768px;
	height: 44px;
	background: #000;
}



/* PAGE HEADER / MAIN MENUBAR */

.pageHeader .content {
	position: relative;
}
.pageHeader #topLogo {
}
.pageHeader address {
	position: absolute;
	top: 0;
	right: 7px;
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	background-color: #00478a;
	padding: 0 4px;
}
.pageHeader a#topURL {
	position: absolute;
	top: 50px;
	right: 0;
	text-align: left;
	text-indent: -10000px;
	width: 209px;
	height: 13px;
	background: url(/_img/nav/www.naaimachinespecialist.nl.gif) 0 0 no-repeat;
	overflow: hidden;
}

.pageHeader #mainMenu {
	position: absolute;
	left: 0;
	top: 75px;
	width: 768px;
	text-align: center;
}
.pageHeader #mainMenu ul li {
	display: inline;
	list-style-type: none;
	font-size: 12px;
	line-height: 1px;
	padding: 0 7px;
}
.pageHeader #mainMenu ul li a {
	color: #fff;
	padding: 2px 7px;
	text-transform: uppercase;
}
.pageHeader #mainMenu ul li a:hover {
	background-color: #9d4b17;
	border-bottom: 3px solid #96070b;
}


/* current section indicator */
body.history li.history a,
body.service li.service a,
body.serviceDept li.serviceDept a,
body.products li.products a,
body.specials li.specials a,
body.contact li.contact a {
	color: #000;
	border-bottom: 3px solid #000;
}



/* LEFT COLUMN */

.pageLeft .content {
	padding-bottom: 147px;
}
.pageLeft .content img {
	padding: 0;
	margin: 0;
	border-bottom: 7px solid #fff;
}
.pageLeft .content .colorBlock {
	padding: 0;
	margin: 0;
	height: 140px;
	background-color: #00478a;
	border-bottom: 7px solid #fff;
}

.pageLeft .content .blurb {
	background-color: #00478a;
	border-bottom: 7px solid #fff;
}
.pageLeft .content .blurb p {
	color: #fff;
	font-size: 80%;
	line-height: 1em;
	padding: 5px;
}
.pageLeft .content .blurb p.leadIn {
	font-weight: bold;
}



/* MAIN BODY BACKGROUNDS */

td.pageMain {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right top;
}
td.pageMain .wraparound { float: right; }

body.history td.pageMain { background-image: url(/_img/bg/page/thread.jpg); }
body.history td.pageMain .wraparound { width: 230px; height: 270px; }

body.service td.pageMain { background-image: url(/_img/bg/page/tapemeasure.jpg); }
body.service td.pageMain .wraparound { width: 400px; height: 300px; }

body.serviceDept td.pageMain { background-image: url(/_img/bg/page/pincushion.jpg); }
body.serviceDept td.pageMain .wraparound { width: 275px; height: 360px; }

body.products td.pageMain { background-image: url(/_img/bg/page/tracingwheel.jpg); }
body.products td.pageMain .wraparound { width: 310px; height: 190px; }

body.specials td.pageMain { background-image: url(/_img/bg/page/scissors.jpg); }
body.specials td.pageMain .wraparound { width: 220px; height: 255px; }

body.contact td.pageMain { background-image: url(/_img/bg/page/bobbins.jpg); }
body.contact td.pageMain .wraparound { width: 370px; height: 280px; }



/* MAIN BODY */

.pageMain .content {
	margin-bottom: 25px;
}
.pageMain .content .kicker {
	color: #252664;
	font-size: 14px;
	font-weight: bold;
	line-height: 13px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	background-color: #ffce9d;
	padding: 5px;
}
.pageMain .content h1,
.pageMain .content h1 * {
	color: #4ca0cf;
	font-size: 60px;
	line-height: 56px;
}
.pageMain .content p.leadIn,
.pageMain .content p.leadIn * {
	color: #00478a;
	font-size: 24px;
	line-height: 22px;
}
.pageMain .content p.leadIn b,
.pageMain .content p.leadIn b *,
.pageMain .content p.leadIn i,
.pageMain .content p.leadIn i * {
	font-size: 24px;
	line-height: 22px;
}
.pageMain .content h2,
.pageMain .content h3,
.pageMain .content h4,
.pageMain .content h5,
.pageMain .content h6 {
	margin-left: 5px;
	padding: 10px 0;
}
.pageMain .content h3 { color: #334e8e; }
.pageMain .content ul {
	margin-left: 15px;
}
.pageMain .content li { margin: 6px 0 9px 25px !important; }
.pageMain .content li, .pageMain .content li * { line-height: 14px !important; }

.pageMain .content p {
	padding: 5px;
}

.pageMain .content .illustration {
	float: right;
	margin: 7px;
	text-align: center;
}
.pageMain .content .illustration p {
	font-size: 11px;
	line-height: 12px;
	color: #00478a;
}

.floatLeft {
	display: inline;
	float: left;
	margin: 7px 7px 7px 0;
}
.floatRight {
	display: inline;
	float: right;
	margin: 7px;
}



/* FOOTER */

td.pageFooter {
	vertical-align: middle;
}
td.pageFooter p {
	color: #a4d0ed;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}