p, h1, h2, h3
{
	margin-top:0;
}
h2
{
	font-size: 16px;
}
a h2 
{
	color: #333;
	text-decoration: none;
}
.red-text
{
	color: #E53138;
}

a
{
	color: #36B7C4;
}

html
{
height: 100%;
}
body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #d5d6d7 url('images/roadtrip-bg.gif') fixed;
	color: #333;
	text-align: center;
	margin:0;
	padding: 0;
	height: 100%;
	}
#wrapper
{
	border: none;	
	margin: 0 auto;
	width: 1100px;
	position: relative;
	text-align: left;	
	min-height: 100%;	
}
#wrapper-inner
{
	float: left;
	width: 1100px;	
	padding: 20px 0 0 0;
	background: transparent url("images/page-bg.png") repeat-y top;
	min-height: 100%;
}
#home #wrapper-inner 
{
/*	height: 678px;  fix this with javascript (scrollheight?) when I get a chance */
height: 100%;
}
#home-photo-people
{	
	position: absolute;
	top:83px;
	left: 155px;
}
.people01
{
	width: 688px;
	height: 246px;
	width: 550px;
	height: 246px;
	background: transparent url(images/new-home-graphic-2-sm_01.png) no-repeat 0 0;
	margin:0;
	padding: 0;
}
.people02
{
	width: 688px;
	height: 609px;
	width:550px;
	height: 384px;
	background: transparent url(images/new-home-graphic-2-sm_02.jpg) no-repeat 0 0;
	margin:0;
	padding: 0;
}
/*
#home-sight-line
{
	width: 123px;
	height: 1px;
	border-top: 1px dotted #B4ABA1;
	position:absolute;
	top: 178px;
	left: 448px;
}
*/
#header {
	margin: 0 0 0 1px;
	padding: 0;
	height: 325px;
	width: 758px;
	}
#logo
{
	margin-left: 125px;
	float: left;
}
#page-navigation
{
	position: absolute;
	right: 110px;
	width: 410px;
	height:273px;
	background: url(images/nav-bgdots.gif) no-repeat;
}
#nav-wrapper
{
	position: relative;
	width: 410px;
}
#nav-wrapper a
{
	color: #fff;
	text-decoration:none;
	text-align: center;		
	font-weight: bold;
}
#nav-red
{
	display: block;
	width: 163px;
	height: 93px;
	padding-top:70px;
	top:74px;
	left: 0;	
	font-size: 22px;	
	position: absolute;
	background: url(images/nav-red.gif) no-repeat 0 0;
}
#nav-red-2
{
	display: block;
	padding-left: 163px;
	width: 0;
	overflow: hidden;
	height: 93px;
	padding-top:70px;
	top:94px;
	left: 581px;	
	font-size: 22px;	
	position: absolute;
	background: transparent;
}
/*
a#nav-red:hover
{
	background-position: 0 -164px;
}
*/
#nav-blue
{
	display: block;
	width: 163px;
	height: 93px;
	padding-top:70px;	
	left: 152px;	
	font-size: 22px;	
	position: absolute;
	background: url(images/nav-blue.gif) no-repeat;
}
#nav-gray
{
	display: block;
	width: 100px;
	height: 61px;
	padding-top:39px;	
	left: 311px;	
	top:92px;
	font-size: 16px;
	position: absolute;
	background: url(images/nav-gray.gif) no-repeat;
}
#nav-black
{
	display: block;
	width: 108px;
	height: 65px;
	padding-top:44px;	
	left: 223px;
	top: 164px;
	font-size: 16px;
	position: absolute;
	background: url(images/nav-black.gif) no-repeat;
}
a img
{
	border:none;
}
#page-content a
{
	text-decoration: none;
}
.clothing-item
{
	display: block;
	width: 200px;
	float: left;
	padding:15px 0 10px 0;
	margin: 0 10px 0 10px;
	background: transparent url('images/dotted-border.gif') no-repeat 0 0;
}
.clothing-item:hover
{
	background-color: #efefef;
	cursor: pointer;
}
#page-content
{
	display: block;
	float: left;
	margin-left: 115px;
}
#blurb
{
	position: absolute;
	width: 450px;
	top:170px;
	left: 125px;
}

h1.blurb-title
{
	color:#E53138;
	margin:0;
	font-size: 52px;
}

#blurb .cufon-canvas
{
}

.contact
{
	margin-top:105px;
	padding-left:12px;
	clear: left;
	font-size: 12px;
}
#contact-hours
{
	position: absolute;
	top:310px;
	left: 612px;
}
#contact-map
{
/*

*/
}
#footer
{
	display: block;
	float: left;
	margin: 10px 0 30px 115px;
	width: 870px;
}
.facebook-button
{
	display: inline-block;
	width: 0;
	padding-left: 78px;
	overflow: hidden;
	margin-right: 20px;
	background: transparent url(images/facebook.png) no-repeat 0 0;
}
.twitter-button
{
	display: inline-block;
	width: 0;
	padding-left: 57px;
	overflow: hidden;
	background: transparent url(images/twitter.png) no-repeat 0 0;
}

/*********** Footer ***************/
#footer
{
	text-align: center;
	color: #555;
	background: transparent url(images/sm-dots.gif) repeat-x 0 0;
	padding-top: 15px;
}
.footer-logo
{
	padding-left: 187px;
	width: 0;
	height: 39px;
	overflow: hidden;
	background: transparent url(images/roadtrip-logo-sm.png) no-repeat 0 0;
	margin: 0 auto;
}
#footer p
{
	font-size: 14px;
}
.footer-social
{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 194px;
	font-size: 12px;
	color: #555;
}
.footer-social a
{
	color: #555;
}
.footer-fb
{
	float: left;
	background: transparent url(images/footer-fb.png) no-repeat 12px 8px;
	width: 75px;
	padding-top: 60px;
	padding-right: 20px;
	border-right: 1px solid #cdcdcd;
	padding-bottom: 10px;
}
.footer-twitter
{
	float: left;
	background: transparent url(images/footer-twitter.png) no-repeat center 8px;
	width: 77px;
	padding-top: 60px;
	margin-left: 20px;
}
#footer.footer-home
{
	margin-top: 368px;
}