/*  
  **	NSI default style sheet, based on A List Apart articles "How to Size Text in CSS" and
  **  "Faux Absolute Positioning".
  **
  **  Who  Date        Comment
  **  ---  ----------  -------
  **  twb  2009-08-06  Created
  **
  */
  
  body
  {
		background-color: #C0C0C0;
 		font-family: Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
 		font-size: 100%;
 		line-height: 1.125em; /* 16 x 1.125 = 18px */
  }

  #page
  {
  	width: 56.25em; /* 16 x 56.25 = 900px */
  	margin-left: auto;
  	margin-right: auto;
  	color: white;
  }
  
  #header
  {
  	-moz-border-radius-topleft: 5px;
  	-webkit-border-top-left-radius: 5px;
  	-moz-border-radius-topright: 5px;
  	-webkit-border-top-right-radius: 5px;
		background-color: #6D7B8D;
  	height: 2.5em; /* 16 x 3.75 = 40px */
  }

  #logo
  {
		margin-left: -100%;
		width: 25%;
		padding-left: 4px;
  }
  
	#navbar
	{
    width: 75%;
    margin-left: -75%;
    height: 1.0em;
    font-size: 0.75em; /* 16 x 0.75 = 12px */
    padding-top: 0.875em;
/*    color: #999999; */
		color: white;
	}
	
  #navbar ul 
  {
    margin: 0;
    padding: 0;
		float: right;
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    list-style-type: none;
    border-right-color: #999999;
    border-right-style: solid;
    border-right-width: 1px;
    padding-left: 10px;
    padding-bottom: 0;
    padding-right: 10px;
    padding-top: 0;
    float: left;
  }

  #navbar ul.links li a
  {
  	color: white;
  	text-decoration: none;
  }
  
  #navbar ul.links li a:hover
  {
  	color: #A9A9D4;
  	text-decoration: none;
  }
  
  #navbar li.last
  {
  	border-right-style: none;
  	border-right-width: 0px;
  }
  
  #main
  {
  	background-image: url('../images/nsi-bckgrd.jpg');
  	background-repeat: no-repeat;
  	height: 600px;
  }

  #main-interior
  {
		width: 100%;
		height: 600px;
		background-color: #F0F0F0;	
  }

	#sidebar-interior-about
	{
		width: 340px;
		height: 100%;
		background-image: url('../images/nsi-bckgrd7.jpg');
		background-repeat: no-repeat;
	}
	
	#sidebar-interior-services
	{
		width: 340px;
		height: 100%;
		background-image: url('../images/nsi-bckgrd5.jpg');
		background-repeat: no-repeat;
	}
	
	#sidebar-interior-clients
	{
		width: 340px;
		height: 100%;
		background-image: url('../images/nsi-bckgrd10.jpg');
		background-repeat: no-repeat;
	}
	
	#sidebar-interior-contact
	{
		width: 340px;
		height: 100%;
		background-image: url('../images/nsi-bckgrd9.jpg');
		background-repeat: no-repeat;
	}
	
	#interior-content-main
	{
		color: #404040;
	}
	
  #interior-content-main a
  {
  	color: #404040;
  	text-decoration: underline;
  }
  
	#interior-content-area
	{
		width: 560px;
		margin-left: -900px;
		height: 100%;
	}
	
	#interior-title
	{
		font-size: 2.0em;
		padding-top: 20px;
		padding-left: 20px;
		padding-bottom: 20px;
		color: #780000;
	}
	
	#interior-content-text
	{
		padding-top: 40px;
		padding-left: 60px;
		padding-right: 60px;
		font-size: 0.88em;
	}
	
	#fp-content-area 
	{
		width: 340px;
		margin-left: -420px;
		margin-top: 20px;
		margin-bottom: 20px;
    font-size: 0.9375em; /* 16 x 0.875 = 14px */
		color: #D1D1D1;
		line-height: 1.5em;
		z-index: 1;
	}
  
  #fp-box
  {
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	width: 100%;
  	height: 100%;
  	background: #000000 none repeat scroll 0 0;
  	opacity: 0.70;
  	filter:alpha(opacity=70);
  	position: absolute;
  	z-index: -1;
  }
  
  #footer
  {
    font-size: 0.75em; /* 16 x 0.75 = 12px */
    padding-top: 0.875em;
    color: #404040;
  }
  
  #footer-left
  {
  	width: 60%;
  	margin-left: -100%;
  }
  
  #footer-right
  {
  	width: 40%;
  	margin-left: -40%;
  	text-align: right;
  }
  
  
	.fp-content
	{
		z-index: 100;
		padding: 1.0em;
	}
	
  .line
  {
  	float: left;
  	width: 100%;
  	display: block;
  	position: relative;
  }

	.item 
	{
  	position: relative;
  	float: left;
  	left: 100%;
	}
  
	h1, h2, h3
	{
		font-weight:normal;	
	}

	h1 
	{
		font-size: 1.375em; /* 16x1.375=22px */
		line-height: 1.636em;/* 16x1.636=36px */
		margin: 0;
	}

	h2 
	{
		font-size: 1.125em; /* 16x1.125=18px */
		margin:1em 0; /* 18x1=18px */
	}

	p 
	{
		font-size: 0.875em; /* 16x0.875=14px */
		margin: 1.286em 0; /* 14x1.286=18px */
	}

  img
  {
  	border: 0;
  }

  a:link
  {
  	text-decoration: underline;
  	color: white;
  }

  a:visited
  {
  	text-decoration: underline;
  	color: white;
  }

  a:hover,
  a:focus
  {
  }

  a:active
  {
  }
  

/* @group sidebar */

/* rather than give the sidebar itself a font size, use contextual selectors to get at the elements within */

	.sidebar 
	{
		width: 12em;
		float: left;
		margin: 0 1.125em 0 0; /* 16x1.125=18px */
		padding: 0.5625em; /* 16x0.5625=9px */
		background:#ddd;
		color: #000;
	}

	.sidebar h3 
	{
		font-size: 0.875em; /* 16x0.875=14px */
		margin: 0 0 0.643em 0; /* 14x0.643=9px */
	}

	.sidebar p 
	{
		font-size: 0.75em; /* 16x0.75=12px */
		margin: 0 0 1.5em 0; /* 12x1.5=18px */
	}

	.sidebar ul 
	{
		padding: 0;
		margin: 0 0 1.125em 1.125em; /* 16x1.125=18px */
	}

	.sidebar li 
	{
		font-size: 0.75em; /* 16x0.75=12px */
	}