/* Colors
-----------------------------------------------
#ffffed pale beige
#036 navy blue
#5c6f31 deep green
#6f8040 lightish green
#6c3817 bown
#d8ff6d light green
#ffec3d yellow
#fd9d27 orange
#32918d aqua

Font Sizes
-----------------------------------------------
Base              79%    91%   103%
size              -2	    -1      0
-------------------------------------
biggest          151%   147%   160%		
bigger           130%   131%   130%
big              115%   113%   116%
normal           100%   100%   100%
small             89%    90%    88%
smaller            x     77%    77%
smallest           x      x     68%
*/

/*

page

	logo

	content - floated right
	
	nav
	
footer

page

*/


* { margin: 0; padding: 0; }
a img { border: 0; }

html body {
	font: 103%/116% Arial,sans-serif;
	background: #5f91b7 url(images/sitewide/nutrizeal-bg.gif) top repeat-x fixed;
	color: #333;
	}



/* page */

div#page {
	width: 778px;
	padding: 0px;
	margin: 1% auto;
	background: #fff url(images/sitewide/bg.gif) left repeat-y;
	border: 1px solid #3470A1;
	}


/* content */
div#content {
	float: right;
	width: 592px;
	padding: 160px 50px 10px 4px;
	background: #fff url(images/headers/headerbg.jpg) top right no-repeat;
	}

body#profile div#content {
	background: #fff url(images/headers/hardware-headerbg.jpg) top right no-repeat;
	}


body#capabilities div#content {
	background: #fff url(images/headers/machinery-headerbg.jpg) top right no-repeat;
	}

body#testimonials div#content {
	background: #fff url(images/headers/capbottles-headerbg.jpg) top right no-repeat;
	}

body#contact div#content {
	background: #fff url(images/headers/office-headerbg.jpg) top right no-repeat;
	}

body#products div#content {
	background: #fff url(images/headers/mussels-headerbg.jpg) top right no-repeat;
	}

body#quality div#content {
	background: #fff url(images/headers/measure-headerbg.jpg) top right no-repeat;
	}









div#header {
	background: #18538e url(images/sitewide/header-bg.gif) repeat-x;
	
	}

div#logo {
	background: #18538e url(images/sitewide/header-bg.gif) repeat-x;
	height: 75px;
	border: 1px solid #fff;
	}

div#logo img {
	float: right;
	margin: 20px 0 0 0;
	}




/* nav */

div#nav { float: left; }
div#nav ul li { list-style: none; }

div#nav ul li a {
		font-size: .8em;
		line-height:  1.4em;
		
		border-bottom: 1px solid #fff;
		width: 122px;
		padding: 4px 2px 4px 6px;

		text-decoration: none;
		display: block;
		color: #fff; background: #6aa5c0;
		}
		
div#nav ul li a:hover {
	background: #18538e url(images/sitewide/nav-hover.gif) top repeat-x;
			}

body#home div#nav ul li a#n1,
body#products div#nav ul li a#n2,
body#capabilities div#nav ul li a#n3,
body#quality div#nav ul li a#n4,
body#profile div#nav ul li a#n5,
body#testimonials div#nav ul li a#n6,
body#contact div#nav ul li a#n7

{
		background: #fff; /* url(images/sitewide/nav-current.gif) top repeat-x; */
		color: #18538e;
		cursor: default;
			}

/* footer */
div#footer {
	clear: both;
	text-align: center;
	padding: 0.2em; margin: 0 auto;
	width: 760px;
	}

div#footer p, div#footer p a {
	text-decoration: none;
	color: #fff; background: inherit;
	font-size: 0.9em;
	}

div#footer p a:hover {
	text-decoration: underline;
	}

div#footer p.smallprint {
	margin: 1em 0;
	font-size: 0.8em;
	}
/* lists */

div#content ul {
	margin: 1em 2em;
	}


/* p */

p, div#content ul {
	font-size: 88%;
	}

p {
	margin: 0 0 .6em 0;
	}

p.clear {
	clear: both;
	}


/* a */

div#content p a {
	color: #036;
	text-decoration: none;
	}

div#content p a:hover {
	color: #039;
	text-decoration: underline;
	}




/* h */
h1 {
	margin: 0 0 .2em 0;
	font-size: 147%;
	color: #036;
	font-weight: normal;
	}

h2 {
	margin: 1em 0 .1em 0;
	font-size: 116%;
	}
h3 {
	color: #5F91B7;
	margin: 1.1em 0 0 0;
	font-size: 103%;
/*	text-transform: uppercase;
*/	}


/* images */

img.right {
	float: right;
	margin: 0 0 1em 1em;
	}

img.center {
	clear: both;
	margin: .6em auto;
	}

/* general divs */

div.rightcol {
	float: right;
	border: 0px solid #ccc;
	width: 280px;
	}



/* testimonials */

div.testi {
	background: url(images/testimonials/testi-bg02.jpg) bottom right repeat-y;
	padding: .0em;
	margin: 0.4em 0 1em .4em ;
	}

div.testi blockquote {
	padding: .4em 1em;
	background: #fff;
	}
div.testi blockquote p {
	text-align: left;
	color: #333;
	}

div.testi p {
	text-align: right;
	color: #fff;
	padding: 0.2em 1em;
	}






/* contact */

div#contactform {
	float: left;
	width: 320px;
	margin: .4em 0em 2em 0;
	}

fieldset {
	border: 0;
	padding: 1em;
	}

form input, form textarea {
	background-color: #eee;
	border: 0px solid #64645c;
	padding: 2px;
	color: #033;
	font-size: 11px;
	width: 260px;
	}

form label {
	display: block;
	margin-top: 1em;;
	font-size: .8em;
	text-transform: uppercase;
	}

div#contactdetails {
	background: #fff url(images/contact/nutrizeal-icon.jpg) top right no-repeat;
	}

input[type="submit"] {
	margin: 10px;
	width: 100px;
	}


/* specs */

ul#specs li
{
	/*	list-style-image: url(images/sitewide/smallpdf.gif); */
	background: url(images/sitewide/smallpdf.gif) left no-repeat;
	margin: 0.3em;
	padding: 2px 20px;
	list-style-position: inside;
	list-style: none;
}
ul#specs li a:hover {
text-decoration: none;
	}