@media print {




body {
	font-family: Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

} /*end print */



/* ----- basics ------ */


	*
	{
		/*			border: 1px solid #00f;
			*/
		padding: 0;
		margin: 0;
	}
	
	img { border: 0; }
	
	

	
	body
	{	
		margin: 0;
		padding:  0;
		font-family:  verdana, helvetica,arial, sans-serif;
		color: #25305c;
		background: #e1e2e5 ;
text-align:center; 
min-width:740px; /*ns6*/
		font-size: 76%;

	}
	
	


p  {
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
	}

ul, ol  {
	margin: 0 0 1em 2em;
	padding: 0 0 0 0;
	}


	
a:link { 
color: #c36;	
background-color: transparent; 
}

a:visited { color: #8A447A; background-color: transparent; 
}

a:hover , a:active {color: #303;background-color: transparent; 

}



/* ----- end basics ------ */


	
/* ----- main divs ------ */

#container

{width:738px;	text-align:left;
		color: #000;
		background: #fff url(../i/page_bg.jpg) repeat-x;

	border-color: #8f9cb5; border-width:  0 1px 1px 1px; border-style:solid;
	background-position: 0 175px; 
	margin:0 auto ;
}


body.home-page  #container ,
body.contact-page  #container,
body.news-page  #container /* pages w no subnav */

{
	background-position: 0 155px; 

}
  
/* ----- header pics ------ */
#header {width:740px ; height:157px; 
}

body.home-page  #header {
background: url(../i/header_image1.jpg) no-repeat;
}

body.products-page  #header {
background: url(../i/header_image2.jpg) no-repeat;
}

body.about-page  #header {
background: url(../i/header_image3.jpg) no-repeat;
}

body.case-page  #header {
background: url(../i/header_image4.jpg) no-repeat;
}

body.news-page  #header {
background: url(../i/header_image7.jpg) no-repeat;
}

body.contact-page  #header {
background: url(../i/header_image9.jpg) no-repeat;
}


body.services-page  #header {
background: url(../i/header_image6.jpg) no-repeat;
}

body.forum-page  #header {
background: url(../i/header_image6.jpg) no-repeat;
}


/* ----- end header pics ------ */

#nav {text-transform:uppercase; font-family: trebuchet ms, verdana, helvetica,arial, sans-serif; font-weight: bold; font-size: 0.8em;overflow: hidden;}

#spacer {height: 130px;}


#nav ul {		height: 27px;
margin: 0;
	padding: 0;
	
			
display: inline-table;
/* REAL VALUE. Hide from IE-mac \*/
display:inline;   
/* End hide from IE-mac */
	
		list-style-type: none;
		}

#nav   li 
{
		height: 27px;	
	margin: 0;
	padding: 0;
	display: inline;

}


#nav   li a:link, #nav   li a:visited {color: #fff; text-decoration: none; border-color: #677192; border-width: 0 1px 0 0; border-style:solid;
		font-size: 11px;line-height: 22px; 
margin: 0;
	padding: 4px 10px 1px 10px ;	
	display: inline;		float: left;
	background: #ccc url(../i/nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

body.home-page #nav1  a:link,
body.products-page #nav2  a:link,
body.about-page #nav3  a:link,
body.case-page #nav4  a:link,
body.news-page #nav5  a:link,
body.contact-page #nav6  a:link,
body.services-page #nav7  a:link,
body.home-page #nav1  a:visited,
body.products-page #nav2  a:visited,
body.about-page #nav3  a:visited,
body.case-page #nav4  a:visited,
body.news-page #nav5  a:visited,
body.contact-page #nav6  a:visited
,body.services-page #nav7  a:visited



{
	background-position: 0 -28px; color: #2a4070;
}



body.home-page #nav1  a:hover,
body.products-page #nav2  a:hover,
body.about-page #nav3  a:hover,
body.case-page #nav4  a:hover,
body.news-page #nav5  a:hover,
body.contact-page #nav6  a:hover
,body.services-page #nav7  a:hover
,
body.home-page #nav1  a:active,
body.products-page #nav2  a:active,
body.about-page #nav3  a:active,
body.case-page #nav4  a:active,
body.news-page #nav5  a:active,
body.contact-page #nav6  a:active
,body.services-page #nav7  a:active



{
	background-position: 0 -28px; color: #8A447A;
}



#nav   li a:hover, #nav   li a:active

{color: #b2bbcc;}


#subnav {width:740px; height:20px; text-transform:uppercase; font-family: trebuchet ms, verdana, helvetica,arial, sans-serif; font-weight: normal; font-size: 0.8em;overflow: hidden;
background: #ccc url(../i/nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 -48px;


}


#subnav ul {		
margin: 0;
	padding: 0;
	
			
display: inline-table;
/* REAL VALUE. Hide from IE-mac \*/
display:inline;   
/* End hide from IE-mac */
	
		list-style-type: none;
		}

#subnav   li 
{	
padding: 0;
	margin: 0;
	display: inline;

}


#subnav   li a:link, #subnav   li a:visited {color: #2a4070; text-decoration: none; border-color: #8f9cb5; border-width: 0 1px 0 0; border-style:solid;
		font-size: 10px;
margin: 5px 0 0 0;
	padding: 0 10px 3px 10px ;	
	display: inline;		float: left;

}



 #subnav   li a:hover, #subnav   li a:active

{color: #8A447A;}


#page {color: #204170;
width:740px;  font-size: 0.9em;
background: transparent ;
	
		border-color: #8f9cb5; border-width: 2px  0  0 0; border-style:solid;
	
	} 
	

#main{margin:4em 1em 4em 2em; font-size: 1em ; line-height: 1.5em; 

	}


/* #main > p {clear: left; width: 480px;} */

.textbox {width:460px;padding: 2em 0; clear: left;}

.splash {float: left; background: #ecf4f8 url(../i/splash_bg.jpg) repeat-y; width:220px;color: #444444; font-size: 0.9em ; line-height: 1.5em; border-color: #8f9cb5; border-width:  1px 0 0 0; border-style:solid; margin: 10px 12px 10px 0;

}

 
 .splash img {border-color: #fff; border-width:  1px 0; border-style:solid;
}

#sidebar {color: #444444; font-size: 0.9em ; line-height: 1.5em; width:200px; float:right;background: #ecf4f8 url(../i/sidebar_bg.jpg) repeat-x;margin: -4em -0.9em 0 20px; padding:4em 2em 4em 1em;






}

.clearfix {clear:both;}



#bottom {clear:both;width:740px;	
background: url(../i/nav_bg.jpg) repeat-x top left;height:3em;padding-top:0.5em;
color:#fff;font-size: 0.9em; text-align:center;margin: 0 0 -1em 0;
	}



#bottom a  {color:#fff;
text-decoration:none;	}


#credit {width:738px;	font-size: 0.9em ;padding: 1em 0 1em 3em; font-family: trebuchet ms, verdana, helvetica,arial, sans-serif; text-align:left; 	margin:0 auto;}
#credit a {text-decoration:none; 
}
	
/* ----- end main divs ------ */





	
/* ----- headings ------ */


h1 {	font-family: trebuchet ms, verdana, helvetica,arial, sans-serif;
	font-size: 2em;
line-height: 1em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2 {	font-family: trebuchet ms, verdana, helvetica,arial, sans-serif;
	color: #636; font-size: 1.5em;
line-height: 1em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}


 h3 {	font-family:  verdana, helvetica,arial, sans-serif;
font-size: 1.1em;
line-height: 1.5em;
	font-weight: bold;
	margin: 1em 0 0 0;

}

#sidebar h3 {	font-family:  verdana, helvetica,arial, sans-serif;
	color: #636; font-size: 1.2em;
background: url(../i/sidehead_bg.jpg) no-repeat top left;
line-height: 1.5em;
	font-weight: bold;
	margin: 2em 0 -2em -0.5em;
	padding: 0.5em 0 2.5em 0.5em;border-top: 1px solid #8f9cb5;
}

#sidebar h3 a:link {color:#636;
text-decoration:none;	}

#sidebar h3 a:hover {color:#636;
text-decoration:underline;	}


.splash h3 {		color: #25305c;	font-family: trebuchet ms, verdana, helvetica,arial, sans-serif;
 font-size: 1.4em;
line-height: 1.5em;
	font-weight: bold;
	margin:  0;
	padding: 0.2em  0.5em;
}

.splash h3 a:link, .splash h3 a:visited {color:#25305c;
text-decoration:none;	

}

.splash h3 a:hover , .splash h3 a:active{color:#636;
text-decoration:none;	}


.splash p {	
	margin:  0;
	padding:  0.5em;
}


.leftpic {float: left; clear: left; margin-right: 30px;}

/* ----- end headings ------ */




		/* ie underscore hack -> */

	.doc a:link, .doc a:visited {_background:  #fff url("../i/doc.gif") no-repeat 4px 0.2em ; letter-spacing:0; _padding-left: 18px; _padding-bottom: 10px; _padding-right: 4px;  width:100%; text-decoration: none;}

	.doc a:hover, .doc a:active {_background: #eeeeee  url("../i/doc_ovr.gif") no-repeat 4px 0.2em ;}

	.doc {margin-bottom: 5px; }
	
	
.bigpic {margin: 10px 10px 10px 0 }
.bigpictext {width:460px;}