@charset "utf-8";
/* -----------------------------------------------------

* Filename: home.css
* Description: styles for the index page of Old Pueblo Storage
* Version: 1.0.0 (2008.05.07)
* Website: www.oldpueblomoving.com
* Author: Dana Severance @ Automatit, Inc

== ANCHOR =========================================
	
	@typography			General typography changes
	@featured			Featured boxes inside of the content
	@main-content		Main Content Section

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


/* @typography
-------------------------------------------------------*/
h2 {font-size: 20px; font-weight: normal; line-height: 20px; text-transform: uppercase; padding: 0 0 26px 0;}

/* @featured
-------------------------------------------------------*/
#featured {background: url(../images/featured.png) left repeat-y; margin: 0 0 40px 5px; padding: 0 0 0 0; overflow: auto;}
	#featured .box {background: transparent; float: left; margin: 0 42px 0 0; height: auto !important; height: 315px; min-height: 315px; position: relative; width: 182px;}
		#featured .box img {margin-bottom: 22px;}
		#featured .box h2 {color: #1a8fb6; font-size: 14px; font-weight: bold; line-height: 16px; padding: 0 0 15px 0; text-transform: none;}
		#featured .box ul {margin-left: 20px;}
		#featured .box img.more {bottom: -20px; left: 0px; position: absolute;}
	#featured .last {margin-right: 0;}

/* @main-content
-------------------------------------------------------*/
#content {padding: 36px 0px 20px 20px;}
#main-content {overflow: auto;}

	/* @content-left
	-------------------------------------------------------*/
		#main-content #content-left {float: left; width: 420px;}
			#main-content #content-left p {padding: 0 0 5px 0;}
				#main-content #content-left p.link {font-size: 10px; font-weight: bold; padding: 10px 0 5px 0; text-transform: uppercase;}
	
	/* @content-right
	-------------------------------------------------------*/
		#main-content #content-right {float: right; width: 425px; padding: 0 8px 0 0;}
			#content-right #service-list {color: #1a8fb6; font-size: 12px; font-weight: bold; line-height: 16px; overflow: auto;}
				#content-right #service-list ul {float: left;  margin: 0; padding: 0 0 0 20px; width: 190px;}
					#content-right #service-list ul li {border-bottom: 1px dotted #aec8ce; list-style: circle outside url(../images/bullet.png); margin: 5px 0 0 0; padding: 0 0 5px 0;}
					#content-right #service-list ul li.last {border-bottom: 0px;}
			#content-right #buttons {float: none; margin-top: 40px; width: 425px;}
				#content #buttons img {display: inline; margin: 0;}
				#content-right #buttons #btn-quote {margin: 0 20px 0 0;}
				#content-right #buttons #btn-login {}