@charset "UTF-8";

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

[Master Stylesheet] 
  
- Project:    Chewyslist - THE TOUR
- Version:    1.0 

- Author: 	Sebastian Jaramillo T.
- Contact: 	sebastianjt@xeniamedia.com

- Last CSS Update: August 3, 2010

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

/*------ Clear Fix ------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */
/*----------------------*/

/*###################################################
# GENERAL RULES                                     #
###################################################*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background: #fff url(../imgs/bg_main.jpg) repeat 0 0;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
}

h1 {
	font-size: 240%;
	line-height: 150%;
}

h2 {
	font-size: 210%;
	line-height: 150%;
}

h3 {
	font-size: 190%;
	line-height: 150%;
}

h4 {
	font-size: 160%;
	line-height: 150%;
}

h5 {
	font-size: 130%;
	line-height: 150%;
}

p {
	line-height: 1.2em;
	margin-bottom: 15px;
}

strong {
	font-weight: bolder;
}

em {
	font-style: italic;
}

a {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

a:link {
	text-decoration: none;
	outline: none;
}

a:visited {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
	outline: none;
}

/*-----*/

div#container {
	width: 940px;
	padding: 0px 10px;
	margin: 0 auto;
}

/*-----*/

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.half {
	width: 460px;
}

.third {
	width: 300px;
}

.twothird {
	width: 620px;
}

.third.mid{
	float: left;
	margin-left: 20px;
}

.fourth {
	width: 220px;
}

.twofourth {
	width: 460px;
}

.threefourth {
	width: 700px
}

.fourth.mid {
	float: left;
	margin-left: 20px;
}

.fifth {
	width: 172px;
}

.twofifth {
	width: 364px;
}

.threefifth {
	width: 556px;
}

.fourfifth {
	width: 748px;
}

.fifth.mid {
	float: left;
	margin-left: 20px;
}

/*###################################################
# HEADER                                            #
###################################################*/

div#header {
	border-bottom: 1px solid #bdbdbd;
	padding: 30px 0px;
	clear: both;
}

div#header div.aboutthetour {
	border-top: 1px solid #bdbdbd;
	padding-top: 30px;
	margin-top: 30px;
}

div#header h1.thetourtitle {
	background: url(../imgs/header_title.jpg) no-repeat 0 0;
	width: 940px;
	height: 218px;
	overflow: hidden;
}

div#header h1.thetourtitle a {
	display: block;
	width: 370px;
	height: 0px;
	padding-top: 218px;
	overflow: hidden;
}

/*###################################################
# CONTENT                                           #
###################################################*/

div#content {
	clear: both;	
}

div.section {
	padding: 30px 0px;
}

div.section.title {
	border-bottom: 1px solid #bdbdbd;
	margin: 0px 0px 30px;
}

div.block {
	min-height: 100px;
}

div.block.separator {
	height: 166px;
	width: 940px;
}

div.block.separator.ltor {
	background: url(../imgs/separator_left_to_right.jpg) no-repeat 50% 0;
}

div.block.separator.rtol {
	background: url(../imgs/separator_right_to_left.jpg) no-repeat 50% 0;
}


h2.thetourtitle {
	background: url(../imgs/about_the_tour_title.jpg) no-repeat 0 0;
	width: 1058px;
	height: 0px;
	padding-top: 218px;
	overflow: hidden;
	margin: 0px 0px 25px -59px;
}

h3.thetourtxt {
	background: url(../imgs/about_the_tour_txt.jpg) no-repeat 0 0;
	width: 940px;
	height: 0px;
	padding-top: 135px;
	overflow: hidden;
}

h3#sfbeginbtn {
	border-top: 1px solid #bdbdbd;
	margin: 30px 0px 0px;
	padding: 30px 0px 0px;
}

h3#sfbeginbtn a {
	background: url(../imgs/sf_begins_btn.jpg) no-repeat 0 0;
	display: block;
	height: 0px;
	padding-top: 106px;
	overflow: hidden;
}

h3#sfbeginbtn a:link {
	background: url(../imgs/sf_begins_btn.jpg) no-repeat 0 0;
}

h3#sfbeginbtn a:visited {
	background: url(../imgs/sf_begins_btn.jpg) no-repeat 0 0;
}

h3#sfbeginbtn a:hover {
	background: url(../imgs/sf_begins_btn.jpg) no-repeat 0 -106px;
}

div.section div.block h4 {
	color: #333;
	font-size: 30px;
	line-height: 34px;
	margin: 0px 0px 10px;
}

div.section div.block p {
	font-size: 24px;
	color: #898788;
}

div.section div.block p span.highlight {
	color: #ceb93a;
}

div.block.cust1 {
	width: 565px;
}

div.block.cust2 {
	width: 360px;
}

div.block.cust3 {
	width: 300px;
}

div.block.cust5 {
	width: 360px;
}

div#ustrip.block {
	margin-top: 50px;
}

div#itinerary.block {
	margin-top: 60px;
}

div#recommend.block {
	margin-top: 90px;
}

div#fromsomewhere.block {
	margin-top: 95px;
}

div#sfbase.block {
	margin-top: 50px;
}

img#globe {
	margin: 0px 0px 0px -20px;
}

/*--- Map & Map Dots ---*/

div#usmap_wrapper {
	background: url(../imgs/about_us_map.jpg) no-repeat 0 0;
	position: relative;
	width: 561px;
	height: 354px;
}

a.city_dot {
	background: url(../imgs/about_us_map_dots.png) no-repeat 0 0;
	display: block;
	width: 33px;
	height: 0px;
	padding-top: 33px;
	overflow: hidden;
	position: absolute;
}

/* San Francisco */
a#city_sf.city_dot:link, a#city_sf.city_dot:visited {
	background: url(../imgs/about_us_map_dots.png) no-repeat 0 -33px;
	top: 137px;
	left: 2px;
}

a#city_sf.city_dot:hover {
	background: url(../imgs/about_us_map_dots.png) no-repeat -34px -33px;
	top: 137px;
	left: 2px;
}

/* New York */
a#city_ny.city_dot:link, a#city_ny.city_dot:visited {
	background: url(../imgs/about_us_map_dots.png) no-repeat 0 0;
	top: 104px;
	left: 488px;	
}

a#city_ny.city_dot:hover {
	background: url(../imgs/about_us_map_dots.png) no-repeat -34px 0;
	top: 104px;
	left: 488px;	
}

/* Palm Springs */
a#city_palmsprings.city_dot:link, a#city_palmsprings.city_dot:visited {
	background: url(../imgs/about_us_map_dots.png) no-repeat 0 0;
	top: 198px;
	left: 51px;	
}

a#city_palmsprings.city_dot:hover {
	background: url(../imgs/about_us_map_dots.png) no-repeat -34px 0;
	top: 198px;
	left: 51px;	
}

/* Portland */
a#city_portland.city_dot:link, a#city_portland.city_dot:visited {
	background: url(../imgs/about_us_map_dots.png) no-repeat 0 0;
	top: 45px;
	left: 27px;		
}

a#city_portland.city_dot:hover {
	background: url(../imgs/about_us_map_dots.png) no-repeat -34px 0;
	top: 45px;
	left: 27px;		
}

/* Seattle */
a#city_seattle.city_dot:link, a#city_seattle.city_dot:visited {
	background: url(../imgs/about_us_map_dots.png) no-repeat 0 0;
	top: 19px;
	left: 39px;		
}

a#city_seattle.city_dot:hover {
	background: url(../imgs/about_us_map_dots.png) no-repeat -34px 0;
	top: 19px;
	left: 39px;			
}


/*###################################################
# FOOTER                                            #
###################################################*/

div#footer {
	clear: both;
	border-top: 1px solid #bdbdbd;	
	margin: 30px 0px 0px;
	padding: 30px 0px;
}

div#footer p#copyright {
	font: 12px "Courier New", Courier, mono;
	text-align: center;	
	margin: 0px;
	color: #787878;
}

div#footer p#copyright a
{
	color:#CEB93A;
}

div#footer span.trademark {
	font-size: 40%;
	top: 0px;
	right: 0px;
	vertical-align: 8px;
}