/* <<<<<< reset >>>>>> */
body,p,li,blockquote,div,img,h1,h2 {
margin: 0;
border: none;
}

body {
margin: 25px 0 0 0;
width: 25000px;
background: #000 url(images/img-bg1.jpg) repeat-x left top;
}

#about a:link, #about a:visited, 
#investment a:link, #investment a:visited, 
#contact a:link, #contact a:visited, #philosophy2 a:link, #philosophy2 a:visited  {
color: #b22222;
text-decoration: none;
}

#about a:hover, #about a:active, 
#investment a:hover, #investment a:active,
#contact a:hover, #contact a:active, #philosophy2 a:hover, #philosophy2 a:active {
color: #000;
text-decoration:underline;
}

/* <<<<<< typography >>>>>> */

body, p, td, li, blockquote, div {
color: #000; 
font: 1.0em Tahoma, Sans-Serif; 
}

#investment h1, #contact h1 {
padding: 25px;
font-size: 130%;
color: #b22222;
letter-spacing: 2px;
text-align: center;
}

#investment p, #contact p {
padding: 25px;
text-align: center;
}

#about2 h1 {
padding: 25px 0 25px 640px;
font-size: 130%;
color: #fff;
letter-spacing: 2px;
}

#about2 p {
padding: 0 20px 13px 645px;
text-align: justify;
}

#philosophy2 h1 {
padding: 25px;
font-size: 130%;
color: #b22222;
letter-spacing: 2px;
text-align: center;
}

#philosophy2 p {
padding: 0 30px 13px 30px;
text-align: justify;
}

/* <<<<<< sections >>>>>> */

#logo {
float: left;
margin-right: 10px;
}

#swf {
float: left;
margin-right: 436px;
}

#investment, #contact, #end, #talk {
float: left;
height: 500px;
width: 500px;
}

#about {
float: left;
width: 1115px;
height: 500px;
/*overflow: auto;*/
}

#about2 {
overflow: auto;
height: 500px;
}

.spacer {
float: left;
margin: 0;
/*width: 150px;*/
width: 200px;
height: 500px;
}

.spacerAbout {
float: left;
margin: 0;
/*width: 150px;*/
width: 20px;
height: 500px;
}

#photos {
float: left;
height: 500px;
}

#bottom {
position: fixed;
top: 525px;
left: 50px;
/*width: 750px;
height: 45px;*/
}

#nav2 {
position: fixed;
top: 548px;
left: 115px;
/*width: 600px;
height: 45px;*/
}

#philosophy {
float: left;
height: 500px;
width: 515px;
}

#philosophy2 {
overflow: auto;
height: 500px;
}



/* <<<<<< arrows >>>>>> */
#arrowsMain {
	position: fixed;
	top: 537px;
	/*left: 870px;*/
	left: 1150px; 
	width: 110px;
	height: 30px;
	cursor: pointer;
}

#arrowsMain ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrowsMain ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 50px;
	height: 30px;
}

#arrowsMain ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 50px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrowsMain ul #left a {background: transparent url(images/back.png) no-repeat;}
#arrowsMain ul #right a{background: transparent  url(images/forward.png) no-repeat;}

#arrowsGallery {
	position: fixed;
	top: 565px;
	/*left: 870px;*/
	left: 975px; 
	width: 110px;
	height: 30px;
	cursor: pointer;
	z-index: 2000;
}

#arrowsGallery ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrowsGallery ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 50px;
	height: 30px;
}

#arrowsGallery ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 50px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrowsGallery ul #left a {background: transparent url(images/back.png) no-repeat;}
#arrowsGallery ul #right a{background: transparent  url(images/forward.png) no-repeat;}

/* <<<<<< other >>>>>> */

.picsBorder {
border: medium solid #000;
margin-right: 30px;
}

#proofs {
position:absolute;
left: 20px;
top: 480px;
/*top: 535px;*/
/*top: 25px;*/
padding: 0;
}

#weddingsHere {
position: fixed;
top: 605px;
left: 75px;
}

#littlepeopleHere {
position: fixed;
top: 605px;
left: 228px;
}

#lifestylesHere {
position: fixed;
top: 605px;
left: 360px;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {padding:0; margin:0; list-style:none; height:50px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:1112px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:50px; width:150px; /*border:1px solid #888;*/ border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.fruit {background:url(../fruit/fruit.png);} /* home */
#nav li a.veg {background:url(../veg/veg.png);} /* galleries */
#nav li a.greens {background:url(../greens/greens.png);} /* contact */
#nav li a.nuts {background:url(../nuts/nuts.png);} /* about */
#nav li a.proofs {background:url(../proofs/proofs.png);} /* proofs */
#nav li a.raves {background:url(../raves/raves.png);} /* raves */
#nav li a.investment {background:url(../investment/investment.png);} /* raves */
#nav li a.weddings {background:url(../navigation/weddings.png);} 
#nav li a.littlepeople {background:url(../navigation/little-people.png);}
#nav li a.lifestyle {background:url(../navigation/lifestyle.png);} 
#nav li a.fineart {background:url(../navigation/fine-art.png);} 
#nav li a.close {background:url(../navigation/close.png);} 



#nav li:hover a,
#nav a:hover
{background-position: 0 50px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:52px; background: #000; width:152px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:52px; position:relative; float:left; width:152px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:50px; width:150px; border:1px solid #888; border-color:#ddd #888 #888 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.gallery1 {background:url(../navigation/gallery1.png);}
#nav :hover ul li a.gallery2 {background:url(../navigation/gallery2.png);}
#nav :hover ul li a.gallery3 {background:url(../navigation/gallery3.png);}


#nav :hover ul li a.potatoes {background:url(../veg/potatoes2.jpg);}
#nav :hover ul li a.carrots {background:url(../veg/carrots2.jpg);}
#nav :hover ul li a.turnips {background:url(../veg/turnip2.jpg);}
#nav :hover ul li a.parsnips {background:url(../veg/parsnip2.jpg);}

#nav :hover ul li a.cabbages {background:url(../greens/cabbage2.jpg);}
#nav :hover ul li a.cauliflower {background:url(../greens/cauliflower2.jpg);}
#nav :hover ul li a.beans {background:url(../greens/beans2.jpg);}
#nav :hover ul li a.sprouts {background:url(../greens/sprouts2.jpg);}
#nav :hover ul li a.peas {background:url(../greens/peas2.jpg);}
#nav :hover ul li a.broccoli {background:url(../greens/broccoli2.jpg);}

#nav :hover ul li a.almonds {background:url(../nuts/almonds2.jpg);}
#nav :hover ul li a.cashews {background:url(../nuts/cashews2.jpg);}
#nav :hover ul li a.walnuts {background:url(../nuts/walnuts2.jpg);}
#nav :hover ul li a.pistachios {background:url(../nuts/pistachios2.jpg);}


#nav :hover ul.sub li a:hover 
{background-position: 0 50px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}

/* end navigation */