@charset "UTF-8";
/* CSS Document */
/* 
Imported Styles
-----------------------------------------------------------------------------*/	
@import url("cssreset.css"); /* Resets defaults to help minimize browser interpretation issues */
/* 
Typography
-----------------------------------------------------------------------------*/	
h1, h2, h3, h4, h5, h6, th {margin-bottom: 10px;}
h1 {font-size:24px;}
.content-gutter h1 {background:url(../images/header-bullet.png) 0 50% no-repeat; text-indent:70px; line-height:40px; margin-bottom:1em;}
h2 {font-size:18px; margin-bottom:0;}
fieldset h2 {margin: 20px 0 0 0;}
.case-study h2 {font-size:24px;}
h3 {font-size:16px;}
.case-study h3 {font-size:18px;}
h4 {font-size:14px;}
p, ol, ul, dl, small, td { line-height:1.5em; margin-bottom:1.5em;}
#content ul {margin-left:1.2em;}
#content ul li {list-style:square;}
#content ol {margin-left:1.5em;}
#content ol li {list-style:decimal;}
.arrow li {background:url(../images/dashed-border.gif) bottom left repeat-x; padding-bottom:10px; margin:10px 0 0 0;}
.arrow li {list-style-image:url(../images/arrow-down-bullet.png) !important;}
.arrow ul {margin-top: -10px;}
.arrow ul li {background-image: none; list-style-image:none !important; list-style:square; margin-bottom: -10px !important; padding-bottom:0 !important;}
#footer ul, #footer p, #footer h5 {margin-bottom:0;}
#login p {padding:4px 20px;}
a:link, a:visited {text-decoration:; color:#0f6cb6;}
a:hover, a:focus {text-decoration:none;}
a:active {}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#site-info p, #site-info h5 {font-size:10px; margin:0; padding:0;}
/* 
Containers
-----------------------------------------------------------------------------*/	
html {text-align: center; font:12px Arial, Helvetica, sans-serif;}
body {width: 1020px; margin:0 auto;}
#masthead, #content, #footer {position:relative;}
#masthead {height:145px; width:1020px; border-top:#4a71bd 3px solid;}
#logo {position: absolute; top:60px; left:20px;}
#content {float:left; text-align:left; margin-bottom:20px; clear:both; width:100%; position:relative; z-index:100;}
#primary-content {float:left; width:460px; background:url(../images/header-bullet.png) 40px 77px no-repeat;}
#secondary-content {float:right; width:460px;}
#footer {clear:both; width: 100%; background-color: #4a71bd; height:100px; margin-top:1px; color:#fff;}
#login {position:absolute; top: -22px; right: 20px; background-color: #4a71bd;}
#site-info {width:100%; padding:5px 0;}
.case-study {width:60%; clear:both; border-top: #ccc 1px solid; padding:20px 0;}
/* 
Gutters
-----------------------------------------------------------------------------*/	
.content-gutter {padding:50px;}
#primary-content .gutter {padding: 77px 0 0 120px;}
#primary-content fieldset .gutter {padding:20px;}
#secondary-content .gutter {padding:97px 120px 0 0;}
/* 
Navigation
-----------------------------------------------------------------------------*/	
#main-navigation {width:100%; text-align:left; height:30px; border-top: #e1e1e2 1px solid; border-bottom: #e1e1e2 1px solid; }
#nav {margin-left:30px; position:relative; z-index:1000;}
#nav li {display:inline; line-height:30px; font-size:18px; color:#0f6cb6;}
#nav li a {text-decoration: none; padding:0 10px;}
#nav li.first a {padding-left:0;}
#nav li a:hover, #nav li a:focus {color:#000; text-decoration:underline;}
#nav li a.active {color:#000; text-decoration:none;}
#nav li a.active:hover {cursor: default;}
.sf-menu {line-height:	30px;}
.sf-menu ul {position:absolute;	top:-999em;	width:15em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu a {position:relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:1.5em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:15em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:	0;}
.sf-menu ul {border: #ccc 1px solid; border-bottom: none;}
.sf-menu ul a {border-bottom:#ccc 1px solid; display:block; background-color: #f4f4f4; font-size:12px;}
.sf-menu ul a:hover {background-color:#4a71bd; color:#fff !important;}
.sf-menu {float:left;margin-bottom:	1em;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* 
Images
-----------------------------------------------------------------------------*/	
.img-right {float:right; margin:0 0 1em 1em;}
.img-left {float:left; margin:0 1em 0 1em;}
#footer-logo {position:absolute; top: 15px; left:40px;}
#page-image {width: 1020px; min-height:720px;} /* this is the main background picture on each page */
	#home #page-image { background: url(../images/home-back.jpg) no-repeat;}
	#about #page-image { background: url(../images/about-back.jpg) no-repeat;}
	#contact #page-image { background: url(../images/contact-page-back.jpg) no-repeat;}
	#press-releases #page-image { background: url(../images/press-release-background.jpg) no-repeat;}
	#technology #page-image { background: url(../images/technology-back.jpg) no-repeat;}
	#services #page-image { background: url(../images/services-back.jpg) no-repeat;}
	#internships #page-image, #request-info #page-image, #opportunities #page-image{ background: url(../images/contact-back.jpg) no-repeat;}
	#case-studies #page-image { background: url(../images/case-studies-back.jpg) no-repeat bottom right;}
	#philosophy #page-image {background:url(../images/pharmacist.jpg) no-repeat;}
	#green #page-image {background:url(../images/Simply-Green-Logo.jpg) no-repeat top right;}
	#method #page-image {background:url(../images/building.jpg) no-repeat bottom right; height:850px;}
	#services-page #page-image {background:url(../images/shopper.jpg) no-repeat bottom right; height:800px;}
	#history #page-image {background:url(../images/cashier.jpg) no-repeat bottom right; height:800px; }
	#reports #page-image {background:url(../images/charts-back.jpg) no-repeat top right;}
#tooltip {position: absolute;z-index: 3000;border: 1px solid #ccc;background-color: #f4f4f4;padding: 5px;opacity: 0.85;}
#tooltip h3 { margin: 0; text-align:left; font-size:14px;}
#tooltip ul {list-style:square; margin: 10px 20px; border-bottom:#ccc 1px solid;}
/* 
Form Elements
-----------------------------------------------------------------------------*/	
label {display:block;}
form div {padding:5px 0;}
input[type="text"], textarea {width:250px; border:#666 1px solid;}
textarea {height:100px;}
fieldset {border:#666 1px solid;}
fieldset .gutter {padding:10px;}

/* 
Table Elements
-----------------------------------------------------------------------------*/	
table {border:#ccc 1px solid;}
th {background-color:#4a71bd; color:#fff; font-weight:bold; }
td, th {padding:5px; vertical-align: bottom; font-size:11px;}
td {border-bottom:#ccc 1px solid;}
tr.last td {border-bottom:none;}
.hover {background-color:#f4f4f4;}
td[scope="col"].hover {background-color:#fff !important;}