body		 			{background: #0f0a15;
						 font-family: Arial, Helvetica, sans-serif; font-size: 16px;}


/*	
	Divisions	
===============================================*/
#wrapper 				{width: 760px; margin: 0 auto; position: relative; }

/*	
	Typography		
===============================================*/
h2						{color: #CAB18A; font-size: 24px; font-weight: normal;}
h2 strong				{color: #fff;}

/*	
	Header		
===============================================*/
#header					{float: left; clear: both; width: 760px; position: relative;}
p.sitename a 			{display: block; position: absolute; width: 489px; height: 185px; 
						 background: url(http://fogradesign.com/images/template/logo.png) no-repeat; 
						 margin-left: -185px;}
p.sitename a strong		{display: none;}
#header h2				{width: auto; float: right; clear: none; margin-top: 105px; 
						 font-weight: normal; font-size: 20px;}
#header h2 strong		{font-weight: normal;}						
#header ul				{float: right; clear: both; margin-top: 50px;}
#header ul li			{display: block;float: left; clear: none; 
						 text-transform: uppercase;}
#header ul li a			{text-decoration: none; padding: 5px 10px; color: #CAB18A;
						 margin-left: 5px; font-size: 12px; letter-spacing: 1px;}
#header ul li a:hover	{color: #fff;}
#header ul li a.active	{background: #B76E11; color: #fff;}


/*	
	Main Content		
===============================================*/
#maincontent			{width: 760px; float: left; clear: both; 
						 border-top: 1px #CAB18A solid; margin: 5px 0 0; 
						 padding: 10px 0 0; position: relative;}
#maincontent h1 		{color: #fff}
#maincontent h2,
#contactform label		{font-size: 16px; font-weight: normal; color: #fff; 
						 text-transform: uppercase; line-height: 22px; 
						 margin-bottom: 20px; }
#maincontent h2.latestwork
						{position: absolute; top: 14px; left: 4px; padding: 10px; 
						 background: #0f0a15;}
#maincontent #blog h1.blogtitle,
#maincontent #blog h2	{margin: 30px 0 10px;}
#maincontent #blog h2.pagetitle
						{margin: 0;}
#maincontent #blog h1.blogtitle a,
#maincontent #blog h2 a {color: #CAB18A; text-decoration: underline;}
#maincontent #blog p	{margin: 10px 0; line-height: 1.2em;}
#maincontent #blog p.date
						{color: #CAB18A;}
#maincontent p			{font-size: 14px;}
p.caption 				{text-align: right; margin: 10px 0;}
p.caption a		 		{color: #CAB18A; text-decoration: none; 
						 text-transform: uppercase; padding: 5px 10px;}
p.caption a:hover 		{background: #B76E11; color: #fff;}
hr						{float: left; clear: both; width: 100%; background: transparent; 
						 border: none; margin-bottom: 20px;}
.section				{width: 760px; float: left; clear: both;}
.thumbnails a img		{border: none; margin: 2px; padding: 1px; display: block; 
						 float: left; clear: none; border: 1px #222 solid;
						 height: 145px; width: 180px}
.thumbnails a:hover img	{border: 1px #fff solid; background: #fff;}
#maincontent .info		{width: 325px; float: left; clear: none;
						 line-height: 22px; color: #fff}
.featureimage			{float:right; clear: none;}
#maincontent .info p	{margin-bottom: 10px; font-size: 12px;}						
#maincontent .info p strong	
						{color: #CAB18A; font-weight: normal;}
#maincontent .info a	{color: #cab18a;}
#maincontent p			{font-size: 14px; color: #fff;}
/*
#maincontent h1 a		{font-size: 18px; color: #CAB18A; font-weight: normal; 
						 margin: 28px 0 14px; text-decoration: none; display: block; 
						 text-transform: uppercase;}
*/
#maincontent .logo		{margin-bottom:20px;}

#portfolio ul.nav		{float: right; clear:both; width: 760px; margin: 10px 0 20px; 
						 font-size: 14px; text-transform: uppercase;}
#portfolio ul.nav li	{display: block; float: left; clear: none; width: 200px;}
#portfolio ul.nav li a	{text-decoration: none; padding: 5px 10px; color: #CAB18A;
						 margin-left: 5px; font-size: 12px; letter-spacing: 1px;}
#portfolio ul.nav li a:hover
						{background: #B76E11; color: #fff;}
#portfolio ul.nav li.back
						{float: left; text-align:center; width:360px;}
#portfolio ul.nav li.next
						{float: right; text-align:right;}						

/*	
	Contact Form
===============================================*/
#contactform 			{float: left; clear:both; width: 325px}
#contactform p			{display: block; margin: 0}
#contactform label		{display: block; margin-bottom: 5px;}
#contactform .text		{display: block; margin-bottom: 20px; width: 322px;
						 background-color: #2B1B39; border: 1px #222 solid;
						 padding: 2px; color: #fff; font-size: 14px;}
#contactform textarea.text
						{height: 12em;}


/*	
	Footer
===============================================*/
#footer					{width: 760px; float: left; clear: both; color: #CAB18A; 
						 font-size: 11px; padding-bottom: 20px; position: relative;}
#footer a				{color: #CAB18A; text-decoration: none;}
#footer a:hover			{color: #fff;}
#footer ul				{margin: 60px 0 0 0; border-top: 1px #CAB18A solid; 
						 padding: 10px 0 0 0; float: left; clear: both;
						 width: 100%;}
#footer li				{display: block; float: left; clear: none; margin: 0; 
						 padding: 0;}
#footer li.copyright	{margin-right: 20px;}
#footer li.nav			{float: right;}