/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background: #8C9BCF url(../images/background.png) repeat-x scroll top;
/*	background: #FFFFFF;*/
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

p, li {
  font-size: 1.4em;
}

ul {
  padding: 0 0 0 2em;
}
li {
  padding: 0 0 0 0.5em;
}


h1, h2, p {
  margin: .7em 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #992121;
}

#wrapper {
  background-color: #fff;
}

#branding {
  height: 8.1em;
  text-align: center;
  background: url(../images/pumpinglogo.png) no-repeat left top;
}

#branding div#inner {
  height: 8.1em;
  background: url(../images/tuffjonlogo.png) no-repeat right top;
}

#branding h1 {
  margin: 0;
}

div#mainNav {
  width: 100%;
  height: 4em;
  margin: 0;
  text-align: left;
  clear:both;
  background: #3853A4 url(../images/navbar.png) repeat-x scroll top;
}

div#mainNav ul{
  list-style: none;
  height: 3em;
  padding-left: 10px;
}

div#mainNav ul li {
  float: left;
  padding: 1em 7px 2px 7px;
  background: transparent;
  margin-right: 15px;
}

div#mainNav ul li a {
  color: #eee;
  display:block;
  text-decoration: none;
}

div#mainNav ul li a:hover {
  color: #333;
  background-color: #fff;
}

#secondaryContent {
  background-color:#dcdcdc;
}

#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
}

#secondaryContent p {
  font-size: 1.2em;
}


#footer {
  background-color:#b0b0b0;
  padding: 1px 20px;
  text-align: center;
}



/* The Core Technique
================================= */

body {
  text-align: center;
  min-width: 760px;
}

#wrapper {
  width: 98%;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #666;
}
/*
#mainNav {
  width: 23%;
  float: left;
}
*/

#content {
  width: 100%;
  float: right;
  background-color: #FFF;
}

#mainContent {
	width: 70%;
	margin: 0;
	float: left;
	padding: 7px 4% 7px 2%;
	text-align: left;
}

#fullContent {
  width: 96%;
  margin: 0;
  float: left;
  padding: 7px 2% 7px 2%;
}
#secondaryContent {
  width: 21%;
  min-width: 10em;
  /*display: inline;*/ /* :KLUDGE: Fixes IE double margin float bug */
  float: right;
  padding: 5px;
}

#footer {
  clear: both;
}

/* add some padding to the contentse in the main nav and secondary content areas */

#secondaryContent {
  padding-top: 10px;
  padding-bottom: 10px;
}

#secondaryContent * {
 padding-left: 10px;
 padding-right: 10px;
}

#secondaryContent * * {
 padding-left: 0;
 padding-right: 0;
}

img#pumpingLogo {
  border: 0;
  float: left;
  margin: 3px 3px 3px 10px;
  display: none;
}

img#tuffJonLogo {
  border: 0;
  float: right;
  margin: 3px 10px 3px;
  display:none;
}

div#logoTitle {
  height: 7.5em;
  position: relative;
  width: 100%;
}

div#branding div#inner div {
  font-size: 2.0em;
  font-weight: bold;
}

ul.listing li{
  font-size: 18px;
}

ul.listing li li {
  font-size: 14px;
}

ul.imageblock {
  list-style: none;
  display: inline;
}

ul.imageblock li {
  float: left;
}

ul.imageblock li a img{
  border: 1px solid #000000;
  height: 100px;
}

div.infoblock {
  background-color: #EEE;
  padding: 0 7px 0 7px;
  clear: both;
  min-height: 390px;
}

div.infoblock h1, h2, h3, h4, h5, h6 {
  color: #213599;
}

.infoblock div {
  clear: both;
}

.infoblock div.feature {
  clear: none;
  float: left;
  margin: .5em;
}

table tr td div.infoblock {
  width: 90%;
  padding: 0 5px 0 5px;
}

div.feature h3 {
  padding-left: 24px;
}

div#contactInfo {
  text-align: center;
  font-size: 1.4em;
  color: #992121;
}

.divider {
  display: block;
  background-color: #992121;
}