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

* Filename: style.css
* Description: Main Styles for Old Pueblo Moving
* Version: 1.0.0 (2008.05.04)
* Website: www.oldpueblomoving.com
* Author: Dana Severance @ Automatit, Inc

== ANCHOR =========================================

	@reset				Standard Reset
	@general			General Declarations
	@typography			Typography Declarations
	@header				Header Declarations
	@content			Content Declarations
	@footer				Footer Declarations

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

/* @reset
-------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}
html {overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
img {border: 0;}

/* @general
-------------------------------------------------------*/
body {background: url(../images/bg.png); color: #0d465b; font: 14px/16px 'Times New Roman', Times, serif;}
#wrap {margin: 0 auto; width: 899px;}
.clear {clear:both;}

/* @typography
-------------------------------------------------------*/
h1 {font-size: 20px; line-height: 20px; text-transform: uppercase; padding: 0 0 26px 0;}
h2 {font-weight: bold; padding: 0 0 10px 0; text-transform: uppercase;}
h3, h4, h5, h6 {font-weight: bold; padding: 0 0 10px 0;}
p, address {font-style: normal; padding: 0 0 18px 0;}
ul {list-style-type: circle; margin: 0 0 0 40px; padding: 0 0 12px 0;}
li {padding: 0 0 3px 0;}
a:link, a:visited {text-decoration: underline;}
a:active, a:hover {text-decoration: none;}
a {color: #800000;}

/* @header
-------------------------------------------------------*/
#header {background: url(../images/header.png); height: 150px; position: relative; width: 100%;}
	#nav-head {display: block; font-size: 12px; line-height: 12px; list-style: none; margin: 0; padding: 0 0 14px 0; position: absolute; right: 15px; text-transform: uppercase; top: 15px;}
		#nav-head li {color: #FFFFFF; display: inline; margin: 0; padding: 0;}
			#nav-head li a {border-right: 1px solid #FFFFFF; color: #FFFFFF; padding: 0 .7em 0 .6em;}
			#nav-head li.last a {border-right: none; padding: 0 0 0 .5em}
	#header #logo {bottom: 0px; left: 0px; position: absolute;}
	#header p {color: #FFFFFF; font: 16px/24px Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; margin: 0; padding: 0; position: absolute; left: 600px; top: 76px;}
		#header p a {color: #FFFFFF; font-weight: normal;}

/* @content
-------------------------------------------------------*/
#container {background: #d0dbe2; position: relative; width: 100%;}
	#main-nav {position: relative; width: 100%; z-index: 2;}
	#banner {margin: 0 5px;}
	#content {padding: 36px 20px 8px 20px;}
		#content #buttons {float: right; width: 192;}
		#content #buttons img {display: block; margin: 0 40px 15px 40px;}
		
		/* @faq
		-------------------------------------------------------*/
			.faq {list-style: none; margin: 0 20px;}
				.faq li {}
					.faq h3, .faq h4 {font-weight: bold; margin: 0 0 0 0; padding: 0 0 5px 0;}
					.faq p {margin: 0 0 0 0; padding: 0 0 18px 10px;}
					.faq p:first-letter {font-weight: bold;}
					.faq ul {margin: 0 40px 0 40px;}
						.faq ul li {}
	
/* @footer
-------------------------------------------------------*/
#footer {background: url(../images/footer.png) no-repeat top; height: 75px; padding: 20px 0 0 0; width: 100%;}
	#nav-foot {display: block; font-size: 12px; line-height: 12px; list-style: none; margin: 0; padding: 0 0 14px 0; text-align: center; text-transform: uppercase;}
		#nav-foot li {color: #FFFFFF; display: inline; margin: 0; padding: 0; text-align: center;}
			#nav-foot li a {border-right: 1px solid #FFFFFF; color: #FFFFFF; padding: 0 .7em 0 .6em;}
			#nav-foot li.last a {border-right: none; padding: 0 .6em 0 .6em}
	#footer p {color: #FFFFFF; font-size: 11px; text-align: center;}
		#footer p a {color: #FFFFFF;}