body{
 border:0;
 margin:0;
 padding:0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color: #707070;
 background:#5573a8 url("../images/hdr/body-bkg.gif") left top repeat-x;
 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;
   	
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 1em; 
	}
	
ul{
 background:none;
 padding-left:1em;
 margin-left:.5em;
 }
 
li{
background:url(../images/misc/bul3.gif) 0 .6em no-repeat;
background-color:transparent;
padding-left:1em;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul{
  margin-top:1.2em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
ol {
	padding:0 12px;margin:0 12px;
}
ol li{
	list-style-type:decimal;
	margin-left:6px;
	padding-left:0;
	margin:.6em 0;
	background-image:none;
}
li ul li{
list-style:none;
}


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

h1{
font-family: arial, helvetica, sans-serif;
color:#555555;
font-size:1.8em;
font-weight:normal;
margin-top: 0em;
margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}

h2{
font-family: arial, helvetica, sans-serif;
color:#555555;
font-size:1.8em;
margin: .8em 0 .6em 0;
font-weight:normal;
}
.header2{
font-family: arial, helvetica, sans-serif;
color:#000;
font-size:1.8em;
font-weight:bold;
margin: .8em 0 .4em 0;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#1d4ca0;
font-size:1.0em;
font-weight:bold;
margin: 1.2em 0 .4em 0em;
}

.header3{
font-family: arial, helvetica, sans-serif;
color:#00408A;
font-size:1.4em;
font-weight:bold;
margin: 1.2em 0 .4em 0em;
}

h4{
color:#000;
font-weight:bold;
font-size:1.0em;
margin: 1.2em 0 .4em 0em;

}

.header4{
color:#000;
font-weight:bold;
font-size:1.2em;
margin: 1.2em 0 .4em 0em;
}

h5{
color:#000;
font-weight:bold;
font-size:.93em;
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 ------------------*/

table{

}
/*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:#1d4ca0;
 text-decoration:underline;
}

a:hover, a:active, a:focus{
color:#f00;
 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;
}
.padfloatleft {
	float:left;
	padding-right:12px;
	padding-bottom:12px;
}
.padfloatright {
	float:right;
	padding-left:12px;
	padding-bottom:12px;
}
.clearer {
	clear: both;
}

.hide, .print{
display:none;
}
form{
padding:0;
margin:0;
}
/*end all the global stuff */

#wrapper{
width:853px;
margin:0 auto;
margin-bottom:12px;
padding-bottom:12px;
text-align:left;
}
#header1{
background:#fff url(../images/hdr/hdr-top.gif) left top no-repeat;
height:65px;
text-align:right;
position:relative;
}
img.hdr2-top{
position:absolute;
right:0;
top:0;
}
#contentwrapper{
border-left:1px solid #b7b7b7;
border-right:1px solid #b7b7b7;
border-bottom:1px solid #b7b7b7;
padding:0 1px;
background:#fff;
height:.01%;
}
#header2{
background:#fff url(../images/hdr/hdr2-bkg.gif) left top repeat-x;
position:relative;
height:83px;
}
img.logo{
position:absolute;
left:0;
top:0;
}
img.tagline{
position:absolute;
right:0;
top:0;
}
ul#nav{
height:36px;
border-bottom:1px solid #fff;
background:url(../images/hdr/menu-bkg.gif) left top repeat-x;
margin:0;padding:0;
}
ul#nav li {
margin:0;padding:0;
height:36px;
float:left;
background:url(../images/hdr/menu-bkg-over.gif) left top repeat-x;
}
ul#nav li a{
display:block;
height:26px;
background:url(../images/hdr/menu-bkg.gif) left top repeat-x;
color:#fff;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
text-decoration:none;
text-align:center;
padding-top:10px;
}
ul#nav li a:hover{
background:none;
}
ul#nav li#home a{width:96px;}
ul#nav li#services a{width:116px;}
ul#nav li#industries a{width:134px;}
ul#nav li#blog a{width:95px;}
ul#nav li#aboutus a{width:130px;}
ul#nav li#contactus a{width:144px;}

#navshaddow{
position:relative;
text-align:right;
background:#fff url(../images/hdr/shaddow.gif) left top no-repeat;
height:12px;
}
body.home #navshaddow{
height:20px;
}
img.shaddow2{
position:absolute;
right:0;
top:0;
}
body.home h3, #rcol h3{
margin:0;
margin-bottom:.8em;
}
body.home h2{
margin:0;
}
body.home p{
margin:.4em 0 .8em 0;
}
#contentwrapper{
font-size:.94em;
}
body.home strong{
color:#000;
}
#homercol{
width:136px;
float:left;
margin:0 16px 16px 16px;
}
#homeccol{
width:288px;
margin:0 0 16px 16px;
background:url(../images/misc/vdiv.gif) left top repeat-y;
padding-left:16px;
float:left;
}
#homeccolinner{
background:url(../images/misc/vdiv.gif) right top repeat-y;
padding-right:16px;
border-bottom:1px solid #fff;
}
#blogposts{
margin:0;
padding:0;
}
#blogposts li{
padding:0;
margin:.6em 0 1.0em 0;
background-image:none;
}
#blogposts li a{
color:#707070;
text-decoration:none;
}
#blogposts li a:hover{
text-decoration:underline;
}
form#subscribeblog{
padding:8px 0;
margin:0;
}
ul.bul1{
margin:0;padding:0;
}
ul.bul1 li{
padding:0;
margin:.6em 0 1.0em 0;
background:url(../images/misc/bul1.gif) 0 .4em no-repeat;
background-color:transparent;
font-weight:bold;
padding-left:14px;
}
ul.bul3{
margin:0;padding:0;
}
ul.bul3 li{
padding:0;
margin:.6em 0 1.0em 0;
background:url(../images/misc/bul3.gif) 0 .4em no-repeat;
background-color:transparent;
padding-left:14px;
}
#blogby{
margin-top:18px;
background:url(../images/graphics/kathy.jpg) right top no-repeat;
}
#blogby p.byline{
font-size:.86em;
margin:0;
}
#blogby p.author{
margin-top:2px;
font-size:1.2em;
color:#000;
font-weight:bold;
}
#homelcol{
padding-left:16px;
width:340px;
float:left;
}
#homelcol p{
margin-top:0;
}
div.hdiv{
font-size:1px;
height:1px;
background:url(../images/misc/hdiv.gif) left top repeat-x;
margin:8px 0;
}
#footer{
padding:16px;
clear:both;
}
#content{
width:540px;
padding:24px;
padding-top:0;
background:url(../images/misc/vdiv.gif) right top repeat-y;
}
#rcol{
width:210px;
float:right;
margin:24px;
margin-top:0;
}
#content p, #rcol p{
line-height:1.4em;
margin:1.0em 0;
}
ul#subnav{
margin:0;padding:0;
padding-bottom:24px;
}
ul#subnav li{
background-image:none;
list-style:none;
padding:0;
padding-left:24px;
padding-right:12px;
margin:0;
display:inline;
font-size:.94em;
}
ul#subnav li a{
color:#707070;
font-weight:bold;
text-decoration:none;
}
ul#subnav li a:hover{
text-decoration:underline;
}
#footer a{
color:#707070;
}