<style type="text/css">
body {
	font-size:14px;
	/*line-height:         */
    background-color:	white;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #353535;  /*margin-left:        1px;*/
}
#whole_site {
	width:960px;
	background-color: /*#EFF1F1;*/
	margin: 		0px;
	border-color:   #C1BBBF;
	border-width:   1px;
	border-style:   solid;
	margin-right:	auto;
	margin-left:	auto;
	font-size:14px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #353535;
	background-color: #F4F4F4;
}
.container {
	background-color: #50C6B6;
}

.border {
	border: 1px solid #203521;
}


  
  #green_box{
	line-height:         1.2em;
	background-color:    #F1F1EF;
	align: top;
	height: 100%;
	position: relative;
	float:           right;
	width:349px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 15px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #E20532;
	border-right-color: #E20532;
	border-bottom-color: #E20532;
	border-left-color: #E20532;
	font-size:14px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #616161;
}
 #green_box_prod{
	line-height:         1.2em;
	background-color:    #EBEBE9;
	padding:             10px 10px 20px 10px;
	margin:              3px 3px 0px 7px;
	align: top;
	height: 100%;
	position: relative;
	float:           right;
	width:            362px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

#blue_box {
	line-height:         1.2em;
	background-color:    #EBEBE9;
	align:			   top;
	width:               540px;
	margin-top: 3px;
	margin-right: 340px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C4C7BC;
	border-right-color: #C4C7BC;
	border-bottom-color: #C4C7BC;
	border-left-color: #C4C7BC;	
 }
 
#blue_box1 {
	line-height: 1.2em;
	background-color: #EBEBE9;
	align: top;
	width: 250px;
	margin-top: 8px;
	margin-right: 640px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #504B76;
	border-right-color: #504B76;
	border-bottom-color: #504B76;
	border-left-color: #504B76;
 }
 #blue_box_prod {
	line-height:         1.2em;
	background-color:    #F4F4F4;
	align:			   top;
	width:               530px;
	margin-top: 3px;
	margin-right: 340px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ABABB8;
	border-right-color: #ABABB8;
	border-bottom-color: #ABABB8;
	border-left-color: #ABABB8;
 }  

#blue_box_alberto {
	line-height:         1.2em;
	background-color:    #EBEBE9;
	padding:             25px 15px 65px 15px;
	margin:              20px 220px 0px 220px;
	width:               520px;
	align: middle;
	border: thin solid #E20532;
	border-color: #D6D6D6;
	border-top-color: #D6D6D6;
 } 

.whole_site_quote {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #2E2E2E;
	text-align: left;
	line-height: 10pt;
}
#blue_box_results {
	line-height:         1.2em;
	background-color:    #DFDFDB;
	width:               820px;
	margin-top: 20px;
	margin-right: 250px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 65px;
	padding-left: 15px;
	height: 1450px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BCC5C7;
	border-right-color: #BCC5C7;
	border-bottom-color: #BCC5C7;
	border-left-color: #BCC5C7;
 } 

  
  #case_study {
	align: top;
	position: relative;
	width: 640px;
	float:           right;
	line-height:         1.3em;
	color:               #343D41;
	font-size:		   14px;
	background-color:    #EBEBE9;
	padding:       	   10px;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 40px;
	margin-left: 3px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CBCBC9;
	border-right-color: #CBCBC9;
	border-bottom-color: #CBCBC9;
	border-left-color: #CBCBC9;

  }

.case_study_org    {
	line-height: 1.9em;
	color:               #004975;
	font-size:		   14px;
	background-color:  #F4F4F4/*  #C6CAC9;*/
	padding:       	   10px;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 40px;
	margin-left: 250px;
	border: 1px solid #504B76;  
	line-height: 18px;
  }
    #case_study_org {
	line-height:         1.9em;
	color:               black;
	font-size:		   13px;
	background-color:  #F4F4F4; /* #81EBAB;*/
	padding:       	   20px;
	margin-top: 8px;
	margin-right: 80px;
	margin-bottom: 40px;
	margin-left: 80px;
	border: 1px solid #504B76;
	line-height: 19px;
  
  }
.whole_site_quote_normal {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #2E2E2E;
	text-align: left;
	line-height: 10pt;
}
  
  


	body p a:link { color: #007e7e; 
	text-decoration: none;
	border-bottom: thin dotted #007e7e;
}

	body p a:visited { 
	color: 				#333333; 
	text-decoration: 	none;
	border-bottom: 		thin dotted #333333;
  }
#p_one p {
	margin:	0px;
	padding:0px;
}

#p_one img {
	margin:0px;
	padding:0px;
}
#p_two p {/*horizontal above the navbar*/
	margin:			0px;
	padding:		1px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #FDFDFD;
		border-bottom: 1px solid #666;
		border-color: #C8C8C8
	
}
#p_three p {
	margin:			0px;
	padding:		0px;
	text-decoration:none;
	text-transform: uppercase;
    background color: #F2F2F2;
}
#p_two img {
	margin:	0px;
	padding:0px;
}


#three_images
{
	margin-top: 5px;
	text-align:left;
	border-top-color: #E4E7E6;
	border-right-color: #E4E7E6;
	font-size: 12px;
}
.three_images_spill_cstudy
{
	margin-top: 5px;
	text-align: left;
	background-color:#EBEBE9;
	border:1px solid #63A8D1;
	padding:  6px 5px 5px 6px;
	-webkit-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.three_blue
{
	margin-top: 5px;
	text-align: left;
	background-color:#60BAEA;
	border:1px solid red;
	padding:  6px 5px 5px 6px;
	-webkit-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.three_green
{
	margin-top: 3px;
	text-align: left;
	background-color:#93EEB7;
	border:1px solid red;
	padding:  6px 5px 5px 6px;
	-webkit-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.image_with_caption {
	float:none;
	text-align: center;
	/*border-width:1px;
	border-style:solid;
	border-color:red;
	*/
}
#navbar {
	font-family:	Verdana, Helvetica, Arial, sans-serif;
	color: 			#353535;
	font-size:		11px;
	font-weight:	normal;
	text-align:		center;
	padding: 		9px;
	text-decoration: none;
	background-color:#DFDFDB;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #B6B6B6;
}


#navbar a:link { 
	color: black;
	text-decoration:none;
}
#navbar a:visited {
	color:			#004638;
	text-decoration:none;
	border-bottom: 	none;
	background-color: #D8D8CB;
}
#navbar a:hover {
	background-color:	#8FC479;
	color: 				white;
	text-decoration:	none;
}
#navbar a:active {
	background-color:	black;
	color:				white;
	text-decoration:	none;
	}
#navbar a {
	margin-right:	10px;
	margin-left:	10px;
	margin-top: 	0px;
	margin-bottom: 	0px;
	
}
 #p_one {
	padding:        0px;
	margin:0px;
	background-color: #FBFCF7
}
#p_two {
	padding:      0px;
	margin:		0px;
	background-color: #F4F4F4;
}
#p_one img {
	margin:	0px;
	padding:0px;
}
#p_two p {
	margin:				0px;
	padding:			6px;
	
	text-decoration: 	none;
	text-transform: 	uppercase;
}
#p_two img {
	margin:	0px;
	padding:0px;
}
#alberto img{
	float:	left;
	margin: 6px 30px 20px 10px;

	/*border-width:1px;
	border-style:solid;
	border-color:red;
	*/
	
}


#body_about{
	font-size:           14px;
	/*line-height:       */
	background-color:	 #6DF1AA;
	font-family:         Helvetica, Arial, Verdana, sans-serif;
	/*margin-left:       1px;*/
}
#whole_site_about {
	width:				960px;
	background-color: 	#E0E0E0;
	margin: 			0px;
	margin-right:		auto;
	margin-left:		auto;
	border: 1px solid #B1AFB4;
	font-size:14px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #353535;
		
}

  #whole_site_white {
	width:				960px;
	background-color: 	#FFF;
	margin: 			0px;
	margin-right:		auto;
	margin-left:		auto;
	border: thin solid #B6B6B6;
		font-size:14px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #353535;
}
.grey-vert {
	background-color: #C0C0C0;
}

.alberto1 img{
	border-color: black;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}
.girl img{
	border-color: black;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	margin: 10px 6px 6px 6px
}


#blue_box_news {
  line-height:         1.2em;
  border-color:        #D5452F;
  border-width:        2px 2px 0px 0px;
  border-style:        solid;
  background-color:    #3AA9E4;
  padding:             15px;
  margin:              0px 340px 0px 0px;
  align:			   top;
  width:               540px;
  }
  
  .trademark
  {font-size: 16px;
  text-decoration: super-script;
  }
  
  
/* h2, h3, h4{
  color:        #00304C;
  line-height:  1.2em;
  }*/
  
  h1
  {
	line-height:120%;
	color:#004975  
	
  }
   h2
  {
	line-height:120%;
	color:#004975  
  }
     h3
  {
	line-height:120%;
	color:#004975  
  }

 /* h2
  {letter-spacing: .20pt
 }*/
 .redtextlarge
 {color: #D5442F;
 font-size: 160%;
 border: 0px;
 text-decoration: none;
 /* tried 6 differnt ways to get rid of underline in all browsers- I couldn't remember what to use but I'll look it up soon */
 }
.redtextmed {
	font-size: 110%;
	color: #D5442F;
	text-decoration: underline;
}
.redtextmed-sm{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #D5442F;
	line-height: normal;
}
.redtextsm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #D5442F;
	text-decoration: underline;
	line-height: normal;
}



 #three_images .col_image_with_caption {
	float: left;
	width: 30%;
	padding: 10px;
	background-color: #CFCFCF;
}
.clearfloat {
	clear: both;
	float: none;
	border:1px solid red;
}
#three_images .col2_image_with_caption {
	float: left;
	width: 260px;
	margin:5px;
	
}
#three_images .col2_image_with_caption p{
	width: 240px;

	
}
  #case_study_omv_girl {
	line-height:         1.9em;
	color:               black;
	border-color:        #D5452F;
	font-size:		   	14px;
	border-width:        1px;
	border-style:        solid;
	background-color:    #69ECA8;
	padding:     	10px 5px 20px 5px;
	margin-top: 	310px;
	margin-right: 	3px;
	margin-bottom: 	10px;
	margin-left: 	3px;
	  
  }
 #bottlewater_w img{
	float:		right;
	margin: 	50px 5px 5px 10px;
	border-width:1px;
	border-style:solid;
	border-color:#203521;
	
	
}
.leftdiv{
	float:left;
	width:320px;
	margin-right:20px;
	line-height: 16px;
	color: #004975;
}

.centerdivoil{
	float:left;
	width:400px;
	margin-right:102px;
	line-height: 16px;
	color: #004975;
	margin-left: 129px;
}
.centerdivoilgirl{
	float:left;
	width:600px;
	margin-right:10px;
	line-height: 16px;
	color: #004975;
	margin-left: 6px;
	text-align: left;
	background-color: #EEE;
}

.centerd{
	float:left;
	width:640px;
	
	line-height: 16px;
	color: #004975;
	margin-left: 129px;
	text-align: center;
}
.leftdivoil{
	float:left;
	width:320px;
	margin-right:2px;
	line-height: 16px;
	color: #004975;
	background-color: #EEE;
	font-size: 13px;
	text-indent: 2px;
	border-top-width: 1px;
	border-top-color: #CBCBC9;
	border-top-style: solid;
}
.rightdivoil{
	float:left;
	width:300px;
	
	line-height: 16px;
	color: #004975;
	background-color: #EEE;
	font-size: 13px;
	padding-left: 8px;
	margin-left: 1px;
	border-left-width: 1px;
	border-left-color: #CBCBC9;
	border-left-style: solid;
	border-top-width: 1px;
	border-top-color: #CBCBC9;
	border-top-style: solid;
}

.leftdiv2{float:left;
	width:340px;
	margin-right:20px;
	margin-bottom:28px;
}
.leftdivhome{
	float:left;
	width:260px;
	margin-right:2px;
	line-height: 16px;
	color: #004975;
	background-color: #EEE;
	font-size: 13px;
	text-indent: 2px;
	border-top-width: 1px;
	border-top-color: #CBCBC9;
	border-top-style: solid;
}
.rightdivhome{
	float:left;
	width:260px;
	
	line-height: 16px;
	color: #004975;
	background-color: #EEE;
	font-size: 13px;
	padding-left: 8px;
	margin-left: 1px;
	border-left-width: 1px;
	border-left-color: #CBCBC9;
	border-left-style: solid;
	border-top-width: 1px;
	border-top-color: #CBCBC9;
	border-top-style: solid;
}
/*.leftdivh1{
	float:left;
	width:190px;
	margin-right:20px;
	margin-bottom:10px;
	white-space: normal;
	display: inline;*/
	/*h1 { margin-top: 3em; margin-bottom: 1em; }*/
.redtextsmed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #D5442F;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6{
margin-bottom: 0px;
padding-bottom: 0px;
}
h1,h2,h3,h4,h5,h6{
margin-top: 0px;
padding-top: 1px;
}
.light_green_box {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-color: #BCCAAC;
	float: left;
	height: auto;
	width: auto;
	border: 1px solid #BEC9C1;
}

 strong
 {
	color:#3E3E3E
}
.block-gray-quarters {
	background-color: #E6E4DB;
	float: left;
	height: 20px;
	width:98%;
	padding: 0 0 0 0;
	background-image: none;
	horizontal-align: middle;
}
.block-gray-quarters-100 {
	background-color: #E6E4DB;
	float: left;
	height: 22px;
	width:100%;
	padding: 0 0 0 0;
	background-image: none;
	horizontal-align: middle;
	margin: 10px;
}
.block-gray-quarters-ob-tall {
	background-color: #E6E4DB;
	float: left;
	height: 38px;
	width:94%;
	padding: 6px 0 0 5px;
	background-image: none;
	horizontal-align: middle;
	margin: 0 0 12px 0;
}
.block-gray-quarters-ob {
	background-color: #E6E4DB;
	float: left;
	height: 25px;
	width:94%;
	padding: 6px 0 0 5px;
	background-image: none;
	horizontal-align: middle;
	margin: 0 0 12px 0;
}
.block-gray-quarters-lbr35 {
	background-color: #E6E4DB;
	float: left;
	height: 35px;
	width:94%;
	padding: 6px 2px 6px 5px;
	background-image: none;
	horizontal-align: middle;
	margin: 0 0 12px 0;
	font-size: 14px;
	font-weight: bold;
}
.block-l-green-quarters-lbr35 {
	background-color: #BEEFBF;
	float: left;
	height: 35px;
	width:94%;
	padding: 6px 2px 6px 5px;
	background-image: none;
	horizontal-align: middle;
	margin: 0 0 12px 0;
}
.block-gray-quarters-obh {
	background-color: #E6E4DB;
	float: left;
	height: 35px;
	width:99%;
	padding: 1px 0 0 4px;
	background-image: none;
	horizontal-align: middle;
	margin: 0 0 12px 0;
}
.block-gray-quarters-3 {
	background-color: #D0CEC1;
	float: left;
	height: 45px;
	width:91%;
	padding: 6px 0 0 5px;
	background-image: none;
	horizontal-align: middle;
	margin: 0 0 0 0;
}
.block-gray-quarters-2 {
	background-color: #D0CEC1;
	float: left;
	height: 44px;
	width:312px;
	padding: 4px; 0 0 4px;
	background-image: none;
	horizontal-align: middle;
	margin: 0 0 0 0;
}
/*the code below is for text beneath photos:
In the above example, we add the file google.gif left aligned and the image has dimensions 276x120.

Replace left with right if you want to right align the image box. You'll also need to modify the style:width of the <DIV> tag such it is equal to image width + 2.

You can also fiddle with the CSS to change the font name, size, border colors, background, margins, etc.*/

.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
<style type="text/css">

table.sample {
	border: 6px inset #8B8378;
	-moz-border-radius: 6px;
}
table.sample td {
	border: 0px solid black;
	padding: 0.2em 2ex 0.2em 2ex;
	color: black;
}
table.sample tr.d0 td {
	background-color: #EBEAE7;
}
table.sample tr.d1 td {
	background-color: #FEFEF2;
}
#grey {
	line-height:         1.2em;
	background-color:    #E7E7DC;
	width:               720px;
	text-align: middle;
	border: thin solid #E20532;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 106px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 65px;
	padding-left: 15px;
 } 

table.sample1 tr.d0 td {
	background-color: #EBEAE7;
}
table.sample1 tr.d1 td {
	background-color: #FEFEF2;
 h4 {
color: #00304C;
} 
	   
table.collapse {border-collapse: collapse;}

  
</style>

