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

author:    Jason Hollett, RealDecoy Inc.
___________________________________________________________________________ */

/* NOTE: text has already been zeroed via the YUI fonts css

YUI font sizes

10px	77%
11px	85%
12px	92%
13px	100%
14px	107%
15px	114%
16px	122%
17px	129%
18px	136%
19px	144%
20px	152%
21px	159%
22px	167%
23px	174%
24px	182%
25px	189%
26px	197%

*/

body { font-family: arial; font-size: 11px; }
select { font-size: 11px; margin-bottom: 10px; font-family: arial;}

/* =Text Colours
___________________________________________________________________________ */

.orange { color: #e33916; }
.gray { color: #4d4d4d; }
.white { color: #fff; }

/* =Text Sizes
___________________________________________________________________________ */

.large { font-size: 122%; } /* 16px */
.medium { font-size: 107%; } /* 14px */
.small { font-size: 92%; } /* 12px */
.smaller { font-size: 77%; } /* 10px */

small {
	font-size: 77%;
	padding: 5px;
}

/* =Links
___________________________________________________________________________ */

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

/* =Main Homepage
___________________________________________________________________________ */
#main-homepage .text { font: 107%/14px "Trebuchet MS" , Arial; color: #666; }
#main-homepage .text span { color: #a91417; }


#main-homepage-newsletter { font-family: "Trebuchet MS" , Arial; color: #333; }
#main-homepage-newsletter .block1 { font-size: 107%; }
#main-homepage-newsletter .block1 span { font-size: 152%; }
#main-homepage-newsletter .block2 input { font-size: 107%; color: #666; }

/* =Navigation
___________________________________________________________________________ */
#topnav a { font: bold 107% "Trebuchet MS", Arial; color: #4f4f4f; }
#topnav a:hover, #topnav ul li a.selected { text-decoration: none; color: #e34b16; }


#subnav ul { font: bold 100% "Trebuchet MS", Arial; color: #4f4f4f; text-transform: uppercase; }
#subnav a { color: #4f4f4f; }
#subnav a:hover { color: #e34b16; }
#subnav .selected { color: #e34b16; }


#homepage-content .button a,
	#english-button a,
	#french-button a,
	#main-homepage .button a { font: 167% "Trebuchet MS", Arial; color: #4f4f4f; }

#homepage-content .button a:hover,
	#english-button a:hover,
	#french-button a:hover,
	#main-homepage .button a:hover { color: #e34b16; text-decoration: none; }

#homepage-content .button span { font-size: 197%; }

/* =Detail Images
___________________________________________________________________________ */

#detail_images .title { font: bold 100% "Trebuchet MS", Arial; }

/* =Thumbnail Navigation
___________________________________________________________________________ */

.thumb-heading { font: bold 100% "Trebuchet MS"; color: #666;  }

h1 {
	font-size: 167%;
	color: #d2232a;
	margin: 10px 0 10px 0;
}

h2 {
	
}