body
{
	font-family: Georgia;
	padding: 0px;
	margin: 0px;
	line-height: 1.3em;
	color:black;
}

#logo { overflow:auto; position:fixed; z-index:90; top:51px; left:45px; background:transparent; }

* html #logo {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:1; }

div.clear { clear: both; }

.spacer[class]
{
	clear: both;
	height: 20px;
}

* html div.spacer
{
	clear: both;
	line-height: 1em;
}

form { display: inline; }
img { border: 0; }

a
{
	text-decoration: none;
	margin:2px;
}




/*safari / mozilla only */
#wrapper[id]
{
	width: 1074px;
	min-height: 4000px;
	margin:0; padding:0;
}

* html #wrapper
{
	/* IE only */
	width: 1074px;
}

.static { display:block; position:relative; top:150px; left:150px; width:530px; }

.fullbg {
	background-image: url(pipes_bg.gif);
	background-repeat: no-repeat;
	background-attachment:left;
}

 .latest_bg {
	background-image: url(latest_bg.gif);
	background-repeat: no-repeat;
	background-attachment:left;
}


 .aboutoil_bg {
	background-image: url(aboutoil_bg.gif);
	background-repeat: no-repeat;
	background-attachment:left;
}

.projects_bg {
	background-image: url(projects_bg.gif);
	background-repeat: no-repeat;
	background-attachment:left;
}


.contact_bg {
	background-image: url(contact_bg.gif);
	background-repeat: no-repeat;
	background-attachment:left;
}

/* styles for site navigation */

.topnav
{
	width: 530px;
	text-align: left;
}


.topnav ul
{
	list-style: none;
	display: inline;
	margin: 0;
	padding:0;
	z-index:100;
}

.topnav li
{
	float: left;
	display: block;
	margin:0; padding:0;
	margin-left:7px;
	text-align:middle;
	font-size:15px;
}

span.tableft,li.tableft
{
	text-decoration: none;
	background-image: url(./tab_lw.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	margin:0; padding:0;
	padding-left:0.5em;
}

span.tabright, li.tabright
{
	text-decoration: none;
	background-image: url(./tab_rw.gif);
	background-repeat: no-repeat;
	background-position:top right;
	margin:0;
	padding:3px 0 0 0; 
	padding-right:0.7em;
	}
	


a.live { background:#fff200;  }


a.tab { padding:0 0.3em; font-weight:bold; }

a.tab:hover
{
	text-decoration: none;
	background:#FFF200;
}

#nav_static {
	position:absolute; left:0px; top:250px;
	width:175px;
	z-index:100; 
} 


#nav  { 
	position:absolute; left:0px; top:1256px;
	width:175px;
	float:right;
	z-index:100;
}

* html #nav { width:200px; left:-30px;  }
* html #nav_static { position:absolute; left:-30px; top:230px; width:230px; }

#nav_static li, #nav li {
	list-style: none;
	font-weight:bold;
	margin-right:0.3em;
	display:block;
		text-align:right;
		clear:both;

}

* html #nav_static li, #nav li { text-align:right; }


.subnav_active { background:#FFF200; padding:0 0.5em; margin:0, 0.3em;}

.subnav_click { 	
	display:block;
	background:#FFF200; 
	background-image: url(./tab.gif);
	background-repeat: no-repeat;
	background-position:top left;
}

.subnav, .subnav_active { font-size:0.9em; padding-right:0.5em;}


.navpos { 	margin:60px 20px 20px 0; }


a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }



#latest { position:absolute; left:200px; top:50px; width:585px; padding-top:100px; }
#l-anchor { position:absolute; left:180px; top:0px; }
* html #latest { padding-top:10px; }
#latest_static { position:absolute; top:120px; left:190px; width:585px; }


#about { position:absolute; left:190px; top:1040px; width:585px;  padding-top:130px;}
#aboutoil_static { position:absolute; left:190px; top:140px; width:585px; }


#projects { position:absolute; left:180px; top:2085px; width:545px; padding-top:100px; }
#projects_static { position:absolute; left:170px; top:140px; width:545px; }

#projects img { margin-bottom:1em;} 

#contact { position:absolute; left:150px; top:3123px; width:810px; padding-top:140px; }
#contact_static { position:absolute; left:240px; top:52px; width:590px;  padding-top:100px;  }

#contact div.column, #contact h1, #contact_static div.column, #contact_static h1  { margin-left:400px; padding-bottom:0; padding-top:0; margin-top:0; }
#contact h1, #contact_static h1{ margin-top:30px; }

.pagestack { margin:0.8em 1em 1em 40px; }


.column {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='trans_bg.png');
		}

	.column[class] {
 	 background-image:url(trans_bg.png);
}

#projects .pagestack { margin-left:50px; }



.column a { color:#ffffff; background:#ff3399; padding:1px 0.2em; margin:0, 0.2em; }

#backnext a:hover, .column a:hover, .column a:active { border-bottom:2px solid black; }

#backnext
{
	overflow:auto; position:fixed; z-index:90; top:30px; right:47px; background:transparent;
}

#backnext a {
	border:0;
	background:none;
}


.footer
{
	clear: both;
	color: #330000;
	font-size: 0.8em;
	padding: 10px 0 20px 10px;
	margin-top: 50px;
	margin-right: 20px;
	border-top: 1px dotted #660000;
	border-bottom: 1px dotted #660000;
}


.footer[class] { margin-right: 20px; }

/* styles for site content */


h1
{
	font-weight: normal;
	line-height: 1em;
	margin: 20px 0 20px 0;
	padding: 0px;
	text-align:left;
}

* html h1 { font-size:15px; }

h2
{
	font-weight: normal;
	margin: 0 0 .2em 0;
	color:#999999;
}


h3
{
	display:inline;
	font-weight: normal;
	font-size: 1em;
	margin:0;
	padding: 0 0.3em;
	background:#fff200; 
}

h4
{
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 .4em 0;
	padding: 0px;
}


p
{
	padding: 0 0 0.1em 0;
	margin: 0.2em 0;
	display: block;
}

.column p { padding: 0 0 1em 0;  }



p.note, div.note
{
	font-style: italic;
	font-size: 0.9em;
}
 

.column ul
{
	margin-top: 0px;
	padding-top: 0px;
}


/* Do horizontal rules like this: <div class="hr"></div><hr />
div.hr {display: none}
/*/


div.hr
{
	clear: both;
	display: block;
	border-bottom: 1px dotted #660000;
	margin: .1em 0 0.5em 0;
}

* html div.hr
{
	border:0;
	padding: 1px;
	background: url(dot.gif) repeat-x bottom;
}


div.solid { border-bottom: 1px solid #660000; }
hr { display: none; }


/* styles for boxes */
.box
{
	background-repeat: no-repeat;
	float: left;
}

.box.fullwidth
{
	width: 98%;
	margin-left: 1.5em;
	margin-right: auto;
}

.no-margin { width:100%; margin-left:0; padding-left:0; }



.last
{
	margin-right: 0px;
	padding-right: 0px;
}


.thumbleft { padding: 0 0.6em 0 0; }


#content { padding:0; margin:0.5em 0 0 52px; }


* html #content
{
	/* IE only */
position:relative;
top:0;
left:0;
margin:0;
padding:0.5em 0 0 52px;
}



/* styles for columns */
.column
{
	float: left;
	margin-right: 0.8em;
}

.one { width: 99%; }
.two { width: 46%; }
.three { width: 30%; }
.four { width: 24%; }
.twothirds { width: 67%; }

.right-align { float:right; text-align:right; }



.column ul, .column ol
{
	list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: outside;
}



div.right
{
	float: right;
	padding-right: 0.5em;
}