body { display:none; margin: 0; padding: 0; font: 16px/24px Trebuchet MS, Verdana, Helvetica, sans-serif; color:#949494;}

#header { position:fixed; width: 1024px; z-index:60; }
	#header #logo { display: block; float:left; width: 337px; height:88px; background:url('../images/tombeavan-logo.png'); margin-right:30px; }
		#header #logo:hover { background:url('../images/tombeavan-logo-on.png'); }
/* ******************  Main navigation styles  ************** */
		#header #nav { margin-top: 20px; }
			#header #nav a{ cursor:pointer; border:none; display: block; width:138px; height:36px; background:none; float:left; color:#5ea3ea; font-size:26px; font-weight:normal; text-align:center; padding-top: 7px; margin-right:10px;}
			#header #nav a:hover { background:url('../images/navigation/on.png'); color:#fff;}
			#header #nav a.on{ display: block; width:138px; height:36px; background:url('../images/navigation/on.png'); float:left; color:#fff; font-size:26px; font-weight:normal; text-align:center; padding-top: 7px; margin-right:10px;}

/* ******************  Standard text styles  ************** */
a { color: #000000;  text-decoration:none; font-weight:bold; } 
	a:hover { text-decoration:none; }

p { z-index:900; }
	
h1, h2, h3 { margin: 0; font-weight:normal; padding:0; }
	h1 { display:none; font-size:24px; }
	h2 { font-weight: bold; font-size:22px; color:#fff; line-height: 30px; margin-top: 20px; }
	h3 { font-weight: bold; font-size:14px; }


/* ******************  Standard site image styles ************** */
img { border:none; }

/* ******************  Form styles  ************** */
input,select, textarea { width: 375px; 	border:1px solid #002F76; font: 12px/18px Trebuchet MS, Verdana, Helvetica, sans-serif; padding:4px; background: #f2cfa1; color:#000000; font-weight:normal; }
	input.button { width:100px;	background:#fc9a10;	font-weight:bold; }


/*****************************************************************************************************************/
/***************************************** WHO AM I **************************************************************/
/*****************************************************************************************************************/
#who-am-i .column-left { border:solid 0px red; float:left; width: 440px; }
#who-am-i .column-right { border:solid 0px red; float:left; width: 550px; }
#featured-work-title { position:relative; left:300px; top:105px; }
#who-am-i .mac { display:block; width:417px; height:410px; background:url('../images/who-am-i/mac.jpg'); margin-bottom:30px; margin-top: 0px; }
	#who-am-i .mac img { margin:20px 0 0 21px; }
img#find-me { margin-left: 100px; }

/* Twitter Bits */
img#twitter-bird{ position:absolute; top:520px; right:-40px; z-index:0;}
img#twitter-bird-trail{ position:absolute; top:328px; right:-40px; z-index:0;}

#twitter-speech { position:absolute; display:block; margin-top:20px; padding: 10px 40px 0px 15px; width:322px; height:91px; background: url('../images/who-am-i/twitter/speech-bubble.jpg') no-repeat; }
	#twitter-speech li { list-style:none; }
	#twitter-speech span a { font-size:14px; text-align:left; color:#8f8f8f;  padding:0;margin:0; float:none; position:static; top:auto; right:auto;}
	#twitter-speech a { font-size:13px; text-align:right; color:#8f8f8f; position:absolute; right:45px; bottom:0px; padding:0;margin:0 0 7px 0; }
	#twitter-speech .post { font-size:14px; line-height:20px; color:#777; padding:0;margin:0; }
	#twitter-speech .sender { font-size:13px; text-align:right; color:#8f8f8f; position:absolute; right:45px; bottom:0px; padding:0;margin:0 0 7px 0;}

#facebook { display:block; width:58px; height:63px; background:#000 url('../images/who-am-i/social/facebook.jpg'); float:left; margin:10px 5px 10px 75px; }
	#facebook:hover { background:#000 url('../images/who-am-i/social/facebook-on.jpg'); }
#twitter { display:block; width:58px; height:63px; background:#000 url('../images/who-am-i/social/twitter.jpg'); float:left; margin:10px 5px 10px 5px;  }
	#twitter:hover { background:#000 url('../images/who-am-i/social/twitter-on.jpg'); }
#delicious { display:block; width:58px; height:63px; background:#000 url('../images/who-am-i/social/delicious.jpg'); float:left;  margin:10px 5px 10px 5px;  }
	#delicious:hover { background:#000 url('../images/who-am-i/social/delicious-on.jpg'); }
#rss { display:block; width:58px; height:63px; background:#000 url('../images/who-am-i/social/rss.jpg'); float:left; margin:10px; }
	#rss:hover { background:#000 url('../images/who-am-i/social/rss-on.jpg'); }
	
/*****************************************************************************************************************/
/***************************************** PORTFOLIO **************************************************************/
/*****************************************************************************************************************/
#portfolio .mac { display:block; width:517px; height:525px; background:url('../images/portfolio/mac/imac.jpg'); float:left; z-index:50; position:absolute; margin:2px 0 0 73px; }
	#portfolio .mac a { margin: 23px 0 0 22px; }
	#portfolio .mac img { margin: 23px 0 0 22px; }
	#portfolio .mac #lightbox-nav{ z-index:600; }
#portfolio a#arrow-left { display:block; width:36px; height:36px;  background:url('../images/portfolio/mac/left.gif'); position:absolute; left:260px; top:180px; cursor:pointer; }
	#portfolio a#arrow-left:hover{ background:url('../images/portfolio/mac/left-on.gif'); }
	
#portfolio a#arrow-right { display:block; width:36px; height:36px;  background:url('../images/portfolio/mac/right.gif'); position:absolute; right:125px; top:180px; cursor:pointer; }
	#portfolio a#arrow-right:hover{ background:url('../images/portfolio/mac/right-on.gif'); }

#portfolio #clouds { position:relative; }
	#portfolio #clouds #cloud1 { display:block; width:482px; height:311px;  background: url('../images/portfolio/clouds/left-cloud.gif'); z-index:10; position:absolute; top:250px; }
	#portfolio #clouds #cloud2 { display:block; width:223px; height:107px;  background: url('../images/portfolio/clouds/right-cloud.gif'); z-index:20;  position:absolute; right:0px; }
	#portfolio #clouds #cloud3 { display:block; width:460px; height:241px;  background: url('../images/portfolio/clouds/both-clouds.gif'); z-index:20;  position:absolute; top:630px; left:250px; }
	#portfolio #clouds #cloud4 { display:block; width:171px; height:112px;  background: url('../images/portfolio/clouds/bottom-cloud-right.gif'); z-index:20;  position:absolute; top:630px; right:20px; }
	
	
#portfolio .column-left{ float:left; width: 250px; }
	#portfolio .column-left #subnav { margin-top: 3px; }
	#portfolio .column-left #subnav a{ display:block; width:140px; height:36px; background:url('../images/portfolio/subnav/subnav-off.gif'); padding-top:11px; margin-bottom:7px; font-size:20px; color:#5ea3ea; text-align:center; }
	#portfolio .column-left #subnav a:hover{ cursor:pointer; background:url('../images/portfolio/subnav/subnav.gif'); color:#fff; }
	#portfolio .column-left #subnav a.on{ cursor:pointer; background:url('../images/portfolio/subnav/subnav.gif'); color:#fff; }
	
#portfolio .column-right{ width:600px; float:left; }

/*****************************************************************************************************************/
/***************************************** WHAT I DO **************************************************************/
/*****************************************************************************************************************/

#what-can-i-do h2 { font-weight: bold; font-size:22px; color:#469fd7; line-height: 30px; margin-top: 20px; }

	#what-can-i-do .column-left { float:left; width:310px; margin-top: 20px;}
		#what-can-i-do .column-left ul{ margin:30px 0 0 0; padding:0;}
		#what-can-i-do .column-left li{ display:block; height: 40px; background: url('../images/what-i-do/tick.gif') no-repeat;padding-left:50px; font-size:24px;}
	
	#what-can-i-do .column-right { float:left; width:650px; padding-top: 20px;}
	
/*****************************************************************************************************************/
/***************************************** FOOTER **************************************************************/
/*****************************************************************************************************************/
#footer div { width: 341px; border:solid 0px red; float:left; }
#footer ul { margin:15px 0 0 0; padding:0; }
#footer li { display:block; height:30px; background:url('../images/footer/star.gif') no-repeat; margin:0; padding:5px 0 0 40px; color:#a17c43; font-size:22px; }
#footer li a { text-decoration:none; color:#a17c43; font-weight:normal;}

/* LATEST SITE */
#latestsite { position:absolute; top:355px; left: 115px; font-size:20px; z-index:5000; line-height:26px;  margin:0; padding:0; }
	#latestsite .title { color:#469fd7; font-size:16px; line-height:22px; margin:0; padding:0; font-weight:bold;}
	#latestsite a { color:#469fd7; font-size:14px;  margin:10px 0 0 0; padding:0; }
	#latestsite p { margin:0; padding:0; font-size:13px; line-height:20px;}