/* TYPOGRAPHY */
/* ----------------------------------------- */
h1, h2												{text-indent:-9999px;}
h3 													{font-size:14px; color:#fff;}

.orange, #hp .description span, 
#contact .rightcol p span							{color: #fc8701;}

/*------------------------------------------
	Portfolio
------------------------------------------*/
#left-col #mainportfolio h2							{background: #000 url(../img/portfolio/leftcolmainportfolioh2.jpg) 0 0 no-repeat; width: 297px; height: 36px;}
#portfolio #right-col h2							{width: 331px; height: 72px; background: url(../img/portfolio/rightcolh2.gif) 0 0 no-repeat; text-indent: -9999px;}
#portfolio #right-col h3							{width: 331px; height: 31px; background: url(../img/portfolio/rightcolh3.gif) 0 0 no-repeat; text-indent: -9999px;
													 margin: 36px 0 0;}
#singleclient #singleinner #description	h3			{width: 133px; height: 23px; background: url(../img/singleclient/ourclient.gif) 0 0 no-repeat; text-indent: -9999px;}
#singleclient #description p						{padding: 6px 0;}
#singleclient #singleinner .oneclienttitle			{padding: 10px 0 10px;}
#singleclient #description li						{background: url(../img/singleclient/listitembullet.gif) 0 4px no-repeat; padding: 2px 0 8px 25px;}
#hp #offer .description p							{font-family: Verdana; margin: 10px 0;}
#hp #offer .description h1							{width: 319px; height: 124px; text-indent: -9999px;}
#hp #offer .description h2							{width: 319px; height: 59px; text-indent: -9999px;}
#hp #offer .www h1									{background: url(../img/hp/wwwh1.gif) 0 0 no-repeat;}
#hp #offer .www h2									{background: url(../img/hp/wwwh2.gif) 0 0 no-repeat;}
#hp #offer .paper h1								{background: url(../img/hp/paperh1.gif) 0 0 no-repeat;}
#hp #offer .paper h2								{background: url(../img/hp/paperh2.gif) 0 0 no-repeat;}
#hp #offer .rollups h1								{background: url(../img/hp/rollupsh1.gif) 0 0 no-repeat;}
#hp #offer .rollups h2								{background: url(../img/hp/rollupsh2.gif) 0 0 no-repeat;}
#hp #offer .callendars h1							{background: url(../img/hp/callendarsh1.gif) 0 0 no-repeat;}
#hp #offer .callendars h2							{background: url(../img/hp/callendarsh2.gif) 0 0 no-repeat;}
#hp #offer .photography h1							{background: url(../img/hp/photographyh1.gif) 0 0 no-repeat;}
#hp #offer .photography h2							{background: url(../img/hp/photographyh2.gif) 0 0 no-repeat;}

#contact .leftcol h1								{width: 231px; height: 54px; background: url(../img/contact/h1.gif) 0 0 no-repeat;}
#contact .rightcol h2								{width: 319px; height: 69px; background: url(../img/contact/h2.gif) 0 0 no-repeat;}
#contact .rightcol p								{padding: 6px 0;}
#contact .rightcol p span							{padding: 0 6px 0 0;}
#contact .rightcol p a								{color: #fff;}

#services h2										{width: 319px; height: 260px; background: url(../img/servicesh2.gif) 0 0 no-repeat;
													 position: absolute; top: 30px; left: 620px;}

#references h2										{width: 319px; height: 246px; background: url(../img/referencesh2.gif) 0 0 no-repeat;
													 position: absolute; top: 30px; left: 620px;}
/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/