body	{
	background: #c63 url(/images/table_bg.jpg) top left repeat;
}

#container	{
	position: absolute;
	top: 105px;
	left: 106px;
	margin: 0;
	padding: 149px 27px 35px 33px;
	width: 639px;
	text-align: left;
	background: white url(/images/paper_bg.gif) 0 0 repeat-y;
	/* IE 5 Hack */
	voice-family: "\"}\"";	
	voice-family:inherit;
	/* End Hack */
	width: 579px;
}

/* brought to you by shoddy microsoft programming */
html>body #container	{
	padding-top: 138px;	
}

#header	{
	position: absolute;
	top: 0;
	left: 0;
	width: 845px;
	background: transparent url(/images/header.jpg) 0 0 no-repeat;
	padding-top: 152px;
	overflow: hidden;
	z-index: 5;
	height: 0px !important; /* for most browser */
	height /**/:152px; /* for IE5/win */
}

#bottom	{
	position: absolute;
	bottom: -38px;
	left: 0;
	width: 644px;
	background: transparent url(/images/paper_bottom.gif) 0 0 no-repeat;
	padding-top: 50px;
	overflow: hidden;
	z-index: 15;
	height: 0px !important; /* for most browser */
	height /**/:50px; /* for IE5/win */
}

.leftPic	{
	position: absolute;
	top: 152px;
	left: 0;
	overflow: hidden;
	z-index: 10;
}

#left1	{
	width: 108px;
	background: transparent url(/images/paper_left.jpg) 0 0 no-repeat;
	padding-top: 620px;
	height: 0px !important; /* for most browser */
	height /**/:620px; /* for IE5/win */
}

#left2	{
	width: 108px;
	background: transparent url(/images/paper_left2.jpg) 0 0 no-repeat;
	padding-top: 650px;
	height: 0px !important; 
	height /**/:650px; 
}

#left3	{
	width: 108px;
	background: transparent url(/images/paper_left3.jpg) 0 0 no-repeat;
	padding-top: 680px;
	height: 0px !important; 
	height /**/:680px; 
}

#left4	{
	width: 108px;
	background: transparent url(/images/paper_left4.jpg) 0 0 no-repeat;
	padding-top: 620px;
	height: 0px !important; 
	height /**/:620px; 
}

#left5	{
	width: 108px;
	background: transparent url(/images/paper_left5.jpg) 0 0 no-repeat;
	padding-top: 670px;
	height: 0px !important; 
	height /**/:670px; 
}

#left6	{
	width: 108px;
	background: transparent url(/images/paper_left6.jpg) 0 0 no-repeat;
	padding-top: 670px;
	height: 0px !important; 
	height /**/:670px; 
}

#left7	{
	width: 108px;
	background: transparent url(/images/paper_left7.jpg) 0 0 no-repeat;
	padding-top: 620px;
	height: 0px !important; 
	height /**/:620px; 
}

#left8	{
	width: 108px;
	background: transparent url(/images/paper_left8.jpg) 0 0 no-repeat;
	padding-top: 685px;
	height: 0px !important; 
	height /**/:685px; 
}

#left9	{
	width: 108px;
	background: transparent url(/images/paper_left9.jpg) 0 0 no-repeat;
	padding-top: 620px;
	height: 0px !important; 
	height /**/:620px; 
}

#right	{
	position: absolute;
	bottom: 0;
	right: -6px;
	width: 7px;
	background: transparent url(/images/paper_right.gif) 0 0 no-repeat;
	padding-top: 229px;
	overflow: hidden;
	z-index: 10;
	height: 0px !important; 
	height /**/:229px; 
}

html>body #right	{
	right: -5px;	
}

#style	{
	position: absolute;
	top: 134px;
	left: 743px;
	width: 77px;
	background: transparent url(/images/style.jpg) 0 0 no-repeat;
	padding-top: 69px;
	overflow: hidden;
	z-index: 100;
	height: 0px !important; 
	height /**/:69px; 
}

#style a	{
	display: block;
	position: absolute;
	text-decoration: none;
	width: 77px;
	height: 65px;
	top: 0;
	left: 0;
}

#style a i	{
	visibility: hidden;
}

#stretch	{
	float: right;
	height: 540px;
	width: 1px;
}

h1	{
	position: absolute;
	top: 0;
	left: 18px;
	margin-top: 47px;
	width: 600px;
	background: transparent url(/images/logo.gif) 0 0 no-repeat;
	padding-top: 78px;
	overflow: hidden;
	z-index: 50;
	height: 0px !important; 
	height /**/:78px; 
}

/*
html>body h1	{
	top: 46px;	
}
*/

h1 a	{
	display: block;
	width: 130px;
	height: 78px;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 78px;
	overflow: hidden;
	z-index: 60;
	height: 0px !important; 
	height /**/:78px;
}

h2	{
	padding: 3px 10px;
	background-color: #dbe5f4;
	font: 1.1em tahoma, "lucida grande", lucida, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

h3	{
	font-size: 1.15em;
	font-weight: bold;
	margin: 1.25em 0 0.5em 0;
}

h4	{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 2px;
}

/*
=====================================================
Navigation styles
=====================================================
*/

ul#nav	{
	position: absolute;
	top: 106px;
	right: 15px;
	z-index: 1000;
	margin: 0 0 0 10px;
	padding-left: 5px;
}

ul#nav li	{
	display: block;
	float: left;
	list-style: none;
	text-align: center;
	padding: 0;
}

ul#nav li a	{
	display: block;
	margin: 0 12px;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

ul#nav li a:visited	{
	color: #06c;
}

ul#nav li a:hover	{
	color: #39f;
}

/*
=====================================================
*/

dl.portfolio dt	{
	width: 420px;
}

.homeColumn	{
	width: 260px;
	padding: 0;
	margin: 0;
}

.homeColumn p	{
	margin-left: 10px;
}

.homeColumn	ul	{
	margin-left: 10px;
}

.homeColumn ul li	{
	padding-bottom: 10px;
}

.systems	{
	float: left;
	margin-left: 5px;
}


html>body .systems	{
	margin-left: 15px;	
}

.digital	{
	margin-left: 300px;
}

#homePortfolio	{
	clear: left;
	margin-left: 17px;
	padding: 0;
	border: 0;
}

.box	{
	background-color: #f0f4fa;
	margin: 1.5em 0 1.5em 0;
	padding-bottom: 12px;
}

.box h3	{
	padding: 2px 10px;
	margin: 0 0 0.75em 0;
	background-color: #dbe5f4;
	border-bottom: 2px solid white;
}

.box h4	{
	margin: 1em 0 2px 10px;
}

.box ul	{
	margin: 0 10px 12px 30px;
}

.box ul li	{
	padding: 1px 0;
}

.box p	{
	margin-left: 10px;
	margin-right: 10px;
}

.noMargin	{
	margin-bottom: 0;
}

#systemsPortfolio	{
	width: 260px;
	margin: 0;
	float: left;
}

#digiPortfolio	{
	width: 260px;
	margin: 0;
	margin-left: 285px;
}

#siteLeft	{
	float: left;
	width: 290px;
}

#siteLeft ul	{
	margin-right: 0;
}

#siteRight	{
	width: 250px;
	margin-left: 315px;
}

#siteRight img	{
	margin-top: 1.2em;
	padding: 3px;
	border: 1px solid black;
}

#footer	{
	clear: both;
	margin: 1em 0 0 0;
	padding-top: 8px;
	background: transparent url(/images/dash.gif) 0 0 repeat-x;
}

#footer p	{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #4078b9;
	font-size: 0.85em;
	font-weight: bold;
}

#abecto {
	position: absolute;
	top: 220px;
	right: 30px;
	width: 133px;
	background: transparent url(/images/abecto.gif) 0 0 no-repeat;
	padding-top: 133px;
	overflow: hidden;
	height: 0px !important; /* for most browser */
	height /**/:133px; /* for IE5/win */
}