@charset "UTF-8";
/* MAIN.CSS */

/* CSS Document for Probe Economics Web Site*/

/*copyright lynda.com 2011
CSS style sheet adapted from the great and powerful James Williamson of Lynda.com
*/

/* probe color palette

PROBE RED: #aa0000;
PROBE GRAY: #555f55;
TEXT: #999;

*/





/*Global styles -----------------------------------------------------------------------------------------------------------*/

/*limited reset*/
html, body, div, section, article, aside, header, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
	-webkit-text-size-adjust:none;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, nav, menu, nav, section, summary {
	display: block;
}

body {
	background-color: white;
	font-style: normal;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
}


.generalSection  {
	background-color: white;

}

.generalContent {
	color: #333;
	line-height: 2em;
	margin: 120px;
}


h1 {
	font-family: Helvetica, Arial, sans-serif;
	color: #aa0000;
	font-size: 2em;	
	line-height: 1.5em;
	margin: 2em 0 2em 0;
}


h2 {
	font-family: Helvetica, Arial, sans-serif;
	color:  #999;
	text-transform: capitalize;
	text-align: left;
	margin: .5em 0 .5em 0;
}

p, ol, ul {
	max-width: 767px; 
	margin-bottom: 2em;
}

p.navMenu {
	font-size: .8em;
	margin: -3em 0 4em 0;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a {
	color: #aa0000;
	border: none;
	text-decoration: none;
}

 a:hover {
	color: #555f55;
}


i {
	font-style: italic;
}

em {
	font-style: italic;
}

.textFig {
	font-variant-numeric: oldstyle-nums;
	font-family: Helvetica, Arial, sans-serif;
	}

hr {
	color:#aa0000;
	background-color: #aa0000;
	height:1px;
	border:none;	
	max-width: 767px;
	margin-left: 0;
}

hr.topRule {
	max-width: 100%;
	height: 10px;
}

#homePageNav {
	margin-top: 2%;
}

.left {
 	float: left;
 	padding: 0 20px 20px 0;
}

.moreInfo {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
}

.moreInfo a {
	border: none;
	text-decoration: none;
}

.moreInfo   a:hover {
	color:  #555f55;
}

.resetNormal {
	font-style: normal;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	font-size: 100%;
}

.small {
  font-variant: small-caps;
}

td {
	vertical-align: top;
}

td img {
	vertical-align: top;
	margin-top: -15%;
}

/* 	IMAGES */

img.logo {
	max-width: 400px;
	margin: 60px;
}

img.refinery {
	margin-bottom: -10px;
	max-width: 1024px;
	width: 100%;
}



/*GENERAL page styles -----------------------------------------------------------------------------------------------------------*/



/* WRAP-AROUND IMAGE 

#IDNNN {
	width: 256px;
	float: left;
	padding-top: .5em;
}

*/


.caption {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	font-size: .8em;
	letter-spacing: 0.5px;
}

/* 	CONTACT	 */

p.contentContact {
	font-family: Helvetica, Arial, sans-serif;
	color: #aa0000;
}


/* TABLE STYLES */

table { 
	margin:0 -40px;
    border-spacing: 40px;
    border-collapse: separate;
}

th {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	color:  red;
	letter-spacing: 0.5px;
	text-transform: capitalize;
	text-align: left;
}



td {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	letter-spacing: 0.5px;
	color: #333;
	margin-left: 2em;
	border-top: 1px solid red;
	padding-top: 1em;
	padding-right: 1em;
	line-height: 2em;
}





/*Footer styles -----------------------------------------------------------------------------------------------------------*/

footer {
	background-color: #333;
	color: #999;
	padding: 3em 0 3em 0;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
}

footer p {
	margin: 120px;
	line-height: 1.5em;
}

footer a {
	color: #ccc;
	border: none;
	text-decoration: none;
}

footer a:hover {
	color: white;
}


/*  MEDIUM SCREENS  ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1200px) /* and (-webkit-min-device-pixel-ratio: 2) */ {

.generalContent {
	color: #333;
	line-height: 2em;
	margin: 80px;
}

h1 {
	font-size: 2em;
}
	
	footer p {
	margin: 80px;
	line-height: 1.5em;
}

img.logo {
	max-width: 400px;
	margin: 40px;
}

}




/*  SMALL SCREENS  ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 767px) /* and (-webkit-min-device-pixel-ratio: 2) */ {

.generalContent {
	color: #333;
	line-height: 2em;
	margin: 10%;
}

h1 {
	font-size: 1.5em;
}

p, ol, ul {
	max-width: 1024px; 
	margin-bottom: 2em;
	font-size: 1.2em;

}

p.navMenu {
	font-size: 1em;
	margin: 2em 0 4em 0;
}

img.logo {
	max-width: 300px;
	margin: 10%
}

/* footer styles */

footer p {
	margin: 10%;
	line-height: 1.5em;
}

/* END SMALL SCREEN */
}


/* ENDS SMALL SCREEN QUERY */

/* BEGIN PORTRAIT SMALL SCREEN QUERY */

@media screen and (max-device-width: 767px) and (orientation: portrait) {
.generalContent {
	color: #333;
	line-height: 2em;
	margin: 10%;
}

h1 {
	font-size: 1.5em;
}

p, ol, ul {
	max-width: 1024px; 
	margin-bottom: 2em;
	font-size: 1.2em;
}

p.navMenu {
	font-size: 1em;
	margin: 2em 0 4em 0;
}

img.logo {
	max-width: 256px;
	margin: 10%
}

footer p {
	margin: 10%;
	line-height: 1.5em;
}


}
	
/* END PORTRAIT SMALL SCREEN QUERY */