@charset "UTF-8";

/**************************

=====base styles

***************************/

html {overflow-y: scroll;}

body {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size:14px;
	line-height:20px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background:#f7f6e2 url(../images/body-bg.gif) center repeat-y;
}

a:link, a:visited {text-decoration:none; color:#0c50a6;}
a:hover {text-decoration:none;	color:#000;}
a:active {text-decoration:none;	color:#0c50a6;}

h1{color:#006A9E; line-height:24px; font-size:18px}
h2{color:#666; line-height:20px; font-size:16px}
h3{color: #666; line-height:20px; font-size:16px;}

.smallheaders {font-size:16px; line-height:20px; font-weight:bold; padding-bottom:5px; display:block}


.pf-catlinks a:link, pf-catlinks a:visited {text-decoration:none}
.pf-catlinks a:hover {color:#000; text-decoration:underline; font-weight:bold}
.pf-catlinks a:active {text-decoration:none}


/**************************

=====header

***************************/

#overall-container {width:100%;	text-align:center;}

#header {
	padding: 0;
	width:100%;
	height:140px;
	background: #F7F6E2 url(../images/top-bar-background-gradient-1-124.jpg) repeat-x;
	text-align:center;
}

#header-content {
	height:140px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align:left;
}

#header-content img {position:absolute;	top:0px; z-index:3000px; padding-top:20px}

#strap {
	width:595px;
	height:124px;
	background:url(../images/nat-instr-logo.gif) center no-repeat;
	position: relative;
	z-index:1000;
	left:205px;
	padding-top:20px
}


/**************************

=====navigation

***************************/

#nav-bar {
	width:100%;
	height:50px;
	background: #F7F6E2 url(../images/navbar-bg.png) top center no-repeat;
	position:relative;
}

#nav-bar-content {
	height:34px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	position:relative;
	text-align:left;
	left:2px;
}

#nav-bar-content a {
	text-decoration:none;
	display:block;
	width:89px;
	height:34px;
	text-align:center;
	font-size:10px;
	outline:none;
}

#nav-home,
#nav-training,
#nav-support,
#nav-downloads,
#nav-contact {width:89px; height:34px; cursor:pointer; position:absolute;}

#nav-training {left:89px}
#nav-support {left:178px}
#nav-downloads {left:267px}
#nav-contact {left:356px}

#nav-bar-content p {font-size:10px; visibility: hidden; position:absolute; left: -1000px}


/**************************

=====content

***************************/

#content-container {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	top:130px;
	z-index:1000;
}
 
#mainContent {
	padding: 0 0;
	background: #FFF;
	position:relative;
	z-index:100;
	top:20px;
}

#section-header {
	height:91px;
	width:626px;
	position:absolute;
	padding:9px 0 0 10px;
}

#body-text-container {
	padding:0 0 10px 0;
	margin-top:22px;
}

#body-text-section-container {
	width:594px;
	position:absolute;
	top:90px;
	padding: 20px 20px 0 5px;
}

#body-text-sections {padding: 0 0 70px 0; min-height:94px; _height:94px;}


/**************************

=====news

***************************/

#pic-container {
	width:100px;
	height:100px;
	margin:0 20px 10px 0px;
	background: url(../images/thumbs-bg-100-100.gif) center no-repeat;
	position:absolute;	
}

#pic-container a {
	display:block;
	cursor:pointer;
	padding:18px;
	width:64px;
	height:64px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:2000;
	background: none;
}

#pic-container a:hover {background:  url(../images/fold-over-84-84.png) center no-repeat}

#news-pic {
	padding:5px;
	width:74px;
	height:74px;
	position:absolute;
	top:8px;
	left:8px;
}

#text-container {
	padding: 0px 0 0 0;
	width:500px;
	position:relative;
	left:115px;
}



/**************************

=====misc

***************************/

#body-text-left {
	width:606px;
	padding-right:20px;
	padding-top:11px;
	padding-bottom:22px;
}

/**************************

=====right column

***************************/

#right-col-container {
	width:180px;
	height:305px;
	position:absolute;
	left:620px;
	top:257px;
}

/* quote button */

#book-container {
	width:180px;
	position:absolute;
	right:0;
	height:300px;
}

#book-container img {padding: 10px 0 0 10px;}

#book-container p {color:#FFF; padding: 0 10px 0 10px; text-align:center; line-height:normal; display:block;}

#book-container a {cursor:pointer; color:#FFF; display:block;}
#book-container a:hover { color:#6AA6CB}

#box1-top { background: url(../images/box1-topbot.gif) 0 0 no-repeat; display:block; width:180px; height:5px; }
#box1-mid {background: url(../images/box1-mid.gif) repeat-y; width:180px; display:block; padding-bottom:5px;}
#box1-bot {background: url(../images/box1-topbot.gif) 0 -5px no-repeat; display:block; width:180px; height:5px}


/* projects page */

#nav-container {
	width:180px;
	position:absolute;
	right:0;
	height:300px;
}

#nav-container ul {color:#FFF; padding: 0 10px 0 10px; text-align:left; line-height:18px; list-style:none;}

#nav-container li {line-height:20px; border-top:1px solid #4E94BE}

#nav-container .bot {line-height:20px; border-bottom:1px solid #4E94BE}

#nav-container a {cursor:pointer; color:#FFF; display:block; height:20px; font-weight:bold;  padding-left:10px}
#nav-container a:hover { color:#9BC1DA; background:#006391}

#navbox-top { background: url(../images/box1-topbot.gif) 0 0 no-repeat; display:block; width:180px; height:5px; }
#navbox-mid {background: url(../images/box1-mid.gif) repeat-y; width:180px; display:block; padding-bottom:5px; padding-top:5px}
#navbox-bot {background: url(../images/box1-topbot.gif) 0 -5px no-repeat; display:block; width:180px; height:5px}

#navbox-top p {font-size:0; visibility:hidden; line-height:0}

#nav-arrow {position:absolute; height:8px; width:8px; display:block; left:10px; margin-top:6px; background:url(../images/bullet-arrow.gif) center no-repeat; z-index:5000}

/* news container */

#news-container {
	width:160px;
	height:197px;
	position:relative;
	right:0px;
	display:block;
	background:url(../images/front-right-col-news.gif) 0 0 no-repeat;
	overflow:hidden;
}

#div1{
	position:relative;
	display:block;
	width:137px;
	height:57px;
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	left:11px;
	top:13px;
}

#div1 span{display:block; padding:10px;}

#div1 a:link, #div1 a:visited {color:#DDD; display:block; height:57px;}

#div1 a:hover {color:#FFF; background:#0D50A7 url(../images/news-box-link-over.jpg) center no-repeat}

#div1 a:active {color:#DDD;}

#news-container span {font-size:10px; font-weight:bold;}

/* other item */

#otheritem-container {
	width:156px;
	position:absolute;
	right:0px;
	top:320px;
	
}

/**************************

=====footer

***************************/

#footer {padding: 40px 0px; font-size:10px; font-weight:bold; color:#0d5cbb; clear:both; text-align:center; display:block}
 
#footer p {margin: 0; padding: 10px 0;}