/*------------------------------
Author: Dennis Huh

	Table of Contents
	
	01. Top Information
		01 a. Top Information Left Text
		01 b. Top Information Main Form
			01 b i. Main Form Left inputs
			01 b ii. Main Form Right inputs
			01 b iii. Main Form Submit
	02. Main Content
		02 a. Main Content Columns
			02 a i. Columns UL
			
---------------------------------*/

/*--------------------------------
		01. Top Information
----------------------------------*/

#top-information{
  float: left; 
  clear: both;
  width: 980px;
  height: 348px;  background: url(../images/main-back.jpg) no-repeat top left;
}

/*--------------------------------
		01 a. Top Information Left Text
----------------------------------*/
#text-information{
  width: 380px;
  float: left;
  padding: 70px 0 0 30px;
}

#text-information h1{
  font-size: 25px;
}

#text-information p.big-text{
  color: #0852a3;
  font-size: 24px;
  font-style: italic;
  font-family: "times new roman", serif;
  font-weight: bold;
  margin: 0 0 6px 0;
}


#text-information p#start-today{  background: url(../images/big-blue-arrow.gif) no-repeat left top;
  width: 395px;
  height: 60px;
  display: block;
  color: #ffff99;
  font-size: 25px;
  font-weight: bold;
  padding: 8px 0 0 30px;
  margin: 0 0 0 -20px;
}

#text-information p#start-today em{
  color: #fff;
}


#text-information p{
  margin: 0 0 10px 0;
}

/*--------------------------------
		01 b. Top Information Main Form
----------------------------------*/

#main-form{
  float: right;
  width: 320px;
  margin: 20px 0 0 0;
}

#main-form p#form-header{
  color: #fff;
  font-family: arial, verdana, "san-serif";
  font-style: normal;
  padding: 4px 0 0 25px;
  margin: 0;
  font-size: 25px;
  font-weight: bold;
}

/*--------------------------------
		01 b i. Main Form Left inputs
----------------------------------*/


select{
  width: 115px;
  height: 24px;
  border: 1px solid #999;
}

/*--------------------------------
		01 b ii. Main Form Right inputs
----------------------------------*/
#name-info{
  float: left;
  width: 250px;
  padding: 15px 0 0 30px; 
}

#name-info p{
}

#name-info input{
  width: 245px;
  height: 24px;
  border: 1px solid #999;
  
}

#zip-date{
padding: 0 0 0 30px;
width: 300px;
clear: both;
}

#zip-date p{
	width: 80px;
	float: left;
}

#zip-date label{
display: block;
height: 20px;

}

#zip-date div{

width: 80px;
float: left;
}

#zip-date div label{
padding: 2px 0 0 0;
height: 18px;
}

#zip-date p{
width: 87px;
float: left;

}

#zip-date input{
width: 70px;
  height: 24px;
  border: 1px solid #999;
}

#dwell-info{
padding: 0 0 0 30px;
margin: 0 0 10px 0;
}

#dwell-info select{
width: 245px;
  height: 24px;
  border: 1px solid #999;
}

/*--------------------------------
		01 b iii. Main Form Submit
----------------------------------*/
.btnSubmit{
  float: left; 
  clear: both;  background: url(../images/submit.gif) no-repeat right top;
  width: 273px;
  height: 45px;
  border: none;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
}

.btnSubmit:hover{  background: url(../images/submit.gif) no-repeat right bottom;
}


/*--------------------------------
		02. Main Content
----------------------------------*/

#main-content{
  float: left;
  clear: both;
  background: #fff;
  padding: 25px 0 0 15px;
  width: 965px;
}

#main-content p#main-content-head{
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: bold;
  color: #37507d;
  margin: 0 0 20px 0;
  padding: 0;
}

/*--------------------------------
		02 a. Main Content Columns
----------------------------------*/
.column{
  width: 305px;
  float: left;
  margin: 0 15px 10px 0;
}

#column-1{
  padding: 0;
  width: 295px;
}

/*--------------------------------
		02 a i. Columns UL
----------------------------------*/
#main-content ul{
  float: left;
  clear: both;
  margin: 0 0 20px 0;
  width: 290px;
  padding: 0;
}

#main-content ul li{
  font-size: 12px;
  line-height: 160%;
  color: #666666;
  margin: 0;
}

#main-content .img-container{
  margin: 0 0 25px 0;
}

#main-content .img-container h2{
  font-size: 14px;
  font-weight: bold;
}

#main-content div img{
  float: left;
  background: #fff;
  padding: 2px;
  border: 1px solid #cccccc;
  margin: 0 10px 30px 0;
}

#main-content .img-container p{
  margin: 0 0 5px 0;
  font-size: 11px;
  height: 70px;
}

#main-content .img-container a{
  font-size: 11px;  background: url(../images/small-arrow.gif) no-repeat right center;
  padding: 0 15px 0 0;
  margin: 0 15px 0 0;
}


#main-content .img-container a.image{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}


#main-content ul.arrow-links{
  width: 170px;
  float: left;
  clear: none;
}


#main-content ul.smaller-link{
  width: 135px;
  float: left;
}


#main-content ul.arrow-links li a{
  font-size: 12px;
  padding: 0 0 0 13px;  background: url(../images/checkmark.gif) no-repeat left center;
}

#main-content .float-image img{
  float: left;
  margin: 0 15px 15px 0;
  border: none;
}

#main-content .float-image a{
  display: block;
}