p, h1, h2, h3
{
	margin-top:0;
}
h2
{
	font-size: 18px;
	color: #E53138;
}
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:35px;
	left: 95px;
}

.new-people {
	width: 800px;
	height: 647px;
	background: transparent url(images/roadtrip-home-0715.jpg) no-repeat 0 0;
	margin:0;
	padding: 0;
}

.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
{
	position: absolute; left: 125px;  z-index: 99;
}


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:0px;
	padding-left:12px;
	clear: left;
	font-size: 12px;
}

.contact p {
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif; margin-top: 3px;
}

.contact h4 {
	margin:0;
	text-transform: uppercase;
	letter-spacing: .2;
	color: #666;
}

#contact-hours
{
	position: absolute;
	top:360px;
	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: 10px auto;
	width: 409px;
	height: 100px;
	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: 10px;
	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-instagram
{
	float: left;
	border-left: 1px solid #cdcdcd;
	background: transparent url(images/footer-instagram.png) no-repeat center 8px;
	width: 97px;
	padding-top: 60px;
	margin-left: 20px;
}

.footer-pinterest
{
	float: left;
	border-right: 1px solid #cdcdcd;
	background: transparent url(images/footer-pinterest.png) no-repeat center 8px;
	width: 97px;
	padding-top: 60px;
	margin-left: 10px;
}


#footer.footer-home
{
	margin-top: 368px;
}
/* MAILCHIMP FORM */

#mc_embed_signup
{
	clear: both;
	margin: 20px auto;
	width: 250px;
}
#mc_embed_signup input.email,
#mc_embed_signup input.button
{
	display: inline-block;
}
#mc_embed_signup input.button
{
	background: #aaa url(/images/subscribe.png) no-repeat 0 0;
	min-width: 94px;
	overflow: hidden;
	text-indent: -9999px;
}
#mc_embed_signup input.email
{
	margin-right: 1%;
	width: 56%;
}
#mc_embed_signup input
{
	border-color: #cdcdcd;
}
#mc_embed_signup form
{
	padding: 0;
}
#mc_embed_signup input.button
{
	width: 29%;
}

.mobile-only { display: none; }


@media only screen and (min-width: 581px) {
	#page-navigation { position: absolute; right: 110px; width: 386px; height:284px; background: url('/images/nav-bg.png') no-repeat; z-index: 99;}
	#nav-wrapper { position: relative; width: 386px; }
	#nav-wrapper .dot {	color: #fff; text-decoration:none; text-align: center; font-weight: bold; display: block;	position: absolute; }
	#nav-shoponline { background: url('/images/nav-red-dot.png') no-repeat 0 0; width: 172px; height: 171px; top: 0px; left: 113px; }
	#nav-shoponline:hover { background-position: 0 -171px; }
	#nav-shoponline span { font-size: 24px; position: relative; top: 71px; }
	#nav-women { width: 107px; height: 107px; top: 67px; left: 0px;	background: url('/images/nav-blue-dot-brands.png') no-repeat 0 0; }
	#nav-men { width: 107px; height: 107px; left: 162px; top: 177px; background: url('/images/nav-blue-dot-brands.png') no-repeat 0 0; }
	#nav-women:hover, #nav-men:hover { background-position: 0 -107px; }
	#nav-women span, #nav-men span { font-size: 21px; position: relative; top: 26px; }

	#nav-fb { top: 24px; left: 71px; position: absolute; }
	#nav-fb span { width: 43px; height: 44px; background: url('/images/nav-dot-instagram.png') no-repeat 0 0; display: block; }
	#nav-ig { left: 254px; top: 151px; position: absolute; }
	#nav-ig span { width: 43px; height: 44px; background: url('/images/nav-dot-facebook.png') no-repeat 0 0; display: block; }
	#nav-fb:hover span, #nav-ig:hover span { background-position: 0 -44px; }


	#nav-contact { width: 99px; height: 100px; left: 287px;	 top: 71px; background: url('/images/nav-beige-dot.png') no-repeat 0 0; }
	#nav-contact:hover {  background-position: 0 -100px; }
	#nav-contact span { font-size: 16px; position: relative; top: 39px; }
	#nav-blog { width: 81px; height: 81px; left: 80px; top: 157px; position: absolute; background: url('/images/nav-black-dot.png') no-repeat 0 0; }
	#nav-blog:hover {  background-position: 0 -81px; }
	#nav-blog span { font-size: 16px; position: relative; top: 32px; }

	#page-navigation.home { right: 80px; }
	.home #nav-women { left: 162px; top: 177px; }
	.home #nav-blog { top: 187px; left: 280px; }
	.home #nav-men { left: 230px; top: 270px; }
}

@media only screen and (max-width: 580px) {

	.mobile-only { display: block; }
	.desktop-only { display: none; }

	#wrapper-inner, #header, #footer, #nav-wrapper, #blurb { width: auto; height: auto !important; }
	#wrapper {padding: 0 20px; width: auto; max-width: 480px; }
	#wrapper-inner { padding: 10px; }
	#page-navigation, #logo, #home-photo-people, #contact-hours, #blurb { position: relative; left: auto; right: auto; top: auto; bottom: auto; }
	#header, #footer { margin: 30px 0px !important; text-align: center; padding: 0px; }
	#logo { margin: 0px auto; }
	.clothing-list { text-align: center; }
	.clothing-item { margin: 0px auto; float: none; }
	#page-content { margin: 0; padding: 0; float: none; }

	#mobile-navigation { font-size: 13px; position: fixed; background: rgba(255,255,255,0.95); top: 0; left: 0; width: 100%; border-bottom: 1px solid #36B7C4; z-index: 1000; }
	#mobile-navigation a span { margin: 8px 2px; display: inline-block; }
	#mobile-navigation  a.shop { color: #E53138; }

	#mobile-navigation .brands { position: relative; color: #36B7C4; display: inline-block; }
	#mobile-navigation .dropdown { display: none; position: absolute; background: rgba(255,255,255,0.95); top: 0; left: 0; width: 100px; top: 25px; left: 0; text-align: left; border-bottom: 1px solid #36B7C4; }
	#mobile-navigation .dropdown a { display: block; }
	
	#cboxLoadedContent table { height: auto !important; }
	#cboxLoadedContent table p { font-size: 13px !important; }
	
	
	
	.footer-social { width: auto; height: auto; }
	.footer-fb { padding-right: 5px; }
	.footer-twitter { margin-left: 5px; }
	.footer-instagram { margin-left: 5px; width: 87px; }
	.footer-logo { margin: 20px auto; }

	.footer-fb, .footer-twitter, .footer-instagram, .footer-pinterest { display: inline-block; float: none; border: none; }

	
	
	
	.new-people { width: 260px; height: 210px; background-size: 300px 243px; background-position: top center; margin: 0; top: auto; }
	
	img { max-width: 100%; }
	
}