/* ATLAS RETAIL CONSULTANTS */
/* Argument from Design <ardes.com> */
/* May 2009 */


/* =ZERO margins & padding, which we define elsewhere, courtesy Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 	vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { 	text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }



/* =HTML */
body { 
	color: #535353; background-color: #FFF; 
	font-family: "HelveticaNeue-Light", "Helvetica", "Arial", sans-serif;  font-size: 100%;
}

#content { margin-left: 14em; border-left: 1px solid #CCC; }

/* =COMMON */
a, h1, h2, h3, h4, h5, h6 { color: #E05F28; }

p, ul, ol { font-size: 85%; line-height: 140%; padding-bottom: 0.75em; margin-right: 2em; }

h1, h2, h3, h4, h5, h6 { margin: 0 2em 0.25em 1em; }

p, ol, ul, form { padding-left: 2em; }

a:visited { color: #E48665; text-decoration: none; }
a:hover, a:active { color: #D21112; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeue-Light", "Helvetica", "Arial", sans-serif; font-weight: normal;  }

h1 { font-size: 140%; padding: 3em 0 0.5em; }
h2 { font-size: 130%; padding-bottom: 0.25em;}
h3 { font-size: 120%; padding-bottom: 0.25em;}
h4 { font-size: 110%; padding-bottom: 0.25em;}
h5 { font-size: 100%; padding-bottom: 0.25em;}
h6 { font-size: 100%; padding-bottom: 0.25em;}

hr { /* Acts as a nice divider when a border on the bottom of h1 would cause havoc */
	background-color: #E05F28; 
	height: 5px; border-style: none; width: 100%; 
	margin-bottom: 1em;
}

#content img { margin: 1em; float: right; }
#content div.clientlist { clear: both; }
	#content div.clientlist img { float: none; }

#content ol, #content ul { margin: 0 0.5em 0 2em; }
	#content li { margin-bottom: 0.5em; margin-right: 2em; }
	#content ol { list-style-type: decimal; }
	#content ul {  list-style-type: disc;}

p.pitch { font-size: 115%; line-height: 150%;  }

.internal_nav { text-align: center; font-size: 105%; color: #9A9A9A; }
	div.internal_nav { width: 100%; }
	div.internal_nav ul { text-align: left; float: left; width: 40%; }
	.extra { clear: both; }

div.imagebank { width: 170px; height: 300px;  margin: 0 0 1em 1em; float: left; border: 1px solid #CCC; }
	div.imagebank img { 
		margin: 0.5em auto 0.5em!important; 
		float: none!important; display: block; 
	}
	div.imagebank p { font-size: 80%; line-height: 100%; text-align: center!important; margin: 0!important; padding: 0.5em!important; }



/* =NAV */
#nav { float: left; font-size: 80%; margin: auto; }
	#nav img { margin: 0 2.75em 1em; }
	
	#nav a, #nav a:hover, #anv a:active { text-decoration: none; }
	#nav a:visited { color: #E15E30; }
		#nav li.who li a:hover, #nav li.what li a:hover, #nav li.helped li a:hover 
		{ text-decoration: underline; font-weight: normal; }

	#nav ul { padding-left: 2em; padding-top: 1em; font-size: 100%; }
		#nav li { font-size: 100%; padding-bottom: 1em; }
			#nav li li { padding-bottom: 0.5em; }
			#nav li ul { padding-top: -1em; /* Think twice about this stupid hack */ }
			#nav ul ul { display: none; padding: 0.75em 0 0 0.5em; }



/* =NAVON EFFECT */
body#who #nav li.who a.sub, 
	body#who.ethos #nav li.ethos, 
	body#who.history #nav li.history, 
	body#who.team #nav li.team,
  body#what #nav li.what a.sub, 
	body#what.method #nav li.method, 
	body#what.analysis #nav li.analysis, 
	body#what.merchandising #nav li.merchandising, 
	body#what.selection #nav li.selection, 
	body#what.management #nav li.management, 
	body#what.supply #nav li.supply, 
	body#what.operations #nav li.operations, 
	body#what.training #nav li.training,
  body#helped #nav li.helped a.sub,
	body#helped.casestudies #nav li.casestudies,
  body#news #nav li.news, 
  body#contact #nav li.contact, 
  body#quotes #nav li.quotes,  
  #nav li a:hover { font-weight: 900; }

body#who #nav li.who ul, body#what #nav li.what ul, body#helped #nav li.helped ul { display: block; /* When on the page, subnav shows */ }



/* =FOOTER */
#footer { 
	clear: both; border-top: 1px solid #CCC;
	font-size: 0.8em; line-height: 1.2em; text-align: center; 
	margin-top: 1em; margin-bottom: 2em; padding-top: 1em;
}
	#footer p { font-size: 85%; padding-bottom: 2em; }
	#footer ul { margin: 0; }
		#footer li { font-size: 120%; }

	#footer a { text-decoration: none; }
		#footer a:hover, #footer a:active { text-decoration: underline; }

	#footer div.nav ul { list-style: none; padding: 0.5em; }
		#footer div.nav li { display: inline; padding: 0.5em; }
		#footer div.nav li ul { display: none; visibility: hidden; }


/* =HOME */
#home { background: #FFF url(../images/backgrounds/home.png) repeat-x top left; }

#home #container { margin-top: 2em; width: 85%; margin: 0 auto 0; }
	#home a { text-decoration: none; }
	#home img.logo { float: left; margin-top: 5em; margin-bottom: 2em; }
	#home #content { margin-left: 300px; border-left: none; }
		#home h1 { font-size: 135%; line-height: 140%; padding: 4.5em 0 0; margin: 0 0 0.5em; }
		#home h2 { font-size: 110%; font-weight: 100; }
		#home #content p { padding-left: 0; font-size: 80%; }
			#home p.pitch { font-size: 105%!important; }
		#home #content h2 { margin-left: 0; }
		#home div.newslist { border-top: 1px solid #CCC; padding-top: 0.75em; }

#home #footer li { font-size: 140%; }
#home #footer p { font-size: 70%; }


/* =QUOTES/TESTIMONIALS FROM CLIENTS */
p.quote { /* Peppered throughout */
  font-size: 1em; font-weight: bold; color: #E05F28;
  width: 12em; float: left;
  margin: 0 0.75em 0.5em 2em;
  padding: 0.5em 0.5em 0.5em 0;
  border-right: 1px solid #E05F28;
}
  p.quote strong { display: none; }
  p.quote span.author { display: none; }

body#quotes p.quote { /* Collected on one page, they'll look normal */
  font-size: 100%; font-weight: normal; color: #535353; /* Have to make this explicit for IE */
  width: auto; float: none;
  margin: 0 2em 0 0; padding: 0 0 0.75em 2em;
  border-right: none;
}

body#quotes p.quote strong {
  display: block; font-size: 1.1em; color: #E05F28;
}
body#quotes p.quote span.author {
  display: block; text-align: right;
  font-size: 80%;
}



/* =FORMS */
form { margin-top: 1em; }
div.field { display: block; margin-bottom: 0.5em; }
label {font-size: 90%; float: left; width: 9em; text-align: right; position: relative; top: 0.4em; }
input, select, textarea { 
	margin-left: 1em; height: 1.5em; width: 30em; 
	font-family: "Helvetica Light", "Helvetica", "Arial", sans-serif; font-size: 80%;
}
	input:focus, textarea:focus { background-color: #F7F4F3; }
	textarea { height: auto; }
	select, textarea { width: 30.5em; }
	
div.buttons { margin-left: 8.5em; }
div.buttons input { margin-left: 0.5em; padding: 0.5em; color: #FFF; background-color: #E15E30; height: auto; width: auto; float: none; }