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

	Table of Contents
	
	01. Wrapper
	02. Breadcrumb
	03. Middle Content
		03 a. Middle Content UL Checkmarks
		03 b. Middle Content OL
		03 c. Middle Content UL Short Columns
	04. Sidebar
		04 a. Right Sidebar Side Form
		04 b. Side Form Left Info
		04 c. Side Form Right Info
		04 d. Side Form Submit

			
---------------------------------*/

/*--------------------------------
		01. Wrapper
----------------------------------*/
#two-column #main-content{
  float: left;
  clear: both;
  background: #fff;
  padding: 15px 0 0 15px;
  width: 965px;
}

/*--------------------------------
		02. Breadcrumb
----------------------------------*/
#bread-crumb{
  width: 98%;
  border-bottom: 1px solid #e1e1e1;
  height: 30px;
  margin: 0 0 20px 0;
  
}

#bread-crumb p{
  color: #ff0000;
}

#bread-crumb a{
  font-weight: normal;
}

#bread-crumb strong{
  color: #666;
  font-weight: normal;
}

/*--------------------------------
		03. Middle Content
----------------------------------*/

#middle-content{
  width: 670px;
  float: left;
  padding: 0 10px 0 10px;
  margin: 0 0 20px;
}

#middle-content h1{
  color: #133066;
  font-size: 22px;
  padding: 0;
  font-weight: bold;
}

#middle-content h2{
  font-size: 18px;
  margin: 0 0 7px 0;
}

#middle-content img{
  float: left;
  margin: 0 10px 10px 0;
  padding: 2px;
  border: 1px solid #eee;
}

#middle-content ul{

}

#middle-content ul li a{
	font-size: 12px;
}

/*--------------------------------
		03 a. Middle Content UL Checkmarks
----------------------------------*/
#two-column #main-content ul.checkmarks{
  margin: 10px 0;
  background: url(../images/speakers.jpg) no-repeat right center;
  margin: 0 0 15px 0;
}

#two-column #main-content ul.checkmarks li{
  font-size: 12px;
  padding: 0 0 0 20px;
  background: url(../images/checkmark.gif) no-repeat left center;
  margin: 0 0 5px 0;
  line-height: 160%;
  color: #666666;
}

#two-column #main-content ul.checkmarks2{
  margin: 10px 0;
  margin: 0 0 15px 0;
}

#two-column #main-content ul.checkmarks2 li{
  font-size: 12px;
  padding: 0 0 0 20px;
  background: url(../images/checkmark.gif) no-repeat left 3px;
  margin: 0 0 5px 0;
  line-height: 160%;
  color: #666666;
}

/*--------------------------------
		03 b. Middle Content OL
----------------------------------*/
#two-column #main-content ol{
 list-style: decimal;
 margin: 0 0 0 20px;
}

#two-column #main-content ol li{
 font-weight: bold;
 color: #F40508;
 font-size: 12px;
}

#two-column #main-content ol li p{
  color: #666;
  font-weight: normal;
}

/*--------------------------------
		03 a. Middle Content UL Short Columns
----------------------------------*/
.short-columns{
  width: 160px;
  float: left;
  margin: 20px 30px 0 30px;
}

#two-column #main-content .short-columns h2{
  font-size: 15px;
}

.short-columns a{
  background: #2C3F55;
  padding: 5px 10px;
  color: white;
  font-size: 12px;
  border: 1px solid #666;
}

.short-columns a:hover{
  background: #2F6ABF;
}

/*--------------------------------
		04. Sidebar
----------------------------------*/
#sidebar2{
  width: 260px;
  float: left;
  margin: 0 0 20px 0;
}



.sidebar-info{
  float: right;
  clear: both;
  background: url(../images/side-bar-bottom.gif) no-repeat left bottom;
  padding: 0;
  width: 250px;
  margin: 0 0 20px 0;
  }

.sidebar-info p.sidebar-header{
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 3px 0;
  background: url(../images/side-bar-header-back.gif) no-repeat left top;
  padding: 10px 0 0 10px;
  color: #1a356a;
}

.sidebar-info img{
  float: left;
  margin: 0 10px 10px 0;
}

.sidebar-info p{
  color: #666666;
  padding: 10px 20px 10px 10px;
}

/*--------------------------------
		04 a. Right Sidebar Side Form
----------------------------------*/
#two-column #main-form{
    float: right;
  width: 250px;
  padding: 0 0 13px 0;
  margin: 0 0 30px 0;
  background: url(../images/form-bottom.gif) no-repeat left bottom;
}



#two-column #main-form p#form-header{
  color: #fff;
  font-family: arial, verdana, "san-serif";
  font-style: normal;
  padding: 5px 0 0 15px;
  margin: 0;
  font-size: 22px;
  height: 50px;
  font-weight: bold;
  background: url(../images/form-header.gif) no-repeat left top;
}


/*--------------------------------
		04 b. Side Form Left Info
----------------------------------*/
#two-column #main-form #move-info{
  float: left;
  width: 90px;
  padding: 0px 0 0 15px; 
}

#two-column #main-form #move-info p{
  margin: 0 0 10px 0;
}


#two-column #main-form #move-info input{
  width: 73px;
  height: 24px;
  border: 1px solid #999;
}

/*--------------------------------
		04 c. Side Form Right Info
----------------------------------*/
#two-column #main-form #personal-info{
  float: left;
  width: 115px;
  padding: 0px 0 0 0px; 
  margin: 0 0 10px 0;
}

#two-column #main-form #personal-info p{
  margin: 0 0 10px 0;
}

#two-column #main-form #personal-info input{
  width: 100px;
  height: 24px;
  border: 1px solid #999;
  
}

#two-column #main-form #personal-info select{
  width: 100px;
  height: 24px;
  border: 1px solid #999;
  
}

/*--------------------------------
		02 d i. Right Sidebar Side Form
----------------------------------*/
#two-column #main-form{
    float: right;
  width: 250px;
  padding: 0 0 13px 0;
  margin: 0 0 30px 0;
  background: url(../images/form-bottom.gif) no-repeat left bottom;
}



#two-column #main-form p#form-header{
  color: #fff;
  font-family: arial, verdana, "san-serif";
  font-style: normal;
  padding: 5px 0 0 15px;
  margin: 0;
  font-size: 22px;
  height: 50px;
  font-weight: bold;
  background: url(../images/form-header.gif) no-repeat left top;
}


/*--------------------------------
		02 d i a. Side Form Left Info
----------------------------------*/


#two-column #main-form #name-info{
  float: left;
  width: 250px;
  padding: 0 0 0 15px; 
}

#two-column #main-form #name-info p{
}

#two-column #main-form #name-info input{
  width: 215px;
  height: 24px;
  border: 1px solid #999;
  
}

#two-column #main-form #zip-date{
padding: 0 0 0 15px;
width: 230px;
clear: both;
}

#two-column #main-form #zip-date label{
display: block;
height: 20px;

}

#two-column #main-form #zip-date div{

width: 75px;
float: left;
}

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

#two-column #main-form #zip-date p{
width: 75px;
float: left;

}

#two-column #main-form #zip-date input{
width: 60px;
  height: 24px;
  border: 1px solid #999;
}

#two-column #main-form #dwell-info{
padding: 0 0 0 15px;
margin: 0 0 10px 0;
}

#two-column #main-form #dwell-info select{
width: 215px;
  height: 24px;
  border: 1px solid #999;
}




/*--------------------------------
		04 d. Side Form Submit
----------------------------------*/
#two-column #main-form .btnSubmit{
 float: left; 
  clear: both;
  background: url(../images/submit-small.gif) no-repeat right top;
  width: 238px;
  height: 40px;
  border: none;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
  margin: 0;
}

#two-column #main-form .btnSubmit:hover{
 background: url(../images/submit-small.gif) no-repeat right bottom;
}

/*----------------------------------
		05. Site map
------------------------------------*/
#site-map{
	
}

#site-map  a#home-link{
	background: url(/images/home.gif) no-repeat left center;
	padding: 0 0 0 16px;
}

#site-map a.place{
background: url(/images/pin.gif) no-repeat left center;
	padding: 0 0 0 16px;
}

#site-map a.transport{
background: url(/images/transport.gif) no-repeat left center;
	padding: 0 0 0 16px;
}

#site-map a.moving{
background: url(/images/tiny-address.gif) no-repeat left center;
	padding: 0 0 0 16px;
}

#site-map a.storage{
background: url(/images/tiny-box.gif) no-repeat left center;
	padding: 0 0 0 16px;
}

#site-map li{
	margin: 0 0 10px 0;
	
}

#site-map li ul li{
	margin: 6px 0 0 25px;
}

#site-map li ul li ul li{
	background: url(/images/tiny-arrow.gif) no-repeat left 6px;
	padding: 0 0 0 18px;
	
}

#site-map li ul li ul li ul li{
	list-style: circle;
}

#site-map li ul li ul li a{
	color: #7c909a;
}