/* Primary layout */

body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #000;
	background: #fff;
	font: normal 14px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	}

img		{
	border: 0;
	display: block;
	}


/* Website Container */

#sitewrap	{
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 598px;
	text-align: left;
	background: #fff;
	}
	

/* Header */

#logoheader	{
	color: #000;
	background-color: #fff;
	margin: 0 0 .25em 0;
	padding:  1em 0 1em 0;
	border-bottom: 1px solid #000;
	}
	

/* Content layout */

#maino, #maint, #maing, #mainp, #mainb, #mainr, #mainl, #maingray, #mainwhite {
	margin: 0;
	border-bottom: 1px solid #000;
	padding: 1em 14px .5em 14px;
 	background-image: url(/i/diagonalccc-bg.gif);
 	background-repeat: repeat;
 	background-position: top left;
	width: 598px; /* False value for IE4-5.x Win */
	voice-family: "\"}\""; /* Begin hack for correct width */
	voice-family: inherit;
	width: 570px;
}
html>body #maino, #maint, #maing, #mainp, #mainb, #mainr, #mainl, #maingray, #mainwhite  { /* Be nice to Opera */
	width: 570px;
}

#maino {background-color: #f93;}
#maint {background-color: #6cc;}
#maing {background-color: #9c3;}
#mainp {background-color: #f9c;}
#mainb {background-color: #7faaff;}
#mainr {background-color: #f66;}
#mainl {background-color: #c292e2;}
#maingray {background-color: #b4b4b4;}
#mainwhite {background-color: #fff;}

#title {
	margin: 0;
	border: 0;
	padding: 1em 14px .5em 14px;
	background-color: #fff;
/* 	background-image: url(/i/diagonalccc-bg.gif);
 	background-repeat: repeat;
 	background-position: top left; */
	width: 598px; /* False value for IE4-5.x Win */
	voice-family: "\"}\""; /* Begin hack for correct width */
	voice-family: inherit;
	width: 570px;
}
html>body #title  { /* Be nice to Opera */
	width: 570px;
}

#halveswrapg, #halveswrapb, #halveswrapo {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #000;
	width: 598px;
	text-align: left;
 	background-image: url(/i/halfdiagonalccc-bg.gif);
 	background-repeat: repeat;
 	background-position: top left;
	}

#halveswrapo {background-color: #f93;}
#halveswrapb {background-color: #7faaff;}
#halveswrapg {background-color: #b4b4b4;}

#lefthalf {
	float: left;
	background: transparent;
	margin: 0;
	border: 0;
	padding: 0;
/* 	background-image: url(/i/diagonalccc-bg.gif);
 	background-repeat: repeat;
 	background-position: top left; */
	width: 299px;
	}

#leftcontent {
	float: left;
	background: transparent;
	margin: 0;
	padding: 1em 14px .5em 14px;
	border: 0;
	width: 299px; /* False value for IE4-5.x Win */
	voice-family: "\"}\""; /* Begin hack for correct width */
	voice-family: inherit;
	width: 271px;
}
html>body #leftcontent  { /* Be nice to Opera */
	width: 271px;
}

#righthalf {
	float: left;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	width: 299px;
	}

#rightcontent {
	float: left;
	background: transparent;
	color: #333;
	font-family: "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 1em 14px .5em 14px;
	border: 0;
	width: 299px; /* False value for IE4-5.x Win */
	voice-family: "\"}\""; /* Begin hack for correct width */
	voice-family: inherit;
	width: 271px;
}
html>body #rightcontent  { /* Be nice to Opera */
	width: 271px;
}

#righthalfscroll {
	float: left;
	overflow: scroll;
	background: #ccc;
	color: #333;
	font-family: "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	font-size: 10px;
	padding: 1em 14px .5em 14px;
	border: 0;
	height: 100%; /* 438px */
	width: 299px; /* False value for IE4-5.x Win */
	voice-family: "\"}\""; /* Begin hack for correct width */
	voice-family: inherit;
	width: 271px;
}
html>body #righthalfscroll  { /* Be nice to Opera */
	width: 271px;
}

#scrollarea {
	margin: 0;
	padding: 0;
	border: 0;
	width: 268px;
	}


/* New approach to the half columns, realworldstyle.com and maxdesign.com.au */

#lhalf {
	float: left;
	background: transparent;
	margin-left: -1px;
	padding: 0;
	border: 0;
	width: 299px;
	}

#rhalf {
	margin-left: -299px;
	padding: 0;
	border: 0;
	background: #ccc;
	}

/* TABLE approach to the half columns, zeldman hybrid approach */

table#halveslayout {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}

td#leftside {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}

td#rightside {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}

.lefttrans {
	background: transparent;
	margin: 0;
	padding: 1em 14px .5em 14px;
	border: 0;
}

.rightgray {
	background: #ccc;
	color: #333;
	font-family: "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 1em 14px .5em 14px;
	border: 0;
}


/* Links */

a:link, a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	background: transparent; 
	}
a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	background: #fff; 
	}
a:active {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	background: transparent;  
	}


a.display:link, a.display:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	background: transparent; 
	}
a.display:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	background: #fff; 
	}
a.display:active {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	background: transparent;  
	}


/* Navigation */

#nav {
	color: #093;
	font: 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: .5em 0 .5em 0;
	border-bottom: 1px solid #000;
	}
	
#nav ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
	}

#nav ul li {
	display: inline;
	font: 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0;
	padding: 0 1em 0 0;
}


a.home:link, a.home:visited {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent; 
	}
a.home:hover {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: #f93; 
	}
a.home:active {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent;  
	}

a.about:link, a.about:visited {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent; 
	}
a.about:hover {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: #6cc; 
	}
a.about:active {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent;  
	}

a.services:link, a.services:visited {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent; 
	}
a.services:hover {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: #9c3; 
	}
a.services:active {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent;  
	}

a.portfolio:link, a.portfolio:visited {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent; 
	}
a.portfolio:hover {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: #7faaff; 
	}
a.portfolio:active {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent;  
	}

a.contact:link, a.contact:visited {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent; 
	}
a.contact:hover {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: #c292e2; 
	}
a.contact:active {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent;  
	}

a.h1pp:link, a.h1pp:visited {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent; 
	}
a.h1pp:hover {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: #093; 
	}
a.h1pp:active {
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: transparent;  
	}



/* Subnav links */

a.subnav:link, a.subnav:visited {
	font: bold 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: underline;
	color: #000;
	background: transparent; 
	}
a.subnav:hover {
	font: bold 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: underline;
	color: #000;
	background: #7faaff; 
	}
a.subnav:active {
	font: bold 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: underline;
	color: #000;
	background: transparent;  
	}


/* Footer */

#foot {
	margin: 0 0 1em 450px; /* hack to minimize ghost links when links are right aligned */
	text-align: right;
	color: #ccc;
	font: 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	background: #fff;
	padding: .5em 0 .5em 0;
	border: 0;
	}

#foot ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
	}

#foot ul li {
	display: inline;
	font: 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 1em;
}

a.copyright:link, a.copyright:visited {
	font: bold 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #ccc;
	background: transparent; 
	}
a.copyright:hover {
	font: bold 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: #fff; 
	}
a.copyright:active {
	font: bold 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #ccc;
	background: transparent;  
	}

a.colophon:link, a.colophon:visited {
	font: bold 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #ccc;
	background: transparent; 
	}
a.colophon:hover {
	font: bold 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: #f9c; 
	}
a.colophon:active {
	font: bold 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #ccc;
	background: transparent;  
	}


/* Typography */

h1	{
	font: normal 28px Georgia, Baskerville, "Times New Roman", Times, serif;
	margin: 0 0 1em 0;
	padding: 0;
	color: #000;
	}

#leftcontent h1	{
	font: normal 28px Georgia, Baskerville, "Times New Roman", Times, serif;
	margin: 0 0 .5em 0;
	padding: 0;
	color: #000;
	}

h2	{
	font: normal 18px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding: 0;
	color: #000;
	}

#title h2	{
	font: normal 18px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0 0 .5em 0;
	padding: 0;
	color: #000;
	}

h3	{
	font: normal 14px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding: 0;
	color: #000;
	}

#title h3	{
	font: normal 14px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
	color: #000;
	}

h4	{
	font: bold 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding: 0;
	color: #000;
	}

h5	{
	font: normal 12px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding: 0;
	color: #000;
	}

h6	{
	font: normal 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0 0 1em 0;
	padding: 0;
	color: #000;
	}

ul	{
	margin: 0 0 1em 0;
	padding-left: 21px;
	}

ul li	{
	list-style: disc inside;
	vertical-align: top;
	line-height: 140%;
	padding: 0;
	margin: 0;
	}

#maino p, #maint p, #maing p, #mainp p, #mainb p, #mainr p, #mainl p, #maingray p, #mainwhite p {
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0;
	}

.display {
	font: normal 28px Georgia, Baskerville, "Times New Roman", Times, serif;
	color: #000;
	}

.normal {
	font: normal 14px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	color: #000;
	}

.small {
	font: bold 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	color: #000;
}

ul.displaylist {
	font: normal 28px Georgia, Baskerville, "Times New Roman", Times, serif;
	margin: 0 0 .5em 0;
	padding-left: 18px;
	}

ul.displaylist li	{
	font: normal 28px Georgia, Baskerville, "Times New Roman", Times, serif;
	list-style: disc inside;
	vertical-align: top;
	line-height: 130%;
	padding: 0;
	margin: 0;
	}

ul.normallist {
	font: normal 14px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0 0 .5em 0;
	padding-left: 18px;
	}

ul.normallist li	{
	font: normal 14px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	list-style: disc inside;
	vertical-align: top;
	line-height: 130%;
	padding: 0;
	margin: 0;
	}

li.discitem	{
	list-style: disc inside;
	}

ul.none {
	font: normal 14px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	margin: 0 0 .5em 0;
	padding-left: 18px;
	}

ul.none li	{
	font: normal 14px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	list-style: none inside;
	vertical-align: top;
	line-height: 130%;
	padding: 0;
	margin: 0;
	}

/* Other Presentation */

.middle {display: inline; vertical-align: middle;}

.contactbox {
	margin: 4em 0 1em auto;
	padding: 0 0 .25em 1em;
	border-left: 1px dotted #000;
	font: 10px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	color: #000;
	width: 200px
	}

.current {
	font-weight: bold;
	color: #093;
	}

.nomargin {
	margin: 0 0 0 0;
	}