/* shoppermap main style sheet */

body {margin: 0;
padding: 0;
background-color: #ccc;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 80%;}

div {margin: 0;
padding: 0;}

p {margin: 0px 20px 20px 20px;
font-size: 1em;}

a {color: #777;
font-weight: bold;
text-decoration: underline;
font-style: normal;}

img {margin: 0;
padding: 0;}

h1 {font-size: 1.6em;
text-transform: lowercase;
margin: 10px 20px 10px 20px;
color: #b52121;
font-weight: bold;}

h2 {font-size: 1.2em;
font-weight: bold;
color: #000;
margin: 10px 20px 10px 20px;}

h3 {font-size: 1em;
margin: 0px;
color: #7b848c;
text-align: center;}

em {font-weight: bold;
font-style: normal;}

#container {background-color: white;
width: 750px;
height: auto;
margin-left: auto;
margin-right: auto;}

#header {border-top: 0.5em #ccc solid;}

#tagline {float: right;
margin-top: 5px;
margin-right: 5px;
color: #b52121;
font-weight: bold;}

#logo {float: left;
margin: 5px 0px 0px 20px;}

#navbar {clear: both;}

#subnavbar {float: right;
width: auto;}

#content {float: left;
display: inline;
margin:0;
}

#footer, #footer p {clear: both;
background-color: #ccc;
text-align: center;
font-size: 0.9em;
padding-top: 5px;
margin: 0em;}

#footer a:link, #footer a:visited {text-decoration: none;}

/* Main navigation bar - horizontal */

#navbar {border-bottom: 1px #999 solid;
font-size: 1em;
text-transform: lowercase;}

#navlist {margin: 0px 10px 4px 10px;
padding: 0;}

#navlist ul, #navlist li {display: inline;
list-style-type: none;}

#navlist a:link, #navlist a:visited {margin: 0px 10px 0px 10px;
line-height: 24px;
font-weight: bold;
text-decoration: none;
color: #999;}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {border-bottom: 4px black solid;
padding-bottom: 4px;
background: transparent;
color: black;}

#navlist a:hover {color: black;}

/* sub navigation bar - vertival on right */

#subnavlist {margin: 0;
padding: 0;
border-left: 1px #999 solid;
border-bottom: 1px #999 solid;}

#subnavlist ul, #subnavlist li {display: list-item;
list-style-type: none;}

#subnavlist a:link, #subnavlist a:visited {padding-left: 8px;
padding-right: 10px;
line-height: 1em;
font-weight: bold;
text-decoration: none;
color: #999;}

#subnavlist a:link#subcurrent, #subnavlist a:visited#subcurrent, #subnavlist a:hover {border-left: 4px black solid;
padding-left: 4px;
background: transparent;
color: black;}

#subnavlist a:hover {color: black;}

/* common to any contents */

.extra-img {float: right;
margin: 20px 20px 20px 0px;
border: 1px #999 solid;}

/* specific to index page */

#clients {background-color: #c6cde6;
margin: -20px 20px 20px 20px;
padding: 0px 0px 10px 0px;
text-align: center;
clear: right;}

#clients p {margin: 3px;}

#clients ul, #clients li {display: inline;
list-style-type: none;
margin: 0px;
text-align: center;
padding: 0em;}

img.client-logo {margin: 3px;
padding: 0px;}

/* specific to services pages */

div#funnel-img {float: left;
width: 50%;
text-align: center;}

div#funnel-txt {padding-top: 50px;
text-align: justify;
margin-right: 40px;}

div#services {clear: both;
margin-bottom: 20px;}

.quote {font-style: italic;
color: #444;
background-color: #c6cde6;
padding: 2px 10px 5px 10px;
border-bottom: 2px #999 solid;
border-right: 2px #999 solid;
text-align: justify;}

.quote a {font-size: 0.8em;
float: right;
margin-top: -0.8em;}

div#services .quote {width: 70%;
margin: -8px auto 0px auto;}

/* specific to services operations */

img#process {margin: -10px 0px 0px 25px;}

/* specific to services profile */

div#profiles {float:left; clear: left;
display:inline;
width: 110px;
margin: 50px 0em 0em 20px;
padding: 10px 0px 5px 0px;
background-color: #c6cde6;
text-align: center;}

div#profiles ul, div#profiles li {display: list-item;
list-style-type: none;
margin: 0;
padding: 0;}

div#profile-results {float: left; clear: right;
display: inline;
width: 580px;
margin-left: 20px;
margin-bottom: 20px;}

img#profile-chart {float: left;}

div#profile-results p.quote {float: left;
display: inline;
width: 200px;
margin: 150px 0px 0px 0px;}

/* specific to services Layout */

div#layouts {float: left; 
margin-bottom: 20px;}

div#before, div#after {float: left;
width: 360px; 
margin: 0;}

div#before p, div#after p {margin-bottom: 0;}
div#after {margin-left: 20px;}
img#before-img {margin-left: 10px;}

/* specific to services Metrics */

img#dash-img {clear:left; margin:0; margin-left:125px;}
div#dash .quote {clear:left; width: 600px; margin: 20px 0 20px 62px;}


/* specific to Team pages */

div#bios {background-image: url(../images/shoppers2.jpg);
background-position: -70px;
padding-left: 260px;
background-repeat: no-repeat;
margin-bottom: 20px;
margin-left: 20px;
padding-bottom: 20px;}

div#bios p {margin: 0;
padding: 20px;}

div#bios a {font-size: 0.8em;}

/* specific to contact page */

div#contact {width: 100%; display:inline; margin-bottom: 0px;}
div#office {width: 400px;}