@charset "utf-8";
/* ==================== Coleman Home Page Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Page
	 2.Capabilities
	 3.Moving Company
	 4.Testimonials
*/


#intro {height:250px;}

/* ==================== 1.Page ==================== */

#page p {line-height:160%; margin-bottom:12px;}

#page a {color:#F60; text-decoration:underline;}

#page a:hover {color:#333; text-decoration:none;}

#page strong {color:#333;}

p.title {color:#333; font-size:1.5em; font-weight:bold;}

/* ==================== 2.Capabilities ==================== */
	
#capabilities {border:#CCC solid; border-width:1px 0px; padding-top:20px; margin-bottom:15px;}

#capabilities ul {width:918px;}

#capabilities li {display:block; width:300px; height:100px; float:left; padding-bottom:15px; margin-right:6px;}

#capabilities li.last {margin-right:0px;}

#capabilities img {float:left; margin-right:15px; padding:3px; border:#CCC 1px solid;}

#capabilities h2 {font-size:1.2em;}

#capabilities a h2 {display:inline; color:#F60; text-decoration:underline;}

#capabilities a:hover h2 {color:#333; text-decoration:none;}

#capabilities p {display:block; height:90px; margin-bottom:0px;}

/* ==================== 3.Moving Company  ==================== */

#moving-company {float:left; width:440px; margin-right:18px; position:relative;}

#moving-company p.title {margin-bottom:6px;}

.btn_learn_more {position:absolute; left:77px; top:145px;}

/* ==================== 4.Testimonials ==================== */

/*#testimonials {float:left; width:460px;}	

#testimonials p.title {margin-bottom:3px; font-size:1.5em; font-style:normal;}

#testimonials p {margin-bottom:6px; font-size:1.2em; font-style:italic;}

p#client-testimonial {background:url(../images/quote-marks.jpg) no-repeat left 4px; padding-left:25px;}

#testimonials strong {display:block; padding-top:12px;}*/

/* ==================== 5.Affinity ==================== */

#affinity {float:left; width:460px;}	

#affinity p.title {margin-bottom:3px; font-size:1.5em; font-style:normal;}

#affinity p {margin-bottom:6px;}

#affinity ul {line-height:160%; float:left; margin-left:12px; margin-right:20px;}

#affinity li {background:url(../images/bullet-page-li.gif) no-repeat left 4px; padding-left:16px;}


/*==================================
			Social Icons
====================================*/
.social{
width: 100%;
padding: 0 0 0 10px;
width: 270px;
float: left;
}

.social li{
float: left;
list-style: none;

}

.social li a{
display: block;
height: 60px;
width: 60px;
text-indent: -9999px;
padding: 5px 30px 0 0;

}

.social li a#facebook{
background: url(/images/facebook.gif) no-repeat bottom left;
}



.social li a#youtube{
background: url(/images/youtube.gif) no-repeat bottom left;
}

.social li a#twitter{
background: url(/images/twitter.gif) no-repeat bottom left;;
}

p.clearleft{
padding: 20px 0 0 0;
}