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


Colours:	light grey		#acacac;
			grey			#7e7e7e;
			dark grey		#4c4c4c;
			
			purple			#090b4e
			
------------------------------------------------------------- */

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


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

a:link,
a:visited					{ color: #0090d3; text-decoration: none; }
a:hover						{ color: #222; }

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




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

h2 							{ color: #0090d3; font-size: 20px; padding-bottom: 10px; }
h2 a:link,
h2 a:visited				{ color: #0090d3; }

	#information .column h2	{ color: #090b4e; font-size: 14px; text-align: center; text-indent: -9999px; }

h3 							{ color: #acacac; font-size: 20px; margin-bottom: 20px; text-transform: uppercase; }
	#footer .column h3		{ border-bottom: 1px solid #333; color: #eef3f5; font-size: 14px; margin-bottom: 5px; padding-bottom: 5px; }
	#information .column h3	{ color: #4c4c4c; font-size: 12px; margin-bottom: 4px; text-transform: uppercase; }

	
h4							{ color: #4c4c4c; font-size: 13px; padding-bottom: 4px; }
	.column h4				{ font-size: 12px; text-transform: uppercase; }

h5							{ color: #000; font-size: 13px; font-weight: bold; }



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

p 							{ color: #7e7e7e; font-size: 13px; line-height: 1.6em; padding-bottom: 5px; }
	#information p			{ font-size: 11px; }
	
blockquote p				{ color: #090b4e; font-size: 13px; font-style: italic; padding-bottom: 0; }


p cite						{ color: #007fce; font-weight: bold; }
	p cite span				{ color: #7e7e7e; font-weight: normal; }
	
p#partners					{ color: #9eb7c6; font-size: 20px; font-style: italic; }
p#contact_number			{ color: #090b4e; font-size: 20px; font-weight: bold; }

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

#lead_in p					{ color: #040526; font-size: 36px; font-weight: bold; margin-top: -15px; text-transform: uppercase; }

p.caption					{ font-size: 10px; text-align: center; }



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

p.date					{ color: #007fce; font-size: 13px; font-weight: bold; padding-bottom: 10px;  }
#information p.date		{ color: #acacac; font-size: 10px; padding-bottom: 4px; }



	
p.read_more,
p.note						{ color: #4c4c4c; font-size: 11px; font-weight: bold; }

p.list_lead_in				{ padding-bottom: 0 }

p span.author				{ color: #383cbc; }



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

#content li					{ color: #7e7e7e; 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; text-transform: uppercase; }
#tools p,
#tools a,
#tools a:visited				{ color: #c0c0c0;  }
#tools a:hover					{ color: #0090d3; }
#tools a:active					{ color: #eee; }


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

#nav_main a						{ font-size: 12px; text-transform: uppercase; }
#nav_main a,
#nav_main a:visited				{ color: #0090d3; }
#nav_main a:hover				{ color: #0090d3; }
#nav_main a:active				{ color: #0090d3; }


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

ul.sub_nav li a					{ color: #b9c0c3; font-size: 13px; text-transform: uppercase; }
ul.sub_nav li a:visited			{ color: #b9c0c3; }
ul.sub_nav li a:hover			{ color: #0090d3; }
ul.sub_nav li a:active			{ color: #acacac; }
ul.sub_nav li.active a			{ color: #151481; }


/* FOOTER NAV
------------------------*/
#footer a						{ font-size: 11px; }
#footer a,
#footer a:visited				{ color: #b0afb7; }
#footer a:hover					{ color: #0090d3; }
#footer a:active				{ color: #b0afb7; }




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

form input[type="text"],
form textarea					{ color: #989ea1; font: 62.5%/1.6em "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 10px; }
form input[type="text"]:focus	{ color: #666; font-weight: bold; }