/* -------------------------------------------------------------
HAMBO DEVELOPMENT - HTTP://HAMBODEVELOPMENT.COM
YOU DESIGN _WE DEVELOP


Colours:	light grey		#acacac;
			grey			#7e7e7e;
			dark grey		#4c4c4c;
			
			light yellow	#ffbe00
			
------------------------------------------------------------- */

body 						{ color: #4c4c4c; font: 62.5%/1.6em "Lucida Grande", Tahoma, Verdana, sans-serif; }
	
	


/* LINK TYPOGRAPHY
-------------------------------------------------------------*/

a	 						{ color: #333; }
a:visited					{ color: #333; }
a:active					{ color: #ff0033; }
a:hover						{ color: #ff0033; }

#tools a					{ color: #c0c0c0; text-decoration: none; }
a.button					{ color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; }
a.button,
a.action					{ text-decoration: none; }

p.read_more a				{ text-decoration: none; }


/* HEADER TYPOGRAPHY
-------------------------------------------------------------*/

h2 							{ color: #febd00; font-size: 20px; line-height: 24px; padding-bottom: 10px; text-transform: uppercase; }

h3 							{ color: #acacac; font-size: 18px; padding-bottom: 10px; text-transform: uppercase; }
	h3 span					{ color: #febd00; font-weight: bold; }
	.column h3				{ padding-bottom: 25px; }
	#subnav h3				{ font-size: 18px; font-weight: bold; padding-bottom: 20px; }	
	.video h3				{ font-size: 13px; padding: 10px 0; }
	
h4							{ color: #4c4c4c; font-size: 14px; font-weight: bold; padding-bottom: 8px; }
	.news h4				{ padding-bottom: 15px; }
	#subnav h4				{ font-size: 12px; text-transform: uppercase; }



/* PARAGRAPH TYPOGRAPHY
-------------------------------------------------------------*/

p 							{ color: #4c4c4c; font-size: 12px; line-height: 1.6em; padding-bottom: 10px; }
strong, cite				{ font-weight: bold; }
blockquote p				{ font-style: italic; line-height: 21px; padding-bottom: 10px; }

p cite						{ font-size: 11px; }
	p cite span				{ font-weight: normal; }
	
#information p				{ color: #4c4c4c; }

#footer p					{ font-size: 11px; }
#footer_tier_two p			{ color: #7e7e7e; }
#footer_tier_two p span		{ color: #4c4c4c; }

#lead_in p					{ color: #7e7e7e; font-size: 14px; text-transform: uppercase; }

table#search_results p		{ font-size: 11px; }


/* PARAGRAPH CLASSES
-------------------------------------------------------------*/

p.date						{ color: #7e7e7e; font-size: 11px; padding-bottom: 8px; }

	/*
	.news p.date			{ color: #ffbe00; float: right; font-size: 12px; font-weight: bold;padding-bottom: 15px;  }
	*/
	
p.read_more,
p.note						{ color: #7e7e7e; font-size: 11px; font-weight: bold; }
p.list_lead_in				{ padding-bottom: 0 }




/* LIST TYPOGRAPHY
-------------------------------------------------------------*/

#content li					{ color: #4c4c4c; font-size: 12px; }
#content ul.accordion li	{ color: #4c4c4c; font-weight: bold; text-transform: uppercase; }
#content ul.accordion ul li	{ font-weight: normal; text-transform: none; }




/* NAVIGATION TYPOGRAPHY
-------------------------------------------------------------*/


/* MASTHEAD NAV
------------------------*/

#tools p					{ font-size: 10px; }
#tools p,
#tools a,
#tools a:visited			{ color: #c0c0c0;  }
#tools a:hover				{ color: #ccc; }
#tools a:active				{ color: #eee; }


/* MAIN NAVIGATION
------------------------*/

#main_nav a					{ font-size: 16px; text-decoration: none; text-transform: uppercase; }
#main_nav a,
#main_nav a:visited			{ color: #acacac; }
#main_nav a:hover			{ color: #bcbcbc; }
#main_nav a:active			{ color: #ccc; }
#main_nav li.active,
#main_nav li:hover			{ border-bottom: 3px solid #ffde00; }


/* SUBNAV
------------------------*/

ul.sub_nav li a				{ color: #7e7e7e; font-size: 12px; text-decoration: none; }
ul.sub_nav li a,
ul.sub_nav li a:visited		{ color: #7e7e7e; }
ul.sub_nav li a:hover		{ color: #4c4c4c; }
ul.sub_nav li a:active		{ color: #acacac; }
ul.sub_nav li a.active		{ color: #000; }


/* FOOTER NAV
------------------------*/
#footer_nav a				{ font-size: 12px; text-decoration: none; text-transform: uppercase; }
#footer_nav a,
#footer_nav a:visited		{ color: #7e7e7e; }
#footer_nav a:hover			{ color: #acacac; }
#footer_nav a:active		{ color: #ffbe00; }




/* FORMS TYPOGRAPHY
-------------------------------------------------------------*/

#tools input.text,
#tools input.button			{ color: #c0c0c0; font-size: 10px; }

form label.error			{ color: #f00; display: block; font-size: 9px; text-transform: uppercase; }