body{
 border:0;
 margin:0;
 padding:0;
 font-family: arial, helvetica, sans-serif;
 color: #111111;
 background:#EDEDED url("../images/hdr/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;
   	background:url("../images/misc/bul1.gif") 0 .6em no-repeat;
	background-color:transparent;
	line-height: 1.5em;
	margin-top: .8em;
	margin-bottom: .8em; 
	}
	
ul{
 background:none;
 padding-left:1em;
 margin-left:.5em;
 }
 
li{

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;
	}
	
/*----------------- end list styles ------------------*/
 
 /*----------------- header styles ------------------*/

h1{
font-family: arial, helvetica, sans-serif;
color:#3e4572;
font-size:1.8em;
font-weight:bold;
margin: 0 0 1.2em 0;
}

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

h3{
font-family: arial, helvetica, sans-serif;
color:#000;
font-size:1.2em;
font-weight:bold;
margin: 1.6em 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.6em 0 .4em 0em;

}

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

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:#3e4572;
 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:751px;
margin:10px auto;
text-align:left;
}
#header{
height:75px;
background:#3e4572 url("../images/hdr/hdr-bkg.jpg") left top no-repeat;
}
#chatnow{
width:211px;
height:64px;
float:right;
padding:11px 12px 0 0;
}
#nav{
height:30px;
margin-bottom:10px;
}
ul#mainnav{
width:751px;
height:30px;
margin:0;
padding:0;
background:#a7a7a7;
}
ul#mainnav li{
margin:0;padding:0;
background:url("../images/hdr/menu.jpg") 0 -30px no-repeat;
float:left;
}
ul#mainnav li a{
display:block;
height:30px;
background:url("../images/hdr/menu.jpg") 0 0 no-repeat;
}
ul#mainnav li a:hover{
background:none;
}
ul#mainnav li#services a{width:185px;background-position:0 0;}
ul#mainnav li#services{background-position:0 -30px;}
ul#mainnav li#whyus a{width:127px;background-position:-185px 0;}
ul#mainnav li#whyus{background-position:-185px -30px;}
ul#mainnav li#closedloop a{width:177px;background-position:-312px 0;}
ul#mainnav li#closedloop{background-position:-312px -30px;}
ul#mainnav li#aboutus a{width:88px;background-position:-489px 0;}
ul#mainnav li#aboutus{background-position:-489px -30px;}
ul#mainnav li#contactus a{width:101px;background-position:-577px 0;}
ul#mainnav li#contactus{background-position:-577px -30px;}
ul#mainnav li#login a{width:73px;background-position:-678px 0;}
ul#mainnav li#login{background-position:-678px -30px;}

#homebanner{
border-bottom:1px solid #a7a7a7;
}


#contentwrapper{
border:1px solid #a7a7a7;
background:#fff url("../images/hdr/content-bkg.gif") left top repeat-x;
padding:18px 14px;
height:.01%;
}
body.blog #contentwrapper{
background:#fff url("../images/hdr/content-bkg.gif") left top repeat-x;
padding-top:8px;
}
body.home #contentwrapper{
background-position:0 189px;
padding:0;
}
body.home #contentwrapper p{
line-height:1.5em;
margin:1em 0;
}



#serviceslisttitle{
font-size:10px;
color:#fff;
font-weight:bold;
}
ul#serviceslist{
width:721px;
height:47px;
margin:2px 0;
padding:0;
background:#a7a7a7;
}
ul#serviceslist li{
margin:0;padding:0;
list-style:none;
float:left;
background:#a7a7a7 url("../images/home/serviceslist.jpg") 0 -47px no-repeat;
}
ul#serviceslist li a{
display:block;
height:47px;
background:#a7a7a7 url("../images/home/serviceslist.jpg") 0 0 no-repeat;
}
ul#serviceslist li a:hover{
background:none;
}

ul#serviceslist li#srvconsulting a{width:180px;background-position:0 0;}
ul#serviceslist li#srvconsulting{background-position:0 -47px;}
ul#serviceslist li#srvtelemarketing a{width:180px;background-position:-180px 0;}
ul#serviceslist li#srvtelemarketing{background-position:-180px -47px;}
ul#serviceslist li#srvseo a{width:180px;background-position:-360px 0;}
ul#serviceslist li#srvseo{background-position:-360px -47px;}
ul#serviceslist li#srvweb a{width:181px;background-position:-540px 0;}
ul#serviceslist li#srvweb{background-position:-540px -47px;}



#homecontentwrapper{
padding:4px 14px;
height:.01%;
}
#homecontent{
margin:18px 0;
margin-right:242px;
border-right:4px solid #ececec;
font-size:.94em;
line-height:1.4em;
padding-right:14px;
}
#homercol{
float:right;
width:226px;
}
#homercol ul{
padding:0;
margin:14px 0;
}
#homercol ul li{
margin:0 0 10px 0;
padding:0 0 0 20px;
list-style:none;
background:url("../images/misc/arrow1.gif") 0 .4em no-repeat;
background-color:transparent;
font-size:1em;
font-weight:bold;
}
#homecontent2{
float:left;
margin:0;
width:346px;
font-size:.94em;
}
#homecontent2 table td {
font-size:.94em;
}
#homercol2{
margin-left:360px;
padding-left:14px;
border-left:4px solid #ececec;
font-size:.94em;
}
#homecontent2 h3, #homercol2 h3{
margin:0;
padding:0;
padding-bottom:.6em;
font-size:.94em;
font-weight:bold;
}

#homecontent2 table{
border-top:1px solid #ebebeb;
float:left;
}
#homecontent2 table td{
border-bottom:1px solid #ebebeb;
padding:8px 4px;
}
ul.homelist{
margin:0;padding:0;
border-top:1px solid #ebebeb;
}
ul.homelist li{
list-style:none;
padding:6px 4px;
margin:0;
border-bottom:1px solid #ebebeb;
background-image:none;
}
ul.homelist li.arrow1{
padding-left:20px;
background:url("../images/misc/arrow1.gif") 0 10px no-repeat;
background-color:transparent;
font-weight:bold;
border:0;
}
#rsssubscribe{
height:20px;
padding:8px 0;
font-weight:bold;
clear:left;
}
#rsssubscribe img{
vertical-align:middle;border:0;padding-right:4px;
}

#leftcol{
width:161px;
float:left;
font-size:.94em;
}
#lmenu{
width:161px;
background:#fff url("../images/hdr/lmenu-bkg.gif") left top no-repeat;
}
#leftcol ul.list1{
margin-top:.4em;
}
#leftcol h4{
margin-bottom:.4em;
}
body.company #lmenu h4{
display:none;
}
body.company #lmenu ul{
margin-top:18px;
}
#lmenu h4{
margin:0;
padding:10px 10px 4px 10px;
font-size:11px;
font-weight:bold;
color:#3e4572;
}

#lmenu ul{
padding:0;margin:4px;
border-top:1px solid #acacac;
}
#lmenu ul li{
padding:1px 0;
margin:0;
border-bottom:1px solid #acacac;
background-image:none;
}
#lmenu ul li a{
display:block;
padding:3px 6px;
background:#ebebeb;
color:#000;
text-decoration:none;
}
#lmenu ul li a:hover{
color:#58b743;
background:#fff;
}
#contentwrapper2{
padding-top:46px;
margin-left:190px;
}
#content{
margin:0;
margin-right:14px;
border-left:4px solid #ececec;
font-size:.94em;

padding:24px 36px 24px 24px;
height:.01%;
}
#content p{
margin:1.0em 0;
line-height:1.4em;
}

ul.list1{
margin:1.8em 0;
padding:0;
}
ul.list1 li{
margin:.8em 0;
padding:0 0 0 20px;
list-style:none;
background:url("../images/misc/arrow1.gif") 0 .3em no-repeat;
background-color:transparent;
}
#leftcol ul.list1 li{
font-weight:bold;
}








#footer{
border:1px solid #a7a7a7;
background:#b7b7b7;
color:#fff;
padding:2px;
font-size:.94em;
margin:10px 0;
}

#footer p{
margin:8px 0;
text-align:center;
}
#footer a{
color:#fff;
text-decoration:underline;
}
#footer a:hover{
color:#f00;
text-decoration:none;
}
.error{
color:#f00;
}