/* CSS Document */

* {margin:0; padding:0; border:none;}
body {font: 0.72em Verdana, Arial, Helvetica, sans-serif; color:#023d52; line-height:150%; background: #ffffff url(images/pageBg.gif) repeat-x;}
a {color:#e07f00; text-decoration:none;}
a:hover {color:#3567a8;}
h1,h2,h3, h5,p {margin-bottom:1em;}
h4 {font-size:11px; font-weight:bold; color:#e07f00; margin-bottom:10px; padding-top:5px; border-top:1px solid #f1edd8;}

h3 { color:#006d9b;font: 1.5em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;}
h4 { color:#006d9b;font: 1.3em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;}
#wrap {width:770px; margin:0 auto;}
#cloud { background:url(images/masheadCloud.gif) 0 35px repeat-x;}
#logo {clear:both; margin:0;}
#logo a {text-indent:-9999px; background: url(images/logo.gif) no-repeat; width: 199px; height:72px; float:left; overflow:hidden; margin:16px 0;  }
#tagline { float:right; background:url(images/tagline.gif) no-repeat; width:294px; height:46px; margin:0; text-indent:-99999px; margin-top:15px;}
hr { border:none;border-top:1px solid #f1edd8; margin-bottom:10px;}
/*nav */
 .first {margin-left:0; padding-left:0; border:none;}
.last { margin-right:0; padding-right:0; border:none;}
#flash {
	z-index: 1;	
	
}

/* adding z-index to suckerfish menu */
#nav {
	z-index: 3;
}
#nav{}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	font-size:1.1em;
	display: block;
	color:#FFFFFF;
	padding:11px 0px 12px 10px;
	margin:0 26px;
}
#nav ul a { padding:5px 0; display:block;}
#nav a:hover { color:#a8e1ff;}

#nav li { /* all list items */
	float: left;
	padding:0 10px;
	background:url(images/sep.gif) no-repeat left;
	/* width needed or else Opera goes nuts */
}
#nav .first {background:none;}
#nav li ul li {float:none;  background:none; margin-bottom:10px; }
#nav li ul { /* second-level lists */
 border:1px solid #cbe5f3;
	position: absolute;
	background: #ffffff;
	z-index:1000;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:10px 0 5px 0;
}

#nav li ul a {color:#146c9a; display:inline; }
#nav li ul a:hover {color:#008ed5;}
#home .home, #about .about, #srv .srv, #cs .cs, #clients .clients, #contact .contact {color:#fce9c0;}
#home #right p {line-height: 26px;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* nav */

#mainImg {margin-top:0; clear:both;}

#left { background:url(images/leftBg.gif) no-repeat; width:266px; padding:20px 10px; margin-top:12px; float:left;}
#left p {padding-right: 6px;}
#right { float:left; padding:20px 10px; margin-top:15px; width:460px;}

.bullet {margin:15px; list-style:none;}
.bullet ul li {background:url(images/bullet.gif) no-repeat 0 7px;  padding:4px 0 4px 20px;}
ul.bullet li ul li{background:url(images/bullet.gif) no-repeat 0 7px;  padding:4px 0 4px 20px; list-style:none;}
#welcome { background:url(images/welcome.gif) no-repeat; width:161px; height:18px; text-indent:-9999px;}
.clear { clear:both;}

#servies { background:url(images/services.gif) no-repeat; width:146px; height:16px; text-indent:-9999px;}
#featured { background:#eefaff url(images/caseStudyBg.gif) top repeat-x; padding:15px 15px 0 15px; border: 1px solid #d2e8f3; float:left;}
#featured h3 { background:url(images/caseStudy.gif) no-repeat; width:172px; height:18px; text-indent:-9999px;}
#featured img {padding:3px; background:#FFFFFF; border: 1px solid #c6d4d8;}
#featured h5 {font-size:1em; font-weight:bold;}
#serviceList { margin-left:0px; line-height:200%; list-style:none; margin-bottom:10px; }
#serviceList li {border-bottom:1px solid #e6f1f3;background:url(images/bullet2.gif) no-repeat 0 13px; width:230px; padding:4px 0 4px 20px;}
#learnMore a{ background:url(images/learnMore.gif) no-repeat; width:180px; height:36px; text-indent:-99999px; display:block; overflow:hidden;}
#latest { background:#eefaff url(images/caseStudyBg.gif) top repeat-x; padding:15px 15px 0 15px; border: 1px solid #d2e8f3; float:left;}
#latest h3 { background:url(images/latest.gif) no-repeat; width:172px; height:18px; text-indent:-9999px;}
#latest img {padding:3px; background:#FFFFFF; border: 1px solid #c6d4d8;}
#latest h5 {font-size:1em; font-weight:bold;}
#latest p {line-height:20px !important;}
.csImg { padding:3px; background:#ffffff; border:1px solid #cdd2da; margin-bottom:10px;}
#getInTouch, .contactBlock { background:#fffff4; border:1px solid #f5f2da; padding:15px; margin:10px 0 25px 0;}
#getInTouch {width:220px;}
.contactBlock ul {list-style:none;}
.contactBlock ul li {background:none;}
#contactHeading { background:url(images/contact.gif) no-repeat; width:122px; height:14px; text-indent:-9999px; margin-bottom:15px;}
#getInTouch ul {list-style:none; line-height:200%;}
.bold { font-weight:bold;}
.float {float:left; margin-right:10px;}
#footer { background: url(images/footer.gif) top no-repeat; padding:10px 50px;}
#footer #copy {float:left;}
#footer ul {float:right; list-style:none;}
#footer li {float:left; padding:0 10px; border-left: 1px solid #a2c9de;}
#footer a {color:#347ba2;}

#footer .first {border:none;}

.small {font-size: .8em}
.articleImage {margin: 0 10px 10px 0; float: left;}
ul.bullet { margin-left:0px; line-height:200%; list-style:none; margin-bottom:10px;  }
ul.bullet li {background:url(images/bullet.gif) no-repeat 0 8px;  padding:3px 0 3px 20px;}
.by {color:#4e7486; text-align:right;border-bottom:1px solid #e6f1f3; padding-bottom:10px;}
span.thinking {
  display:block;
  float:left;
  width:111px;
  height:22px;
  margin-right:5px;
  background-image:url("images/thinking.gif");
  background-repeat:no-repeat;
  }
span.thinking span {display:none;}  
span.thinking2 {
  display:block;
  float:left;
  width:79px;
  height:17px;
  margin-right:5px;
  background-image:url("images/thinking_sm.gif");
  background-repeat:no-repeat;
  }
span.thinking2 span {display:none;}