/*=============================================================== Eric Meyer's Reset Reloaded*/

@import url("reset.css");

/*=============================================================== Logo*/

h1#logo						{
							text-indent:-9999px;
							width:376px;
							height:77px;
							background:#fff url(i/logo.gif) no-repeat top left;
							}

/*=============================================================== Nav*/

ul#nav						{
							background:#fff url(i/bg_nav.gif) repeat-x top left;
							list-style:none;
							height:72px;
							margin:0 0 6px 6px;
							min-width: 994px;
							}
				
ul#nav li					{
							float:left;
							}				
				
ul#nav li a					{
							text-indent:-9999px;
							display:block;
							height:72px;
							background:#fff url(i/nav.gif) no-repeat bottom left;
							}

ul#nav li a#nav-home		{
							width:153px;
							}
							
ul#nav li a#nav-home:hover	{
							background-position: 0 -144px;
							}
							
ul#nav li a#nav-home:active	{
							background-position:0 -72px;
							}
							
ul#nav li a#nav-home.on		{
							background-position:0 0;
							}
							
ul#nav li a#nav-home.on:hover		{
							background-position:0 0;
							}
							
ul#nav li a#nav-home.on:active		{
							background-position:0 0;
							}
					
ul#nav li a#nav-ourstory	{
							width:173px;
							background-position: -153px -216px;
							}

ul#nav li a#nav-ourstory:hover	{
							background-position: -153px -144px;
							}
							
ul#nav li a#nav-ourstory:active	{
							background-position:-153px -72px;
							}
							
ul#nav li a#nav-ourstory.on	{
							background-position:-153px 0;
							}
							
ul#nav li a#nav-ourstory.on:hover	{
							background-position:-153px 0;
							}
							
ul#nav li a#nav-ourstory.on:active	{
							background-position:-153px 0;
							}
							
ul#nav li a#nav-partners	{
							width:171px;
							background-position: -326px -216px;
							}
							
ul#nav li a#nav-partners:hover	{
							background-position: -326px -144px;
							}
							
ul#nav li a#nav-partners:active	{
							background-position:-326px -72px;
							}
							
ul#nav li a#nav-partners.on	{
							background-position:-326px 0;
							}
							
ul#nav li a#nav-partners.on:hover	{
							background-position:-326px 0;
							}
							
ul#nav li a#nav-partners.on:active	{
							background-position:-326px 0;
							}
					
ul#nav li a#nav-services	{
							width:149px;
							background-position: -497px -216px;
							}
							
ul#nav li a#nav-services:hover	{
							background-position: -497px -144px;
							}
							
ul#nav li a#nav-services:active	{
							background-position:-497px -72px;
							}
							
ul#nav li a#nav-services.on	{
							background-position:-497px 0;
							}
							
ul#nav li a#nav-services.on:hover	{
							background-position:-497px 0;
							}
							
ul#nav li a#nav-services.on:active	{
							background-position:-497px 0;
							}
					
ul#nav li a#nav-projects	{
							width:166px;
							background-position: -646px -216px;
							}
							
ul#nav li a#nav-projects:hover	{
							background-position: -646px -144px;
							}
							
ul#nav li a#nav-projects:active	{
							background-position:-646px -72px;
							}
							
ul#nav li a#nav-projects.on	{
							background-position:-646px 0;
							}
							
ul#nav li a#nav-projects.on:hover	{
							background-position:-646px 0;
							}
							
ul#nav li a#nav-projects.on:active	{
							background-position:-646px 0;
							}
					
ul#nav li a#nav-contact		{
							width:173px;
							background-position: -812px -216px;
							}

ul#nav li a#nav-contact:hover	{
							background-position: -812px -144px;
							}
							
ul#nav li a#nav-contact:active	{
							background-position:-812px -72px;
							}
							
ul#nav li a#nav-contact.on	{
							background-position:-812px 0;
							}
							
ul#nav li a#nav-contact.on:hover	{
							background-position:-812px 0;
							}
							
ul#nav li a#nav-contact.on:active	{
							background-position:-812px 0;
							}
														
/*=============================================================== Hero*/

#hero 						{
							clear:both;
							background:#99cf45 url(i/hero.jpg) no-repeat top left;
							height:257px;
							}
							
#hero-img					{
							float:left;
							border-right:1px solid #fff;
							}
							
#hero p						{
							font:normal 20px/20px georgia;
							color:#fff;
							width:250px;
							margin-left:635px;
							padding:60px 0 0 45px;
							background:#99cf45 url(i/quo.gif) no-repeat 10px 65px;
							}
							
#hero p	a					{
							color:#fff;
							}
							
#hero span.name				{
							display:block;
							padding:15px 0;
							font-size:12px;
							text-transform:uppercase;
							}

/*=============================================================== Home Content*/

#home-content				{
							clear:both;	
							padding:35px;
							overflow:visible;
							background:#fff url(i/fade.gif) repeat-x top left;
							}

#home-content h2			{
							font:normal 36px georgia;
							color:#0182ac;	
							}
							
#home-content p				{
							font:normal 18px georgia;
							color:#777;	
							width:880px;
							padding-bottom:10px;
							}
														
/*=============================================================== Foot*/

p#foot						{
							clear:both;
							font:normal 12px arial;
							color:#999;
							padding:0 0 35px 35px;
							}


/*=============================================================== Content*/

#content					{
							background:#fff url(i/fade.gif) repeat-x 0 41px;
							}
							

#content a					{
							color:#006889;
							}	
							
#content a:hover			{
							color:#0182AC;
							}						
							
#content .text				{
							width:924px;
							padding:35px;
							}

#content h2							{
							background:#99cf45;
							color:#fff;
							font:normal 36px georgia;
							padding-left:35px;
							}
							
#content h3, h4				{
							color:#0182ac;
							font:normal 18px georgia;
							padding-bottom:15px;
							}
							
#content h4					{
							color:#333;
							font:bold 14px arial;
							padding-bottom:3px;
							}
							
#content p					{
							color:#333;
							font:normal 12px arial;
							padding-bottom:10px;
							}
							
#content div.bio			{
							margin:0 0 20px 180px;
							padding-bottom:20px;
							border-bottom:1px solid #f4f4f4;
							}
							
#content p.contact					{
							padding:15px 0 0 15px;
							}
							
#content ul					{
							color:#333;
							font:normal 12px arial;
							padding-bottom:10px;
							}
							
#content ul	li				{
							list-style:square;
							margin-left:30px;
							}
							
#content abbr				{
							cursor:help;
							border-bottom:1px dotted #ccc;
							}
							
.left						{
							float:left;
							margin:3px 15px 10px -170px;
							border-bottom:7px solid #99CF45;
							}
							
.right						{
							float:right;
							margin:35px 0 15px 15px;
							}