/* Thanks for stopping by to look at my CSS. I'm flattered. - ejg */
.blue {
  color: #00aeef;
  font-weight: bold;
}

body {
  background-color: #FFF;
  text-align: center;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#container {
  margin: 0 auto;
  text-align: left;
  width: 960px;
}

#header h1 {
  font-family: 'Nobile', arial, serif;
  font-size: 50px;
  font-weight: bold;
  letter-spacing: -2px;
  padding-top: 24px;
  margin: 0;
}

#container h2 {
  color: #bbbbbb;
  font-family: 'Molengo', arial, serif;
  font-size: 50px;
  letter-spacing: -2px;
  margin: 0;
}

div.bluebox {
  background-image: url(images/blue-box.png);
  background-repeat: no-repeat;
  height: 345px;
  width: 295px;
}

div.bluebox h3 {
  color: #ecf1f3;
  font-family: Arial, 'Nobile', serif;
  font-size: 40px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 10px;
  text-align: center;
}

div.bluebox hr {
  background-color: #00aeef;
  border: 2px dotted #cccccc;
  border-style: none none dotted;
  color: #ecf1f3;
  text-align: center;
  width: 80%;
}


div.bluebox p {
  color: #ecf1f3;
  font-family: Arial, 'Nobile', serif;
  font-size: 16px;
  padding: 2px 12px;
  text-align: center;
}


div.col1 {
  float: left;
  width: 320 px;
}

div.col2 {
  float: left;
  width: 320px;
}

div.col3 {
  float: right;
  width: 320px;
}

div.colLeft {
  font-family: 'Molengo', arial, serif;
  margin-left: 0px;
  width: 480px;
}

div.colLeft h3 {
  color: #555;
  font-family: 'Molengo', arial, serif;
  font-size: 24px;
  letter-spacing: -2px;
  margin: 0;
}

div.colLeft p {
  font-family: Arial, 'Nobile', serif;
  padding: 0px 8px 8px 0px;
}

div.colRight {
 float: right;
 width: 480px;
}

div.colRight h3 {
  color: #555;
  font-family: 'Molengo', arial, serif;
  font-size: 24px;
  letter-spacing: -2px;
  margin: 0;
}

div.colRight p {
  font-family: Arial, 'Nobile', serif;
  padding: 0px 8px 8px 0px;
}


#header {
  /*background-image:url(images/head.png);
  background-repeat: no-repeat; */
  margin: 0 auto;
  height: 140px;
  text-align: left;
  width: 960px;
}

#header h1 {
  /* display: none; */
}

hr {
  background-color: #FFF;
  border: 2px dotted #cccccc;
  border-style: none none dotted;
  color: #FFF;
  width: 960px;
}

img { border: none; }

.imgLeft { float: left; }

#subhead p {
  color: #555;
  font-family: 'Nobile', arial, serif;
  font-size: 34px;
  line-height: 40px;
  margin: 0;
}

.strong {
  color: #333;
  font-weight: bold;
}

/* Slider */
#slider{
  font-family: 'Nobile', arial, serif;
}	

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:480px;
	height:300px;
	overflow:hidden; 
	}
	
#prevBtn a, #nextBtn a{
  display: none;
}