/* -------------------------------------------------------------- 

Primor Screen styles

* Base Screen and template styles
* Version:   1.0 (August - 2008)
* Author:	Daniel Eberhardt - Web Fu http://www.webfu.co.nz

-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/960.css";
@import "lib/text.css";
@import "lib/plugins/menus.css";

/* Site
-------------------------------------------------------------- */

html
{
				height: 100%;
				}

body
{
				height: 100%;
				margin: 0;
				padding: 0;
				background: transparent;
				}
#pg
				{
				position: relative;
				min-height: 100%;
				background: #F8F8F8 url('img/ploughed-field.jpg') repeat-x left bottom;
				}
#content
{
				padding-bottom: 20em;
				}
			
.container_12
{
				
				}




h1
{
				font-size: 2em;
				line-height: 1em;
				color: #3c3321;
				letter-spacing: -0.025em;
				}
#mContent h1
{
			margin-bottom: 1em;
			}
h2
{
				padding-top: 1em;
				font-size: 1.5em;
				line-height: 1em;
				color: #799b24;
				letter-spacing: -0.025em;
				}
h3
{
			padding-top: .6em;
			margin-bottom: 0;
			font-size: 1.25em;
			line-height: 1.2;
			}
h4
{
			margin-bottom: 0;
			margin-top: 1.5em;
			}

ul.bullets li
{ 
				margin-left: 15px;
				line-height: 2em;
				}

blockquote
{
				clear:both;
				margin: 3em 0;
				padding: 2.25em 60px 0.75em;
				border: 0.75em solid #e3e6cc;
				border-width: 0.75em 0;		

				background:transparent url('img/open-quote.png') no-repeat scroll 7px 2.25em;
				}
blockquote p
{
				color: #445662;
				font-size: 1.5em;
				line-height: 1.333em;
				font-style: italic;
				}
blockquote p cite 
{
				display: block;
				color: #a6adb2;
				font: normal normal normal 0.61em/1.636em "Lucida Grande",Lucida,Verdana,sans-serif;
				}
#mContent p strong
{
			color: #333;
			}
#mContent p img
{
			float: left;
			border: 1px solid #dedede;
			margin: 0 3em 1.5em 0;
			
			padding: 4px;
			
			background: #EEE;
			
			}

#mContent p img.full-width
{
			margin: 0 0 1.5em 0;
			}
#mContent .gallery p img
{
			border: 0;
			margin: 0;
			padding: 0;
			}


/* @group Header */

#hdr
{
				position: relative;
				padding: 4em 0;
				margin-bottom: 4em;
				
				background-repeat: no-repeat;
				background-position: 100% -110px;
				background-image: url('img/avocado.jpg');
				}

.contacts #hdr
{
				background-image: url('img/cherries.jpg');
				}
.imports #hdr
{
				background-image: url('img/grapes.jpg');
				}
.avocado #hdr
{
				background-image: url('img/avocado-cut.jpg');				
				}
.citrus #hdr
{
				background-image: url('img/citrus.jpg');				
				}
.grapes #hdr
{
				background-image: url('img/grapes.jpg');				
				}
.stonefruit #hdr
{
				background-image: url('img/stonefruit.jpg');				
				}
.melons #hdr
{
				background-image: url('img/watermelon.jpg');				
				}
.vegetables #hdr
{
				background-image: url('img/broccoli.jpg');				
				}
.kiwifruit #hdr
{
				background-image: url('img/kiwifruit.jpg');							
			}
.blackcurrants #hdr
{
			background-image: url('img/blackcurrents.jpg');
			}
.apples #hdr
{
			background-image: url('img/apple.jpg');
			background-position: 100% -90px;
			}



#hdr h1
{
				margin-bottom: 0;
				
				}
#hdr h1 a
{
				display: block;
				border: 0;
				text-decoration: none;
				}
.tagline
{
				color: #2c4b31;
				margin-bottom: 0;
				}

#primaryNav
{
				position: absolute;
				bottom: 4.5em;
				right: 10px;
				float: right;
				width: auto;
				margin-bottom: 0;
				
				text-align: right;
				}
#primaryNav li a
{
				padding: 2px 6px;
				margin: 0 5px;
				
				color: #a4a4a4;
				text-decoration: none;				
				}
#primaryNav li a:hover
{
				color: #49882c;
				}

.home  li a#nav-home,
.imports  li a#nav-imports,
.exports  li a#nav-exports,
.about  li a#nav-about,
.contacts  li a#nav-contacts
{
				color: #49882c;
				}



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

/* @end */

/* @group Prom Content */

#prmContent
{
				padding-bottom: 2em;
				border-bottom: 1px solid #ddd;
				margin-bottom: 2em;
				

				}

#prmContent .intro
{
				width: 540px;
				float: left;
				}
#prmContent #primaryContact
{
				width: 380px;
				float: right;
				}
				
#primaryContact
{
				background: url('img/contact-card-shadow.png') no-repeat right bottom;
				padding: 0 8px 8px 0;
				}
				
#prmContent #primaryContact p
{
				float: none;
				width: auto;
				}
		
#primaryContact div.vcard
{
				background: #f8f8f8;
				border: 1px solid #e8e8e8;
				padding: 0;
				}
#primaryContact div.vcard div
{
				background: #f8f8f8 url('img/contact-card-bg.jpg') no-repeat right top;
				border: 12px solid #FFF;
				padding: 12px;				
				}
#primaryContact div.vcard div div
{
			background: none;
			border: 0;
			padding: 0;
			}
#primaryContact .vcard h3.fn
{
				float: none;
				display: block;
				width: auto;
				
				font-size: 1.5em;
				line-height: 1;
				
				color: #383838;
				}
#primaryContact .vcard .role
{
				margin-bottom: 1.636em;
				}
#primaryContact .vcard div.communicate
{
				overflow: hidden;
				margin-bottom: 1em;
				}
#primaryContact .vcard span.electronic-mail
{
				display: none;
				}
#primaryContact .vcard span.tel
{
				float: left;
				clear: left;
				margin-bottom: 0;
				}

/* @end */				
				
				
				
				
				
				
				
				
					
/* @group Main Content */

#mContent
{
				margin-bottom: 6em;
				}

/* @group Homepage */
.home #prmContent p
{
			width: auto;
			font-size: 1.25em;
			line-height: 1.6;
			}



#bizSections
{
			padding-bottom: 1.5em;
			border-bottom: 1px solid #DDD;
			}		
#bizSections h2
{
				margin-bottom: .5em;
				padding: 2em 5px 12px;
				display: block;
				
				text-transform: uppercase;
				text-align: right;
				color: #FFF;
				
				font-size: 3em;
				line-height: 1;
				
				text-shadow: #000 2px 1px 4px;
				-moz-text-shadow: #333 2px 2px 2px;
				}
#bizSections h2 a
{
			color: rgba(255, 255, 255, .5);
			text-decoration: none;
			}
#bizSections h2 a:hover
{
			text-decoration: none;
			color: rgba(255, 255, 255, 1);
			text-shadow: #fff 0px 0px 0px;
			}
#bizSections #exportIntro h2
{
			background: url('img/cut-kiwifruit.jpg') no-repeat 100% 100%;
			}
#bizSections #importDomesticIntro h2
{
			background: url('img/pears.jpg') no-repeat 0% 0%;
			}
#bizSections div p a
{
			display: block;
			}
#sContent blockquote
{
			margin-top: 0;
			}

/* @end */








/* @group Gallery pages */

.imports #prmContent div h2
{
			display: inline;
			float: left;
			margin: .25em 5px 0 0;
			padding: 1px 25px 1px 5px;
			
			text-transform: uppercase;
			font-size: 0.917em;
			font-weight: bold;
			line-height: 1.636;
			color: #000;
			
			background: #E9E9E9;
			
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			}
.imports #prmContent div p
{
		width: auto;
		float: none;
			
			}
.gallery
{
				list-style: none;
				margin: 1.5em 0 3em;
				padding: 1.5em 0;
				overflow: hidden;
				float: left;
				width: 100%;			
				}
.gallery li
{
				float: left;
				width: 380px;
				position: relative;
				margin: 3em 10px 1.5em 10px;
				padding: 120px 160px 0 0;
				
				min-height: 12em;
				}
.gallery li#citrus,
.gallery li#stonefruit,
.gallery li#vegetables,
.gallery li#kiwifruit,
.gallery li#blackcurrants
{
				padding-right: 0;
				}

.gallery h3
{
				position: relative;
				z-index: 2;
				margin-bottom: 0;
				margin-top: -1em;
				padding-top: 0;
				
				text-align: right;
				font: bold 2.5em/1em "Lucida Grande", Lucida, Verdana, sans-serif;
				text-transform: uppercase;
				}

.gallery img
{
				position: absolute;
				left: 0;
				top: 0;
				z-index: 1;
				margin: 0;
				padding: 0;
				}
.gallery p a
{
				white-space: nowrap;
				}
				
/*Define Colours*/
#avocado h3,  #avocado a
{
				color: #799b24;
				}
#citrus h3, #citrus a
{
				color: #fe8324;				
				}
#grapes h3, #grapes a
{
				color: #9c1b1f;				
				}
#stonefruit h3, #stonefruit a
{
				color: #c8482f;				
				}
#melons h3, #melons a
{
				color: #b5c45e;				
				}
#vegetables h3, #vegetables a
{
				color: #406e39;				
				}
#kiwifruit h3, #kiwifruit a
{
				color: #ceab1b;
				}
#blackcurrants h3, #blackcurrants a
{
			color: #191e31;
			}
#apples h3, #apples a
{
			color: #dc432d;
			}



/*Context Navigation*/
.context-menu h2
{
				font-size: 1em;
				line-height: 1.636;
				text-transform: uppercase;
				
				color: #A6A6A6;
				}
.context-menu ul
{
				margin-left: 0;
				margin-right: 0;
				padding: 0;
				
				list-style: none;
				}
.context-menu li a
{
				padding: 30px 0 0 100px;
				min-height: 48px;
				display: block;
				
				font-size: 1.167em;
				font-weight: bold;
				line-height: 1.286;
				
				text-transform: uppercase;
				
				background-repeat:  no-repeat;
				background-position: 0 0;
				}


.context-menu #avocado a
{
				background-image: url('img/avocado-thumb.jpg');
				}
.context-menu #citrus a
{
				background-image: url('img/citrus-thumb.jpg');
				}
.context-menu #grapes a
{
				background-image: url('img/grapes-thumb.jpg');
				}
.context-menu #stonefruit a
{
				background-image: url('img/stonefruit-thumb.jpg');
				}
.context-menu #melons a
{
				background-image: url('img/watermelon-thumb.jpg');
				}
.context-menu #vegetables a
{
				background-image: url('img/broccoli-thumb.jpg');
				}

.context-menu #kiwifruit a
{
				background-image: url('img/kiwifruit-thumb.jpg');
				}
.context-menu #blackcurrants a
{
				background-image: url('img/blackcurrents-thumb.jpg');
				}
.context-menu #apples a
{
				background-image: url('img/apple-thumb.jpg');
				}

/* @end */

/* @group Partners Logo pond */

#partners h2
{
			margin-bottom: 0;
			margin-top: 3em;
			color: #3c3321;
			}
#partners p
{
			font-size: 0.917em;
			line-height: 1.636;
			}
#partners ul
{
			list-style: none;
			margin: 0;
			padding: 0;
			}
#partners li
{
			width: 143px;
			height: 88px;
			margin: 1px;
			float: left;
			
			background: #EEE;
			}

#partners li a em
{
			display: none;
			}

/* @end */

/* @group Staff contacts */

#head-office
{
				padding-left: 35px;
				width: 425px;
				}
.department h2
{
				clear: both;
				padding-left: 35px;
				padding-top: 0;
				
				background-position: 10px 0;
				background-repeat: no-repeat;
				
				font-size: 1.5em;
				line-height: 1em;
				color: #b4bd9d;
				}
#prmContent .vcard h3
{
				float: left;
				clear: left;
				width: 120px;
				margin-right: 20px;
				
				font-size: 1em;
				line-height: 1.5em;
				
				color: #333;
				}
#head-office h2
{
				color: #b4bd9d;
				background-image: url('img/icons/home.png');
				margin-left: -35px;				
				}
#dom-sales h2
{
				background-image: url('img/icons/dom-sales.png');
				}
#export-sales h2
{
				background-image: url('img/icons/export-sales.png');
				}
#accounting-admin h2
{
				background-image: url('img/icons/admin.png');
				}
#management h2
{
				background-image: url('img/icons/management.png');
				}
#distribution h2
{
				background-image: url('img/icons/distribution.png');
				}
.department ul
{
				list-style: none;
				margin: 3em 0;
				padding: 0;
				border-bottom: 1px solid #DDD;
				float: left;
				width: 100%;
				}
.department li
{
				float: left;
				width: 405px;
				padding-left: 35px;
				padding-right: 40px;
				margin-bottom: 4em;
				min-height: 6em;
				}
.vcard h3,
.vcard .role
{
				margin-bottom: 0;
				}
.keyContact
{
			padding-top: 1.5em;
			}
.keyContact p
{
			margin-bottom: 0;
			}
/* @end */

/* @group Key Personal */

#key-personal p
{
			width: 620px;
			font-size: 0.917em;
			line-height: 1.636;
			}
#key-personal ul
{
			margin: 0;
			list-style: none;
			}

#key-personal ul li
{
			margin: 0 5px 0;
			float: left;
			width: 300px;
			border-bottom: 1px dotted #DDD;
			}
#key-personal a
{
			padding: 12px 12px 12px 48px;
			display: block;
			
			background: url('img/icons/user.png') no-repeat 5px 8px;
			}
#key-personal a:visited
{
			text-decoration: none;
			}
#key-personal a:hover
{
			background-color: #F4F4F4;
			border-radius: 5px;
			-moz-border-rtadius: 5px;
			-webkit-border-radius: 5px;
			
			text-decoration: none;
			}
#key-personal a small
{
			display: block;
			color: #000;
			
			font-size: 0.818em;
			line-height: 1.8;
			}

.keyPersonal #mContent h2,
.keyPersonal #mContent h3
{
				width: 300px;
				float: left;
				clear: right;
				margin-bottom: 0;	
				}
.keyPersonal #mContent div,
.keyPersonal #mContent h3
{
			clear: both;
			}
.keyPersonal #mContent div
{
			overflow: hidden;
			}
.keyPersonal #mContent p
{
				float: right;
				width: 540px;
				}

/* @end */

/* @end */






















/* @group Footer */

#ftr
	{
				position: relative;
				margin: -20em auto 0 auto;
				height: 20em;
				background: transparent url('img/farm.jpg') no-repeat right bottom;
				}

/* @group Walled Garden */

#walledGarden
{
				height: 72px;
				border-bottom: 1px solid #DDD;
				margin-bottom: 3em;
				}

/* @end */

/* @group Primor Vcard */

.vcard
{
				color: #969696;
				font-size: 0.917em;
				line-height: 1.636em;
				}
.vcard .org
{
				color: #2c4b31;
				}

.vcard .tel .type,
.vcard .communicate span
{
				color: #919e1b;
				}
		
.vcard .tel .value,
.vcard .email
{
				margin-right: 15px;
				
				color: #000;
				font-weight: bold;
				text-decoration: none;
				}

/* @end */

#legalStuff
{
				position: absolute;
				bottom: 0;
				left: 50%;
				width: 960px;
				margin-left: -470px;
				margin-bottom: 0;
				
				color: #bbab91;
				font-size: 0.833em;
				line-height: 1.8em;
				}






/* @end */


				
/* @group Clearing */
#hdr:after,
#content:after,
#mContent:after,
#ftr:after,
.container_12:after,
#prmContent:after,
#bizSections:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}


/* @end */

/* @group Replace */

/* replace */

.replace
				{
				text-indent: -10000em;
				display: block;
				background-repeat: no-repeat;
				background-position: left top;
				background-color: transparent;
				text-align: left;
				height: 0px;
				}

.replace a span, span.replace
				{
				text-indent: -10000em;
				line-height: 0.01em;
				height: 0;
				}
.hidden
{
				display: none;
				}
/* @end */