/* CSS Document */

body { margin:0; padding:0; background:#565656 url(../images/BodyFill.jpg) top left repeat-x; font:normal 11px/15px Arial; color:#555555 }
h1 { margin:0; padding:0; width:554px; height:82px; font:bold 40px Tahoma; color:#FFFFFF }
h1.homepage { background:url(../images/homepageGfx.png) center no-repeat } 
h1.about { background:url(../images/aboutGfx.png) center no-repeat }
h1.services { background:url(../images/servicesGfx.png) center no-repeat }
h1.portfolio { background:url(../images/portfolioGfx.png) center no-repeat }
h1.contact { background:url(../images/contactGfx.png) center no-repeat }
h1 span { float:right; letter-spacing:-1px; margin-top:31px; margin-right:5px }
h2 { margin:10px 0 0 0; padding:0; font:bold 28px Tahoma; color:#DCDCDC; letter-spacing:-1px }
h3 { margin:20px 0 0 0; padding:0; font:bold 17px Tahoma; color:#DCDCDC; letter-spacing:-1px }
#Content h3 a { border:0; background:none; color:#DCDCDC }
#Content h3 a:hover { color:#C1C1C1 }
#Content h2 span { color:#EFEFEF }
#Content h3 span { color:#EFEFEF }

#Layout {
	position:relative;
	text-align:left;
	width:825px; margin:50px auto 0 auto;	
	background:url(../images/Fill-FullContent.jpg) repeat-x
}
	
#PageLayout { width:825px; border:0; position:relative; margin:0; background:url(../images/Fill-FullContent.jpg) 0 28px repeat-y }

#LeftNav {
	position:absolute; z-index:1;
	float:left;
	height:186px;
	width:251px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:231px; /* actual value */
	background:url(../images/Fill-LeftNavTop.jpg) top right no-repeat;
}
#LeftNav ul.menu {
	position:absolute; left:-4px; 
	margin:0; padding:90px 0 0 0;
	list-style:none;
	z-index:2
}
#LeftNav ul.menu li.off { 
	width:228px; height:35px; 
	background:url(../images/MenuElement.jpg) no-repeat; 
	margin:0 0 3px 0; padding:0; 
	filter:alpha(opacity=40); -moz-opacity:0.4; opacity:.4 
}
#LeftNav ul.menu li.on { 
	cursor:pointer;
	width:228px; height:35px; 
	background:url(../images/MenuElement.jpg) no-repeat; 
	margin:0 0 3px 0; padding:0; 
	filter:alpha(opacity=70); -moz-opacity:0.7; opacity:.7 
}
#LeftNav ul.menu li.off img { padding:9px 0 0 3px }
#LeftNav ul.menu li.on img { padding:9px 0 0 3px }


#Content { position:relative; padding:0 0 0 230px; background:url(../images/Fill-RightFix.jpg) top right no-repeat; overflow:hidden }
#Content p { margin:15px 0 0 0; padding:0 }
#Content a { color:#FF5600; text-decoration:none; background:#FEFCE3; border-bottom:1px solid #FF5600 }
#Content a:hover { background:none; }
#Content strong { font-weight:normal; color:#F84400; background:#FEFCE3; padding:0 1px 0 1px }
#Content strong.bullet { font-size:13px; line-height:9px; font-weight:bold; color:#999999; background:none; position:relative; top:1px }
.PageContent {  padding:15px 20px; cursor:default }
.PageImage { float:right; margin:0 0 10px 10px }
.PageContent ul { margin:10px 0 0 0; padding:0; list-style:none }
.PageContent ul li { margin:0; padding:2px 0 }
.Logo { position:relative; top:18%; left:69px }

#StartContent { font-size:1px; height:10px; width:100%; background:#565656 url(../images/Fill-ContentStart.jpg) bottom right no-repeat; margin:0; padding:0 }
#EndContent { font-size:1px; height:15px; width:100%; background:#565656 url(../images/Fill-ContentEnd.jpg) bottom right no-repeat; clear:both }

#Footer { width:500px; margin:10px auto 0 auto; padding:0 0 0 130px; font-size:10px; color:#ABABAB }
#Footer a { color:#F8A781; text-decoration:none; background:url(../images/FooterLink-Dotted.jpg) bottom left repeat-x }
#Footer a:hover { color:#E4E4E4; text-decoration:none; background:url(../images/FooterLink-Dotted.jpg) bottom left repeat-x }
#Footer a img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:.6 }
#Footer a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }
#Footer img { float:left; position: relative; z-index: 2}
#Footer span { display:block; position:relative; top:4px; left:13px; z-index:1 }

ol.table { list-style-type:none; margin:0; padding:0; width:400px; }
ol.table li{ padding:2px 0 0 0; border-bottom:1px solid #EFEFEF; }
ol.table li span{ border-left:1px solid #EFEFEF; width:50px; text-align:right; }

div.PagePortfolio { width:550px; margin-top:5px; overflow:hidden }
div.PagePortfolio div { display:inline; border:1px solid #EFEFEF; padding:5px; margin-top:5px; }
div.PagePortfolio div.ListLeft { float:left }
div.PagePortfolio div.ListRight { float:right }
div.PagePortfolio div.ListCenter { float:left; margin:5px 5px 0 5px }
#Content div.PagePortfolio div p { padding:0; margin:10px 5px 2px 5px }
#Content div.PagePortfolio div p span { display:block }
div.PagePortfolio img { width:168px; padding-bottom:5px; border-bottom:1px solid #efefef }

div.ProjectImages { width:550px; margin-top:10px; overflow:hidden }
div.ProjectImages img { border:1px solid #EFEFEF; padding:4px; margin-top:10px }
div.ProjectImages img.ImageLeft { float:left }
div.ProjectImages img.ImageRight { float:right }

.contact td { padding:5px 0 0 10px }