@charset "UTF-8";
/* PAGE LAYOUT */
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height:100%; /* needed for container min-height */

}
.oneColFixCtrHdr #container {
	position:relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #FFFFFF;
	padding: 0 0 0 3em;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.SpryHiddenRegion {
visibilty: hidden;
}
.oneColFixCtrHdr #mainContent {
	background: #FFFFFF;
	line-height: 1.5em;
	padding: 0 2em;
	min-height: 480px;
}
.oneColFixCtrHdr #footer {
	clear: both;
	padding: 0 0 0 3em; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
	margin-bottom: 0;
	bottom: 0; /* stick to bottom */
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 0.7em;
	color: #999999;
}
#footer a {
font-weight: normal;
}
.oneColFixCtrHdr #nav ul {
	margin: 0;
	padding: 10px 0 10px 1em;
	font-size: 18px;
}
.oneColFixCtrHdr #nav li {
	list-style-type: none;
	display: inline;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 20px 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/* BIOGS */
#biogs {
margin-top: 1em;
}
#biogs p {
font-size: 0.8em;
}
#biogs #scroller {
width: 100%;
padding-right: 1em;
height: 400px;
overflow: auto;
}
/* BRANDS / CLIENTS page */
#grid {
margin: 0 0 0.5em 0;
}
#results {
margin: 0em 0 1em 0;
}
#grid #box {
height: 75px;
width: 75px;
float: left;
margin: 5px;
font-size: 10px;
}
#grid #box img {
padding: 5px;
border: 1px dotted #FFF;
background: #FFF;
}
.oneColFixCtrHdr #brands {
	width: 250px;
	float: left;
	font-weight: 600;
	font-size: 18px;
	color: #666;
	margin-top: 1em;
}
.oneColFixCtrHdr #brands li {
	list-style:none;
}
.oneColFixCtrHdr #brands ul {
	padding-left: 1em;
	margin: 0;
}

#brands a {
text-decoration:none;
font-weight: 600;
}

/* DETAIL BOX */
.oneColFixCtrHdr #results #right_col {
margin-left: 260px;
width: 420px; /*  Fix ? */
}
.oneColFixCtrHdr #brands_detail #placeholder {
font-size: 0.8em;
font-style: italic;
padding: 5px;
border: 1px solid #666666;
text-align: center;
vertical-align: middle;
}
.oneColFixCtrHdr #brands_detail img {
padding: 0;
}
.brand_title {
color: #333;
font-weight: 600;
margin: 5px 0 2px 0;
}
div .blurb {
font-size: 0.8em;
text-align:justify;
clear: right;
}
#tools {
font-size: 0.8em;
float:right;
}
.enlarge {
font-size: 0.6em;
}
.selected {
	color: #333;
}

/* LIGHTBOX EFFECT */
.black_overlay {
          display: none;
          position: absolute;
          top: 0%;   
          left: 0%;  
          width: 100%;
          height: 100%;  
          background-color: black;   
          z-index:1001;  
          -moz-opacity: 0.8;  
          opacity:.80;
          filter: alpha(opacity=80);
		  margin: auto;
}
.white_content {
          display: none;
            position: absolute;
            top: 10%;
            left: 25%;
            width: 50%;
            height: 80%;
           padding: 10px;
           border: 2px solid white;
          background-color: white;
          z-index:1002;
          overflow: auto;
}
/* HOMEPAGE */
#homebox {
width: 100%;
margin-bottom: 3em;
}
.introtext {
width: 350px;
margin: 1em 0;
text-align: justify;
font-size: 18px;
font-weight: 600;
color: #333;
word-spacing: -1px;
}
/* SERVICES PAGE */
#servicesbox {
margin: 1.5em 0 0em 0;
padding: 0 1em;
font-size: 0.8em;
line-height: 1.5em;
}
#servicesbox strong {
color: #333;
font-size: 1.2em;
}
#servicesbox h2 {
color: #333;
display: inline;
font-size: 18px;
}
#servicesbox .heading {
color: #666;
}
#servicesbox ul {
font-size: 1em;
list-style-type: none;
color: #333;
padding-left: 0;
margin-left: 0em;
}
#servicesbox li {
/*padding-left: 0;
margin-left: 0;*/
}
/* CONTACT PAGE */
#contactbox {
margin: 4em 0 0 0;
padding: 0 1em;
}
#contactbox .territory {
color: #666;
}
#contactbox ul {
list-style-type: none;
/*list-style-position: outside;*/
}
.tel {
padding-left: 0px;
font-size: 1em;
}
.email a {
font-size: 1em;
color: #999;
}
.address {
padding-left: 0px;
font-size: 1em;
}
#contactbox h1, h2, h3 {
	color: #999999;
	margin-bottom: 3px;
	margin-left: 0;
}
/* GENERAL STYLES */
a {
color: #999;
text-decoration:none;
font-weight: 600;
}
a:focus {
outline: 0;
}
#mainContent a:hover {
color: #00CCCC;
text-decoration:none;
font-weight: 600;
}
#nav {
clear: both;
text-align: left;
padding-left: 2em;
}
#nav ul a:hover {
color: #00CCCC;
text-decoration:none;
font-weight: 600;
}
img {
border: 0;
}
#mainContent p {
text-align: justified;
}
.jobtitle {
color: #000000;
font-weight: normal;
}