/* CSS Document */

/*  Custom colour definitions, for Nextnorth site
	Author: Caroline Mockett, April 2008
	www.mockettmedia.com
 */
/*
Colours:
	olive #8fa11b
	red brown #753544
	acid green #cccc33
	pale green #dae088
	mushroom #af9b82
	grey #999
	pale grey #f1eeee
*/
	
body {
	background: #f1eeee;
	color: #666666;
	}
h1 { 
	color: #cccc33;
	}
h2 {
	color: #8fa11b;
	}
h3 {
	color: #8fa11b;
	}
strong, em { 
	color: #8fa11b;
	}
.border {
	border: 2px solid #8fa11b;
	}
a:link, a:visited {
	color: #8fa11b;
	}
a:visited {
	color: #8fa11b;
	}
a.next, a.prev {
	border: 1px solid #8fa11b;
	color: #fff;
	background: #8fa11b;
	}
a:visited.next, a:visited.prev {
	border: 1px solid #8fa11b;
	color: #fff;
	background: #8fa11b;
	}
a.extlink {
	background: url(../../gfx/ext_link.gif) no-repeat center right;
	}
/* _____________________________________________________________________= main wrapper __*/
#wrapper{
	background: #fff url(../../gfx/dropshadow_bottom.jpg) no-repeat bottom left;
}
	
/* ____________________________________________________________= main navigation styles __*/
#mainnav {
	background: #8fa11b;
	}	
#mainnav ul { /* all lists */
	color: #fff;
	}
#mainnav ul li { /* all list items */
	background: #8fa11b;
	}
#mainnav li ul { /* second-level lists */
	border-left: 1px solid #fff;
	}
#mainnav .subnav li { /* second-level list items */
	}
#mainnav li ul li ul { /* third-level lists */
	border-left: 1px solid #fff;
	}
#mainnav .subnav li ul li { /* third-level list items */
	border-bottom: 1px solid #fff;
	}		
#mainnav a:link, #mainnav a:visited {
	color: #fff;
	}
#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
	background: #dae088;	
	}
		
/* _______________________________________= body class matches list item with main nav elements __ */	
.home #mainnav #home, 
.cats #mainnav #cats, 
.aboutus #mainnav #aboutus,
.contact #mainnav #contact,
.services #mainnav #services,
.servicedetails #mainnav #services,
.showcats #mainnav #showcats,
.product #mainnav #sections,
.temp #mainnav #temp {
	background: #dae088;
	}
/* _______________________________________= body class matches with main nav elements __ */	
.home #mainnav #home a, 
.cats #mainnav #cats a, 
.aboutus #mainnav #aboutus a,
.services #mainnav #services a,
.servicedetails #mainnav #services a,
.contact #mainnav #contact a, 
.showcats #mainnav #showcats a,
.cat #mainnav #sections a,
.product #mainnav #sections a,
.temp #mainnav #temp a {
	color: #8fa11b;
	background: #dae088;
	}
#mainnav li:hover, #mainnav li.sfhover {  /* with suckerfish class */
	background: #dae088;
	color: #fff;
	}
/* _________________________________________________________________________= columns __*/
#center {
	border-left: 125px solid #8fa11b;
	background: #fff url(../../gfx/dropshadow_right.jpg) repeat-y top right;
	}

/* ______________________________________________________________= Main header styles __ */
	
#header {
	background: #fff url(../../gfx/header_bg.jpg) no-repeat top left;
	}
	
/* ________________________________________________________________= thumbnail & image styles __*/

#image1, #image2 {
	}
.caption {
	color: #cccc33;
	}
	
/* ________________________________________________________________= services section __*/
#serviceChoice {/*__ links div on home page to services __*/
	}
#serviceChoice h2#service_1 { /*__ links div on home page to services __*/
	background: #8fa11b;
	}
#serviceChoice h2#service_2{ /*__ links div on home page to services __*/
	background: #753544;
	}
#serviceChoice h2#service_3 { /*__ links div on home page to services __*/
	background: #cccc33;
	}
#serviceChoice h2 a {/*__ links div on home page to services __*/
	color: #fff;
	text-decoration: none;
	}
#serviceChoice h2#service_2 a {/*__ links div on home page to services __*/
	color: #fff;
	}
/*__ headings and boxes on the Services page  __*/
.serv1 { 
	background: #fff url(../../gfx/serv1_bg.jpg) no-repeat top right;
	color:  #8fa11b;
	}
.serv1 h2 {
	color: #fff;
	background: #8fa11b;
	}
.serv2 { 
	background: #fff url(../../gfx/serv2_bg.jpg) no-repeat top right;
	color:  #753544;
	}
.serv2 h2 {
	color: #fff;
	background: #753544;
	}
.serv2 p.more a {
	color: #753544;
	}
.serv3 { 
	background: #fff url(../../gfx/serv3_bg.jpg) no-repeat top right;
	color:  #cccc33;
	}
.serv3 h2 {
	color: #fff;
	background: #cccc33;
	}
.serv3 p.more a {
	color: #cccc33;
	}	

/* ___________________________________________________________________= lists and thumbnail images __*/
	
.porfolioImg {
	border: 1px solid #8fa11b;
	}
.vcard {
	border: 1px solid #8fa11b;
	background: url(../../gfx/microformat.gif) no-repeat top right;
	}
.vcard strong {
	color: #8fa11b;
	}
.services #center li,
.cms .paratext li,
.cms .panelText li {
	list-style-image: url(../../gfx/bullet.gif); 
	}
.services #center .servicePanel ul li {
	list-style: disc;
	}
	
/* ____________________________________________________________= form colours ___________________________*/
form fieldset {
	border: 1px solid #8fa11b;
	padding: 5px;
	}
form legend {
	background: #8fa11b;
	color: #fff;
	}
form input, form textarea, form select {
	border: 1px solid #999;
	}
form p span.info {
	color: #8fa11b;
	}
form a:link, form a:visited, 
form #submit {
	color: #fff;
	background: #8fa11b;
	border: 1px solid #8fa11b;
	}
form #submit {
	border: 3px solid #8fa11b;
	}