body {
background-color:#18315d;
font: normal 90% Verdana;
color: #99ccff;
margin: 0px;
padding: 0px;
text-align: center;
}

h1,h2,h3 {
text-align:center;
}
a:link { color: #77F;}
a:visited { color: #88B; }
a:hover { color: #FFF; text-decoration: none; background: #77F;}
a:active {color: #CCF; background: #0063DC; }

#specialoffer {
border: red solid 1px;
width: 400px;
margin-bottom: 20px;
background: #a33;
padding: 10px;
}

#frame {
margin: 30px auto;
width: 800px;
height: auto;
background-color: #000;
border-style: solid;
border-color: #b4eb62; /*was c94040   */
border-width: 8px ;
padding:0px;
}

#italist {
font-style: italic;
}

#demotestimonials {
background-color:#aed2fe;
padding: 20px;
text-align: justify;
width: 450px;
color: #000;
padding: 20px;
}

#butchering {
background-image:url('images/caveartbg2.jpg');
color: #000;
padding: 25px;
}

#content {
width: 720px;
background: #18315d;
padding: 0px;
text-align:justify;
}

#review {
background-color:#aed2fe;
padding: 20px
}

#reviewtext {
font: 12pt Georgia, Garamond, Times, "Times New Roman", serif;
text-align: justify;
}

#reviewer {
font: 9pt Georgia, Garamond, Times, "Times New Roman", serif;
font-weight: bold;
float: right;
}

#date {
font: 7pt Arial, Helvetica, sans-serif; 
float: right;
}

#portfolio {
width: 300px;
background-color:#363;
padding: 15px;
border-style: dotted;
border-color: #fff;
border-width:1px ;
}

#extratext {
width: 500px;
background-color:#aed2fe;
padding: 20px;
text-align:justify
}

#imgspacer {
width: auto;
text-align: center;
padding: 10px;
}

#imgspacer img {
padding: 0px;
margin: 0px;
border-style: solid;
border-color: #000;
border-width: 3px;
}

/* FF / Opera specific -   html>body #frame  is the syntax for the child selector hack*/

html>body #frame {
margin: 30px auto;
width: auto;
height: auto;
background: #aeb2de; 
border-style: solid;
border-color: #b4eb62;
border-width: 8px ;
padding:0px;
}

html>body #content {
width: 600px;

}

html>body #nav {
	width: auto;
	padding: 6px 0px 10px 0px;
	background: #b4eb62;/*  #AD405B;   */
}

/* end FF / Opera section */



/* navigation bar - modify this a bit
------------------------------------------ */
li
{
list-style: none;
padding: 0px;
margin: 0px;
}

tr
{
padding: 0px;
margin: 0px;
}

#nav table td
{
padding: 0px;
margin: 0px;
}

#nav table 
{
padding: 0px;
margin: 0px;
}

#nav {
	width: auto;
	padding: 0px 0px 0px 0px;
	background: #b4eb62; /*  #AD405B;   */
}

#nav tr td ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav tr td li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav tr td li a {
	float: left;
	margin: 0 5px 0 0;
	padding: 0px 5px;
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}

#nav li a:hover {
	color: #555;
	background: #2FB035;
}

#nav tr td li a.active {
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #27384F;
	border-right: 1px solid #27384F;
	background: #354966;
}

/* ROW COLOURINGS - should class them
----------------------------------------- */

.oddrow {
width: 500px;
padding:2px;
margin: 5px;
background-color: #bc9;
font-weight: bold;
}

.evenrow {
width: 500px;
padding: 2px;
margin: 2px;
background-color: #dba;
font-weight: bold;
}

.byline {
font: normal 70% Verdana;
}