#wrapper
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 780px;
	height: 420px;
	margin-top: -210px; /* half of the height */
	margin-left: -390px; /* half of the width */
	border: 1px solid #99FFFF;
}

#fluidlogo
{
	position:absolute; top: 72px; right: 96px;
	width: 140px;
	height: 72px;
	background-image:url(images/logo.gif);
	background-repeat: no-repeat;
}

#graphic
	{
	float: right;
	height: 420px;
	width: 96px;
	background-image:url(images/fluidgraphic.gif);
	background-repeat: no-repeat;
	}

#graphicdesign
	{
	float: right;
	height: 420px;
	width: 96px;
	background-image:url(images/fluidgraphicdesign.gif);
	background-repeat: no-repeat;
	}

#graphicportfolio
	{
	float: right;
	height: 420px;
	width: 96px;
	background-image:url(images/fluidgraphicportfolio.gif);
	background-repeat: no-repeat;
	}
	
#graphiccontact
	{
	float: right;
	height: 420px;
	width: 96px;
	background-image:url(images/fluidgraphiccontact.gif);
	background-repeat: no-repeat;
	}	

#content
{
	position:absolute; top: 130px; left: 10px;
	width: 500px;
}

#fluidnavigation
{
	position:absolute; top: 159px; right: 180px;
	width: 200px;
}

#portfoliobrief
{
	float: left;
	width: 250px;
}

#portfolioimage
{
	position:absolute; top: 40px; left: 270px;
	width: 250px;
	padding: 0;
}

#clearer
{
 	clear: right;
}

/* font styles */
#home h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #118FB2;
	font-size: 12px;
	font-weight: bold;
}

#home p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #118FB2;
	font-size: 12px;
	font-weight: normal;
}

#design h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00C2E3;
	font-size: 12px;
	font-weight: bold;
}

#design p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #118FB2;
	font-size: 12px;
	font-weight: normal;
}

#portfolio h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #41DCC1;
	font-size: 12px;
	font-weight: bold;
}

#portfolio p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #118FB2;
	font-size: 12px;
	font-weight: normal;
}

#contact h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2D8FEB;
	font-size: 12px;
	font-weight: bold;
}

#contact p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #118FB2;
	font-size: 12px;
	font-weight: normal;
}

a.email:link
{
	color: #118FB2; text-decoration: none;
}

a.email:visited
{
	color: purple; text-decoration: none;
}

a.email:hover
{
	color: #118FB2; text-decoration: none;
}

a.email:active
{
	color: blue;
}

/* close font styles */

/* nav font styles */
.home
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #118FB2;
	font-size: 12px;
	font-weight: normal;
}

a.home:link
{
	color: #118FB2; text-decoration: none;
}

a.home:visited
{
	color: #118FB2; text-decoration: none;
}

a.home:hover
{
	color: #118FB2 text-decoration: none;
}

a.home:active
{
	color: blue;
} 

.design
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #00C2E3;
	font-size: 12px;
	font-weight: normal;
}

a.design:link
{
	color: #00C2E3; text-decoration: none;
}

a.design:visited
{
	color: #00C2E3; text-decoration: none;
}

a.design:hover
{
	color: #00C2E3 text-decoration: none;
}

a.design:active
{
	color: blue;
} 

.portfolio
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #41DCC1;
	font-size: 12px;
	font-weight: normal;
}

a.portfolio:link
{
	color: #41DCC1; text-decoration: none;
}

a.portfolio:visited
{
	color: #41DCC1; text-decoration: none;
}

a.portfolio:hover
{
	color: #41DCC1 text-decoration: none;
}

a.portfolio:active
{
	color: blue;
} 

.contact
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #2D8FEB;
	font-size: 12px;
	font-weight: normal;
}

a.contact:link
{
	color: #2D8FEB; text-decoration: none;
}

a.contact:visited
{
	color: #2D8FEB; text-decoration: none;
}

a.contact:hover
{
	color: #2D8FEB text-decoration: none;
}

a.contact:active
{
	color: blue;
} 
/* end nav font styles */

/* list styles */
ul.none
{
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}


ul li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ul li
{
	position: relative;
}
/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 9 items * 1.2em line-height = 10.8em */

ul li.molar
{
  margin-top: -10.8em;
}
/* horizontal position of each column */
ul li.activebrands,
ul li.atlantic,
ul li.brandid,
ul li.blackberrymagic,
ul li.dentalproducts2u,
ul li.freedom,
ul li.garners,
ul li.kbusiness,
ul li.modern,
{
  margin-left: -2em;
  list-style-type: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #118FB2;
  font-size: 12px;
  font-weight: normal;
}
ul li.molar,
ul li.neves,
ul li.nexus,
ul li.onefacility,
ul li.plaqueoff,
ul li.printlogic,
ul li.seeonline,
ul li.sbs,
ul li.soundtech,
{
  margin-left: 15em;
  list-style-type: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #118FB2;
  font-size: 12px;
  font-weight: normal;
}
/* anchor styling */
ul li a
{
  list-style-type: none;
  display: block;
  width: 20em;
  text-decoration: underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #118FB2;
  font-size: 12px;
  font-weight: normal;
}
ul li a:link
{
color: blue;
}

ul li a:visited
{
color: blue;
}

ul li a:hover
{
  color: blue; /* white */
}

ul li a:active
{
  color: blue;
}

/* close list styles */