@charset "utf-8";
/* CSS Document */

ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset {
margin: 0;
padding: 0;
border: 0;
font-family: Tahoma, Geneva, sans-serif;
line-height: 1.4em;
color: #000000;
}

	 html 
	{
	min-height: 100%; 
	margin-bottom: 1px;
	}
img
{
	border: 0;
}

body  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100.1%;	
	margin: 10px auto 10px auto; 
	padding: 0;	
	background-image: url(images/grad2patlight.png);
	background-repeat: repeat-x;	
	text-align: center; 
   background-color: #fff;
	
}
	
#container { 
	width: 970px; 	
	text-align: center;	
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #e0e0e0;	
	
}
/*.testimonialicon
{
	
	float: right; 
	padding: 8px 20px;
	width: auto;

}*/

.testimonialicon
{
	
	float: right; 
	padding-top: 10px; 
	padding-right: 10px;
	
	width: 30px;

}

 a
 {
  color: #d85327;

 }
 
 a:hover
 {
	 color: #3a6a8e;
 }
 
#header
{
height: 78px;
background-color:#FFF;

}

.logo
{
float: left;
margin: 15px 0px 0px 37px; 
width: 529px;
}
.phonenum
{
width: 200px; 
margin: 20px 47px 0px 0px; 
float: right;
}
.contactbutton
{
width: 200px; 
margin: 5px 50px 0px 0px; 
float: right;	
}
.headtext h2
{
text-align: center; 
font-size: .8em; 
margin-top: 20px;

}
 
 #innerwrapper
 {
background-color: #fff; 
width: auto;	 
 }

 #flash
 {
	 width: 930px; height: 311px; 
	 text-align: center;
 }
 
#testimonials
 {
float: right; 
text-align: left; 
width: 283px;	 
 }
 
#extra
 {
float: right; 
text-align: left; 
width: 241px;
clear: right;
font-size: .75em; 
padding-top: 20px;
margin-right: 20px;
 }
 #extra a
 {
color:	#d85327;

 }
 
 #extra a:hover
 {
	 color: #3a6a8e;
 }
 
 #extra p
 {
 	
	line-height: 1.5em;
	padding: 5px 15px 8px 12px;	
 }
 
 
 .toproundbox 
 {
	background-image: url(images/roundBG.gif); 
	background-repeat: repeat; 
 }
  
 /*.topboxcurve
 {
	background-image:url(images/topRound.gif); 
	background-repeat:no-repeat; 
	background-position:top center; 
	width: auto; height: 10px;	 
 }*/
 .topboxcurve
 {
	background-image:url(images/topRound.gif); 
	background-repeat:no-repeat; 
	background-position:top center; 
	width: auto; height: 10px;	 
 }
 
 .toproundbox h3
 {
	text-indent: -9999em; 
	background-image:url(images/testimonials.gif); 
	background-repeat:no-repeat; 
	border-bottom: 1px dotted #eee; 
	padding: 0px 15px 15px 15px; 
	background-position: 15px 6px; 
	height: 20px; 
	margin: 0px;
	font-size: 1em;
	color: #0068CC;
	
 }
 

 
 

.bottomcurve
{
padding: 0;
background-image: url(images/bottomRound.gif); 
background-position:bottom center; 
background-repeat:no-repeat;
line-height: 1%;
}

.signature
{
	margin-left: 15px;
	
}

.bottomroundbox 
 {
	background-image: url(images/roundBG.gif); 
	background-repeat: repeat; 
 }
 
 .bottomboxcurve
 {
	background-image:url(images/topRound.gif); 
	background-repeat:no-repeat; 
	background-position:top center; 
	width: auto; 
	height: 10px; 
	 
 }
 
 .bottomroundbox h3
 {
	text-indent: -9999em; 
	background-image: url(images/whatwedo.gif); 
	background-repeat:no-repeat; 
	border-bottom: 1px dotted #eee; 
	padding: 5px 15px 10px 15px; 
	background-position: 15px 6px; 
	height: 20px; 
	margin: 0px 0px 0px 0px; 	 
 }
 
 #quads
 {
	width: auto;
	margin-left: 35px;
	margin-top: 15px;
 }
 #quads p
 {
 	margin: 0px;
	padding: 0px;
 }
 /*.roundblock
 {
 float: left; 
 width: 325px; 
 height: auto; 
 margin-left: 0px; 
 margin-right: 12px; 
 margin-top: 5px; 
 margin-bottom: 25px; 
		 
 }*/
 
 
 #maincontent .roundblock
 {
 float: left; 
 width: 325px; 
 height: auto; 
 margin-left: 0px; 
 margin-right: 12px; 
 margin-top: 5px; 
 margin-bottom: 25px; 

		 
 }
  #maincontent .roundblock h2
 {
	 
	font-size: 1.4em; 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #d85327; 
	padding: 0px 0px 3px 0px;
	line-height: 1.2em;
	margin: 0px;	
 }
  #maincontent .roundblock h2 a
 {
 	color: #d85327; 
	text-decoration: none;
 }
 
  #maincontent .roundblock h2 a:hover
 {
 	color: #4778a9; 
	text-decoration: underline;
 }
 
 #maincontent .roundblock p
 {
	margin-top: 2px; 
	margin-left: 20px; 
	margin-right: 5px;
	margin-bottom: 0px;
	height: auto;
	padding: 0px;
	line-height: 1.4em;
	
 }
 
  #maincontent .roundblock p.link
 {
	margin: 0px 0px 0px 0px;
	background-image: url(images/interfacegraphics/bottomCurve.gif); 
	padding-left: 50px; 
	padding-top: 15px; 
	background-repeat: no-repeat; 
	background-position: left bottom; 
	padding-bottom: 15px;
	padding-right: 0px;	 
 }
 
  #maincontent .roundblock p.link a
 {
	 color: #0072bc;
	 text-decoration: none;
	 font-weight: bold;
 }
  #maincontent .roundblock ul
 {
   margin-left: 30px; 
   margin-top: 10px;
  padding-left: 15px;	 
 }
 
 #maincontent .roundblock p.link a:hover
 {
	 color: #6eb0db;
	 text-decoration: none;
	 font-weight: bold;
 }
  #maincontent .roundblock img.badge
 {
	float: right; 
	margin-top: -43px; 
	margin-right: 15px;
		 
 }
 .heightadj
 {
	line-height: 2.8em; 
 }
  .heightadjsm
 {
	line-height: 1.5em; 
 }
   .heightadjlg
 {
	line-height: 4.2em; 
 }

#maincontent 
 {
	background-color: #fff;
	font-size: .75em;	
 }
 
  #maincontent h1
 {
	margin: 15px 0px 0px 30px; 
	text-indent: -9999em; 
	background-image: url(images/workingwithyou.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.clientlogin
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/client-login.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.cirruscms
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/cirruscms.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}
#maincontent h1.aboutus
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/aboutus.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.contactus
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/contactus.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}


#maincontent h1.services
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/what-we-do.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.portfolio
 {
	margin: 15px 0px 0px 108px;  
	text-indent: -9999em; 
	background-image: url(images/portfolio.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.casestudies
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/case-studies.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.thankyou
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/thankyou.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.internetapplications
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/internetapplications.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.animation
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/animation-visualization.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.sitemap
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/site-map.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}
#maincontent h1.richmedia
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/richmedia.gif);
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.websitedesign
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/website-design.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.clienttestimonials
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/client-testimonials.gif); 
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}
#maincontent h1.apcasestudy
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/allergypartnerstext.gif);
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.marccasestudy
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/marccasestudytext.gif);
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.pluscasestudy
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/plustext.gif);
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h1.cecicasestudy
 {
	margin: 15px 0px 0px 105px; 
	text-indent: -9999em; 
	background-image: url(images/case_studies/ceci.gif); 
	background-repeat:no-repeat; 
	height: 28px;
	font-size: 1%; 
}

#maincontent h1.ohibcasestudy
 {
	margin: 15px 0px 0px 105px; 
	text-indent: -9999em; 
	background-image: url(images/case_studies/ohib-hdr.gif); 
	background-repeat:no-repeat; 
	height: 28px;
	font-size: 1%; 
}

#maincontent h1.ncctmcasestudy
 {
	margin: 15px 0px 0px 105px; 
	text-indent: -9999em; 
	background-image: url(images/case_studies/ncctm-hdr.gif); 
	background-repeat:no-repeat; 
	height: 28px;
	font-size: 1%; 
}

#maincontent h1.saffcasestudy
 {
	margin: 15px 0px 0px 105px; 
	text-indent: -9999em; 
	background-image: url(images/case_studies/saff-hdr.gif); 
	background-repeat:no-repeat; 
	height: 28px;
	font-size: 1%; 
}


#maincontent h1.mkhacasestudy
 {
	margin: 15px 0px 0px 108px; 
	text-indent: -9999em; 
	background-image: url(images/mkhatext.gif);
	background-repeat:no-repeat; 
	height: 30px;
	font-size: 1%; 
}

#maincontent h2.corecomp
 {
	margin: -5px 0px 5px 108px; 
	padding: 0px;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	background-repeat:no-repeat; 	
	font-size: 1.1em;
	color: #3a6a8d;
}
#maincontent h2.certifications
 {
	margin: 0px 0px 0px 108px; 
	padding: 0px;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	background-repeat:no-repeat; 	
	font-size: 1.1em;
	color: #3a6a8d;
}

#maincontent h2.websitedesign
 {
	margin: 5px 0px 5px 108px; 
	padding: 0px;	 	
	font-size: 1.1em;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	color: #3a6a8d;
}

#maincontent h2.casestudies
{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 5px 0px 5px 108px; 
	font-size: 1.1em;
	color: #3a6a8d; 
}

#maincontent h2.casestudies a
{
	
	color: #3a6a8d; 
}

#maincontent h2.casestudies a:hover
{
	 color: #d85327;
}





#maincontent p.large
{
	font-size: 1.2em; margin-left: 37px; padding-right: 325px;
	line-height: 1.4em;
	
}

#maincontent p.largecenter
{
	font-size: 1.2em; 
	/*margin-left: 30px; */
	text-align: center;
	padding-bottom: 20px;
	padding-top: 3px;
	
}

#maincontent p
{
	font-size: 1em; 
	margin-left: 108px;
	padding-right: 125px;
	line-height: 1.8em;
	margin-bottom: 10px;
	
}

#maincontent ul
{
	font-size: 1em; 
	margin-left: 108px;
	padding-left: 75px;
	padding-right: 200px;
	line-height: 1.8em;
	margin-bottom: 10px;
	
}

#maincontent ul.menulist
{
	font-size: 1em; 
	margin-left: 108px;
	padding-left: 20px;
	padding-right: 200px;
	line-height: 1.8em;
	margin-bottom: 10px;
	list-style-type: none;
	
}
#maincontent li.menulist
{
	background-image: url(images/footerBullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .7em;
   padding-left: 1.2em; 
	line-height: 1.8em;
	
	
}



#maincontent li ul
{
	font-size: 1em;	
	padding-left: 2px;
	padding-right: 200px;
	line-height: 1.8em;
	margin-bottom: 10px;
	list-style-type: none;
	
}
#maincontent li ul 
{
	
	background-position: 0 .7em;
   padding-left: 1.2em; 
	line-height: 1.8em;
	margin-left: 0px;
	
	
	
}




	
#wrapper
 {
	 width: 970px;
     margin: 0 auto;
	 text-align: left;
 }

#topmenu
{
	background-image: url(images/menubarbg.png);
	background-repeat: no-repeat;
	height: 65px;
	text-align: left;
	background-color: #fff;
	width: auto;
	background-position: center;	
	
}

#topmenu ul
{
	text-align: center;
	padding-top: 25px;
	font-size: 1em;
}

#topmenu li
{
 display: inline;
 color: #646464;
 border-right: 1px solid #646464;
 padding: 0px 12px 0px 12px;
 font-size: .9em;
}

#topmenu li.listlast
{
	border: 0px;
	
}

#topmenu li a
{
color: #333;
text-decoration: none;
}

#topmenu li a:hover
{
color: #4b8aaf;
text-decoration: underline;
}
 


#footer {
	padding: 5px 10px 10px 10px;	
	clear: both;	
	background-color: #4d7898;	
	background-image: url(images/footerBGgrad.jpg);
	background-repeat: repeat;
	color: #fff;
	font-size: .8em;	
}
#footer h6
{
font-size: 1.1em;
color: #fff;
margin: 4px 0px 0px -1px;
padding: 0;
font-weight: normal;
}

#footer p {
	margin: 0; 
	padding: 0px; 
	color: #fff;
	
}

#footer a
{
	color: #d6ecfc;
	
}
#footer a:hover
{
	color: #fff;
}

 .clearer
 {
	 clear: both;
	 line-height: 1%;	 
 }
 
 #contactinfo
 {
   float: left; 
   width: 25%; 
   clear: none; 
	height: auto;
	color: #fff;
 
	 
 }
 
 #contactinfo p
 {
 	margin-left: 35px; 
	line-height: 1.7em;
 }
  



#footer li
 {
	
  
   padding: 0; 
	line-height: 1.8em;
	list-style-type: none;
	margin: 0;
 }


 
#footer .footerlinks1
 {
  float: left; 
  clear: none; 
  width: auto; 
  margin-left: 0px; 
  padding: 0px; 
 }
 #footer ul.footerlinks1
 {
	 margin: 0px;
	 padding:0;
 }
 
#footer .footerlinks2
 {
 float: left; 
 clear: none; 
 width: auto; 
 margin-left: 30px;  
 padding: 0px; 
 }
 #footer ul.footerlinks2
 {
	 margin: 0px;
	 padding: 0;
 }
 
 
  #footer .footerlinks3
 {
 float: left; 
 clear: none; 
 width: auto; 
 margin-left: 30px;  

 }
 #footer ul.footerlinks3
 {
	 margin: 0px;
	 padding-bottom: 10px;
 }
 
 
 #footer .footerlinks4
 {
 float: left; 
 clear: none; 
 width: auto; 
 margin-left: 30px;  
 padding: 0px; 
 }
 #footer ul.footerlinks4
 {
	 margin: 0px; 
	 padding: 0;
 }
 
 #footer p.facebook
 {
 	margin-top:30px;
 }
 
 #footer img.facebookimg
 {
 	padding-right: 10px; 
	padding-left: 0px; 
	padding-top: 0px; 
	float: left; 
	padding-bottom: 15px;
 }

.fltrt { 
	float: right;
	margin-left: 8px;
	width: auto;
}
.fltlft {
	float: left;
	margin-right: 8px;
	width: auto;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft
{
	clear: left;
	line-height: 1%;
}

#logowrapper
{

padding-top: 5px;
 text-align: center;

}

#logostrip
{

padding-top: 5px;
text-align: center;
padding-left:0px;
margin-left: 0px;
height: auto;
width: 663px;
margin-left: auto;
margin-right: auto;
float: none;
border: 1px solid #fff;
}

.logocontainer
{
float: left; 
text-align: center;
padding-right:30px;
padding-left: 0px;
vertical-align: middle;
}

.divider
{
color: #e0e0e0; 
border-top: 1px dotted #ccc; 
margin: 0px 20px 0px 0px; 
padding: 0; 
height: 1px;
}
 .addthis
 {
	 float: left;
	 padding-top: 30px;
	 margin-left: 35px;
	 width: auto;
 }
 .footerlogo
 {
 	margin-left: 3px; 	
	
 }
 .copyright
 {
 	
	margin-top: 5px; 
	margin-left: 5px; 
	font-size: .875em; 
	float: left;
 }
 
 .validicons
 {
 	text-align: right;
	padding-right: 10px;
	padding-bottom: 0;
 }
 

 .centerbutton
 {
 	
	margin-left: 50px; border: 0;
 }
 
#formStyle 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.2em; 
color: #444; 
width: 630px; 

margin-top: 10px;
margin-bottom: 20px;
margin-left: 170px;
background-color: transparent;

} 

#formStyle fieldset 
{ 
background-color: transparent;
border: 1px solid #1d467e;
padding: 2px;
background-image: url(../images/bluegrad_formslight.png);
background-repeat:repeat-x;
}
#formStyle legend 
{ 
background-color: transparent;
padding-top: 2px; 
padding-bottom: 2px; 
padding-left: 5px; 
padding-right: 5px; 
margin-left: 10px; 
font-weight: bold; 
font-size: 1em;
color: #1d467e;
} 
#formStyle p 
{ 
margin-bottom: 4px; 
margin-top: 4px;
margin-right: 0px;
margin-left: 0px;
padding: 0px;
} 
#formStyle p input 
{ 
background: #fff; border: 1px solid #ccc;
margin-bottom: 8px; 
margin-top: 4px;
margin-right: 0px;
margin-left: 0px;
padding: 0px;

} 
#formStyle label 
{ 
display: block; 
width: 300px; 
float: left; 
text-align: right; 
padding-right: 7px;
padding-bottom: 3px;
padding-top: 1px; 

}
#formStyle select
{
	background: #fff; border: 1px solid #ccc;
margin-bottom: 5px; 
margin-top: 4px;
margin-right: 0px;
margin-left: 0px;
padding: 0px;
}

#formStyle label.small 
{ 
display: block; 
width: 200px; 
float: left; 
text-align: right; 
padding-right: 5px;
padding-bottom: 3px;
padding-top: 3px; 
} 



#formStyle label em 
{ 
color: #CC0000;
font-weight: bold;
} 
#formStyle  p span input 
{ 
vertical-align: middle; 
border: none; 
background: none;
} 
#formStyle strong 
{ 
margin-left: 154px;
 } 
#formStyle strong input 
{ 
background: #1d467e;
border-left: 1px solid #656c86;
border-right: 1px solid #656c86;
border-top: 1px solid #656c86;
border-bottom: 1px solid #656c86;
font-weight: bold; 
color: #ffffff; 
margin-top: 5px;
margin-bottom: 0px;
padding: 2px;
margin-left: 153px;
}

#formStyle strong input.small 
{ 
background: #1d467e;
border-left: 1px solid #656c86;
border-right: 1px solid #656c86;
border-top: 1px solid #656c86;
border-bottom: 1px solid #656c86;
font-weight: bold; 
color: #ffffff; 
margin-top: 5px;
margin-bottom: 0px;
padding: 2px;
margin-left: 75px;
}

#formStyle .reminder 
{
	margin-left: 175px;
	margin-top: -10px;
}
.required
{
color: #660000;
font-weight: bold;
list-style-type: none;
}

#formStyle input:focus, select:focus, textarea:focus
{
background-color: #FFF8DC;
color:#000; 
}

.accelerator
{
 text-decoration: underline;	
}
#standardslogos
{

padding-top: 5px;
text-align: center;
padding-bottom: 5px;
}

#iconstrip
{

padding-top: 0px;
padding-left:0px;
margin-left: 0px;
height: auto;
width: 400px;
margin-left: 100px;
float: none;
border: 1px solid #fff;
}
#standardslogos .logocontainer
{
float: left; 
text-align: center;
padding-right:30px;
padding-left: 0px;
vertical-align: middle;
	
}

/* Display [] by the item with the accesskey */
a[accesskey]:after,button[accesskey]:after,input[accesskey]:after,label[accesskey]:after,legend[accesskey]:after,textarea[accesskey]:after 
{ margin-left: 0.3em;    
color: Plum;    
content: "[" attr(accesskey) "]";}

#testimonialblock
{
	border: 1px solid #ccc;  padding: 10px 10px 0px 10px; width: 550px; margin-left: 108px; margin-top: 5px;
	margin-bottom: 10px;
}

#testimonialblock h2
{
		color: #3a6a8d; 
      font-size: 1.1em; 
		font-family:Georgia, 'Times New Roman', Times, serif; 
		margin-bottom: 5px;
}

#testimonialblock p
{
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 5px;
}

#testimonialblock em
{
	font-family: Georgia, 'Times New Roman', Times, serif;
}
#maincontent .sitefeatures
{
float: left; 
clear: none; 
width: 600px;	
}

#maincontent .featurebtncontainer
{
float: left; 
width: 200px; 
margin-right: 30px; 
margin-top: 15px;
}

#maincontent .featurebtn
{
width: 190px; border: 1px solid #000000;  
background-color: #eee;
text-align:center; 
font-weight: bold; 
margin-right: 200px; 
padding: 8px;
margin-top: 10px;
}

#maincontent .featurebtn p
{
  margin: 0; 
  padding: 0;
  line-height: 1.2em;
	
}

#maincontent .featurebtn img
{
padding-right: 3px; 
float: left;	
}
