/****************************************************************
	CSS STYLE SHEET
	By:Aaron Pilcher
	Created: June 11, 2009
*****************************************************************/

/*-----Colour Pallete----/*
#8EB936 lime green
 --*/

#container {
	width: 980px;
	margin: 0 auto;
}

#wrapper { 
	background: transparent url(../images/wrapper-bg.png) repeat-y 0 0;
	margin: 0 auto;
	padding: 0 11px;
	color: #000;
}

/*------------------------------------------
-----------Header----------------------
----------------------------------*/
#header { 
	background: transparent url(../images/header.png) no-repeat 0 0;
	width: 970px;
	padding: 14px 5px 0 5px;
	position: relative;
	height: 104px;
	margin-top: 100px; 
}

#header-inner {
	background: transparent url(../images/header-inner.gif) no-repeat 0 0;
	width: 960px;
	height: 104px;
	margin: 0 4px;
}

h1#logo {
	position: absolute;
	top: -11px;
	margin: 0 0 0 -40px;
	text-indent: -9999px;
	width: 360px;
	height: 150px;
	z-index: 1;
	background: transparent url(../images/logo.png) no-repeat 0 0;
}

#logo a {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
}

	
/*------------------Navigation--------------*/
#header ul {
	width: 594px;
	height: 33px;
	list-style:none;
	margin: 0;
	position: absolute;
	top: 72px; 
	right: 20px;
}

#header ul li {
	float: left;
}

#header ul li {
	display: inline;
	margin:  0 12px 0 0;
}

/*---Sprites----*/
#header ul li { margin: 0; height: 33px; text-indent: -9999px; padding: 0 }
#header ul a { color: #eee; width: 100%; height: 100%; overflow: hidden; display: block; }

li#contact { width: 123px; }
li#contact a{ background: transparent url(../images/contact.gif) no-repeat 0 0; }
li#product { width: 99px; }
li#product a{ background: transparent url(../images/product.gif) no-repeat 0 0; }
li#faq { width: 62px; }
li#faq a{ background: transparent url(../images/faq.gif) no-repeat 0 0; }
li#feature { width: 176px; }
li#feature a{ background: transparent url(../images/feature.gif) no-repeat 0 0; }
li#opportunity { width: 134px; }
li#opportunity a{ background: transparent url(../images/opportunity.gif) no-repeat 0 0; }


#header a:hover { background-position: 0 -33px; }
#header li.selected a { background-position: 0 -66px; }

p#search { 
	float: right;
	margin-right: 20px;
}


/*------------------------------------------------
/*---------Main Content Structure----------
/*-------------------------*/


#main-content { 
	padding: 10px 44px;
	background: #e2e4e3 url(../images/main-content.gif) no-repeat 0 0;
}

#hero { 
	position: relative;
	background: url(../images/fruit.jpg) no-repeat right 28px;
	padding: 40px 20px 100px 20px; 
}


#hero p { width: 40%; margin: -40px 0 10px 30px; }

h1.join { 
  text-indent: -9999px; 
  background: transparent url(../images/fresh-new-future.png) no-repeat 0 0;
  width: 530px; 
  height: 108px;
  margin: 0;
  z-index: 8;
}

h2#unique {
	background: url(../images/unique-characteristics.gif) no-repeat;
	text-indent: -9999px;
	width: 616px;
	height: 32px;
	margin: 2px 0;
}

h2#member {
	background: url(../images/member-spotlight.gif) no-repeat;
	text-indent: -9999px;
	width: 321px;
	height: 35px;
	margin: 0;
}

h2#we-hear-you {
	background: url(../images/we-hear-you.gif) no-repeat;
	text-indent: -9999px;
	width: 250px;
	height: 20px;
	margin: 2px 0;
}

h2#news-desk {
	background: url(../images/news-desk.jpg) no-repeat;
	text-indent: -9999px;
	width: 115px;
	height: 20px;
	margin: 2px 0 2px 8px;
}
h2#strengthen {
	background: url(../images/strengthen.gif) no-repeat;
	text-indent: -9999px;
	width: 609px;
	height: 32px;
	margin: 4px 0 2px 4px;
}

img#product { margin: 4px 0 2px 4px; }

.boxRC {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

#container1 { 
	border-top: 8px solid black;
	border-bottom: 8px solid black;
	background: url(../images/container1-bg.gif) repeat-y 0 0;
}

#container2 { 
	border: 2px solid #ccc;
	background: #fff url(../images/container2-bg.gif) no-repeat top right;
	width: 542px;
}

#container2 h2 { margin-top: 0; }
#container2 .column3 { margin: 15px 0 0 25px; }

.column1 {
	width: 324px;
}

.column2 { 
	width: 265px;
	padding: 10px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.column2 ul { 
	margin-left: 0;
}
	
.column2 ul li {
	list-style: none;
	background: url(../images/green-bullet.gif) no-repeat 0 1em;
	padding-left: 10px;
}

.column3 { 
	width: 212px;
	margin: -20px 0 0 20px;
}

.column3 h2 { color: #fff; }
.padding { padding: 4px 0; }
div.white { background-color: #fff; margin: 2px 0; }
.border-left { border-left: 2 px solid #999; }

body#product img#vision { margin-top: -15px; }

img#gm1 { margin-bottom: 4px; }
#container1 .column3 strong { color: #FFF; }

p#legal { 
	margin-top: 20px;
	border: 1px solid #eee; 
	font-size: .563em; 
	padding: 5px; 
	background: url(../images/TRUSTe.gif) no-repeat right bottom;
}

#pad-right { padding-right: 40px; }

#container1 .column3 p#legal strong { 
  color: #fff; 
  text-transform: uppercase; 
}

p#legal { color: #fff; }

.purple { color: #952474; }
.georgia { font-family:Georgia, "Times New Roman", Times, serif; }

/*-------image styling-----*/
img.left + p { margin-top: 0; }
img.left { margin: 4px 13px 16px 0; }
img.right { margin: 4px 0 16px 13px; }
.column2 img { margin-bottom: 12px; }
/*---------*/

/*-------miscellaneous-------*/

.hidden { display: none; }

hr
{
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 20px;
  height: 0;
}

h3 + ul li { list-style:disc; padding: 2px 0;}
p.strong { color:000; font-weight: bold; font-style:italic; }

/*----------------------------------
/*---------Footer--------------
/*-------------------------*/
#footer { 
	font-size: .75em;
	background: transparent url(../images/footer-bg.png) no-repeat 0 0;
	width: 980px; 
	margin: 0 auto;
	height: 60px;
	color: #fff;
	text-align: center;
}

#footer a { color: #fff; text-decoration: none; }

#footer p { margin-top: 0; padding-top: 10px; }

h3#designer-logo {
	margin: 0 2px 0;
	text-indent: -9999px;
	width: 133px;
	height: 18px;
	background: transparent url(images/hotpress.gif) no-repeat 0 0;
}

#designer-logo a {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
}


/*---Company-Customer Pact Page--*/

#pact-container { 
	background-color:#FEFBCE;
	width: 75%;
	padding: 10px 20px;
	margin: 10px auto 10px;
	text-align: center;
	border: 1px solid #878658;
}

h1#headline {
	width: 509px;
	height: 164px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(../images/headline.png) no-repeat 0 0;
}

p.number { font-size:36px; float: left; margin: 0 20px 0; color: #333; }
p.left { float: left; width: 280px; margin-right: 15px;}
.italics { font-style:italic; }
.border { border-bottom: 1px solid #ccc; }

hr
{
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;/**/
  margin: 14px 0;
  height: 0;
}

body#pact em { color: #663300; font-size: bold; }

/*----------------------------------
/*---------Opportunity Page---
/*-------------------------*/
body#opportunity .boxRC, body#compensation .boxRC { width: 64%; background-color: #fff; }

body#compensation table {
		border-collapse:collapse;
		text-align: center;
		margin: 10px 0px;
		width: 577px;
		background-color: #fff;
}

body#compensation table#data { vertical-align: middle; }

body#compensation th { background-color:#a9a4e6; }
body#compensation td { background-color: #cccce9; }
body#compensation td, th { 
  border: 1px solid #8b6ac4; 
  padding: 10px 18px; 
  font-size: 0.75em;
}


body#compensation table.odd th { background-color: #fdc400; }
body#compensation table.odd td { background-color: #ff9; }
body#compensation table.odd td, table.odd th { border: 1px solid #dbab05; }


body#compensation .align-middle { vertical-align: middle; }

#signup a { margin-left:28px;}

body#product p + p {margin-top: 0;}

/*----------------------------------
/*---------Floats and Clearing---
/*-------------------------*/

.clearRight { clear: right; }
.clearLeft { clear: left; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*----------- slideshow styling -----------*/
/*-----------------------------------------*/
/*-----------------------------------------*/

#slideshow { width: 560px; margin: 0 0 60px 0;}

#myslides {
	width: 546px;
	height: 351px;
	background-color: #fff;
    padding: 0;
    margin: 20px auto 0;  
} 
#slideshowNav { margin-top: 5px;text-align: center; }
#pager { text-decoration:none; }

#pager a, a#next, a#previous {
	font: .625em Georgia; /*equates to 10px*/
	color: #fff;
	text-decoration: none;
	padding: 2px 5px;
	margin-right: 4px;
	display:inline;
	background-color:#8a9acd;
}

 a#next, a#previous { margin : 0;}

#pager a.activeSlide { background-color: #2b4dbb; }

#pager a:last-child  { margin-right: 0; }

/*----------- slideshow2 styling -----------*/
/*-----------------------------------------*/
/*-----------------------------------------*/

#slideshow2 { width: 560px; margin: 0 0 60px 0;}

#myslides2 {
	width: 546px;
	height: 351px;
	background-color: #fff;
    padding: 0;
    margin: 20px auto 0;  
} 
#slideshowNav2 { margin-top: 5px;text-align: center; }

/*----------- slideshow3 styling -----------*/
/*-----------------------------------------*/
/*-----------------------------------------*/

#slideshow3 { width: 560px; margin: 0 0 60px 0;}

#myslides3 {
	width: 546px;
	height: 351px;
	background-color: #fff;
    padding: 0;
    margin: 20px auto 0;  
} 
#slideshowNav3 { margin-top: 5px;text-align: center; }

/*----styling for imatrix sign-in form----*/

.content {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
.FormElements {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;border: 1px solid #316AC5;background-color: #FFFFFF;}
.content a {color: #8Ac939;}
tr {margin: 4px 0;}
input {margin-top:5px;}