/* 
Title:     Voltaggio Johnson Master Stylesheet
Author:    design@studio2info.com
Updated:   July 2009
*/


/* Color Reference
---------------------------------------------------------- 

Color		Location	Number
Dark Grey		HLs		#666666
Med Grey		p		#999999
Light Grey	header a	#efe9e5
5% Grey		footer	#f2f2f2
VJ Red		footer	#ae2327
Blue			links	#0fa3b8



*/


/* General and global
---------------------------------------------------------- */

/* Clearfix - Clearing 21st Century Style - http://www.positioniseverything.net/easyclearing.html */ 

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* self-clear floats */

.group:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


*{margin:0; padding:0;}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, "Arial", Tahoma, Helvetica, sans-serif;
	}

a, a:hover, a:focus, a:active, a:visited {
	outline: none;
	}

body#page-contact-us {
	background: url(../images/bg/bg-contact-us-620x5.gif);
	background-position: 0 15px;
	background-repeat: repeat-x;
	}
	
body#page-home {
	background: url(../images/bg/bg-index-675x5.gif) top left repeat-x;	
	}
	
body#page-what-we-do, body#page-process-video {
	background: url(../images/bg/bg-index-675x5.gif) top left repeat-x;	
	}

body#page-industry-blog, body#page-search {
	background: none;
	}
	
body#page-success-stories {
	background: url(../images/bg/bg-success-stories-690x5.gif) repeat-x;
	background-position: 0 70px;
	}

/* Header and Main Navigation
--------------------------------------------------------------------------------- */

#header {
	margin: 0 auto;
	width: 960px;
	height: 75px;
	background: url(../images/bg/bg-header-960x75.png) top left no-repeat;
	}
	
ul#main-nav li {
	display: inline;
	}
	
ul#main-nav li#nav-home a {
	display: block;
	padding: 60px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:60px; /* for IE5/Win only */
	background: url(../images/header/vj-logo-link.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
	}

#nav-home {
	float: left;
	width:  273px;
	height: 75px;
	padding-left: 112px;
	margin-right: 43px;
	}


ul#main-nav li#nav-what-we-do a {
	display: block;
	padding: 75px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:75px; /* for IE5/Win only */
	background: url(../images/header/nav-what-we-do.png) top left no-repeat;
	}

#main-nav li#nav-what-we-do a:hover {
	background-position: 0 -75px;
	}
	
body#page-what-we-do #main-nav li#nav-what-we-do a {
	background-position: 0 -75px;
	}

#nav-what-we-do {
	float: left;
	width:  89px;
	height: 75px;
	}

ul#main-nav li#nav-success-stories a {
	display: block;
	padding: 75px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:75px; /* for IE5/Win only */
	background: url(../images/header/nav-success-stories.png) top left no-repeat;
	}

#main-nav li#nav-success-stories a:hover {
	background-position: 0 -75px;
	}

body#page-success-stories #main-nav li#nav-success-stories a {
	background-position: 0 -75px;
	}

#nav-success-stories {
	float: left;
	width:  68px;
	height: 75px;
	}

ul#main-nav li#nav-industry-blog a {
	display: block;
	padding: 75px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:75px; /* for IE5/Win only */
	background: url(../images/header/nav-industry-blog.png) top left no-repeat;
	}

#main-nav li#nav-industry-blog a:hover {
	background-position: 0 -75px;
	}

body#page-industry-blog #main-nav li#nav-industry-blog a {
	background-position: 0 -75px;
	}

#nav-industry-blog {
	float: left;
	width:  66px;
	height: 75px;
	}


ul#main-nav li#nav-contact-us a {
	display: block;
	padding: 75px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:75px; /* for IE5/Win only */
	background: url(../images/header/nav-contact-us.png) top left no-repeat;
	}

#main-nav li#nav-contact-us a:hover {
	background-position: 0 -75px;
	}

body#page-contact-us #main-nav li#nav-contact-us a {
	background-position: 0 -75px;
	}

#nav-contact-us {
	float: left;
	width:  90px;
	height: 75px;
	}


	

/* Content
---------------------------------------------------------------------------------- */

#content {
	margin: 0 auto;
	width: 960px;
	}
	
#page-contact-us #content {
	height: 392px;
	padding: 23px 0 0 0;
	}

#page-search #content {
	padding: 23px 0 0 0;
	}

#page-home #content, #page-what-we-do #content, #page-process-video #content, #page-search.no-results #content {
	height: 399px;
	padding: 23px 0 0 0;
	}

#page-success-stories #content {
	height: 484px;
	padding: 23px 0 0 0;
	}

	
#map	{
	float: left;
	width: 470px;
	height: 325px;
	border: solid 1px #cccccc;
	margin: 0px 18px 0 25px;
	}
	
#map iframe {
	margin-bottom: 6px;
	width:  470px;
	height: 325px;
	}
	
#map a {
	float: right;
	font-size: 11px;
	}

#contact-info {
	float: left;
	height: 370px;
	border-right: solid 1px #cccccc;
	margin: 0;
	padding-left: 32px;
	padding-right: 15px;
	width: 383px;
	}

#content-left {
	float: left;
	width: 496px;
	margin-top: 10px;
	padding: 0 0 0 85px;
	}
	
#content-left.narrow {
	width: 380px;
	padding-right: 30px;
	}
	
#page-industry-blog #content-left {
	border-right: solid 1px #cccccc;
	}


#content-right {
	float: left;
	margin-top: 10px;
	padding: 0 0 0 35px;
	}

#page-industry-blog #content-right {
	padding: 24px 0 0 35px;
	}


.image-area {
	float: left;
	width: 379px;
	height: 321px;
	}

.entry {
	padding: 20px 50px 20px 0;
	width: 458px;
	background: url(../images/bg/bg-blog-entry-stripe.png) bottom left no-repeat;
	}

#page-industry-blog #content-left:first-child {
	padding-top: 0;
	}

.entry-contents {
	width: 350px;
	}

.entry-photo {
	margin: 20px 0;
	}
	
.blog-nav	{
	width: 275px;
	padding-bottom: 15px;
	padding-right: 60px;
	margin-bottom: 15px;
	background: url(../images/bg/bg-blog-nav-stripe.png) bottom left no-repeat;
	}

#page-industry-blog #content-right:first-child {
	padding-top: 0;
	}
	
ul#blog-categories, ul#blog-archives, ul#blog-recents {
	list-style-type: none;
	}

ul#blog-categories li, ul#blog-archives li, ul#blog-recents li {
	font-size: 12px;
	line-height: 1.1em;
	margin-bottom: 10px;
	}


/*Success Stories
--------------------------------------------------------------------------------- */
	
#success-icon {
	float: left;
	width: 53px;
	}

#success-hl {
	float: left;
	margin-top: 6px;
	}
	
#hl-box {
	width: 400px;
	}
	
ul#brand-nav li {
	display: inline;
	float: left;
	margin: 10px 10px 0 10px;
	}
	
ul#brand-nav li#brand-nav-dole a {
	display: block;
	padding: 75px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:75px; /* for IE5/Win only */
	width: 75px;
	background: url(../images/success-stories/nav-dole.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul#brand-nav li#brand-nav-dole a:hover {
	background-position: 0 -75px;
	}

body#page-success-stories.page-dole ul#brand-nav li#brand-nav-dole a {
	background-position: 0 -75px;
	}
	

ul#brand-nav li#brand-nav-conagra a {
	display: block;
	padding: 75px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:75px; /* for IE5/Win only */
	width: 75px;
	background: url(../images/success-stories/nav-conagra.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul#brand-nav li#brand-nav-conagra a:hover {
	background-position: 0 -75px;
	}

body#page-success-stories.page-conagra ul#brand-nav li#brand-nav-conagra a {
	background-position: 0 -75px;
	}
	

ul#brand-nav li#brand-nav-target a {
	display: block;
	padding: 75px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:75px; /* for IE5/Win only */
	width: 75px;
	background: url(../images/success-stories/nav-target.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul#brand-nav li#brand-nav-target a:hover {
	background-position: 0 -75px;
	}

body#page-success-stories.page-target ul#brand-nav li#brand-nav-target a {
	background-position: 0 -75px;
	}	
	

ul#brand-nav li#brand-nav-summit a {
	display: block;
	padding: 75px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:75px; /* for IE5/Win only */
	width: 75px;
	background: url(../images/success-stories/nav-summit.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul#brand-nav li#brand-nav-summit a:hover {
	background-position: 0 -75px;
	}

body#page-success-stories.page-summit ul#brand-nav li#brand-nav-summit a {
	background-position: 0 -75px;
	}		
	
	
ul#brand-nav li#brand-nav-legacy a {
	display: block;
	padding: 75px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:75px; /* for IE5/Win only */
	width: 75px;
	background: url(../images/success-stories/nav-legacy.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul#brand-nav li#brand-nav-legacy a:hover {
	background-position: 0 -75px;
	}

body#page-success-stories.page-legacy ul#brand-nav li#brand-nav-legacy a {
	background-position: 0 -75px;
	}		
	

#success-movie {
	padding: 0 0 10px 0;
	width: 365px;
	float: left;
	}

#other-movie {
	padding: 0 0 10px 0;
	width: 365px;
	height: 205px;
	float: left;
	}
	
#success-copy {
	text-align: left;
}
	
p.caption {
	font-size: 10px;
	line-height: 1.1em;
	}	

.two-columns {
	float: left;
	width: 180px;
	}		
	


/* Footer
---------------------------------------------------------------------------------- */

#footer {
	width: 960px;	
	margin: 43px auto 0 auto;
	}

#footer-links {
	width: 840px;
	height: 95px;
	margin: 0 auto;
	}

#footer-brand-links {
	width: 475px;
	height: 95px;
	margin: 0 auto;
	}
	
body#page-contact-us #footer {
	margin-top: 0;
	}

#footer-copy {
	margin: 0 auto;
	width: 960px;
	padding: 14px 0 0 0;
	height: 26px;
	}
	
body#page-industry-blog #footer-copy, body#page-search #footer-copy {
	background-color: #ae2327;
	}

.footer-p {
	font-size: 10px;
	color: white;
	text-align: center;
	}

.link-trio {
	float: left;
	height: 82px;
	width: 234px;
	margin-right: 30px;
	padding: 13px 14px 0 12px;
	}

.link-trio a, .link-trio2 a {
	text-decoration: none;
	display: block;
	}
	
.link-trio h2 a, .link-trio2 h2 a {
	color: #666666;
	display: block;
	}

.link-trio:hover h2 a, .link-trio2:hover h2 a, .link-trio:hover p.link-small a, .link-trio2:hover p.link-small a {
	color: #0fa3b8;
	}

.link-trio2 {
	float: left;
	height: 82px;
	width: 238px;
	margin-right: 0;
	padding: 13px 10px 0 12px;
	}

.link-image {
	float: left;
	margin-right: 9px;
	border: none;
	}
	
p.link-small a {
	color: #999999;
	display: block;
	}
	
	
	
	

/* Typography
---------------------------------------------------------------------------------- */
h1, h2 {
	font-family: Book Antiqua, Georgia, serif;
	font-weight: bold;
	color: #666666;
	}

body#page-industry-blog h1 {
	font-size: 24px;
	margin-bottom: 10px;
	}

h1 {
	font-size: 32px;
	margin-bottom: 20px;
	}

.super {
	font-size: 14px;
	position:relative;
	top:-8px;
	left: 2px;
	}

	
h2 {
	font-size: 18px;
	margin-bottom: 6px;
	}


	
h3 {
	font-family: "Arial", Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 16px;
	color: #999999;
	line-height: 1.2em;
	}	


	
p {
	font-family: Arial, "Arial", Tahoma, Helvetica, sans-serif;
	color:#999999;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 8px;
	line-height: 1.4em;
	}

ul.clients {
	margin-left: 8px;
	list-style: disc inside none;
	font-family: Arial, "Arial", Tahoma, Helvetica, sans-serif;
	color:#999999;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 8px;
	line-height: 1.4em;
	}
	
a	{
	color: #0fa3b8;
	text-decoration: none;
	}
	
a img {
	border: none;
}
	
a:hover {
	color: #bfbfbf;
	}
	
a:active {
	color: #ae2327;
	}

.dark {
	color: #666666;
	}

.light {
	color: #999999;
	}
	
.link-small {
	font-size: 10px;
	line-height: 1em;
	}
	
.entry p {
	font-size: 11px;
	line-height: 1.1em;
	margin-bottom: 10px;
	}
	
.entry p.full-article {
	font-family: Arial, "Arial", Tahoma, Helvetica, sans-serif;
	color:#999999;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 8px;
	line-height: 1.4em;
	}	

#page-contact-us p {
	margin-bottom: 14px;
	}
	
.red-type {
	color: #ae2327;
	}
	
a:hover .red-type {
	color: #0fa3b8;
	}

.mini-hl {
	font-size: 16px;
	margin-bottom: 0px;
	line-height: 1.1em;
	}

.bold {
	font-weight: bold;
	}
	
.italic {
	font-style: italic;
	}

.white {
	color: white;
	}

/* Form styles and Searchpane styles and Pagination Styles
---------------------------------------------------------------------------------- */

#searchpane {
	float: left;
	margin-left: 14px;
	}

#searchpane p {
	color: white;
	text-align: right;
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 1em;
	margin: 7px 40px 4px 0;
	padding: 0;
	}
	
#keywords {
	height: 14px;
	}	

.paginate {
	margin-top: 18px;
	}

.pagecount {
	color:#999999;
	font-size: 12px;
	line-height: 1em;
	}

#the-results {
	padding-bottom: 20px;
	margin-top: 20px;
	background: url(../images/bg/bg-blog-entry-stripe.png) bottom left no-repeat;

	}
	
#more-results {
	margin-top: 25px;
	}

#the-results h2, #more-results h2 {
	line-height: 1.1em;
	}

.subscribe-button {
	margin-bottom: 4px;
	}


/* Contact-Us Map/etc Styles
---------------------------------------------------------------------------------- */