@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; border:0;}
img {border:0;}
input {vertical-align:middle;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

body {
height:100%;
	font-size: 62.5%;
	font-family: "Lucida Grande", Verdana, sans-serif;
	background: #000000 url(/img/page/bg-creative-serum.gif) repeat-x top;
}

/* MAC FONT SIZES ----------------------*/
.mac body {
height:100%;
	font-size: 71.5%;
	font-family: "Lucida Grande", Verdana, sans-serif;
	background: #000000 url(/img/page/bg-creative-serum.gif) repeat-x top;
}

html	{height:100%;}

a:link		{color:#1d4d7d; text-decoration:none;}
a:visited	{color:#1d4d7d; text-decoration:none;}
a:hover		{color:#ffffff; text-decoration:none;}
a:active	{color:#ffffff; text-decoration:none;}

.wrap		{width: 900px; height: 550px; margin:0px auto 0px auto; background: url(/img/page/shadow-creative-serum.png) repeat-y center;}
.content	{width: 900px; height:100%;  float:left; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.banner		{width: 900px; height: 155px; background:url(/img/page/banner-creative-serum.jpg) no-repeat center;}
.nav		{height: 20px; margin:0px 0px 0px 50px;}	


.column		{height: 100%; float:left;}
.ad			{margin: 20px 0px 0px 5px; width:185px;}
.left		{margin: 20px 0px 0px 45px; width: 250px; background:url(/img/page/bg-column-creative-serum.png) no-repeat top;}
.right		{margin: 20px 0px 0px 30px; width: 250px; background:url(/img/page/bg-column-creative-serum.png) no-repeat top;}
.right2		{margin: 20px 0px 0px 30px; width: 250px; background:url(/img/page/bg-column-creative-serum.png) no-repeat top;}
.footer		{width: 900px; height: 25px; float:left; margin:0px auto 0px auto;}
.footer p	{text-align:center; font-size:1em; color:#223351; margin:0px 0px 0px 0px;}

p			{margin: 0px 15px 15px 15px; font-size:1.2em; line-height: 1.2em; color:#b3d2f2;}
h1			{margin: 10px 15px 10px 15px; font-size:1.4em; font-weight:bold; line-height: 1.5em; color:#ffffff;}
h2			{margin: 0px 0px 10px 0px; font-size:1.2em; font-weight:bold; line-height: 1.5em; color:#5e7a07;}
h3			{margin: 0px 0px 10px 0px; font-size:1.3em; font-weight:bold; line-height: 1.5em; color:#000000;}
h4			{margin: 0px 20px 0px 0px; font-size:1.6em; font-weight:bold; line-height: 1.5em; color:#000000;}


.nav	ul			{width:100%;}
.nav	li			{height: 20px; display:block; list-style:none; float:left; padding:0px 0px 0px 8px; font-size:1.1em; color:#99ccff; font-weight:bold;}
.nav	a:link		{color:#99ccff; text-decoration:none;}
.nav	a:visited	{color:#99ccff; text-decoration:none;}
.nav	a:hover		{color:#ffffff; text-decoration:none;}
.nav	a:active	{color:#ffffff; text-decoration:none;}

						#home-nav	{color:#99ccff; text-decoration:none; background: url(/img/page/piasa-nav-bg.gif) repeat-x bottom;}
body#home				#home-nav	{color:#99ccff; text-decoration:none; background: url(/img/page/piasa-nav-bg2.gif) repeat-x bottom;}
						#graphic-design-nav	{color:#99ccff; text-decoration:none; background: url(/img/page/piasa-nav-bg.gif) repeat-x bottom;}
body#about				#graphic-design-nav	{color:#99ccff; text-decoration:none; background: url(/img/page/piasa-nav-bg2.gif) repeat-x bottom;}
						#multimedia-nav	{color:#99ccff; text-decoration:none; background: url(/img/page/piasa-nav-bg.gif) repeat-x bottom;}
body#contact			#multimedia-nav	{color:#99ccff; text-decoration:none; background: url(/img/page/piasa-nav-bg2.gif) repeat-x bottom;}
						#illustration-nav	{color:#99ccff; text-decoration:none; background: url(/img/page/piasa-nav-bg.gif) repeat-x bottom;}
body#join				#illustration-nav	{color:#99ccff; text-decoration:none; background: url(/img/page/piasa-nav-bg2.gif) repeat-x bottom;}
						#portfolio-nav	{color:#99ccff; text-decoration:none; background: url(/img/page/piasa-nav-bg.gif) repeat-x bottom;}
body#training			#portfolio-nav	{color:#99ccff; text-decoration:none; background: url(/img/page/piasa-nav-bg2.gif) repeat-x bottom;}



/* MAC HACKS ----------------------------------------------------- */

/*.mac .nav	li			{height: 24px; display:block; list-style:none; float:left; padding:12px 24px 0px 24px; font-size:1em;}*/