/*
	Description	:	Core Css
	Author		:	Ryan Roberts
	Client		:	
	
	Structure:		GENERAL
					MAIN STRUCTURE
					SUB STRUCTURE
					NAVIGATION
					MISC - float clearing & other stuff
*/
    
/*
	GENERAL
________________________________________________________________________________________ */

body {
	font-family: Arial, Verdana, sans-serif;
	color: #3f3f3f;
	background: #666 url(../images/interface/bg-body.gif) fixed
	}

h1, h2, h3,
h4, h5, h6 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.8em;
	color: #99cc00;
	margin: 0 0 12px;
    }

a,
a:link,
a:active,
a:visited {
    color: #99cc00;
	border-bottom: 1px dotted #ccc
    }
    
a:hover,
a:focus {
	color: #333;
	border-color: #666
    }

cite {
	color: #99cc00;
	}
    
/*
	MAIN STRUCTURE
	The main (first level) grid structure.
________________________________________________________________________________________ */

#header {
	position: relative;
	float: left;
	width: 224px;
	background: #99cc00 url(../images/interface/bg-header.jpg) no-repeat center top
	}


#wrapper {
	width: 932px;
	margin: 0 auto;
	background: transparent url(../images/interface/bg-content.gif) repeat-y center top
	}


#content {
	position: relative;
	float: right;
	width: 653px;
	padding: 15px 24px 0 25px;
	margin: 0 auto;
	background: #fff;
	z-index: 200
	}


#content-primary {
	float: left;
	width: 414px
	}

	.fullWidthTemplate #content-primary,
	.diagTemplate #content-primary {
		width: 653px
		}


#content-secondary {
	float: right;
	width: 207px;
	}


#footer {
	color: #fff;
	position: relative;
	clear: both;
	width: 932px;
	padding: 12px 0 0;
	margin: 0 auto;
	background: transparent url(../images/interface/bg-footer.gif) no-repeat center top;
	z-index: 100
	}
	
	
/*
	SUB STRUCTURE
	All content held "within" the first level grid structure.
________________________________________________________________________________________ */

#header-image {
	clear: both;
	width: 100%;
	margin: 0 0 12px;
	}


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

#header .brand-logo {
	display: block;
	width: 224px;
	height: 200px;
	text-indent: -9999px;
	background: none;
	}

#brand-strapline {
	position: absolute;
	top: 54px;
	left: 0;
	}


/*	FOOTER
------------------------------------- */

#footer ul {
	list-style: none;
	margin: 0 25px;
	}

	
	#footer ul li {
		float: left;
		}
	
	#footer ul li.tel {
		margin: 0 0 0 68px
		}
	
	#footer ul li#site-info-legal {
		float: right;
		}

#footer a {
	color: #fff
	}

#footer a:hover {
	color: #c4fe47;
	text-decoration: underline
	}


/*	HOME PAGE
------------------------------------- */

/* feature block */

#features {
	clear: both;
	width: 100%;
	height: 125px;
	margin: 0 0 12px;
/**/overflow: hidden
	}

	#features .feature {
		float: left;
		color: #fff;
		width: 177px;
		height: 83px;
		padding: 42px 15px 15px;
		background: url(../images/elements/features-home.jpg) no-repeat 0 0
		}

	#features #feature-data-privacy {
		background-position: -208px 0;
		}

	#features #feature-learning {
		background-position: -416px 0;
		}

	#features .feature p {
		line-height: 1.2;
		margin: 0 0 9px;
		}

	#features .feature a {
		color: #fff;
		}

	#features .i2 {
		margin: 0 16px;
		}

	#features h2,
	#features h3,
	#features h4,
	#features h5 {
		position: absolute;
		top: -9999px;
		left: -9999px
		}


#news-ticker {
    position:relative;
	width: 653px;
	height: 2.1em;
	margin: 0 0 24px;
	background: #d6d6d6 url(../images/interface/bg-grey-stripe.gif);
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

	#news-ticker h2, #news-ticker h3,
	#news-ticker h4, #news-ticker h5 {
		float: left;
		width: 114px;
		height: 21px;
		text-indent: -9999px;
		background: #8ebe00 url(../images/interface/bg-latestnews.gif) no-repeat;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		}
	
	.msg a {
		color: #333;
		}
		
    .msg
    {   
        font-family: Arial, Helvetica, sans-serif;
        font-size:1.2em;   
        font-weight:bold;
        line-height:1.8em;
        position:absolute;
        left:95.8em;
        width:500em;
        color: #333;       
    }
    
    
#quote-other
{   
    width: 226px;   
}
    
#quote-other blockquote 
{
	font-size: 95%;
	margin-right: 25px;
	background: url(../images/interface/quotes-left.gif) no-repeat left top
}

#quote-other blockquote cite 
{
	display: block;
	padding: 12px 0 0;
	margin: -12px 0 0;
	background: url(../images/interface/quotes-right.gif) no-repeat right top
}

#quote-other blockquote p 
{
	margin-bottom: 8px;
}   


#quote-staff blockquote {
	font-size: 95%;
	margin-right: 25px;
	background: url(../images/interface/quotes-left.gif) no-repeat left top
	}

	#quote-staff blockquote cite {
		display: block;
		padding: 12px 0 0;
		margin: -12px 0 0;
		background: url(../images/interface/quotes-right.gif) no-repeat right top
		}

	#quote-staff blockquote p {
		margin-bottom: 8px;
		}

/*.homePage*/ #quote-staff {
	position: absolute;
	right: 0;
	bottom: -8px;
	width: 226px;
	height: 23em;
	}
		
	.quote-drobbie {
		background: transparent url(../images/staff/drobbie.gif) no-repeat right bottom
		}
		
	.quote-sheryl {
		background: transparent url(../images/staff/sheryl.gif) no-repeat right bottom;
		height: 25em !important;
		}



/*	HOME PAGE
------------------------------------- */

/* feature block */

#features-sub {
	clear: both;
	width: 654px;
	height: 6em;
	margin: 0 0 20px 254px;
/**/overflow: hidden
	}

	#features-sub .feature {
		float: left;
		color: #fff;
		width: 217px;
		height: 83px;
		padding: 0;
		background: url(../images/elements/features-news.jpg) no-repeat
		}

	#features-sub #feature-together {
		background-image: url(../images/elements/features-together.jpg);
		}

	#features-sub #feature-team {
		background-image: url(../images/elements/features-team.jpg);
		}

	#features-sub .i2 {
		margin: 0 1px;
		}

	#features-sub h2,
	#features-sub h3,
	#features-sub h4,
	#features-sub h5 {
		position: absolute;
		top: -9999px;
		left: -9999px
		}

	#features-sub p,
	#features-sub a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		text-indent: -9999px
		}

h3.folder
{
    background-image: url(../images/elements/folder_sm.gif);
    background-repeat:no-repeat;
    height:38px;
    margin:5px 0 5px 0;
    padding:0 0 0 40px;
}

/*	PORTFOLIO TEMPLATE
------------------------------------- */

#article-listing {
	padding-top: 18px;
	border-top: 1px solid #ccc
	}


/*	TEAM TEMPLATE
------------------------------------- */

#team-profile-photo {
	margin: 0 0 12px;
	border-bottom: 1px solid #ccc
	}

#team-profile-photo img {
	display: block
	}

#likes-dislikes p {
	padding: 0 0 3px;
	border-bottom: 1px dotted #ccc
	}

#likes-dislikes strong {
	color: #99cc00
	}

#team-list {
	color: #99cc00
	}

	#team-list .current-page,
	#team-list .current-page a {
		color: #666
		}


/*	OVERVIEW DIAGRAM TEMPLATE
------------------------------------- */

.diag-help {
	padding: 0 0 8px;
	border-bottom: 1px solid #666;
	}

#diag-info {
	width: 300px;
	margin: 36px 0 0;
	}

#diag-list {
	position: relative;
	float: right;
	width: 324px;
	height: 323px;
	background: url(../images/infodiag/it-training-consultancy.gif) no-repeat
	}

	#diag-list li {
		position: absolute;
		display: block;
		z-index: 10
		}

		#diag-list li:hover {
			z-index: 1000
			}

	#diag-list a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
		border: none
		}

	#info-approach {
		top: 130px;
		left: 115px;
		width: 100px;
		height: 52px;
		background: transparent
		}

		#info-approach a:hover,
		#info-approach a.selected {
			background: none;
			}

	#info-data-privacy {
		top: 15px;
		left: 30px;
		width: 196px;
		height: 113px;
		}

		#info-data-privacy a:hover,
		#info-data-privacy a.selected {
			background: url(../images/infodiag/it-tc-over.gif) no-repeat -30px -15px;
			}

	#info-consultancy {
		top: 30px;
		right: 0;
		width: 126px;
		height: 197px;
		}

		#info-consultancy a:hover,
		#info-consultancy a.selected {
			background: url(../images/infodiag/it-tc-over.gif) no-repeat -521px -30px;
			}

	#info-bespoke-productivity {
		right: 33px;
		bottom: 16px;
		width: 197px;
		height: 111px;
		}

		#info-bespoke-productivity a:hover,
		#info-bespoke-productivity a.selected {
			background: url(../images/infodiag/it-tc-over.gif) no-repeat -94px -196px;
			}

	#info-training {
		top: 100px;
		left: 0;
		width: 126px;
		height: 189px;
		}

		#info-training a:hover,
		#info-training a.selected {
			background: url(../images/infodiag/it-tc-over.gif) no-repeat -323px -100px;
			}


/*	SECONDARY CONTENT
------------------------------------- */

#more-info li {
	display: block;
	overflow: hidden;
	padding: 0 0 12px;
	margin: 0 0 12px;
	border-bottom: 1px solid #ccc
	}

#content-secondary a {
	color: #666
	}

#content-secondary a:hover,
#content-secondary a:focus {
	color: #99cc00
	}



/* 
	NAVIGATION
	Main and sub navigation styling 
________________________________________________________________________________________ */

#nav-main {
	padding: 0 12px 0 34px
	}

#nav-main ul {
	text-transform: uppercase;
	}

	#nav-main li {
		margin: 0 0 8px;
		font-family: din, arial, verdana, sans-serif;
		}

	#nav-main li a {
		color: #fff;
		padding: 0 0 0 12px;
		border:none;
		}

	#nav-main li a:hover,
	#nav-main li a:focus  {
		color: #fff;
		background: url(../images/interface/bullet-bright-green.gif) no-repeat left center
		}

	#nav-main li.current-page a {
		color: #333;
		background: url(../images/interface/bullet-white.gif) no-repeat left center
		}

	#nav-main li.current-page ul li.current-page a {
		color: #333;
		background: url(../images/interface/bullet-bright-green.gif) no-repeat left center
		}

	
	#nav-main li ul {
		text-transform: lowercase;
		text-transform: capitalize;
		margin: 0 0 0 16px
		}

	#nav-main li ul li {
		margin: 0
		}

	#nav-main li ul li a,
	#nav-main li.current-page ul li a {
		color: #fff!important;
		background: none;
		display: block
		}

	#nav-main li ul li a:hover,
	#nav-main li.current-page ul li a:hover {
		color: #fff!important;
		background: url(../images/interface/bullet-bright-green.gif) no-repeat 0 6px
		}


/* Other Nav stuff */

.nav-access-head {
	width: 932px;
	height: 8px;
	margin: 16px auto 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/interface/bg-top.gif) no-repeat top center
	}


#oh-crumbs {
	float: left;
	width: 100%;
	margin: 0 0 12px
	}

	#oh-crumbs ul {
		list-style: none;
		text-transform: lowercase;
		margin: 0;
		}

	#oh-crumbs li {
		float: left;
		color: #999;
		font-size: 90%;
		margin: 0 0 0 8px
		}

	#oh-crumbs li:before {
		content: " > ";
		padding: 0 6px 0 0;
		}

	#oh-crumbs li.first-crumb {
		margin: 0
		}

	#oh-crumbs li.first-crumb:before {
		content: "";
		padding: 0
		}



/*	MISC - KEEP THIS STUFF AT THE BOTTOM
________________________________________________________________________________________ */


/*	REMOVE FROM PAGE */

.nav-access-foot {
	position: absolute!important;
	top: -9999em!important;
	left: -9999em!important;
	}


/*	FLOAT CLEARING */

#wrapper:after,
#header:after,
#content:after,
#content-primary:after,
#content-secondary:after,
#footer:after,
.nav:after,
fieldset:after,
form:after,

#oh-crumbs:after,
#oh-crumbs ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}


/* FLOAT CLEARING FOR INTERNET EXPLODER */

#header,
#wrapper,
#content,
#content-primary,
#content-secondary,
#footer,
.nav,
fieldset,
form,

#oh-crumbs,
#oh-crumbs ul {
	zoom: 1;
	}