/* - - - - - - - - - - - - - - - - - - */
/* Evie Milo Website 			    */
/* Design, Development & Maintenance   */
/* Eskymo New Media Design             */
/* http://www.my-igloo.net             */
/* - - - - - - - - - - - - - - - - - - */

/* RESET */
/* -------------------------------------------------------------------------------------------*/
* 			{ margin:0; padding:0 }
body 		{ font-size: small; font-family:Georgia, "Times New Roman", Times, serif; color: #BCB6B0; text-align:left;}
* html body 	{ font-size: x-small; /* for IE5/Win */ f\ont-size: small; /* for other IE versions */ }

/* The below restores some sensible defaults */
strong 	{ font-weight: bold }
em 		{ font-style: italic }
a img 	{ border:none } /* Gets rid of IE's blue borders */


/* HEADER IS 1294PX WIDE TO ACCOMODATE THE DOTTED LINE */
/* -------------------------------------------------------------------------------------------*/
#wrapper {
	width: 1000px;
	margin: 0 auto;
}


/* NAVIGATION */
/* -------------------------------------------------------------------------------------------*/
#navigation {
	width: 1000px;
	height: 665px;
	margin: 0 auto;
	padding: 0px;
	background: url(assets/navigation.gif) no-repeat;
}

#nav {
	width: 1000px;
	height: 665px;
	background: url(assets/navigation.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	position: absolute;
	text-indent: -3000px;
}

#nav a {
	display: block;
	height:76px;
	text-decoration: none;
}

/* POSITION OF THE NAVIGATION BUTTONS
---------------------------------------------------------------------------------------------------------------*/
#eskymo			{width:304px; height:76px; left:0px; top:20px; }
#milomade			{width:395px; height:76px; left:374px; top:20px; }
#virb			{width:163px; height:76px; left:837px; top:20px; }
#cutoutandkeep		{width:490px; height:76px; left:0px; top:96px; }
#dreamstime		{width:467px; height:76px; left:533px; top:96px; }
#wdf				{width:195px; height:76px; left:0px; top:172px; }
#busymitts		{width:381px; height:76px; left:246px; top:172px; }
#blipfoto			{width:323px; height:76px; left:677px; top:172px; }
#linkedin			{width:348px; height:76px; left:0px; top:248px; }
#eskymotwitter		{width:588px; height:76px; left:412px; top:248px; }
#milomadetwitter	{width:670px; height:76px; left:0px; top:324px; }
#folksy			{width:254px; height:76px; left:746px; top:324px; }
#behance			{width:327px; height:76px; left:0px; top:400px; }
#w3csites			{width:354px; height:76px; left:370px; top:400px; }
#flickr			{width:231px; height:76px; left:769px; top:400px; }
#lovehateblog		{width:559px; height:76px; left:0px; top:476px; }
#freeindex		{width:397px; height:76px; left:603px; top:476px; }
#coriandr			{width:343px; height:76px; left:0px; top:552px; }
#youtube			{width:334px; height:76px; left:390px; top:552px; }


#eskymo a, #milomade a, #virb a, #cutoutandkeep a, #dreamstime a, #wdf, #busymitts, #blipfoto, #linkedin, #eskymotwitter a, #milomadetwitter a, #folksy a, #behance a, #w3csites a, #flickr, #lovehateblog, #freeindex, #coriandr, #youtube  {height:76px;}

/* HOVER AND ACTIVE STATES OF THE NAVIGATION BUTTONS
---------------------------------------------------------------------------------------------------------------*/
#eskymo a:hover, #eskymo .active					{background:url(assets/navigation.gif) -1000px -20px no-repeat; width:304px; height:76px; }
#milomade a:hover, #milomade .active				{background:url(assets/navigation.gif) -1374px -20px no-repeat; width:395px; height:76px; }
#virb a:hover, #virb .active						{background:url(assets/navigation.gif) -1837px -20px no-repeat; width:163px; height:76px; }
#cutoutandkeep a:hover, #cutoutandkeep .active		{background:url(assets/navigation.gif) -1000px -96px no-repeat; width:490px; height:76px; }
#dreamstime a:hover, #dreamstime .active			{background:url(assets/navigation.gif) -1533px -96px no-repeat; width:467px; height:76px; }
#wdf	a:hover, #wdf .active						{background:url(assets/navigation.gif) -1000px -172px no-repeat; width:195px; height:76px; }
#busymitts a:hover, #busymitts .active				{background:url(assets/navigation.gif) -1246px -172px no-repeat; width:381px; height:76px; }
#blipfoto a:hover, #blipfoto .active				{background:url(assets/navigation.gif) -1677px -172px no-repeat; width:323px; height:76px; }
#linkedin a:hover, #linkedin .active				{background:url(assets/navigation.gif) -1000px -248px no-repeat; width:348px; height:76px; }
#eskymotwitter a:hover, #eskymotwitter .active		{background:url(assets/navigation.gif) -1412px -248px no-repeat; width:588px; height:76px; }
#milomadetwitter a:hover, #milomadetwitter .active	{background:url(assets/navigation.gif) -1000px -324px no-repeat; width:670px; height:76px; }
#folksy a:hover, #folksy .active					{background:url(assets/navigation.gif) -1746px -324px no-repeat; width:254px; height:76px; }
#behance a:hover, #behance .active					{background:url(assets/navigation.gif) -1000px -400px no-repeat; width:327px; height:76px; }
#w3csites a:hover, #w3csites .active				{background:url(assets/navigation.gif) -1370px -400px no-repeat; width:354px; height:76px; }
#flickr a:hover, #flickr .active					{background:url(assets/navigation.gif) -1769px -400px no-repeat; width:231px; height:76px; }
#lovehateblog a:hover, #lovehateblog .active			{background:url(assets/navigation.gif) -1000px -476px no-repeat; width:559px; height:76px; }
#freeindex a:hover, #freeindex .active				{background:url(assets/navigation.gif) -1603px -476px no-repeat; width:397px; height:76px; }
#coriandr a:hover, #coriandr .active				{background:url(assets/navigation.gif) -1000px -552px no-repeat; width:343px; height:76px; }
#youtube a:hover, #youtube .active					{background:url(assets/navigation.gif) -1390px -552px no-repeat; width:334px; height:76px; }