/* TYPOGRAPHY **********************************/

h1, h2, h3, h4 {
	padding-bottom: 5px;
	margin: 10px 0;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
}

h1 { 
	font-size: 200%;
	line-height: 100%;
}

h2 {
	font-size: 175%;
	line-height: 100%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
}


ul.number,
ul.plus,
ul.pdf,
ul.alert,
ul.check,
ul.star,
ul.triangle-blue,
ul.triangle-grey,
ul.bullet-blue,
ul.bullet-grey {
	padding-left: 10px;
	margin-left: 0;
}

ul.number li,
ul.plus li,
ul.pdf li,
ul.alert li,
ul.check li,
ul.star li,
ul.triangle-blue li,
ul.triangle-grey li,
ul.bullet-blue li, 
ul.bullet-grey li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 24px;
}

li.number-1 {
	background: url(../images/typography/number-1.png) 0 0 no-repeat;	
}

li.number-2 {
	background: url(../images/typography/number-2.png) 0 0 no-repeat;	
}

li.number-3 {
	background: url(../images/typography/number-3.png) 0 0 no-repeat;	
}

li.number-4 {
	background: url(../images/typography/number-4.png) 0 0 no-repeat;	
}

li.number-5 {
	background: url(../images/typography/number-5.png) 0 0 no-repeat;	
}

li.number-6 {
	background: url(../images/typography/number-6.png) 0 0 no-repeat;	
}

li.number-7 {
	background: url(../images/typography/number-7.png) 0 0 no-repeat;	
}

li.number-8 {
	background: url(../images/typography/number-8.png) 0 0 no-repeat;	
}

li.number-9 {
	background: url(../images/typography/number-9.png) 0 0 no-repeat;	
}

ul.plus li {
	background: url(../images/typography/plus-2.png) 4px 2px no-repeat;
}

ul.pdf li {
	background: url(../images/typography/pdf.png) 2px 2px no-repeat;
}

ul.alert li {
	background: url(../images/typography/alert.png) 2px 2px no-repeat;
}

ul.star li {
	background: url(../images/typography/star.png) 0 2px no-repeat;
}

ul.check li {
	background: url(../images/typography/check.png) 2px 2px no-repeat;
}

ul.triangle-blue li {
	background: url(../images/typography/triangle-blue.png) 6px 4px no-repeat;
}

ul.triangle-grey li {
	background: url(../images/typography/triangle-grey.png) 6px 4px no-repeat;
}

ul.triangle-green li {
	background: url(../images/typography/triangle-green.png) 6px 4px no-repeat;
}

ul.bullet-blue li {
	background: url(../images/typography/bullet-blue.png) 4px 4px no-repeat;
}

ul.bullet-grey li {
	background: url(../images/typography/bullet-grey.png) 4px 4px no-repeat;
}

ul.bullet-green li {
	background: url(../images/typography/bullet-green.png) 4px 4px no-repeat;
}

pre {
	background: #f7f7f7;
	border: 1px solid #f0f0f0;
	padding: 10px;
}

blockquote {
	color: #666;
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 0px 5px 60px;
	margin: 15px 0;
	background: url(../images/typography/quote-start.png) 0 0 no-repeat;
}

blockquote p {
	padding: 0 60px 10px 0;
	margin-top: 0;
	background: url(../images/typography/quote-end.png) 100% 100% no-repeat;
}

blockquote.b {
	color: #666;
	font-style: italic;
	font-size: 110%;
	line-height: 135%;
	width: auto;
	padding: 0px 0px 5px 20px;
	margin: 15px 0 15px 15px;
	background: url(../images/typography/quote2-start.png) 0 2px no-repeat;
}

/* @group Notice Styles */

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;	
}

span.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(../images/typography/status-alert.png) 10px 50% no-repeat;
}

span.info {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #D8E5F8 url(../images/typography/status-info.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #FEF6D8 url(../images/typography/status-note.png) 10px 50% no-repeat;
}

span.download {
	color: #57861A;
	border-top: 3px solid #c2df88;
	border-bottom: 3px solid #c2df88;
	background: #EEF7DD url(../images/typography/status-download.png) 10px 50% no-repeat;
}

/* @end */