/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color:#3C3746;
	text-align:center;
}

td {
vertical-align: top;
}

body#blankcolor {
/*background-color:#3C3746;*/
background-color:#fff;
}


img {
	margin: 0px;
	padding: 0px;
	border: 0;
}

a:link, a:visited, a:active {
	color: #6962A8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

/***********************************************/
/*             COLOURS TO USE                  */
/***********************************************/

.white {
	color: #fff;
}

.gray {
	color: #666;
}

/*.green {
	color: #009544;
}
.purple {
	color: #460958;
}

.orange {
	color: #F47C00;
}
.yellow {
	color: #F6D316;
}*/
.red {
	color: #E50C2D;
}


/***********************************************/
/*     RIGHT_HAND COLUMN BACKGROUNDS           */
/***********************************************/
#bggray {
	background-color: #666;
}
#bggreen {
	background-color: #009544;
}
#bgpurple {
	background-color: #460958;
}
#bgorange {
	background-color: #F47C00;
}
#bgyellow {
	background-color: #F6D316;
}
#bgred {
	background-color: #E50C2D;
}
/* AND THE TEXT COLOURS */
#bggray p, #bgpurple p, #bggreen p, #bgorange p, #bgred p {
	color: #fff;
}
#bgyellow p {
	color: #666;
}
#bgyellow p.link {
	color: #fff;
}
/* AND THE LINKS */

#bgorange a:link, #bgorange a:visited, #bgorange a:active, #bgred a:link, #bgred a:visited, #bgred a:active {
 color: #009544;
}
#bggray a:link, #bggray a:visited, #bggray a:active {
 color: #f00;
}
#bgpurple a:link, #bgpurple a:visited, #bgpurple a:active {
 color: #f00;
}
#bggreen a:link, #bggreen a:visited, #bggreen a:active {
 color: #f00;
}
#bgyellow a:link, #bgyellow a:visited, #bgyellow a:active {
 color: #f00;
}

/*==============================================*/
/* Layout Divs                                 */
/***********************************************/
/* NEEDED TO GO BACK TO LEFT-ALIGN AFTER CENTERING BODY */
#wrapper {
/*height: 100%; */
width: 760px;
margin: auto;
text-align:left;
}

/***********************************************/
/*        MAINNAV LINK STYLES                  */
/***********************************************/
#mainnav ul {
	margin:0;
	border: 0;	
	padding:0;
	list-style-type: none; 
}
#mainnav li {
	float:left;
	text-align: center;
	color: #fff;
	font-size: .7em;
	font-weight: bold;
}
#mainnav a:link, #mainnav a:visited, #mainnav a:active {
	display: block;
	margin:0;
	/*border: 2px outset #ccc;	*/
	padding:3px 0;
	width: 112px;
	color: #FFFFFF;
	text-align: center;
}
#mainnav a:hover {
	background-color: #f0f0f0;
	/*	border: 2px inset #ccc;		*/
	color: #000;
	text-decoration: none;
}
#mainnav a.selected:link , #mainnav a.selected:visited , #mainnav a.selected:active  {
	background-color: #999;
	color: #000;
	text-decoration: none;
}
/* AND THE COLOURED BACKGROUNDS */
#item1 {
	background-color: #6500A0;
}
#item2 {
	background-color: #60BE19;
}
#item3 {
	background-color: #F47C00;
}
#item4 {
	background-color: #F6D316;
}
#item5 {
	background-color: #E50C2D;
}

/***********************************************/
/*              CONTENT BLOCK                  */
/***********************************************/
.content {
	margin:0;
	padding: 0;
	min-height: 360px;	
/*	height: 360px;
	overflow: visible;*/
/*background-color: #0f0;	*/
}

img.words {
	padding-left: 20px;
	padding-top:25px;
}

/* B/G PICTURES ON PAGES */

#home {
	background-image: url(../images/apple_crop.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#who {
	background-image: url(../images/orange_crop.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#what {
	background-image: url(../images/pepper_crop.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#news {
	background-image: url(../images/kiwi_crop.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#case {
	background-image: url(../images/grape_crop.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#contact {
	background-image: url(../images/strawberry_crop.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

/* ===========================*/
/*       FEATURE TEXT         */
/* ===========================*/

.feature{
	margin-left:25px; 
	margin-right: 170px;
	margin-top:20px;
	margin-bottom:10px; /*
	color: #460958;*/
	font-size: 80%;
}

.feature p {
	/*margin: 0;*/
	line-height: 140%;

}

.feature table {
	margin-left: 10px;
}

.feature ul {
	margin-top: 5px;
	margin-bottom: 5px;
}/**/

.feature ol {
	margin-top: 5px;
	margin-bottom: 5px;
}/**/

.smalllink {
text-align: right;
margin: 2px 10px 10px 0;
font-size: 70%;
}

/* ===========================*/
/*       CASE STUDIES         */
/* ===========================*/

.casestudy{
	margin-left:25px; 
	margin-right: 170px;
	margin-top: 20px;
	margin-bottom: 10px; 
	/*	color: #460958;*/
	font-size: 80%;
}

.casestudy p {
	line-height: 120%;
}

.casestudy ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

.casestudy li {
	margin-top: 5px;
	margin-bottom: 5px;
}

.casestudyright {
	width: 200px;
	vertical-align: top;
	padding-top: 10px;/**/
	text-align: center;
}

/* ===========================*/
/*      COMMENTS ON RIGHT     */
/* ===========================*/


.comments {
	width: 200px;
	vertical-align: top;
		padding-top: 30px;
/*height: 360px;*/
}

.comments p {
	margin-left: 15px;
	margin-right: 15px;
	text-align: left;
	font-weight:normal;
	font-size: 80%;
}

.comments p.quote {
	text-align: right;
	font-size: 70%;
	font-style: italic;
}

.comments p.link {
	text-align: right;
	font-size: 80%;
}

/* ===========================*/
/*      HEADLINES ON TOP      */
/* ===========================*/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/* THIS HANDLES THE 'FRESH APPROACH' button */
a.navwords:link, a.navwords:active, a.navwords:visited {
	text-align: center;
	color: #fff;
	font-size: .7em;
	font-weight: bold;
	display:block;
	padding:3px 0;
}
a.navwords:hover {
	background-color: #A5D6AE;
	color: #625AA5;
	text-decoration:none;
}

/* ===========================*/
/*      FOOTER ON BOTTOM      */
/* ===========================*/

#footer {
width: 760px;
	background-color: #999;
	text-align: center;
	font-size: 80%;
}

#footer p {
	color: #FFFFFF;
	padding-top: 5px;
}

.pic {
	margin-left: 15px;
	margin-right: 15px;
	color: #999;
	font-size: 70%;
}