/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Spectrum Human Capital Inc.
	Created: 2010-02-03
	
	COLOURS:	
	Bronze: #967a4a

------------------------------------------------------------------- */


/* TABLE OF CONTENTS */
/* ---------------------------------------- HTML, BODY, RESETS */
/* ---------------------------------------- GLOBAL STYLES */
/* ---------------------------------------- STRUCTURE */
/* -------------------------------------------- Wrapper */
/* -------------------------------------------- Side Nav */
/* -------------------------------------------- Content Area */
/* ----------------------------------------------- Sub Navs */
/* -------------------------------------------- Footer */

@import url("reset.css");

 
/* ----------------------------------------------
	HTML, BODY, RESETS
---------------------------------------------- */

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background:#fff url(../images/body-bg.jpg) no-repeat center top;	
	padding:0;
	margin:0;
	top:0;
	left: 0;
	font: 14px/28px Times, Times New Roman, Georgia, serif;
	color:#000;
	}

img, form { /* removes all default formatting on images and forms */
	padding:0;
	margin:0;
	line-height:0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */



/* ----------------------------------------------
	GLOBAL STYLES - style as necessary
---------------------------------------------- */

a:link, a:visited {
	color:#000;
	text-decoration: underline;
	}

a:hover, a:active {
	color:#000;
	text-decoration: none;
	}
			
p, td, div { 
	font: 14px/28px Times, Times New Roman, Georgia, serif;
	}
	p {
		padding:0 0 10px 0;
		}

strong, b {
	font-weight: bold;
	}
	.HomeName { font-size:18px; }

em, i {
	font-style: italic;
	}

h1 {
	color: #000;
	font: 18px/30px Times, Times New Roman, Georgia, serif;
	margin-top:12px;
	}
	h1.ImgReplace {
		background-position:left top;
		background-repeat:no-repeat;
		height:30px;
		text-indent:-9999px;
		}
	
h2 {
	font: 14px/28px Times, Times New Roman, Georgia, serif;
	padding:10px 0 5px 0;
	font-weight:bold;
	}
	h2.UnderH1 {margin-top:15px;}
	h2.UnderSubNav {padding-top:0;}

		
ul, ol {
	margin-bottom:10px;
	padding:0;
	}
	li {
		list-style: outside;
		line-height:22px;
		margin: 0 0 10px 24px;
		}
		ul li { list-style:disc;}
		ol li { list-style:decimal;}
		
		ul li ul li {
		margin: 0 0 2px 24px;
		}

.ImageFloatRight {
	float:right;
	padding:3px 0 10px 40px;
	}
	
#PrintHeader {display:none;}



/* ----------------------------------------------
	STRUCTURE
---------------------------------------------- */
	
	
/* ---------------------------------------- Wrapper */

#Wrapper {
	width: 978px;
	height:648px;
	margin: 90px auto;
	position:relative;
	border:1px solid #000;
	}
	
.WrapperHome {background:#fff url(../images/home-bg.jpg) no-repeat;}

.WrapperContact {background:#fff url(../images/contact-bg.jpg) no-repeat;}

.WrapperResources {background:#fff url(../images/resources-bg.jpg) no-repeat;}

.WrapperAbout {background:#fff url(../images/about-bg.jpg) no-repeat;}

.WrapperSolutions {background:#fff url(../images/solutions-bg.jpg) no-repeat;}
	
.WrapperHome #SideNav a.Home {background-position:-145px 0;}
.WrapperAbout #SideNav a.About {background-position:-145px -40px;}
.WrapperSolutions #SideNav a.Solutions {background-position:-145px -80px;}
.WrapperResources #SideNav a.Resources {background-position:-145px -120px;}
.WrapperContact #SideNav a.Contact {background-position:-145px -160px;}

.Logo {
	position:absolute;
	top:50px;
	left:35px;
	}
	


/* ---------------------------------------- Side Nav */
	
#SideNav {
	position:absolute;
	top:217px;
	left:87px;
	width:145px;
	}
	
	#SideNav a {
		display:block;
		height:40px;
		margin:0;
		padding:0;
		background: url(../../images/side-nav.png) no-repeat;
		text-indent:-9000px; 
		}	

		#SideNav a.Home {background-position:0 0;}	
			#SideNav a.Home:hover {background-position:-145px 0;}		
			
		#SideNav a.About {background-position:0 -40px;}		
			#SideNav a.About:hover {background-position:-145px -40px;}		
		
		#SideNav a.Solutions {background-position:0 -80px;}	
			#SideNav a.Solutions:hover {background-position:-145px -80px;}
			
		#SideNav a.Resources {background-position:0 -120px;}	
			#SideNav a.Resources:hover {background-position:-145px -120px;}
				
		#SideNav a.Contact {background-position:0 -160px;}	
			#SideNav a.Contact:hover {background-position:-145px -160px;}
		
				

/* ---------------------------------------- Content Area */
	
#ContentHome {
	position:absolute;
	top:68px;
	right:40px;
	width:465px;
	height:500px;
	}
	
#Content {
	position:absolute;
	top:40px;
	right:41px;
	width:465px;
	height:500px;
	}

.ScrollingBox {
	padding-right:10px;
	height:415px;
	overflow:auto;
	}
	.Solutions {
		padding-right:10px;
		height:390px;
		overflow:auto;
		}
		
.ContactText {
	font-weight:bold;
	font-size:18px;
	line-height:22px;
	padding-bottom:18px;
	}
	
.UnderH1 {margin-top:25px;}
.ContactUnderH1 {margin-top:100px;}

.ExpertiseText {
	margin:50px 0 0 0;
	text-align:center; 
	line-height:22px;
	}
	
.ExpertiseChart {margin:10px 0;}





/* ---------------------------------------- Sub Navs */

.AboutSubNav {
	height:29px;
	width:465px;
	overflow:hidden;
	margin:10px 0 15px 0;
	background: url(../../images/about-subnav-bg.png) no-repeat;
	}
	
	.AboutSubNav a {
		display:block;
		float:left;
		height:29px;
		margin:0;
		padding:0;
		background: url(../../images/about-subnav.png) no-repeat;
		text-indent:-9000px; 
		}	

		.AboutSubNav a.Profile {background-position:0 0; width:107px;}	
			.AboutSubNav a.Profile:hover {background-position:0 -29px;}		
			
		.AboutSubNav a.Mission {background-position:-107px 0; width:113px;}		
			.AboutSubNav a.Mission:hover {background-position:-107px -29px;}		
		
		.AboutSubNav a.WhySpectrum {background-position:-220px 0; width:99px;}	
			.AboutSubNav a.WhySpectrum:hover {background-position:-220px -29px;}
			
		.AboutSubNav a.Expertise {background-position:-319px 0;width:93px;}	
			.AboutSubNav a.Expertise:hover {background-position:-319px -29px;}
				
		.AboutSubNav a.Clients {background-position:-412px 0;width:53px;}	
			.AboutSubNav a.Clients:hover {background-position:-412px -29px;}
			
			
.SolutionsSubNav {
	height:47px;
	width:465px;
	overflow:hidden;
	margin:10px 0 15px 0;
	background: url(../../images/solutions-subnav-bg.png) no-repeat;
	}
	
	.SolutionsSubNav a {
		display:block;
		float:left;
		height:23px;
		margin:0;
		padding:0;
		background: url(../../images/solutions-subnav.png) no-repeat;
		text-indent:-9000px; 
		}	

		.SolutionsSubNav a.Board {background-position:0 0; width:135px;}	
			.SolutionsSubNav a.Board:hover {background-position:0 -47px;}		
			
		.SolutionsSubNav a.Strategy {background-position:-135px 0; width:139px;}		
			.SolutionsSubNav a.Strategy:hover {background-position:-135px -47px;}		
		
		.SolutionsSubNav a.HumanCapital {background-position:-274px 0; width:191px;}	
			.SolutionsSubNav a.HumanCapital:hover {background-position:-274px -47px;}
			
		.SolutionsSubNav a.Communications {background-position:0 -23px;width:200px;}	
			.SolutionsSubNav a.Communications:hover {background-position:0 -70px;}
				
		.SolutionsSubNav a.Approach {background-position:-200px -23px;width:120px;}	
			.SolutionsSubNav a.Approach:hover {background-position:-200px -70px;}
			
		.SolutionsSubNav a.Promise {background-position:-320px -23px;width:145px;}	
			.SolutionsSubNav a.Promise:hover {background-position:-320px -70px;}





/* ---------------------------------------- Footer */

#Footer { 
	position:absolute;
	bottom:5px;
	right:40px;
	}
	

.Copyright {
	font-size:12px;
	color:#9c8153;
	}