html {
max-height:100%; /* fixes the display height in Mozilla and Firefox */
padding:0 0 101px 0; /* for IE6 to bring the bottom of the body up to the bottom of the screen (the extra 1px is for the border) */
background:#ffffff; /* Mozilla has problems when the body background is different to the html background */
}
body {
	margin:10px 0 0 10px; /* resizes the body to have a top margin of 100px and left margin of 150px; */
	height:100%; /* Mozilla and Firefox interpret this as to the bottom of the screen. IE interprets this as the WHOLE screen height hence the 101px padding above. */
	background:#fff; /* to show that Mozilla and Firefox will only have one background color */
	font-family:georgia, palatino linotype, times new roman, serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}

acronym { cursor: help; border-bottom: 1px dashed #999; }
a { text-decoration: none; color: #369; }
a:hover {color: #49515C; }
a:active {text-decoration: none}
a img { border: none; }

.main {
	font-family:georgia, palatino linotype, times new roman, serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
}
h1 {
	font-family:georgia, palatino linotype, times new roman, serif;
	font-size: 25px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
}
h2 {
	font-family:georgia, palatino linotype, times new roman, serif;
	margin: 0px;
	font-size: 20px;
	padding: 0px 0px 0px 0px;
	color: #000;
}
.head {
	font-family:georgia, palatino linotype, times new roman, serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
}

hr {
	border: 0;
	width: 100%;
	color: #f8bb12;
	background-color: #f8bb12;
	height: 3px;
}


div {border:0px dotted #000000;}
div.screenblue {width: 778px; background:#79C5FF; padding: 8px;}
div.screenorange {width: 778px; height: 55px; background:#ffcc4a; padding: 8px;}
div.menuwrapper {width: 794px; height: 70px; background:#79C5FF; padding: 0px;}
div.footer {width: 778px; background:#79C5FF; height: 55px; padding: 8px; float: left;}

.contact-box
{
margin-top: 8px;
margin-bottom: 8px;
color: #fff;
font-weight: bold;
background: #8EC1E8;
border: #26a solid 1px
}

.contact-button
{
margin-top: 8px;
margin-bottom: 8px;
clear: both;
color: #fff;
background: #8EC1E8;
border: 2px #9cf outset
}

.textareacustom
{
margin-top: 8px;
margin-bottom: 8px;
clear: both;
color: #fff;
font-weight: bold;
background: #8EC1E8;
border: 2px #9cf outset
}

.input-box
{
margin-bottom: 8px;
color: #26a;
background: #feb;
border: #26a solid 1px
}

.submit-button
{
margin-bottom: 8px;
clear: both;
color: #000;
background: #fb0;
border: 2px #9cf outset
}

div.righttop {height: 40px;
width: 224px;
background: #ffcc4a;
border: 4px solid #ffcc4a;
margin-right: 10px;
position: relative;
padding: 4px;
float: right;}

div.lefttop {height: 40px;
width: 460px;
padding: 4px;
margin-top: -8px;
position: relative;
border: 4px solid #ffcc4a;
margin-left: -3px;
background: #ffcc4a;
float: left;}

div.rightbottom {height: 30px;
width: 200px;
background: #79C5FF;
border: 2px solid #79C5FF;
margin-right: 0px;
padding: 4px;
float: right;}

div.leftbottom {height: 30px;
width: 428px;
padding: 4px;
position: relative;
border: 2px solid #79C5FF;
margin-left: 0px;
background: #79C5FF;
float: left;}

p.dotted { 
font-family:georgia, palatino linotype, times new roman, serif;
border-style: dotted;
color: #000000;
padding: 1em;
}

p.solid {
font-family:georgia, palatino linotype, times new roman, serif;
color: #000000;
padding: 4px;
border: 1px solid #000000;
}

p.note {
	background: #EEE;
	padding: 4px;
	font-family:georgia, palatino linotype, times new roman, serif;
	font-size: 85%;
	line-height: 130%;
	margin-top: 0;
}

div.midbox
{
width: 794px;
border: 0px;
padding: 0px;
height: 448px;
margin-left: 0px;
display: block;
float: left;
background: #79C5FF;
}
div.twobox
{
width: 260px;
border: 0px;
padding: 0px;
height: 448px;
margin-left: 0px;
display: block;
float: left;
background: #79C5FF;
}
div.boxleft
{
color: #000000;
width: 248px;
border: 5px solid #79C5FF;
padding: 4px;
height: 205px;
display: block;
overflow: auto;
margin-left: 2px;
float: left;
background: #FFFFFF;
}
div.boxright
{
color: #000000;
width: 500px;
display: block;
overflow: auto;
border: 7px solid #79C5FF;
padding: 4px;
margin-top: -2px;
margin-right: 1px;
height: 428px;
float: right;
background: #FFFFFF;
}

div.midbox a { text-decoration: none; color: #369; border-bottom: 1px dashed #369; }
div.midbox a:hover { border-bottom: 1px dashed #49515C; color: #49515C; }

.strike {text-decoration:line-through;}
.lft {
padding: 6px;
float:left;
}
.rgt{
padding: 6px;
float:right;
}
.holder {display:block; width:300px; height:150px; border:1px solid #000; margin:2em auto 0 auto;}

LI.list1 {list-style: square outside;}

#container {
	width: 778px;
	height: 40px;
	float: left;
	background: #79C5FF;
	text-align: left;
	margin-left: 0px;
	padding: 8px;
}

p#smurf {
	background: transparent;
	font-style: italic;
	text-align: center;
	font-weight: bold;
	color: #1000FF;
}

#smurf strong {
	font-size: 1.2em;
	color: black;
}

#nav, #nav ul {
	float: left;
	width: 778px;
	list-style: none;
	line-height: 15px;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #489ad9;
	border-width: 0px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 8em;
	w\idth: 6em;
	color: #1000FF;
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav li {
	float: left;
	padding: 0;
	width: 9.5em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	w\idth: 14em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 11em;
	w\idth: 11em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #CAE5FF;
}

#content {
	clear: left;
}

#content a {
	color: #1000FF;
}

#content a:hover {
	text-decoration: none;
}

#scaffolding a:hover {
	background-position: 181px -70px;
}

div#clients {
width: 166px; 
height: 600px; 
z-index: 2;}

div#clients a {
display: block; 
text-align: left;  
padding: 4px; 
text-decoration: none; color: #000000;
border: none;
}

div#clients a:hover {
color: #000000; 
background: #fffff;
}

div#clients a span {
display: none;
}

div#clients a:hover span {
position:absolute;
top: 375px; left: 20px; width: 200px;
display: block;
padding: 4px; 
border: 2px dotted;
margin: 2px; 
z-index: 2;
color: #000; 
background: #ffffff; 
text-align: left;}