/*-----------------------------
Author: Dennis Huh
Date: Feb. 10, 2010
Version: 1.0
Filename: home.css
Layout: 2 Column
-------------------------------*/

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

	Table of Contents
	
	01. Top Content
	02. Form Area
	03. Main Body
	  03a. Left Column
	  03b. Right Column

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

@charset "utf-8";
/*------------------------------
     01. Top Content
      -bring it up with negative margins
--------------------------------*/
#top-content {
float:left;
clear:both;
width:980px;

}

#top-content h1 {
background:url(../images/h1-back.jpg) no-repeat top left;
margin:10px 0 0 9px;
width: 500px;
padding:5px 20px 20px 30px;
}

#top-content h2 {
width: 500px;
margin:10px 0 0 40px;
}

#top-content h2 span {
color:#980808;
}

#top-content p {
width: 500px;
float:none;
font-size:11pt;
color:#5e2900;
font-family:arial, verdana, "san-serif";
margin:0 0 0 40px;
}

/*------------------------------
      02. form area
--------------------------------*/
#form {
width:461px;
height:329px;
float:right;
background:url(../images/form-back.jpg) no-repeat top left;
margin:-297px 0 0;
}

#form select{
width: 165px;
font-size: 15pt;
background:url(../images/input-back.gif) no-repeat left top;
border: 1px solid #fff;
}

#form input {
border:1px solid #fff;
background:url(../images/input-back.gif) no-repeat left top;
width:165px;
font-size:15pt;
}

#form p{
float:none;
margin:0 10px 10px 0;
}

#form p#form-header {
background: none;
text-transform:capitalize;
margin:20px 0 10px 30px;
color:#FFF;
font-size:21pt;
font-family:Georgia, Arial, Verdana, "san-serif";
}

#form p#form-header span {
color:#ffd81d;
font-style:italic;
text-transform:uppercase;
}


#move-info {
float:left;
width:195px;
padding:0 0 0 35px;
}

#personal-info {
float:left;
padding:0 0 0 18px;
}


#form p.short-para {
width:80px;
float:left;
}


#form p.short-para input {
width:75px;
}

#form div.short-div {
width:80px;
clear: none;
float:left;
margin: 0px 9px 10px 0;

}

#form div.short-div input {
width:75px;
margin: 0;
}

#form input.submit {
display: block;
background:url(../images/submit.jpg) no-repeat top left;
height:48px;
width:265px;
float:right;
cursor:pointer;
text-indent: -9999px;
border: none;
margin: -40px 25px 0 0;
}

#form input.submit:hover {
background:url(../images/submit.jpg) no-repeat bottom left;
}

/*------------------------------
      03. Main Body
	  2-column layout
	 need extra wrapper div to look uniform across browsers
--------------------------------*/
#body-wrapper {
float:left;
padding:0 20px;
}

#body-content {
width:960px;
float:left;
}

#movers {
width:510px;
float:left;
margin:0;
padding:0 0 0 20px;
}

#movers h2 {
margin:0;
}

#movers ul {
margin:15px 0 0;
}


#movers ul li {
width:240px;
float:left;
border-bottom:1px solid #d2d2d2;
margin:15px 0;
padding:0 15px 15px 0;
}

#movers ul li.list-bottom {
border:none;
}

#movers ul li p {
font-size:9pt;
line-height:120%;
}

#movers ul li img {
float:left;
border:4px solid #f5965c;
margin:0 10px 0 0;
}

#movers ul li a {
float:right;
}


/*-----------------------
  	03b. Right Column
 ------------------------*/
#sidebar {
width:370px;
float:right;
border-left:1px solid #bc9c3b;
margin:55px 0 0;
padding:0 20px 0 25px;
}

#sidebar h3 {
font-size:12pt;
color:#3f3f3f;
margin:0 0 15px;
}

#sidebar h3 span {
font-size:14pt;
color:#30001c;
font-weight:700;
}

#sidebar h3 strong {
font-weight:700;
color:#30001c;
}

#sidebar ul li {
background:url(../images/box.gif) no-repeat left 5px;
margin:0 0 10px;
padding:0 0 0 30px;
}

#sidebar ul li p {
font-size:10pt;
line-height:120%;
}

#sidebar p strong {
color:#471d36;
font-weight:700;
}

ul#testimonial {
background:url(../images/bottom-quote.gif) no-repeat right 75%;
}

ul#testimonial li {
background:none;
padding:0 15px;
}

ul#testimonial li#quote {
background:url(../images/top-quote.gif) no-repeat top left;
}

ul#testimonial li p {
font-size:12pt;
}

ul#testimonial li#customer {
text-align:right;
}

ul#testimonial li#customer p span {
color:#8b7f76;
}