﻿
/*	General		*/
body				{font-size: 62.5%; /* Resets 1em to 10px */}
li					{list-style-type: none;}
ul					{margin: 0; padding: 0;}
a:link, a:visited, a:hover	{text-decoration: none;}
img					{border: none;}






/*	COLORS	*/
body				{background: url('body.jpg') repeat-x #44444c;}

#letterbox			{border-right: dashed 1px #334;}

#container			{border-bottom: dashed 1px #667; border-top: dashed 1px #853;}

div#pages a:link, 
div#pages a:visited	{color: #cce;}
div#pages a:hover	{color: #fed; }
div#pages a.currentpage		{color: #fed;}
.content			{color: #ddd;}
div.content a:link, 
div.content a:visited	{color: #eee;}
div.content a:hover	{color: #b73;}

h1					{color: #b73;}
em					{color: #fff;}
span				{color: #554a45;}

#right				{border-left: dashed 1px #742;}





/*	LAYOUT	*/

html, body			{margin: 0; padding: 0;}

#letterbox			{width: 550px; padding: 5px 0 6px 0; margin: 80px 0 20px 0; }
div#letterbox img	{margin: 0 auto 0 auto;}

#container			{margin: 0 0 90px 150px;}

#pages				{padding: 20px 0 0 60px;}

.content			{width: 700px; padding: 20px 20px 20px 0px; margin: 0; position: relative; overflow: hidden;}
div#portfoliopage #left	{height: 220px;}
.folio				{width: 700px; padding: 20px 20px 0 20px; background: url('body.jpg') repeat-x 0px -205px; height: 225px;}
#intro				{padding: 20px 20px 0 0;}
div.folio img		{float: left; margin: 0 8px 0 0;}
div.folio h1		{clear: none;}

#right				{float: right; margin: 10px 0 0 0;}
	#contactpage	{min-height: 260px;}

.foot				{clear: both; height: 1px;}





/*	FONTS	*/

div#pages a:link, 
div#pages a:visited	{font-variant: small-caps; font-style: italic; letter-spacing: 2px; font-size: 1.5em; margin: 0 30px 0 30px; font-family: "Helvetica";}

.content			{font-size: 1.35em; text-align: justify; line-height: 1.25; }
.content			{font-family: "Helvetica";}

	form			{text-align: left;}
	.label			{text-align: right;}
div.content a:link, 
div.content a:visited
					{font-style: italic; text-decoration: underline;}


p					{margin: 12px 0 4px 20px; letter-spacing: .05em; font-size: 1em;}
em					{font-style: italic; font-variant: small-caps; letter-spacing: 0.5px;}

h1					{font-weight: normal; font-size: 1.3em; text-align: left; margin: 0;}
h1					{font-variant: small-caps; font-family: "Times"; letter-spacing: 0.5px;}
div.folio h1		{font-size: 1.2em;}
div#intro h1		{font-size: 1.3em;}

div#right li, 
div#left li			{margin-left: 10px;}

div#right h1		{font-size: 1.2em;}
#right				{padding: 0px 0 0 10px;}
div#right p			{margin: 0;}




