/* @override http://www.brentblack.com/css/tour_style_01.css */

/*
Stylesheet for Panama Hat Company of the Pacific, designed for Screen Media
This is specifically for the Tour Pages and is an addition to the standard stylesheets

Author: Christopher Werby of Pipsqueak Productions, LLC
http://www.pipsqueak.com

Last updated: April 24, 2007
*/

/* @group FONT FACE ASSIGNMENTS */
/* @end FONT FACE ASSIGNMENTS*/
/* @group DEFAULTS FOR MARGINS AND PADDING */
table p { margin-top: 0; }
table#nextPage { padding-top: .25in; }
table#nextPage img { border: 0; }

/* @end DEFAULTS FOR MARGINS AND PADDING */
/* @group MAIN STRUCTURE */
/* @group TOPPER */
/* @end TOPPER */
/* @group CONTENT */
/* @end CONTENT */
/* @group FOOTER */
/* @end FOOTER */
div#bodyContent { width: 755px; }
body.black div#wholePage { background-image: url(../images/_elements/Canvas_Tile.jpg); }
body.black div#bodyContent { background-color: black; }

/* @end MAIN STRUCTURE */
/* @group NAVIGATION */
/* @end NAVIGATION */
/* @group MAIN HEADLINES AND SUBHEADS */
#bodyContent h1
{
	width: 755px;
	display: block;
	font-size: 18pt;
	text-align: center;
	padding-top: .2in;
	padding-bottom: .2in;
	margin-left: 0px;
}

#bodyContent h1
{
	background-color: #5b290b;
	color: #ffc;
}

#bodyContent h1 a
{
	color: #ffc;
	text-decoration: none;
}

#bodyContent h1 span.small, body.black #bodyContent h1 span.small { font-size: 10pt; }
body.black #bodyContent h1 { background-color: black; }

body.black #bodyContent h2
{
	color: #ffc;
	font-size: 14pt;
}

/* @end MAIN HEADLINES AND SUBHEADS */
/* @group LINK TREATMENTS GENERALLY */
body.black #bodyContent a { color: #ffc; }
body.black #bodyContent h1 a { text-decoration: none; }

table#nextPage p a
{
	display: block;
	margin-top: .25in;
	text-transform: uppercase;
}

/* @end LINK TREATMENTS GENERALLY */
/* @group MULTI SECTION TEXT TREATMENTS */
body.black #bodyContent, body.black #bodyContent p { color: #ffc; }
body.black #bodyContent .small { font-size: .8em; }
p.attribution { margin-left: .5in; }
div.copyLeft { margin-left: 10px; }
div.copyRight { margin-right: 10px; }

.fullwidth
{
	margin-left: 10px;
	margin-right: 10px;
}

img.top { margin-top: -16px; }
div.left p { margin-left: 10px; }

/* @end MULTI SECTION TEXT TREATMENTS */
/* @group MULTI SECTION WORD TREATMENTS */
/* @end MULTI SECTION WORD TREATMENTS */
/* @group UNINCORPORATED STYLES */
/* @end UNINCORPORATED STYLES */
/* @group PHOTO BOOKENDS (3 COL) */

/*
div.photoBookends
{
	min-height: 375px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.photoBookends div.left, div.photoBookends div.right, div.photoBookends div.center { float: left; }

div.photoBookends div.center
{
	width: 230px;
	margin-left: 10px;
	margin-right: 10px;
}

div.photoBookends div.left p, div.photoBookends div.right p
{ 
	font-size: 12px;
	color: #FFC;
	line-height: 14px;
	margin-top: -15px;
	margin-bottom: 0;
	padding-bottom: 20px;
}
*/

div.photoBookends div.left, div.photoBookends div.right { width: 250px; }
div.photoBookends div.left { float: left; }
div.photoBookends div.right { float: right; }

div.photoBookends div.copy p
{
	margin-left: 260px;
	width: 230px;
	margin-right: 260px;
	clear: none !important;
}

div.photoBookends div.left p, div.photoBookends div.right p, p.caption
{
	/*caption*/
	font-size: 12px !important;
	color: #FFC;
	line-height: 14px !important;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 20px;
}

/* @end PHOTO BOOKENDS (3 COL) */
/* @group SIFR STYLES */
/* @group STANDARD SIFR STYLES -- DO NOT MODIFY */
/* @end STANDARD SIFR STYLES -- DO NOT MODIFY */
/* @group GENERAL SIFR STYLES */
/* @end GENERAL SIFR STYLES FOR FEATURE ELEMENTS */
/* @group SIFR TWEAKS , STANDARD*/
/* @end SIFR TWEAKS FOR INDIVIDUAL FEATURES, STANDARD*/
/* @end SIFR STYLES */
/* @group INDIVIDUAL PAGE STYLES */
/* @group TOUR 02 -- STALKING THE PANAMA HAT PLANT  */
body#tour02 tr#muddy td img { margin-top: 100px; }
body#tour02 tr#muddy td img:first-child { margin-top: 0; }
body#tour02 tr#choosingCarefully td img { margin-top: 100px; }
body#tour02 tr#choosingCarefully td img:first-child { margin-top: 0; }

body#tour02 table#sourceNile
{
	width: 760px;
	margin-bottom: .3in;
	margin-top: .2in;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border: 0;
}

body#tour02 table#sourceNile tr td img { margin-right: 0px; }

body#tour02 table#sourceNile p
{
	margin-left: 10px;
	margin-right: 20px;
}

/* @end TOUR 02 -- STALKING THE PANAMA HAT PLANT  */
/* @group TOUR 08 -- WEAVING THE BRIM EDGE */
body#tour08 div.groupTallImages div.imagesLeft,  body#tour08 div.groupTallImages div.imagesRight { width: 250px; }
body#tour08 div.groupTallImages div.copyRight, body#tour08 div.groupTallImages div.copyLeft { width: 460px; }
body#tour08 div.imagesLeft, body#tour08 div.imagesRight { width: 375px; }
body#tour08 div.copyLeft, body#tour08 div.copyRight { width: 335px; }

body#tour08 div.allPhotos div.imagesLeft
{
	width: 250px;
	margin-left: 105px;
}

body#tour08 div.allPhotos div.imagesRight { width: 375px; }

body#tour08 div.allPhotos div.imagesLeft img, body#tour08 div.allPhotos div.imagesRight img
{
	margin: 0;
	padding: 0;
}

body#tour08 div.allPhotos div.imagesLeft img { margin-bottom: 20px; }
body#tour08 div.allPhotos div.imagesRight img { margin-bottom: 10px; }

/* @end TOUR 08 -- WEAVING THE BRIM EDGE */
/* @group TOUR 09 -- TIGHTENING THE BRIM EDGE */
body#tour09 div#fausto img
{
	margin-left: 180px;
	margin-top: 17px;
}

body#tour09 div.copyLeft
{
	width: 490px;
	margin-top: 0;
	padding-top: 0;
}

body#tour09 div.imagesRight
{
	width: 250px;
	margin-top: 0;
	padding-top: 0;
}

/* @end TOUR 09 -- TIGHTENING THE BRIM EDGE */
/* @group TOUR 10 -- THE CORTADOR CUTS OFF THE EXCESS STRAW */
body#tour10 div.copyLeft
{
	width: 490px;
	margin-top: 0;
	padding-top: 0;
}

body#tour10 div.imagesRight
{
	width: 250px;
	margin-top: 0;
	padding-top: 0;
}

body#tour10 div.imagesRight p
{
	font-size: 12px;
	color: #FFC;
	line-height: 14px;
	margin-top: -15px;
	margin-bottom: 0;
	padding-bottom: 20px;
}

body#tour10 div.imagesRight p.small
{
	font-size: 9px;
	margin-top: -10px;
}

/* @end TOUR 10 -- THE CORTADOR CUTS OFF THE EXCESS STRAW */
/* @group TOUR 11 -- WASHING AND BLEACHING THE HATS */
body#tour11 div.copyRight
{
	width: 350px;
	margin-top: 0;
	padding-top: 0;
}

body#tour11 div.imagesLeft
{
	width: 375px;
	margin-top: 0;
	padding-top: 0;
}

body#tour11 div.imagesLeft p
{
	font-size: 12px;
	color: #FFC;
	line-height: 14px;
	margin-top: -15px;
	margin-bottom: 0;
	padding-bottom: 20px;
}

body#tour11 div.groupTallImages div.copyLeft
{
	width: 455px;
	margin-top: 0;
	padding-top: 0;
}

body#tour11 div.groupTallImages div.imagesRight
{
	width: 250px;
	margin-top: 0;
	padding-top: 0;
}

/* @end TOUR 11 -- WASHING AND BLEACHING THE HATS */
/* @group TOUR 12 -- THE APALEADOR SOFTENS THE HATS */
body#tour12 div.copyLeft
{
	width: 355px;
	margin-top: 0;
	padding-top: 0;
}

body#tour12 div.imagesRight
{
	width: 375px;
	margin-top: 0;
	padding-top: 0;
}

body#tour12 div.imagesRight p
{
	font-size: 12px;
	color: #FFC;
	line-height: 14px;
	margin-top: -15px;
	margin-bottom: 0;
	padding-bottom: 20px;
}

body#tour12 div.groupTallImages div.copyLeft, body#tour12 div.groupTallImages div.copyRight
{
	width: 455px;
	margin-top: 0;
	padding-top: 0;
}

body#tour12 div.groupTallImages div.imagesRight, body#tour12 div.groupTallImages div.imagesLeft
{
	width: 250px;
	margin-top: 0;
	padding-top: 0;
}

body#tour12 p.farRight
{
	width: 220px;
	float: right;
	margin-top: -365px;
	margin-right: 10px;
}

/* @end TOUR 12 -- THE APALEADOR SOFTENS THE HATS */
/* @group TOUR 13 -- THE CORTADOR SHAVES THE HATS SMOOTH */
body#tour13 div.copyLeft
{
	width: 355px;
	margin-top: 0;
	padding-top: 0;
}

body#tour13 div.imagesRight
{
	width: 375px;
	margin-top: 0;
	padding-top: 0;
}

body#tour13 div.imagesLeft p
{
	font-size: 12px;
	color: #FFC;
	line-height: 14px;
	margin-top: -15px;
	margin-bottom: 0;
	padding-bottom: 20px;
}

body#tour13 div.imagesLeft p strong
{
	display: block;
	font-size: 1.2em;
}

body#tour13 div.imagesLeft p span
{
	display: block;
	font-style: italic;
	margin-top: .1in;
}

body#tour13 div.groupTallImages div.copyLeft, body#tour13 div.groupTallImages div.copyRight
{
	width: 455px;
	margin-top: 0;
	padding-top: 0;
}

body#tour13 div.groupTallImages div.imagesRight, body#tour13 div.groupTallImages div.imagesLeft
{
	width: 250px;
	margin-top: 0;
	padding-top: 0;
}

body#tour13 p.twoImageRight { margin-left: 10px; }
body#tour13 p.twoImageRight img { float: right; }

/* @end TOUR 13 -- THE CORTADOR SHAVES THE HATS SMOOTH */
/* @group TOUR 14 -- THE PLANCHADOR IRONS THE HATS */
body#tour14 div.copyLeft, body#tour14 div.copyRight
{
	width: 345px;
	margin-top: 0;
	padding-top: 0;
}

body#tour14 div.imagesLeft, body#tour14 div.imagesRight
{
	width: 375px;
	margin-top: 0;
	padding-top: 0;
}

body#tour14 div.imagesLeft p, body#tour14 div.imagesRight p
{
	font-size: 12px;
	color: #FFC;
	line-height: 14px;
	margin-top: -15px;
	margin-bottom: 0;
	padding-bottom: 20px;
}

body#tour14 div.imagesLeft p strong
{
	display: block;
	font-size: 1.2em;
}

body#tour14 div.imagesLeft p span
{
	display: block;
	font-style: italic;
	margin-top: .1in;
}

body#tour14 p.caption { margin-left: 10px; }

body#tour14 div.groupTallImages div.copyLeft, body#tour14 div.groupTallImages div.copyRight
{
	width: 455px;
	margin-top: 0;
	padding-top: 0;
}

body#tour14 div.groupTallImages div.imagesRight, body#tour14 div.groupTallImages div.imagesLeft
{
	width: 250px;
	margin-top: 0;
	padding-top: 0;
}

body#tour14 p.twoImageRight img { float: right; }

body#tour14 p#yoda
{
	text-align: center;
	font-size: 1.2em;
	line-height: 2em;
}

body#tour14 p#yoda strong
{
	font-size: 1.5em;
	font-weight: normal;
	display: block;
	text-align: center;
}

/* @end TOUR 14 -- THE PLANCHADOR IRONS THE HATS */
/* @group TOUR 15 -- THE BLOCKER SHAPES AND STYLES THE HATS */
body#tour15 div#bodyContent h2 { clear: both; }
body#tour15 li.first>p:first-letter { font-size: 18pt; }

body#tour15 div#introduction div.imagesRight
{
	width: 330px;
	margin-top: -35px;
}

body#tour15 div#introduction div.imagesLeft
{
	width: 225px;
	margin-top: -60px;
}

body#tour15 div#introduction div.copyRight
{
	width: 475px;
	margin-top: -30px;
}

body#tour15 div#choosingWhichHat div.copyLeft { width: 455px; }

body#tour15 div#choosingWhichHat div.imagesRight
{
	width: 250px;
	position: relative;
	margin-top: -30px;
}

body#tour15 div#choosingWhichHat div.imagesRight ul, body#tour15 div#choosingWhichHat div.imagesRight li
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	position: relative;
}

body#tour15 div#choosingWhichHat div.imagesRight li p
{
	/*caption*/
	position: absolute;
	top: 50px;
}

body#tour15 div#choosingWhichHat div.imagesRight li a.magnifier
{
	position: absolute;
	z-index: 10;
	right: 10px;
	bottom: 20px;
}

body#tour15 div#choosingWhichHat div.imagesLeft { width: 375px; }
body#tour15 div#choosingWhichHat div.copyRight { width: 345px; }
body#tour15 div#whichEndIsUp div.imagesLeft { width: 250px; }
body#tour15 div#whichEndIsUp div.imagesLeft img { margin-bottom: 0; }
body#tour15 div#whichEndIsUp div.copyRight { width: 470px; }

body#tour15 div#whichEndIsUp div.copyRight img
{
	float: right;
	margin-left: 20px;
	margin-right: -10px;
	display: inline;
}

body#tour15 div#whichEndIsUp div.copyRight p { clear: none; }
body#tour15 div#gettingSteamed div.copyRight { width: 365px; }

body#tour15 div#ontoTheBlock ul
{
	list-style-type: none;
	list-style-position: outside;
}

body#tour15 div#ontoTheBlock ul li
{
	clear: right;
	padding-top: 10px;
}

body#tour15 div#ontoTheBlock ul li p
{
	margin-bottom: 20px;
	clear: none;
	width: 300px;
	margin-left: 160px;
}

body#tour15 div#ontoTheBlock ul li img
{
	float: right;
	margin-right: -10px;
	display: inline;
}

body#tour15 div#ontoTheBlock p.caption
{
	text-align: right;
	color: #630;
	clear: both;
	margin-right: 270px;
}

body#tour15 div#measuringUp div.copyRight { width: 470px; }
body#tour15 div#measuringUp div.fullwidth { clear: both; }

body#tour15 div#measuringUp div.fullwidth img.right
{
	float: right;
	margin-right: -10px;
	margin-left: 20px;
	display: inline;
	margin-bottom: 20px;
}

body#tour15 div#measuringUp div.fullwidth img.left
{
	float: left;
	margin-left: -10px;
	margin-right: 20px;
	display: inline;
}

body#tour15 div#measuringUp div.fullwidth p { clear: none; }
body#tour15 div#surprise div.copyRight { width: 470px; }
body#tour15 div#surprise div.copyRight p.caption { text-align: left; }
body#tour15 div#whatsAFlange div.photoBookends div.left { }
body#tour15 div#whatsAFlange div.photoBookends div.left img { margin-top: 30px; }
body#tour15 div#whatsAFlange div.photoBookends div.left img.division { margin-top: 100px; }
body#tour15 div#whatsAFlange div.photoBookends div.right p { margin-bottom: 70px; }
body#tour15 div#whatsAFlange div.photoBookends div.right img.last { margin-bottom: 0; }
body#tour15 div#whatsAFlange div.photoBookends div.copy { }
body#tour15 div#whatsAFlange div.photoBookends div.copy p { }

body#tour15 div#whatsAFlange div.photoBookends div.left p, body#tour15 div#whatsAFlange div.photoBookends div.right p
{
	/*caption*/
	color: #630;
	text-align: center;
	margin-left: 0;
}

body#tour15 div#intoAndOntoTheFlange ul
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	position: relative;
}

body#tour15 div#intoAndOntoTheFlange li
{
	clear: both;
	padding-top: 10px;
}

body#tour15 div#intoAndOntoTheFlange li img
{
	float: right;
	display: inline;
	margin-right: -10px;
	margin-left: 20px;
}

body#tour15 div#intoAndOntoTheFlange li p
{
	clear: none;
	width: 400px;
	margin-left: 60px;
	margin-top: 0;
}

body#tour15 div#intoAndOntoTheFlange p.caption
{
	color: #630;
	text-align: right;
	margin-top: -30px;
}

body#tour15 div#theSandbag div.copyRight
{
	width: 400px;
	position: relative;
	right: 70px;
}

body#tour15 div#theHardPartBegins div.copyLeft { width: 350px; }
body#tour15 div#theHardPartBegins div.copyLeft p { clear: none; }

body#tour15 div#theHardPartBegins div.imagesRight
{
	width: 375px;
	margin-top: 50px;
}

body#tour15 div#theHardPartBegins div.imagesRight img.first { margin-bottom: 100px; }
body#tour15 div#theHardPartBegins div#sweatbandGap div.copyRight, body#tour15 div#theHardPartBegins div#sweatbandGap div.copyLeft { width: 350px; }

/* @end TOUR 15 -- THE BLOCKER SHAPES AND STYLES THE HATS */
/* @end INDIVIDUAL PAGE STYLES */