/*

	CSS styles
	Clent: Clustered Consultants
	Website: www.clusteredconsultants.co.uk
	Designer: Marcus Corbridge
	Creation date: 29 Jan 2005
	Updated: 12 Apr 2006
	Filename: typography.css
	
	==============
	
	Branding colours
	
	BLUE
	Dark:    #42425A
	Med:     #74748D
	Light:   #B0B0BE
	Lighter: #E8E8EC

*/

p { padding: 0 0 10px 0; margin:0; color: #42425A; line-height: 130%; cursor: default; }
p.intro { font-weight: bold; font-size: 12px; }

a:link { color: #42425A;font-weight:bold;}
a:visited { color: #42425A;font-weight:bold;}
a:hover { color: #74748D;font-weight:bold;}

.formtextbox { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; margin:0 0 10px 0; width:195px; }
.formtextarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 8pt; margin:0 0 10px 0; width:442px; height: 75px; }
.formbutton {border: 1px solid #74748D;color: #42425A;background-color: #E8E8EC;font-weight: bold;cursor: pointer; margin:0 0 20px 0;}

.accessibility { display: none; }

.em { font-style: italic; }

#navlist { margin:0; margin-left: 30px; padding: 0; }
#navlist li	{
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}
#navlist li a, #navlist li a:link {
	color: #FFF;
	text-decoration: none;
	padding: 0 5px 3px 5px;
	display: block;
	font-weight: bold;
	border-right: 1px solid #74748D;
}
#navlist li a:hover { color: #74748D; cursor: pointer; background: #E8E8EC; }
#navlist li a#lastitem, #navlist li a#lastitem:link {
	color: #FFF;
	text-decoration: none;
	padding: 0 8px 3px 8px;
	display: block;
	font-weight: bold;
	border: 0;
}
#navlist li a#lastitem:hover { color: #74748D; cursor: pointer; background: #E8E8EC; }
#navlist li span { display: none; }

#subnavlist { margin: 0; padding: 0; list-style: none; }
#subnavlist li	{ margin: 0; padding: 0; width: auto; display: block; width: 210px; }
#subnavlist li a, #subnavlist li a:link {
	color: #42425A;
	text-decoration: none;
	padding: 8px 8px 6px 8px;
	display: block;
	font-weight: bold;
	width: 194px;
	border-top: 1px solid #B0B0BE;
}
#subnavlist li a:hover { cursor: pointer; background-color: #E8E8EC; }
#subnavlist li a#subnavcurrent, #subnavlist li a#subnavcurrent:link {
	cursor: default;
	background-color: #E8E8EC;
	border-top: 1px solid #B0B0BE;
	border-bottom: 1px solid #B0B0BE;
	padding-right: 29px;
	display: block;
}

#subnavlist li a#subnavlast, #subnavlist li a#subnavlast:link {
	color: #42425A;
	text-decoration: none;
	padding: 8px 8px 6px 8px;
	display: block;
	font-weight: bold;
	border-top: 0;
	border-bottom: 1px solid #B0B0BE;
}

#footerlist { margin: 0; padding: 0; list-style: none; text-align: right; }
#footerlist li	{ margin: 0; padding: 0; display: block; float: left; }
#footerlist li a, #footerlist li a:link { color: #FFF; text-decoration: none; padding: 3px; margin: 0 0 0 5px; display: block; font-weight: normal; font-size: 10px; background-color: #B0B0BE; }
#footerlist li a:hover { color: #FFF; cursor: pointer; background-color: #74748D; }

#maincontent h2{ margin: 0; padding-bottom:2px; border-bottom: 5px solid #e0e0e0; font-size:16px }
#maincontent a { color: #3B8ACD; text-decoration: none }
#maincontent a:hover { text-decoration: underline }

#home h2 { margin:0 0 0 0; font-size:11px; font-weight:normal; width:350px }
#home h2 span { font-size:16px; color:#42425A }

#splash h2 {
	color: #FFFFFF;
	font-size: 20px;
	margin: 0;
	padding: 10px 25px 10px 25px;
	text-transform: uppercase;
	cursor: default;
}

.colTitle1 {
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #B0B0BE;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	color: #42425A;
	cursor: default;
	line-height: 130%;
}

a.link1, a:link.link1 {
	color: #42425A;
	background: url(/images/bullet02.gif) no-repeat right center;
	padding: 0 10px 0 0;
	text-decoration: none;
}

a:hover.link1 { text-decoration: underline; }

a.downloadsla, a:link.downloadsla {
	padding: 10px 10px 10px 30px;
	background: #E8E8EC url(/images/download-icon-01.gif) no-repeat 10px 10px;
	display: block;
	text-decoration: none;
	margin: 0 0 10px 0;
}

.filetype { font-weight: normal; }

h2.nav { display: none; }

h3.featured { margin: 0 0 0 20px; padding-left:10px; vertical-align:middle; height:26px; background:url(/images/title_feature.gif) no-repeat }
h3.featured span { display:none }

#fimages { padding:10px 10px 10px 25px; float:left; }
#fimages img { padding:2px }
.ftext { margin:10px;}

h3.benefitsicon { margin-top: 10px; width:212px; height:102px; background:url(/images/learn-icon-01.gif) no-repeat }
a.benefits { width:212px; height:102px; display: block; text-decoration: none; }
h3.contactusicon { margin-top: 10px; width:212px; height:78px; background:url(/images/contact-icon-02.gif) no-repeat }
a.contactus { width:212px; height:78px; display: block; text-decoration: none; }
h3.servicesicon { margin-top: 10px; width:212px; height:102px; background:url(/images/services-icon-01.gif) no-repeat }
a.services { width:212px; height:102px; display: block; text-decoration: none; }

h3.news { margin-top: 10px; width:212px; height:102px; background:url(/images/services-icon-01.gif) no-repeat }
h3.contact { margin-top: 10px; width:212px; height:78px; background:url(/images/contact-icon-02.gif) no-repeat }
#sidebar span { display:none }
#sidebar p { margin:10px }