html, body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	margin:0; 
	padding:0; 
	border:0;
	background-color:#fec;
	text-align:center;
}
body {font-size:62.5%;}
acronym, abbr, .notate {cursor: help; border-bottom: 1px dotted #333;}

.orangesmall {color:#f60; background-color:inherit; font-size:100%;}
.orangebold {color:#f60; background-color:inherit; font-weight:bold;}
.orangelarge, label {color:#f60; background-color:inherit; font-weight:bold;font-size:120%}
.greysmall {color:#333; background-color:inherit; font-weight:normal;font-size:80%;}
.greybold {color:#333; background-color:inherit; font-weight:bold;}
.creamback {color:inherit; background-color:#ffc;}
.peachback {color:inherit; background-color:#fec;}

.doubleheight {line-height:200%;}
.pad li {margin:10px 0 10px 0;} 
input, textarea {background-color:#fec;color:#000;}
input:focus, select:focus, textarea:focus {background:#eee;color:#000;}
input:hover, select:hover, textarea:hover {background:#eee;color:#000;}
code {font-size:130%;background-color:inherit;color:#390;font-weight:bold;}
a:link {color:#0aa735; background-color:inherit; text-decoration:underline;border:0;}
a:visited {color:#0aa735; background-color:inherit; text-decoration:underline;}
a:focus {color:#f60; background-color:inherit; text-decoration:none;}
a:hover {color:#f60; background-color:inherit; text-decoration:none;}
a:active {color:#f60; background-color:inherit; text-decoration:none;}

blockquote {
	margin:4% 0% 0% 0%;
	padding:4px 5px 0px 12px;
	border:0;
	background-image: url('/images/oquotes.gif');
	background-position: left top;
	background-repeat: no-repeat;
}
blockquote p {border:0; margin:0; padding:0 0 10px 0;text-indent:10px;}
blockquote p {
	background-image: url('/images/oquotesend.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}
em {font-weight:bold;color:#f60; background-color:inherit; font-size:100%;font-style:normal;}
pre {font-weight:bold;color:#f60; background-color:inherit; font-size:130%;font-style:normal;}
cite {color:#f60;background-color:inherit;font-style:normal; font-family: Arial, sans-serif;
}
.standout, .standout2, .standout3 {font-size:180%;font-weight:bold;background-color:#fff;text-align:left;text-transform:uppercase;
line-height:1.5em;}
.standout {color:#f60;}
.standout2 {color:#f90;	padding:0% 0% 0% 5%;}
.standout3 {background-color:#fff; color:#fc9;	padding:0% 0% 0% 10%;}
.portbox {clear:both;
	margin:0% 0% 3% 0%;
	overflow:hidden;}
.logobox {clear:both;
    width:99%;
	margin:0% auto 3% 5%;
	text-align:center;
	overflow:hidden;}
.codeblock {border:4px ridge #ccc;color:#333;background-color:#fff;margin:0% 2% 0% 2%;padding:0% 2% 2% 2%;}

/* ----------------------------------------------
    Faux columns to hold the side border images
    - outer1 holds the left border image
    - outer2 places the right border image
    - container holds the entire page content
------------------------------------------------- */

#outer1 {
	border: 0 none; width:90%; margin:auto;
	background-image: url('/images/leftfade.png');
	background-position: left top;
	background-repeat:repeat-y;
	background-color:#fff;
	color:#ffc;text-align:center;
}
#outer2 {
	border: 0 none; width:100%; margin:auto;
	background-image: url('/images/rightfade.png');
	background-position: right top;
	background-repeat:repeat-y;text-align:center;
}

#container {
	padding: 3px 0 0 0; width:95%;margin:auto;text-align:left;
}

/* ----------------------------------------------
    Navigation for accessibility at the top
------------------------------------------------- */
#barcontainer {width:93%;margin:auto;}

#accessbar {font-size:1em;
	font-weight:bold;
	list-style-type:none;
	margin:auto;
	padding:25px 0px 10px 0;
	float:right;
}

#accessbar ul, #accessbar li {display:inline;
	margin:0 0 0 5px;
}

#accessbar a:link, #accessbar a:visited {
	padding:8px 5px 8px 5px;
	margin-left:1px;
	text-decoration:underline;
	color:#555;
	background-color:inherit;
}

#accessbar a:focus, #accessbar a:hover, #accessbar a:active {
	background-color:#fc6;
	color: #fff;
	background-image: none;
}

/* for the tooltips on the switcher */

#info {margin:2% 0% 0% 0%;}
a.info{
    position:relative; /*this is the key*/
    font-weight:bold;
    z-index:24; background-color:inherit;
    color:#000;
}
a.info img{border:0;}

a.info:focus, a.info:hover, a.info:active{z-index:25;}

a.info span{display:none;}

a.info:focus span, a.info:hover span, a.info:active span{ /*the span will display just on :hover state*/
    position:absolute;
    display:block;
    top:30px; left:-65px; width:100px;
    background-color:#fec; color:#333;
    border:2px solid #f60;
    padding:5px;
    font-size:110%;
}

/* -------------------------------
Hide switcher for current style
------------------------------- */
.default {
	display:none;
}
/* ---------------------------------------------
    The heading block with picture and text
------------------------------------------------ */

#headtext { background-color:#444;
	color:#fff;
	font-family:Times, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	padding:0; margin: auto; width: 93%; clear:right;
	overflow:hidden;
}

#headtext h1, #headtext h2 { 
	border-bottom:2px solid #ccc;
}
.dark {color:#444;background-color:inherit;font-size:20%;}
#headtext h1 {
	color:#ccc;
	background-color:inherit;
	font-size:450%;
	font-weight:bold;
	margin:8% 2% 0% 0%; 
	text-indent:35px;
	letter-spacing:-1px;
}

#headtext h2 {
	color:#fc6;
	background-color:inherit;
	font-size:200%;
	text-indent:5px;
	background-image: url('../images/osmalleye.gif');
	background-position: right top;
	background-repeat:no-repeat;
	margin:0% 2% 0% 45%; 
}
/* ----------------------------------------
     The horizontal navigation bar
------------------------------------------- */
#hnavbar {
	background-color:#ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	color:#fff;
	background-image: url('../images/smenuback.jpg');
	width:93%; margin: auto;clear:both;
	padding:10px 0 10px 0;
}

#hnavbar ul, #hnavbar li {display:inline;margin:0 4px 0 5px;}
#hnavbar a:link, #hnavbar a:visited {
	padding:3px 5px 3px 5px;
	text-decoration:none;
	color:#555;
	background-color:inherit;}
#hnavbar a:focus, #hnavbar a:hover, #hnavbar a:active {
	background-color:#fc6;
	color:#000;background-image: url('../images/omenuback.jpg');
}

/* -------------------------------------------- */
/* This is to set up the current page indicator	*/
/* -------------------------------------------- */
body#home a#homenav,
body#design a#designnav,
body#service a#servicenav,
body#portfolio a#portnav,
body#pricing a#pricenav,
body#contact a#contactnav,
body#search a#searchnav,
body#access a#accessnav,
body#webby a#webbynav,
body#hang a#hangnav,
body#tabl a#tablenav,
body#switch a#switchnav,
body#use a#usenav,
body#absrel a#absrelnav,
body#tower a#towernav,
body#round a#roundnav,
body#images a#imagesnav,
body#absolute a#absolutenav,
body#privacy a#privnav,
body#nowrap a#nowrapnav,
body#freebie a#freebienav,
body#samples a#samplenav { color: #fff;
	background-color:inherit;
	background-image: url('../images/omenuback.jpg');
	text-decoration:none;
}

/* ---------------------------------
    This is the main content block 
   --------------------------------- */
#contentblock {color:#555;
	background-color:#fff;
	width:93%;
	clear:both;
	margin: 9px auto 0px auto;
}

/* ---------------------------------
    This is the left inner content
   --------------------------------- */
.blurbbox {float:left;
    color: #555;
	background-color:#fff;
    font-size:120%;
	font-family:Verdana, Tahoma, Arial,  Helvetica, sans-serif;
	border:1px solid #ca2;
	background-image:url('/images/ofadeborder.png');
	background-position: left bottom;
	background-repeat:repeat-x;
	width:72%;
	padding:0 0 60px 0;
	margin: 0;
	text-align:left;
	overflow:hidden;
	line-height:1.5em;
}

.blurbbox p, .blurbbox dl {padding: 0% 5% 0% 5%;
}
.blurbbox ul {list-style-position:inside;}
.blurbbox li {padding: 0% 5% 1% 5%;}
.blurbbox dt {font-weight:bold; color:#f60;background-color:inherit;margin:20px 0 10px 0;}
.blurbbox dd {padding:10px 0 10px 0;}
.blurbbox form {padding: 3% 5% 1% 5%;}
.blurbbox fieldset {border:0;}
.blurbbox legend {display:none;}

.blurbbox h3, .blurbbox h4, .blurbbox h5 {
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#555;
	background-color:#fff;
	border-bottom:2px solid #ccc;
	background-position: 99% 1% ;
	background-repeat:no-repeat;
	margin:6% 3% 2% 4%;
}

.blurbbox h3 {font-size:200%;line-height:1em;}
.blurbbox h4 {font-size:160%;background-image:none;line-height:1em;}
.blurbbox h5 {font-size:130%;background-image:none;border:0;line-height:1em;}
.blurbbox h6 {font-size:110%;background-image:none;border:0;line-height:1em;}
q { margin:0px 0px 0px 10px;
	padding:12px;
	background-image: url('/images/oquotes.gif');
	background-position: left top;
	background-repeat: no-repeat;font-weight:bold; }

#contskip { color: #333;
	background-color:#fff;
}
dt strong {
  color : #009900;background-color:inherit;
}
/* Start table structure */
#Summary, #Caption {
	width: 28em;
}

.tablestyle {
	width: 90%;
	margin: 2% 0% 2% 5%;
	border: solid #666;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
}

.tablestyle th, .tablestyle td {
	border: solid 1px #666;
	padding: 0.2em;
}
/* End table structure */

/* Start table colour scheme  */
.tablescheme, .tablescheme th, .tablescheme td {
	border-color: #666;
}

.tablescheme .even {
	background-color: #dfc; color:inherit;
}

.tablescheme th, .tablescheme thead td {
	background-color: #B1B1B1;color:#fff;
}

.tablescheme th.firstColumn {
	background-color: #D1D1D1; color:inherit;
}
/* End table colour scheme  */
/* ----------------------------------
    This is the right content column 
   ---------------------------------- */
#rightbar {
	float:right;
    color: #555;
    font-size:110%;
	font-family:Verdana, Tahoma, Arial,  Helvetica, sans-serif;
	border:1px solid #ca2;
	background-color:inherit;
	background-image: url('/images/oeyefade.jpg');
	background-position:  right top;
	background-repeat:no-repeat;
	width:24%;
	text-align:left;
	margin:0% 0% 0% 1%;
	padding:25px 5px 0px 5px;
	line-height:1.5em;
}

#rightbar h2, #rightbar h3 {
	font-family:Verdana, Tahoma, Arial,  Helvetica, sans-serif;
	font-size:160%;
	letter-spacing:-1px;
	border-bottom:2px solid #ccc;
	background-image:none;
	padding:10px 0 0 0;
	margin:0;width:95%;
}

#rightbar h3 {font-size: 140%;}
#rightbar h4 {font-size: 120%;}

#rightbar li {list-style-type:none;
	margin: 0% 0% 2% -16%;}

/* -----------------------------
    miscellaneous styles
-------------------------------- */

.imgleft {float:left;
	border:0;
}
.imgmid a:link {margin:auto;
	border:0;
}
.portimg {margin: 0% 3% 0% 0%;
	border:1px solid #ccc;
	float:left;
}
.portlogo {margin: 0;
	border:1px solid #ccc;
	float:left;
}
.iwa {clear:both;
	text-align:center;}
	
.vanish {
	display:none;
}

.printbut {margin: 12px 0px 50px 0px;}
.lastline {margin:10px 0px 25px 0px;}
/* -----------------------------
    footer
-------------------------------- */

#footer {font-size:1em;
	font-weight:bold;
	list-style-type:none;
	text-align:right; 
	margin:auto;
	padding:15px 0px 10px 0;
	width:98%;
	clear:both;
}

#footer ul, #footer li {display:inline;
	margin:0 0 0 10px;
}


#footer a:link, #footer a:visited {
	padding:8px 5px 8px 5px;
	margin-left:1px;
	text-decoration:underline;
	color:#555;
	background-color:inherit;
}

#footer a:focus, #footer a:hover, #footer a:active {
	background-color:#fff;
	color: #f60;
	text-decoration:none;
}

#footer img {border:0;}