/* global em typography template adapted from http://www.thenoodleincident.com */

body{
 border:0;
 margin:0;
 padding:0;
 font-family: arial, helvetica, sans-serif;
 color: #252525;
 background:#989898;
 font-size: 76%;
 text-align:center;
 }
 
 /*----------------- list styles ------------------*/



/* these lists are formatted to use a background-image for the bullets.  Comment out list-style:none and the background image below, as well as the ul and li specific styles to use the default browser bullets */

ol, ul, li {
	list-style: none;
   
	margin-top: 1em;
	margin-bottom: 1em; 
	text-align:left;
	}
	
ul{
 
 padding-left:1em;
 margin-left:.5em;
 }
 
li{
/*font-size: .93em;*/
padding-left:1em;
}
	


/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*----------------- end list styles ------------------*/
 
 /*----------------- header styles ------------------*/

h1{
font-family: arial, helvetica, sans-serif;
color:#000;
font-size:2.0em;
font-weight:bold;
margin: 0 0 .8em 0;}

h2{
font-family: arial, helvetica, sans-serif;
font-weight:bold;
margin: 0 0 1.0em 0;
color:#1f60a9;
font-size:1.4em;
}
.header2{
font-family: arial, helvetica, sans-serif;
color:#0069A3;
font-size:1.8em;
font-weight:bold;
margin: .8em 0 .4em 0;
}
.header2b{
font-family: arial, helvetica, sans-serif;
color:#000;
font-size:1.2em;
font-weight:bold;
margin: .4em 0 .4em 0;
}

h3{
color:#333;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
margin: 1.6em 0 .6em 0;
}

.header3{
color:#DF6913;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
}
.header3b{
color:#0069A3;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
font-size:1.4em;
}
h4{
color:#DF6913;
font-weight:bold;
font-size:1.0em;
margin: 1.6em 0 .4em 0;

}


h5{
color:#0069A3;
font-weight:bold;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
margin: 1.2em 0 .4em 0em;
}

h6{
color:#00408A;
font-weight:bold;
font-size:.94em;
margin: 1.2em 0 .4em 0em;
}

/*----------------- end header styles ------------------*/

/*----------------- table styles ------------------*/


/*this is for win ie5.x and Opera, as it will not cascade the em sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

/*----------------- end links ------------------*/


/*----------------- links ------------------*/

a, a:visited{
 /*color:#0081C4;*/
 color:#1f60a9;
 text-decoration:underline;
}

a:hover, a:active, a:focus{
color:#d71e02;
 text-decoration:none;
}

a img, a img:visited, a img:hover, a img:active, a img:focus {
	border: 0;
	text-decoration:none;	
}

/*----------------- end links ------------------*/

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

.right{
 text-align: right;
 }

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearer {
	clear: both;
}

.hide, .print{
/*display:none;*/
}

form {
padding:0;margin:0;
}
/*end all the global stuff */

#wrapper{
background:#fff url(../images/hdr/bkg2.gif) left bottom repeat-x;
}
#wrapperinner{
background:url(../images/hdr/bkg1.gif) left top repeat-x;
}
#wrapperinner2{
width:829px;
margin:0 auto;
text-align:left;
}
#header{
height:110px;
position:relative;
}
img.logo{
position:absolute;
top:26px;
left:0;
}
img.tagline{
position:absolute;
top:68px;
right:0;
}







#nav{
height:36px;
margin:0;
padding:0;
background:url(../images/hdr/menu-bkg.gif) left top no-repeat;
}
#nav li{
margin:0;padding:0;
background:url(../images/hdr/menu-bkg-over.gif) left top no-repeat;
float:left;
}
#nav li a{
display:block;
height:25px;
background:url(../images/hdr/menu-bkg.gif) left top no-repeat;
text-align:center;
color:#636363;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
padding-top:11px;
font-weight:bold;
}
#nav li a:hover{
background:none;
color:#fff;
}
#nav li#solutions a{width:154px;}
#nav li#products{background-position:-154px 0;}
#nav li#products a{width:159px;background-position:-154px 0;}
#nav li#technology{background-position:-313px 0;}
#nav li#technology a{width:161px;background-position:-313px 0;}
#nav li#about{background-position:-474px 0;}
#nav li#about a{width:186px;background-position:-474px 0;}
#nav li#contact{background-position:-660px 0;}
#nav li#contact a{width:169px;background-position:-660px 0;}


ul.list1{
padding:1px 0;margin:.6em 0;
}
ul.list1 li{
list-style:none;
background:url(../images/hdr/bul2.gif) 0 .2em no-repeat;
padding:0;padding-left:16px;
margin:0;margin-bottom:.6em;
}


.lrgtext{
font-size:1.2em;
}
.xlrgtext{
font-size:1.4em;
}


#contentwrapper{
background:url(../images/hdr/contentwrapper-bkg.gif) left top no-repeat;
padding:0 5px;
}
#homecontent{
height:342px;
padding:20px;
padding-right:420px;
background:#00000d url(../images/home/banner1.jpg) left top no-repeat;
color:#fff;
}
#homecontent h1{
font-size:18px;
color:#fff;
font-weight:bold;
margin:0;
}
#homecontent p{
margin:1.0em 0;
line-height:1.6em;
}
#homecontent a{
	color:#ffffff;
}
#homecontent2{
background:#1f60a9 url(../images/hdr/homecontent-bkg.gif) left bottom no-repeat;
height:116px;
padding:18px 22px;
color:#fff;
}
#homecontent2 ul{
padding:0;margin:0;width:140px;
float:right;
margin-left:24px;
}
#homecontent2 ul li{
padding:0;margin:0;
list-style:none;
margin-top:0;
margin-bottom:12px;
padding-left:18px;
background:url(../images/hdr/bul2.gif) 0 .2em no-repeat;
}
#homecontent2 ul li a{
color:#fff;
font-weight:bold;
}
#homecontent2 h2{
font-size:1.4em;
color:#fff;
font-weight:bold;
margin:0;
}
#homecontent2 p{
margin:.8em 0;
line-height:1.6em;
}
#homecontent2 a{
	color:#ffffff;
}
#footer{
background:url(../images/hdr/bkg0.gif) left top repeat-x;
}
#footerinner{
width:819px;
margin:0 auto;
text-align:left;
padding:12px 0;
font-size:.94em;
color:#ebebeb;
}
#footerinner a{
color:#ebebeb;
text-decoration:none;
}
#footerinner a:hover{
text-decoration:underline;
color:#fff;
}
#footerinner p{
margin-top:0;
margin-bottom:6px;
}

.box1{
height:456px;
width:272px;
float:left;
margin-right:1px;
background:url(../images/hdr/box1-bkg.gif) left bottom no-repeat;
}
.box2{
height:500px;
width:204px;
float:left;
margin-right:1px;
background:url(../images/hdr/box2-bkg.gif) left bottom no-repeat;
}
.box1inner{
padding:16px;
line-height:1.4em;
color:#252525;
}
.box2inner{
padding:16px;
line-height:1.4em;
color:#252525;
}
#content{
background:#f7f7f7 url(../images/hdr/content-bkg.gif) left top no-repeat;
padding:22px;
}
#col1{
width:375px;
float:left;
}
#col2{
margin-left:400px;
}
#content p{
line-height:1.6em;
}
hr.hr1{
height:1px;
background:#ccc;
color:#ccc;
margin:1.0em 0;
}
div.prodhdr{
width:172;
height:19px;
padding:12px 16px;
color:#ffffff;
background:#1e5da4;
font-size:14px;
font-weight:bold;
}