body{
margin:0;
padding:0;
line-height:150%;
background:url(assets/bg.jpg)  repeat-x top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

b{font-size: 110%;}
em{color:darkblue;}
p{line-height:155%;}
#leftcolumn .innertube p.boldblue{ 
font-weight:bold;
color:#003366;}

li {font-size:70%; color:#003366; line-height:160%;}

.datetime{
color:#888888;
font-size:0.7em;
}

#Coming {

	position:absolute;
	background:url(assets/comingsoon.png);
	width:600px;
	height:550px;
	left:auto;
	z-index:99;
}
address {
color:#666666; padding:7px; font-size:65%; margin-bottom:10px; line-height:130%;
}


.thedate {float:right;}

/* menu */

#gas
{
  display: block;
  width: 200px;
  height: 170px;
  background: url("assets/gas.jpg") no-repeat 0 0;
  
  
padding:0 0px 0 0px; 
}

#gas:hover
{ 
  background-position: 0 -170px;
  cursor:pointer;
}

#gas span
{
  display: none;
}
#oil
{
  display: block;
  width: 200px;
  height: 170px;
  background: url("assets/oil.jpg") no-repeat 0 0;
  
  
padding:0 0px 0 0px; 
}

#oil:hover
{ 
  background-position: 0 -170px;
  cursor:pointer;
}

#oil span
{
  display: none;
}
#offshore
{
  display: block;
  width: 200px;
  height: 170px;
  background: url("assets/offshore.jpg") no-repeat 0 0;
  
  
padding:0 0px 0 0px; 
}

#offshore:hover
{ 
  background-position: 0 -170px;
  cursor:pointer;
}

#offshore span
{
  display: none;
}

#language
{
  display: block;
  width: 186px;
  height: 24px;
  background: url("assets/languages.jpg") no-repeat 0 0;
  float:right;
  clear:both;
padding:0 0px 0 0px; margin:6px 37px 0 0; 
}

#language:hover
{ 
  background-position: 0 -24px;
  cursor:pointer;
}

#language span
{
  display: none;
}

#home
{

  display: block;
  width: 115px;
  height: 38px;
  background: url("assets/but_home.jpg") no-repeat 0 0;
  float:right;
padding:0 1px 0 1px; margin:0; 
}

#home:hover
{ 
  background-position: 0 -38px;
  cursor:pointer;
}

#home span
{
  display: none;
}

#aboutus
{
  display: block;
  width: 115px;
  height: 38px;
  background: url("assets/but_about.jpg") no-repeat 0 0;
  float:right;
padding:0 1px 0 1px; margin:0; 
}

#aboutus:hover
{ 
  background-position: 0 -38px;
  cursor:pointer;
}

#aboutus span
{
  display: none;
}

#services
{
  display: block;
  width: 115px;
  height: 38px;
  background: url("assets/but_services.jpg") no-repeat 0 0;
  float:right;
padding:0 1px 0 1px; margin:0; 
}

#services:hover
{ 
  background-position: 0 -38px;
  cursor:pointer;
}

#services span
{
  display: none;
}

#training
{
  display: block;
  width: 115px;
  height: 38px;
  background: url("assets/but_training.jpg") no-repeat 0 0;
  float:right;
padding:0 1px 0 1px; margin:0; 
}

#training:hover
{ 
  background-position: 0 -38px;
  cursor:pointer;
}

#training span
{
  display: none;
}

#methods
{
  display: block;
  width: 115px;
  height: 38px;
  background: url("assets/but_methods.jpg") no-repeat 0 0;
  float:right;
  padding:0 1px 0 1px; margin:0; 
}

#methods:hover
{ 
  background-position: 0 -38px;
  cursor:pointer;
}

#methods span
{
  display: none;
}

#media
{
  display: block;
  width: 115px;
  height: 38px;
  background: url("assets/but_media.jpg") no-repeat 0 0;
  float:right;
padding:0 1px 0 1px; margin:0; 
}

#media:hover
{ 
  background-position: 0 -38px;
  cursor:pointer;
}

#media span
{
  display: none;
}

#leftcolumn .innertube #latestnews hr{
background:#cccccc; border:none; height:1px;}

#icons {
width:auto;
float:right;
margin-right:8px;
}

#icons img {
margin:0 10px 10px 0;
}

#wedo {
padding:5px;
margin:0 5px 14px 5px;
border:1px solid #dddddd;
background:#eeeeee;
}

a{
color:#CC0000;
letter-spacing:-.3px;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

h2 {
color:#389afd;
font-size:0.9em;
margin:0 0 0 5px;
padding:0;
}

#leftcolumn .innertube p{ 
color:#000;}

p.showcase_copy{
width:215px;
float:right;
clear:right;
}

p.showcase_copy a{
font-weight:bold;
}

a.casestudy_link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.65em;
font-weight:bold;
color:#2d386d;
text-decoration:none;
}

h6 {
background:#ec8c22;
color:#FFFFFF;
font-size:0.9em;
font-weight:normal;
padding-left:10px;
margin:0;
}

.arrow {
float:right;
margin-right:7px;
margin-top:3px;
border:none;
}

#casestudy{
text-align:right;
}

#casestudy a:hover{
color:#CC0000;
}

#study {
width:200px;

margin:0 0x 0 15px;

float:right;
}

#showcase_smallpic{
float:left;
margin-top:5px;
width:140px;

}

h4 {
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
font-weight:normal;
line-height:110%;
margin:0;
}

img.pic_center{
text-align:center;
padding:3px;
border:1px solid #999999;
margin-top:5px;
}

#paintwrap{
background:url(assets/paintwrap.jpg) no-repeat top center;
height:500px;
}

#maincontainer{
width: 964px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#bannersection{
background: #CC9900;
height: 239px; /*Height of top section*/
}

#breadcrumbs{
background: url(assets/bg_adbar.jpg) top repeat-x;
height: 36px; /*Height of top section*/
}

#breadcrumbs p{
margin:0;
padding:8px 0 0 50px;
float:left;
font-size:0.70em;
color:#000000;
font-family:Arial, Verdana, sans-serif
}

#breadcrumbs p strong{
color:#666666;
}

#clientlounge{
float:right;
height:27px;
background:url(assets/clientlounge_bg.jpg) top repeat-x;
width:221px;
padding:0;
}

#topsection{
height: 87px; /*Height of top section*/
background: url(assets/header_top.jpg) left top no-repeat;
}

#topsection img{

margin-left:25px;
float:left;
}

#topsection {
margin: 0;
padding: 0;
}

#toplinks {
color:#FFFFFF;
font-size:0.7em;
float:right;
margin:19px 37px 0 0;
clear:both;
padding:0;
font-family:Arial, Verdana, sans-serif;
}


#toplinks span {
float:left;
display:block;
list-style:none;
margin:0 1px 0 0;
padding:0 0 0 0;
text-align:center;
}

#toplinks span a {
text-decoration:none;
color:#FFFFFF;
}

#toplinks span a:hover {
color:#fae5b0;
}

.highlight {
background-color:#5b6490;
}

#toplinks li:hover {
/*background-color:#5b6490;*/
cursor:pointer;
}

#contentwrapper{
float: left;
width: 100%;
padding-top:30px;
background:#FFFFFF url(assets/content_top_shadow.jpg) top repeat-x;

}

#contentcolumn{
margin: 0 295px 0 50px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
margin-top:15px;
margin-bottom:15px;
}

#twocolumn{
margin: 0 0px 0 239px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
margin-top:15px;
margin-bottom:15px;
}

#leftcolumn{
float: left;
width: 239px; /*Width of left column in pixel*/
margin-left: -856px; /*Set margin to that of -(MainContainerWidth)*/
margin-top:15px;
/* background:url(assets/lines.jpg) repeat-y right top; */
margin-bottom:15px;
}

#rightcolumn{
float: left;
padding-left:50px;
width: 255px; /*Width of right column*/
margin-top:45px;
margin-left: -305px; /*Set left margin to -(RightColumnWidth)*/

margin-bottom:0;
padding-bottom:0;
}

#footer{
clear: left;
width: 100%;
background: url(assets/footer_bg.jpg) repeat;
color: #FFF;
text-align: center;
padding: 0 0 4px 0;
height: 115px;

}

#footer p.whatwedo{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:140%;
color:#bab7b7;
text-align:center;
}

#footer p.links{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:140%;
color:#000000;
text-align:center;
}

#footer p.address{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:140%;
color:#000000;
text-align:center;
}

#footer a{
color:#000000;
}

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

.innertube{
margin: 15px 15px 15px 0; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}



.innertube h5{
margin:0;
padding:0;
height:30px;
background:url(assets/titles_line.jpg) bottom repeat-x;
margin-bottom:15px;
}

#contentcolumn .innertube p{
margin:10px 5px;
padding:0;
font-size:0.7em;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#twocolumn .innertube p{
margin:10px 5px;
padding:0;
font-size:0.7em;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#leftcolumn .innertube p{
margin:10px 5px;
padding:0;
font-size:0.7em;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#leftcolumn .innertube #latestnews h4{
font-size:1em;
color:#000000;
margin:0 0 0 5px;
padding:0;
}

#leftcolumn .innertube #latestnews p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
line-height:130%;
color:#666666;
padding:0;
margin:0 0 0 5px;
}

#rightcolumn .innertube #buzz{

}

#rightcolumn .innertube #buzz p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
line-height:130%;
color:#666666;
}

#clientlounge p{
color:#ffffff;
margin-left:0px;
}

#rightcolumn .innertube p{
margin:10px 5px;
padding:0;
font-size:0.7em;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contentcolumn .innertube p.showcase_quote{
background:url(assets/quotes_bg.jpg); border:1px solid #bbbbbb;
margin:0 0 5px 0;
width:344px;
padding:9px;
line-height:160%;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#777777;
}

#contentcolumn .innertube h3 {
padding:0;
margin:15px 0 5px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
letter-spacing:-.3px;
font-weight:normal;
color:#CC0000;
}

#twocolumn .innertube h3 {
padding:0;
margin:15px 0 5px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
letter-spacing:-.3px;
font-weight:normal;
color:#777777;
}

.returnul a{
text-decoration:none;
color:#666666;
font-weight:normal;
}

.returnul a:hover{
text-decoration:underline;
color:#cc0000;
font-weight:normal;
}

.returnul {
font-size:0.7em;
margin-left:-15px;
}

.returnli {
list-style:none;
background-image: url(assets/more_greaterthan.jpg);
background-repeat: no-repeat;
background-position: 10px;
padding-left: 30px; 
margin-left:-30px;
}

#clients {
float:left;   padding:10px 10px; margin:2px 10px 10px 0; text-align:left; border:1px solid #bbb; background:#F9F9F9;
}

#clients img {
border:1px solid #ddd;
}

#footer .footerlight {
text-decoration:none;
color:#CC0000;
}

#portfolio {
float:left; width: 276px; height:145px;  margin:0 0 50px 10px;  background:#eeeeee;
}

#portfolio #portbase {width: 276px; height:26px; background:#ebebeb; clear:both; margin:0; padding:0;
}

#portfolio #portbase img {
float:right; margin:6px 10px 0 0; border:none; padding:0;
}

#portfolio #portbase #icons {
float:left; width:120px; border:none; margin:2px 0 0 8px;
}

#portfolio img {
border:1px solid #999999; background:#FFFFFF; padding:4px; margin:5px 0 12px 12px;float:left;
}

#portfolio #portcontainer a{
 color:#3b4576;
 text-decoration:none;
}

#portfolio #portcontainer a:hover{
 color:#CC0033;
}

#portfolio #portcontainer{
 float:left; margin:5px 0 0 10px; padding:0 5px 0 0; 
}
#portfolio #portcontainer p.title {
color:#3b4576; font-size:0.8em;line-height:130%; font-weight:bold;  margin-bottom:0; 
}
#portfolio #portcontainer p {
color:#555555;font-size:0.6em; 
}

select#filter {
width:145px;
border:1px solid #bbb;
margin-bottom:15px;
margin-left:5px;
}

input#filter {
float:right;
width:auto;
color:#FFFFFF;
background-color:#71a0c0;
border:1px solid #bbb;
margin-bottom:15px;
margin-left:5px;
}

table#legend td {
font-size:.65em;
padding-left:4px;
font-weight:bold;
color:#2d386d;
}

table#legend img {
margin-right:7px;
}

p.showcase_quote{
background:url(assets/quotes_bg.jpg); border:1px solid #bbbbbb;
margin:0 0 5px 0;
width:344px;

line-height:160%;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#777777;
}

#stats {
text-align:right;
width:auto;
float:right;
margin:7px 15px 0 0;
}

#stats p {
line-height:180%;
}

h1 {
font-size:1.3em;
font-weight:normal;
font-family:Verdana, Georgia, "Times New Roman", Times, serif;
margin-left:5px;
padding-top:15px;
padding-bottom:10px;
border-bottom:1px solid #dddddd;
color:#295480;
letter-spacing:-1px;
margin-bottom:10px;
}

hr {
height:1px;
color:#dddddd;
margin:30px 5px 20px 5px;
}

p#daycreated {
font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;   color:#FFFFFF !important; background-color:#1F1D1D; margin-bottom:1px; padding:0 2px;
}

img.news {
border:1px solid #dddddd;
margin:0 5px 10px 10px;
padding:7px;
background-color:#eeeeee;
float:right;
}

img.wedo {

margin:5px 10px 10px 5px;
background-color:#eeeeee;
float:left;
clear:right;
}

#wedo p {
clear:right;
}

p.note { 
 background:#FFFFCC; border:1px solid #dddddd;
}

#clientform input, textarea {
	font-size: 10pt;
	font-family: Arial, san-serif;
	padding: 3px;
	}

#clientform fieldset {
	font-size: 10pt;
	background: #ebebeb;
	padding: 5px 20px;
	border: solid 1px #d1d1d1;
	margin-bottom: 10px;
	margin-left:5px;
	margin-right:5px;
	}

#clientform legend {
	color: #000;
	font-size: 13pt;
	padding: 5px 10px;
	}

.field_description {
	color: #a5a5a5;
	font-size: 9pt;
	
	}

.required_field {
	color: #ff0000;
	font-weight: bold;
	}

#cases {
  padding:0px; margin:0; text-align:left; float:left; width:281px;
}

#cases img {
border:none; ; 
}
#cases h1 {
font-size:1em;  margin:0; clear:left;
}

#cases p {
font-size:2em;  margin:0; padding:0;
}

#cases p.viewcase {
background:#666666; width:30px; padding:5px; float:right; text-align:center;
}
#cases p.viewcase a {
color:#ffffff;
}

/*
	Sitemap Styler 	 
*/

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
	font-size:0.85em;

}
#sitemap{}
#sitemap ul{
	display:none;
}
#sitemap li{
	line-height:200%;
	margin-top:1px;
	background:#eee;
	position:relative;
	width:100%;
	padding:3px 0;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px; text-decoration:none;	color:#333333;}
#sitemap li a:hover {color:#CC0000; text-decoration:underline;}
#sitemap li span{float:left;position:absolute;top:7px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}

/* etc. */

/*  */

#results {
font-size:65%; margin:3px; line-height:160%;
}

#results td {padding:5px;border:1px solid #dddddd; vertical-align:text-top;}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	font-size:70%;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	line-height:150%;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(assets/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(assets/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(assets/bubble.gif) no-repeat bottom;
}

form#lounge {
 padding:30px 40px; text-align:right; font-size:120%; font-family:Georgia, "Times New Roman", Times, serif; color:#003366;
}

#cabinet a{
text-decoration:none; font-size:120%; 
}

#cabinet a:hover{
text-decoration:underline;
}

#cabinet {
	 width:400px; 
}

#cabinet i{
	 color:#003399;
}

#cabinet tr {
margin:0; padding:0;
}

#cabinet td {
border-bottom:1px solid #dddddd;margin:0; padding:3px 10px; color:#aaaaaa; font-size:70%;
}

#scrollbar {
border:1px solid #dddddd; height:286px; width:420px; overflow:auto; 
}

#menu {font-size:0.7em;
float:right;
margin:19px 37px 0 0;
clear:both;
padding:0;}



#home { display: block; width: 115px; height: 38px; background: url("assets/but_home.jpg") no-repeat 0 0;float:left;}
#home:hover { background-position: 0 -38px; cursor:pointer; }
#home span { display: none; }

#aboutus { display: block; width: 115px; height: 38px; background: url("assets/but_about.jpg") no-repeat 0 0;float:left;}
#aboutus:hover { background-position: 0 -38px; cursor:pointer; }
#aboutus span { display: none; }

#services { display: block; width: 115px; height: 38px; background: url("assets/but_services.jpg") no-repeat 0 0;float:left;}
#services:hover { background-position: 0 -38px; cursor:pointer; }
#services span { display: none; }

#training { display: block; width: 115px; height: 38px; background: url("assets/but_training.jpg") no-repeat 0 0;float:left;}
#training:hover { background-position: 0 -38px; cursor:pointer; }
#training span { display: none; }

#methods { display: block; width: 115px; height: 38px; background: url("assets/but_methods.jpg") no-repeat 0 0;float:left;}
#methods:hover { background-position: 0 -38px; cursor:pointer; }
#methods span { display: none; }

#media { display: block; width: 115px; height: 38px; background: url("assets/but_media.jpg") no-repeat 0 0;float:left;}
#media:hover { background-position: 0 -38px; cursor:pointer; }
#media span { display: none; }