/* CSS layout adapted from http://www.cssplay.co.uk/layouts/bodyfix.html */

html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow:hidden; 
	/* */ 
	}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background:#ffffcc;
	font-size:0.7em;
	font-family:Verdana, sans-serif;
 	}

#head {
	position:absolute; 
	margin-left:-391px; 
	left:50%; 
	top:0; 
	width:780px; 
	min-width:780px; 
	height:145px; 
	background:#7332ac;
	z-index:4; 
	border:1px solid #000;
	border-bottom:0px;
	}

/* IE fix - Include the border in the width and height. */
* html #head {
	width:782px;
	height:146px;
	}

#left {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:146px; 
	bottom:31px; 
	width:172px; 
	margin-left:-391px; 
	left:50%; 
	border-left:1px solid #000;
	background:#ffffff url(../images/sidebar.jpg) no-repeat;
    }

/* IE fix - Include the border in the width and height and position the left menu. */
* html #left {
	top:0; 
	bottom:0; 
	height:100%;
	width:173px;
	border-top:146px solid #fff; 
	border-bottom:31px solid #fff;
	}

#content {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:146px; 
	bottom:31px; 
	width:608px; 
	margin-left:-218px; 
	left:50%; 
	border-right:1px solid #000;
	background:#ffffff url(../images/bodyimage.gif) no-repeat;
	}

/* IE fix - Include the border in the width and height and position the content area. */
* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:609px;
	border-top:146px solid #fff; 
	border-bottom:31px solid #fff;
	background-attachment:fixed;
	}

#content a {
	text-decoration:none;
	font-weight:bold;
	color:#613e08;
	}

#content a:hover {
	color:#333333;
	text-decoration:underline;
	}

#content p {
	margin:0px;
	padding:0px 15px 10px 15px;
	}

#content ul {
	margin-left:15px;
	padding:0px 15px 0px 11px;
	list-style-image:url("../images/bullet.gif");
	}

/* IE fix - Use a different bullet so the bullet position is correct. */
* html #content ul {
	list-style-image:url("../images/bulletie.gif");
	}

#content h3 {font-size:1.5em;}

#foot {
	text-align:center;
	position:absolute; 
	margin-left:-391px; 
	left:50%; 
	bottom:0; 
	width:780px; 
	min-width:780px; 
	height:30px; 
	background:#7332ac;
	z-index:5; 
	border:1px solid #000;
	border-top:0;
	color:#000;
	vertical-align:middle;
	}

/* IE fix - Include the border in the width and height. */
* html #foot {
    bottom:-1px;
	width:782px;
	height:31px;
	}

#foot p { margin-top:7px; }

table.header {width:780px; height:145px; border-collapse:collapse; background:url(../images/new_02.jpg) repeat-x top;}
table.header td { padding:0px; }
table.header td.logo1 {width:315px; height:145px; }
table.header td.logo2 {width:152px; height:145px; background:url(../images/new_03.jpg) no-repeat top right;}
table.header img { width:315px; height:145px; border:0px; }

/* Top menu */
#tabmenu {
	margin-left:220px;
	margin-top:-20px;
	}
#tabmenu a {
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	}

#tabmenu a:hover, #tabmenu #current {
	color:#e0b788;
	}

/* Side menu */
#sidemenu {
	float:left;
	font-size:93%;
	line-height:normal;
	}

#sidemenu ul {
	list-style:none;
	margin:10px;
	padding:5px;
	}

#sidemenu a {
	display:block;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#613e08;
	}

/* IE fix - make the side menu list appear the same as Firefox. */
* html #sidemenu a {display:inline-block; width:13.5em;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sidemenu a {float:none;}
/* End IE5-Mac hack */

#sidemenu a:hover, #sidemenu #current {
	color:#333333;
	border:1px solid #613e08;
	padding:4px 14px 3px 5px;
	}

/* Content layout */
.contentheading {float:none; width:570px; padding-left:15px;}
.contentheading h2 {font-family:"Times New Roman"; font-size:1.8em; margin:15px 0px 15px 0px;}

.contentsubheading {float:none; width:280px; padding-left:15px;}
.contentsubheading h4 {color:#996633; font-family:"Times New Roman"; font-size:1.3em; margin:15px 0px 15px 0px;}
.contentquoteid {text-align:right;}

.contentleftcolumn {float:left; width:390px; border-right:1px solid #999;}
.contentrightcolumn {float:left; width:190px; color:#7332ac; font-family:"Times New Roman";font-size:13px;}

.contentinitial {
	float:left;
	font-size:290%;
	line-height:80%;
	font-family:serif;
	font-weight:bold;
	}

.contentfirstparagraph {font-weight:bold;}

.contentimageleft {float:left; padding:2px; margin:5px 10px 5px 0px;}
.contentimageright {float:right; padding:2px; margin:5px 0 5px 10px;}

.contentlistkeyword {
	color:#7332ac;
	font-weight:bold;
	font-family:"Times New Roman";
	font-size:13px;
	}

.contentparagraphsubheading {display:block; font-weight:bold; font-size:1.1em; margin-bottom:4px;}

.contentlink {
    display:block;
    border:1px solid #000;
    background:#ffd1ff;
    float:left;
    width:360px;
    padding-top:10px;
    margin:0px 0px 15px 15px;
    }
.contentlink img { border:none; }
.contentlinktitle { font-weight:bold; }
.contentlinkinvisible { display:none; }
.contentlinkvisible { display:block; }

.contenttestimonial {
     display:block;
     border:1px solid #000;
     background:#ffd1ff;
     float:left;
     width:560px;
     padding-top:10px;
     margin:0px 0px 15px 15px;
     }
.contenttestimonialid { font-weight:bold; text-align:right; }

.contentstretch {
     display:block;
     border:1px solid #000;
     background:#ffd1ff;
     float:left;
     width:560px;
     padding-top:10px;
     margin:0px 0px 15px 15px;
     }
.contentstretchimage {float:right; padding:2px; margin:5px 13px 5px 10px;}
* html .contentstretchimage {margin-right:8px;}

.contentparagraphpanel { display:block; border:1px solid #000; background:#ffd1ff; float:left; padding:10px 10px 10px 10px; margin-bottom:10px; }
* html .contentparagraphpanel { width:365px; }

table.prices { border:1px solid #999; width:96%; margin:5px 0px 15px 15px; font-size:1.0em; font-family:Verdana, sans-serif; }
caption.prices { font-weight:bold; text-align:left; margin-left:15px; }
tr.d0 td { background-color:#ffffd1; }
tr.d1 td { background-color:#ffd1ff; }
td.service { width:75%; }
td.price { width:20%; }
td.footnote { font-size:smaller; }
td.oil { width:35%; }
td.oildesc { width:40%; }

/* Form styles */
.formlabel {
	text-align:right;
	width:140px;
	float:left;
	padding:0.2em;
	margin:3px 0px 0px 15px;
	}

.formnobr { display:none; }

.formtextfield {
	margin:3px;
	width:200px;
	color:#000;
	background:#ffffd1;
	border:1px solid #a362dc;
	}

.formtextarea {
	margin:3px;
	height:165px;
	width:200px;
	color:#000;
	background:#ffffd1;
	border:1px solid #a362dc;
	}

.formbutton {
	margin:3px;
	color:#000;
	background:#ffffd1;
	border:1px solid #a362dc;
	}

.formradiobutton {
	}

.formcheckbox {
	}

.formselect {
	width:200px;	
	}

/* Contact styles */
.contacttable {margin-left:15px; font-size:1.0em;}
.contacttype {
    width:140px;
    text-align:right;
    padding:0.2em;
    padding-bottom:20px;
    vertical-align:text-top;
    font-weight:bold;
    }
.contactinfo {
    width:200px;
    padding:0.2em;
    padding-bottom:20px;
    vertical-align:text-top;
    }