/* CSS Document for bustamove.com */
/* Created by Crashpad Design www.crashpaddesign.com */

/* general declarations */

body {
	margin: 0;
	padding: 0;
	background: #404040 url(/images/bg-site.gif) repeat 0 0;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	}

a img { border: none; }

/* layout */

#wrapper {
	padding-top: 18px;
	background: #385886 url(/images/bg-content.gif) repeat-x 0 0;
	}

	/* top navigation */

#nav {
	width: 607px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}

#nav li,#footer li {
	float: left;
	padding: 0 20px 0 0;
	background: transparent url(/images/bg-nav-spacer.gif) no-repeat right center;	
	}

#nav li a,#footer li a {
	display: block;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	}

/* page placeholders */
#home a#nav-home,
#about a#nav-about,
#pricing a#nav-pricing,
#booking a#nav-booking,
#faq a#nav-faq,
#testimonials a#nav-testimonials,
#gear a#nav-gear,
#contact a#nav-contact,
#weddings a#bottom-nav-weddings,
#dances a#bottom-nav-dances,
#parties a#bottom-nav-parties,
#corp a#bottom-nav-corp,
#more-info a#bottom-nav-more,
#nav li a:hover,
#footer ul a:hover {
	background-position: 0 -36px;
	}

#nav-home {
	width: 36px;
	background: transparent url(/images/btn-home.gif) no-repeat 0 0;	
	}

#nav-about {
	width: 64px;
	background: transparent url(/images/btn-about.gif) no-repeat 0 0;	
	}

#nav-pricing {
	width: 51px;
	background: transparent url(/images/btn-pricing.gif) no-repeat 0 0;	
	}
	
#nav-booking {
	width: 56px;
	background: transparent url(/images/btn-booking.gif) no-repeat 0 0;	
	}

#nav-faq {
	width: 23px;
	background: transparent url(/images/btn-faq.gif) no-repeat 0 0;	
	}

#nav-testimonials {
	width: 94px;
	background: transparent url(/images/btn-testimonials.gif) no-repeat 0 0;	
	}
	
#nav-gear {
	width: 64px;
	background: transparent url(/images/btn-gear.gif) no-repeat 0 0;	
	}

#nav-contact {
	width: 79px;
	background: transparent url(/images/btn-contact.gif) no-repeat 0 0;	
	}

	/* bottom navigation */

#footer ul {
	list-style: none;
	margin: 0 auto;
	width: 407px;
	}
	
#footer li {
	background: transparent url(/images/bg-bottom-nav-spacer.gif) no-repeat right center;
	}

#bottom-nav-weddings {
	width: 64px;
	background: transparent url(/images/btn-weddings.gif) no-repeat 0 0;		
	}

#bottom-nav-dances {
	width: 47px;
	background: transparent url(/images/btn-dances.gif) no-repeat 0 0;		
	}
	
#bottom-nav-parties {
	width: 50px;
	background: transparent url(/images/btn-parties.gif) no-repeat 0 0;		
	}
	
#bottom-nav-corp {
	width: 121px;
	background: transparent url(/images/btn-corp.gif) no-repeat 0 0;		
	}
	
#bottom-nav-more {
	width: 34px;
	background: transparent url(/images/btn-more.gif) no-repeat 0 0;		
	}

#content {
	clear: left;
	float: left;
	width: 822px;
	text-align: left;
	padding: 24px;
	background-color: #fff;
	}

#content-left { 
	float: left; 
	width: 320px;
	}

#content-right { 
	float: right; 
	width: 460px;
	}

#copyright {
	text-align: left;
	background: #1f1b1e;
	padding: 4px 0;
	}

#copyright p {
	margin: 0;
	font-size: 10px;
	word-spacing: 2px;
	color: #58595b;
	}

/* typography & links */

h1,h2,h3,h4 {
	font-weight: normal;
	margin: .25em 0;
	}

h1 {
	font-size: 22px;
	}

h2 {
	text-transform: uppercase;
	color: #3c5b88;
	font-size: 16px;
	}

h3 {
	text-transform: uppercase;
	color: #777;
	font-size: 14px;
	}

p {
	margin: 0 0 1em 0;
	}

dd,dt {
	margin: 0;
	padding: 0;
	}

dt {
	margin-top: 12px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #555;
	}

dd {
	margin-bottom: 24px;
	color: #444;
	}

#content :link,
#content :visited {
	color: #3c5b88;	
	}

#content :hover {
	color: #333;	
	}

#copyright a { color: #58595b; }
#copyright a:hover { color: #ccc; }

/* page-specific styles */

#icon-disc {
	float: left; 
	padding: 0 10px 15px 0;
	}

/* classes */

.inner-wrap { /* decided to use a class for the inner wrap of content divs in the layout */
	margin: 0 auto;
	width: 870px;
	}
	
.caption {
	font-size: 10px;
	font-style: italic;
	color: #333;
	margin: 0 24px;
	}
	
.list-notes {
	color: #49658e;
	list-style: none;
	padding: 0;
	}

.list-notes li {
	padding: 4px 0  4px 20px;
	background: #fff url(/images/bullet-note.gif) no-repeat left center;
	}
	
.testimonial {
	margin-bottom: 24px;
	}

.testimonial p {
	font-size: 16px;
	font-style: italic;
	margin-bottom: .5em;
	color: #333;
	}

.testimonial p span {
	font-size: 24px;
	color: #ccc;
	}
	
.testimonial cite {
	color: #555;
	}