/*Style sheet for Portfolio*/

body {background: #D7EBFF url(images/body-tile.jpg) repeat-x; font-family: "Tahoma"; font-size:62.5%; color:#1d1000; overflow-y:scroll;}

.ShadowTopLeft	{position:relative; top:-10px; width:880px; margin:0px auto; background-image:url(images/shadow-top-left.jpg); background-position:0px 0px; background-repeat:no-repeat;}
	.ShadowTopLeft .ShadowBottomLeft	{position:relative; width:880px; background-image:url(images/shadow-bottom-left.jpg); background-position:0px 160px; background-repeat:no-repeat;}
		.ShadowTopLeft .ShadowBottomLeft	.ShadowTopRight {position:relative; left:0px; width:880px; background-image:url(images/shadow-top-right.jpg); background-position:840px 0px; background-repeat:no-repeat;}
			.ShadowTopLeft .ShadowBottomLeft	.ShadowTopRight .ShadowBottomRight {position:relative; left:0px; width:880px; background-image:url(images/shadow-bottom-right.jpg); background-position:840px 160px; background-repeat:no-repeat;}
				.ShadowTopLeft .ShadowBottomLeft	.ShadowTopRight .ShadowBottomRight .MainDiv {position:relative; left:40px; top:0px; width:800px; min-height:500px; font-size:1.2em; background-color:#D7EBFF}


.Header {position:relative; height:160px; width:800px; text-align:center; background-image:url(images/header.jpg); background-repeat:no-repeat;}
	.Header .Name {position:relative; top:41px; font-size:50px;}
	.Header .Title {position:relative; top:35px; left:-10px; font-size:14px; color:#fff; font-weight:bold;}


.Menu {position:relative; top:0px; height:40px; width:800px; text-align:center; background-image:url(images/menu.jpg); background-repeat:no-repeat; color:#99ccff;}
	.Menu a {}
	.Menu div {display:inline; font-size:1.2em; font-weight:bold; padding:0px 10px 0px 10px;}


.Content {position:relative; left:0px; width:800px; min-height:570px; background-image:url(images/content-backing.jpg); background-repeat:no-repeat;}

a		{color: #884A00; font-weight: bold; text-decoration: none;}
a:hover		{text-decoration:underline;}
p {line-height:1.4em;}
.Bold	{font-weight: bold;}
.Blue	{color: #99ccff;}
.Red {color:#884A00;}
h2 {color: #884A00; font-size:1.2em; margin-top:5px; margin-bottom:5px; font-weight:bold;}
.ClearBoth {clear:both; font-size:2px; height:2px;}
.LineSpacer40 {clear:both; font-size:2px; height:40px;}

li {list-style-image:url(images/bullet.gif);}
/* Home */

.HomeText {position:relative; left:200px; width:400px;}
.CVText {position:relative; left:100px; width:600px;}
/* Projects page */
.ImageHolder {float:left; width:225px; height:170px; margin-left:28px; border:solid 2px #E1EFFF;}
  .ImageHolder img {position:relative; top:10px; left:12px; border:solid 0px #ccc;}
  .ImageHolder:hover {text-decoration:none;}


.HoverInfo {position:absolute; width:460px; height:90px; top:24px; left:170px; z-index:50;}
.HoverItem {display:none; position:absolute; width:460px; height:90px; top:0px; left:0px; text-align:center; border-top:solid 1px #884A00; border-right:solid 1px #4A2900; border-bottom:solid 1px #1d1000; border-left:solid 1px #713E00;}
.HoverItem .Backing {position:absolute; top:0px; left:0px; width:460px; height:90px; background-color:#D7EBFF; z-index:5; }
.HoverItem .Text {display:none; position:absolute; top:10px; left:30px; width:400px; height:70px; color:#1d1000; font-weight:bold; z-index:10;}

/* Contact page */
.ContactDetails {text-align:center;}