@import url("style.css");

/* I see my light come shining
From the west unto the east  */

body
{
	background-color: #FFF;
	color: #000;
}

.alt-colour
{	color: #FFF;	}

/* head */
#head-outer
{	background: url(../../images/core/light/head-outer.png) repeat-x 0px 0px;	}

#head
{	border-bottom: 2px solid #003860;	}

#logo, #logo a
{	background: url(../../images/core/light/logo.png) no-repeat 0px 9px;	}

#slogan
{	background: url(../../images/core/light/slogan.png) no-repeat 0px 0px;	}

h3.chat-btn, h3.chat-btn a, #right h3.chat-btn, #right h3.chat-btn a
{	background: url(../../images/core/light/chat.png) no-repeat 0px 0px;	}

h3.chat-btn a:hover, #right h3.chat-btn a:hover
{	background-position: 0px -35px;	}

#nav ul
{	background: url(../../images/core/light/nav-bg.png) repeat-x 0px 0px;	}

#nav li a
{	color: #00385F; background: url(../../images/core/light/nav-li.png) no-repeat right 0px;	}

#nav li#n-end a
{	background-image: none;	}

#nav li a:hover, #nav li a.selected
{	color: #005F1F;	}

ul#styleswitch
{	background: url(../../images/core/light/styleswitch.png) no-repeat 50% 6px;	}

ul#styleswitch li#dark-style a
{	color: #000;	}

ul#styleswitch li#light-style a
{	color: #999;	text-decoration: underline;	}

/* homepage images */
.hp-webfolio, .hp-webfolio a
{	background: url(../../images/general/homepage/hp-links.png) no-repeat 0px 0px;	}
	
	.hp-webfolio a:hover
	{	background-position: 0px -28px;	}
	
.hp-story, .hp-story a
{	background: url(../../images/general/homepage/hp-links.png) no-repeat -136px -28px;	}
	
	.hp-story a:hover
	{	background-position: -136px 0px;	}

/* home content */
.home-box	
{	border: 1px solid #D2D2D2;	}

	#hp-greeting .home-box
	{	background: url(../../images/general/light/coffee.jpg) no-repeat right 0px;	}
	
	#hp-help .home-box
	{	background: url(../../images/general/light/home-team.jpg) no-repeat right 0px;	}
	
	.home-box h2
	{	color: #666;}
		
		.home-box h2 .greeting, #hp-help .home-box h2 span
		{	color: #093;	}
	
	.home-box p
	{	color: #666;	}
	
	#hp-greeting .home-cta h3, #hp-greeting .home-cta h3 a
	{	background: url(../../images/general/light/home-cta-greeting.png) no-repeat 0px 0px;	}
	#hp-greeting .home-cta h3 a:hover
	{	background-position: 0px -66px;	}
	
	#hp-help .home-cta h3, #hp-help .home-cta h3 a
	{	background: url(../../images/general/light/home-cta-help.png) no-repeat 0px 0px;	}
	#hp-help .home-cta h3 a:hover
	{	background-position: 0px -66px;	}

/* left */
#left h2
{
	color: #093;
	background-color: #FFF;
}

#left h3
{	color: #666;	}

#left h3.this-section
{	color: #093;	}

	#left h3#lm-selling
	{	background: #F8F8F8 url(../../images/core/light/left-icons.png) no-repeat 195px 0px;	}
	#left h3#lm-engaging
	{	background: #F8F8F8 url(../../images/core/light/left-icons.png) no-repeat 195px -31px;	}
	#left h3#lm-informing
	{	background: #F8F8F8 url(../../images/core/light/left-icons.png) no-repeat 195px -62px;	}
	#left h3#lm-converting
	{	background: #F8F8F8 url(../../images/core/light/left-icons.png) no-repeat 195px -93px;	}


#left ul li a
{	color: #999;	}

#left ul li a:hover, #left ul li.selected a, #left ul li.active a
{	color: #093;	}

#left ul li.active
{	background: url(../../images/core/light/active-link.png) no-repeat 0px 7px;	}

#left ul li.selected ul li a
{	color: #666; font-size: .75em;	}
#left ul li.selected ul li a:hover, #left ul li.selected ul li.selected a
{	color: #093;	}

/* right */
#right
{	border-top: 2px solid #FFF;	}

.hr
{	border-bottom: 1px solid #CCC;	}

#right h1
{	color: #999;	}

#right h2, #right h2 a
{	color: #093;	}

#right h2 a:hover
{	color: #666; text-decoration: none;	}

#right h2.line-heading
{	background-image: url(../../images/core/light/line-heading.png);	}

#right h3
{	color: #666;	}

#right p
{	color: #666;	}

#right p a, #right p .pseudo-link, #right h4 a
{	color: #000;	}
#right p a:hover, #right h4 a:hover
{	color: #093;	}

#right ul li
{	
	color: #666;	
	background-image: url(../../images/core/light/bullet.png);
}
/* portfolio */
#cs-testimonial
{	background: url(../../images/core/light/quote-top.png) no-repeat 0px 0px;	}

#cs-testimonial h4
{	background: url(../../images/core/light/quote-bottom.png) no-repeat 0px 0px; color: #666;	}

.client-entry
{	border-bottom-color: #E6E6E6;	}

/* team */
#right .staff-member h3
{	color: #333;	}
#right .staff-member p
{	color: #666;	}

.quote-start
{	background: url(../../images/core/light/quote-start.png) no-repeat 0px 0px;	}

.quote-end
{	background: url(../../images/core/light/quote-end.png) no-repeat right 0px;	}

/* services */
#right h2.service-heading, #right h2.service-heading a
{	background: url(../../images/general/light/service-heading.png) no-repeat 0px 0px;	}	

/* sitemap	*/
#right #sitemap h2 a, #right #sitemap h3 a, #right #sitemap h4 a
{	color: #666;	}	

#right #sitemap h2 a:hover, #right #sitemap h3 a:hover, #right #sitemap h4 a:hover
{	color: #093;	}
	
/* footer */
#footer
{	background: url(../../images/core/light/footer-bg.png) repeat-x 0px 33px;	}

#footer h2
{	background: url(../../images/core/light/footer-slogan.png) no-repeat 0px 0px;	}

#footer h3, #footer h3 a
{	background: url(../../images/core/light/footer-actions.png) no-repeat right 0px;	}

#footer address, #footer address a 
{	color:#00385F;	}

#footer address a:hover
{	color: #093;	}
	
#footer p, #footer p a
{	color: #666;	}