/*

	Brandy Milne - Stylesheet
	Designed by: Fallwater Creative
	www.fallwater.ca

*/

/*padding: top right bottom left*/

/* =General
---------------------------------------------------------------------------------------------------- */

body 
{
	margin: 0;
	background: transparent url(../images/wrapper/oak1.jpg) top center repeat;
}

body, div, td 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

hr
{
	margin: 0 0 10px 0;
}
/* =Layout
---------------------------------------------------------------------------------------------------- */
#copyright
{
	position: relative; 
	top: -46px; 
	color: #666; 
	font-size: 10px;
	line-height: 11px;
}

#container
{
	border: 0;
	position: relative;
}

#book
{
	width: 1010px;
	min-width: 1010px;
	margin: 0;
	position: relative;
}
.contentLeft
{
	margin: 40px 60px 10px 20px;
	position: relative;
}

.contentRight
{
	margin: 40px 20px 10px 60px;
	position: relative;
}
.contentLeftThin
{
	margin: 40px 140px 10px 20px;
	position: relative;
}

.contentRightThin
{
	margin: 40px 100px 10px 60px;
	position: relative;
}

#topBorder
{
	background: #FFF url(../images/wrapper/book-top.jpg) top left no-repeat;
	width: 1010px;
	min-width: 1010px;
	height: 50px;
	clear: both;
	text-align: left;
}
#leftPageBorder
{
	background: #FFF url(../images/wrapper/book-left.gif) top right repeat-y;
	width: 23px;
	min-width: 23px;
	height: 533px;
	float: left;
	display: inline;
	/*position: relative;*/
}
#leftPage
{
	background: #FFF url(../images/wrapper/page-shdw-left.gif) top right repeat-y;
	width: 482px;
	min-width: 482px;
	height: 533px;
	text-align: left;
	float: left;
	display: inline;
}

#rightPage
{
	background: #FFF url(../images/wrapper/page-shdw-right.gif) top left repeat-y;
	width: 482px;
	min-width: 482px;
	height: 533px;
	float: left;
	text-align: left;
	display: inline;
}
/** SPECIAL FULL PAGES **/
#rightPageForeword
{
	background: #FFF url(../images/right-page-brandy.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	float: left;
	text-align: left;
	display: inline;
}

#leftPageContact
{
	background: #FFF url(../images/left-page-contact.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	text-align: left;
	float: left;
	display: inline;
}

#rightPageLoft
{
	background: #FFF url(../images/loft/right-page-loft.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	float: left;
	text-align: left;
	display: inline;
}
#leftPageLoft
{
	background: #FFF url(../images/loft/left-page-loft.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	text-align: left;
	float: left;
	display: inline;
}

#rightPageTOC
{
	background: #FFF url(../images/right-page-toc.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	float: left;
	text-align: left;
	display: inline;
}

#leftPageTech
{
	background: #FFF url(../images/teknion/left-page-tech.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	text-align: left;
	float: left;
	display: inline;
}
#rightPageTech
{
	background: #FFF url(../images/teknion/right-page-tech.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	float: left;
	text-align: left;
	display: inline;
}

#rightPageDownpour
{
	background: #FFF url(../images/downpour/right-page-downpour.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	float: left;
	text-align: left;
	display: inline;
}
#leftPageDownpour
{
	background: #FFF url(../images/downpour/left-page-downpour.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	text-align: left;
	float: left;
	display: inline;
}

#rightPagePhoto
{
	background: #FFF url(../images/photo/right-page-photo.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	float: left;
	text-align: left;
	display: inline;
}
#leftPagePhoto
{
	background: #FFF url(../images/photo/left-page-photo.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	text-align: left;
	float: left;
	display: inline;
}

#leftPageHT
{
	background: #FFF url(../images/healthtea/left-page-ht.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	text-align: left;
	float: left;
	display: inline;
	color: #FFF;
}
#rightPageHT
{
	background: #FFF url(../images/healthtea/right-page-ht.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	float: left;
	text-align: left;
	display: inline;
	color: #FFF;
}

#leftPageAloha
{
	background: #FFF url(../images/aloha/left-page-aloha.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	text-align: left;
	float: left;
	display: inline;
}
#rightPageAloha
{
	background: #FFF url(../images/aloha/right-page-aloha.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	float: left;
	text-align: left;
	display: inline;
}

#leftPageVacation
{
	background: #FFF url(../images/vacation/left-page-vacation.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	text-align: left;
	float: left;
	display: inline;
}
#rightPageVacation
{
	background: #FFF url(../images/vacation/right-page-vacation.jpg) top left no-repeat;
	width: 482px;
	min-width: 482px;
	height: 533px;
	float: left;
	text-align: left;
	display: inline;
}

/*************/

#rightPageBorder
{
	background: #FFF url(../images/wrapper/book-right.gif) top left repeat-y;
	width: 23px;
	min-width: 23px;
	height: 533px;
	float: right;
	display: inline;
	/*display: inline;*/
}
#btmBorder
{
	background: #FFF url(../images/wrapper/book-btm.jpg) top left no-repeat;
	width: 1010px;
	min-width: 1010px;
	height: 70px;
	clear: both;
}

#toc td
{
	padding: 5px 10px 5px 22px;
	text-transform: uppercase;
}
#toc td a
{
	text-decoration: none;
}

.caption
{
	font-size: 9px;
	color: #3E3E3E;
	line-height: 9px;
	width: 130px; 
	height: 48px;
	/* REMINDER: define 'top' style locally */
	position: relative;
}
.captionLeft
{
	font-size: 9px;
	color: #3E3E3E;
	text-align: right;
	line-height: 11px;
	background: #FFF url(../images/arrow-right.gif) top right no-repeat;
	width: 130px; 
	height: 48px;
	/* REMINDER: define 'top' style locally */
	padding-top: 1px;
	float: right;
	position: relative;
}
.captionRight
{
	font-size: 9px;
	color: #3E3E3E;
	text-align: left;
	line-height: 11px;
	background: #FFF url(../images/arrow-left.gif) top left no-repeat;
	width: 130px; 
	height: 48px;
	/* REMINDER: define 'top' style locally */
	left: 54px;
	padding-top: 1px;
	float: left;
	position: relative;
}
/* =Navigation
---------------------------------------------------------------------------------------------------- */
#tabs
{
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 34px 0 0 35px;
}
#tabs li
{
	display: inline;
}
#tabs li a, a:link, a:active
{
	padding: 0 7px 0 6px;
	color: #000000;
	text-decoration: none;
}
#tabs li a:visited
{
	color: #333333;
}
#tabs li a:hover
{
	color: #6A868E;
}
#tabs li.selected a,
#tabs li.selected a:link
{
	color: #999999;
}

.pageCornerLeft, 
.pageCornerRight, 
.pageCornerLeftTech, 
.pageCornerRightTech, 
.pageCornerLeftPhoto, 
.pageCornerRightPhoto, 
.pageCornerRightForeword, 
.pageCornerRightLoft, 
.pageCornerRightHT, 
.pageCornerRightAloha, 
.pageCornerLeftHT, 
.pageCornerLeftDP,
.pageCornerRightMT, 
.pageCornerLeftMT
{
	display: inline;
	position: relative;
	top: -130px;
	width: 60px;
	height: 60px;
	background: none;
	float: left;
	cursor: pointer;
	margin: 0;
	/*border: 1px solid #CCCCFF;*/
}
.pageCornerLeft, 
.pageCornerLeftMT
{
	left: 23px;
	background: transparent url(../images/wrapper/corner-left.gif) 0 0 no-repeat;
}
.pageCornerLeft:hover, 
.pageCornerLeft a:hover
{
	background: transparent url(../images/wrapper/corner-left-over.gif) 0 0 no-repeat;
}
.pageCornerRight, 
.pageCornerRightMT
{
	left: 867px;
	background: transparent url(../images/wrapper/corner-right.gif) 0 0 no-repeat;
}
.pageCornerRight:hover, 
.pageCornerRight a:hover
{
	background: transparent url(../images/wrapper/corner-right-over.gif) 0 0 no-repeat;
}
.pageCornerRight a, 
.pageCornerLeft a, 
.pageCornerRightTech a, 
.pageCornerLeftTech a, 
.pageCornerRightPhoto a, 
.pageCornerLeftPhoto a, 
.pageCornerRightForeword a, 
.pageCornerRightLoft a, 
.pageCornerRightHT a, 
.pageCornerLeftHT a, 
.pageCornerRightAloha a, 
.pageCornerLeftDP a, 
.pageCornerLeftMT a, 
.pageCornerRightMT a
{
	_display: block;
	_width: 60px;
	_height: 60px;
}
.pageCornerLeftMT, 
.pageCornerRightMT
{
	background: none;
	cursor: default;
}

/*** PAGE SPECIFIC CORNERS ****************************/
/******************************************************/
.pageCornerRightForeword
{
	left: 867px;
	background: transparent url(../images/wrapper/corner-right-brandy.gif) 0 0 no-repeat;
}
.pageCornerRightForeword:hover, 
.pageCornerRightForeword a:hover
{
	background: transparent url(../images/wrapper/corner-right-brandy-over.gif) 0 0 no-repeat;
}

.pageCornerRightLoft
{
	left: 867px;
	background: transparent url(../images/loft/corner-right-loft.gif) 0 0 no-repeat;
}
.pageCornerRightLoft:hover, 
.pageCornerRightLoft a:hover
{
	background: transparent url(../images/loft/corner-right-loft-over.gif) 0 0 no-repeat;
}

.pageCornerLeftDP
{
	left: 23px;
	background: transparent url(../images/downpour/corner-left-dp.gif) 0 0 no-repeat;
}
.pageCornerLeftDP:hover, 
.pageCornerLeftDP a:hover
{
	background: transparent url(../images/downpour/corner-left-dp-over.gif) 0 0 no-repeat;
}

.pageCornerRightHT
{
	left: 867px;
	background: transparent url(../images/healthtea/corner-right-ht.gif) 0 0 no-repeat;
}
.pageCornerRightHT:hover, 
.pageCornerRightHT a:hover
{
	background: transparent url(../images/healthtea/corner-right-ht-over.gif) 0 0 no-repeat;
}

.pageCornerLeftHT
{
	left: 23px;
	background: transparent url(../images/healthtea/corner-left-ht.gif) 0 0 no-repeat;
}
.pageCornerLeftHT:hover, 
.pageCornerLeftHT a:hover
{
	background: transparent url(../images/healthtea/corner-left-ht-over.gif) 0 0 no-repeat;
}

.pageCornerRightAloha
{
	left: 867px;
	background: transparent url(../images/aloha/corner-right-aloha.gif) 0 0 no-repeat;
}
.pageCornerRightAloha:hover, 
.pageCornerRightAloha a:hover
{
	background: transparent url(../images/aloha/corner-right-aloha-over.gif) 0 0 no-repeat;
}

.pageCornerRightTech
{
	left: 867px;
	background: transparent url(../images/teknion/corner-right-tech.gif) 0 0 no-repeat;
}
.pageCornerRightTech:hover, 
.pageCornerRightTech a:hover
{
	background: transparent url(../images/teknion/corner-right-tech-over.gif) 0 0 no-repeat;
}
.pageCornerLeftTech
{
	left: 23px;
	background: transparent url(../images/teknion/corner-left-tech.gif) 0 0 no-repeat;
}
.pageCornerLeftTech:hover, 
.pageCornerLeftTech a:hover
{
	background: transparent url(../images/teknion/corner-left-tech-over.gif) 0 0 no-repeat;
}

.pageCornerRightPhoto
{
	left: 867px;
	background: transparent url(../images/photo/corner-right-photo.gif) 0 0 no-repeat;
}
.pageCornerRightPhoto:hover, 
.pageCornerRightPhoto a:hover
{
	background: transparent url(../images/photo/corner-right-photo-over.gif) 0 0 no-repeat;
}
.pageCornerLeftPhoto
{
	left: 23px;
	background: transparent url(../images/photo/corner-left-photo.gif) 0 0 no-repeat;
}
.pageCornerLeftPhoto:hover, 
.pageCornerLeftPhoto a:hover
{
	background: transparent url(../images/photo/corner-left-photo-over.gif) 0 0 no-repeat;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */

.bigger {
	font-size: 14px;
	}

.smaller {
	font-size: 10px;
	}

p
{
	margin: 0 0 9px 0;
	line-height: 1.1em;
	text-align: justify;
	text-indent: 8px;
}

h1 
{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 0 0 4px 0;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */



/* =Footer
---------------------------------------------------------------------------------------------------- */


/* =Header
---------------------------------------------------------------------------------------------------- */


/* =Forms
---------------------------------------------------------------------------------------------------- */ 

.indent 
{
	text-indent: 3em;
}

.validation 
{
	color: #FF0000;
	font-weight: bold;
}
	
form 
{
	margin: 0;
	padding: 0;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, 
a:link, 
a:active, 
a:hover, 
a:visited
{
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a, a:link, 
a:active
{
	color: #333;
}
a:visted
{
	color: #000;
}
a:hover
{
	color: #666;
}
a:focus
{
	outline: none;
}

/* =Misc: Print and Send
---------------------------------------------------------------------------------------------------- */

#print-send {
	
}