/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: McCormick Global Communications
	Created: 2009-04-14
	Created by: Cindy Dochstader cindy@rkd.ca
	
	COLOURS:	
	Orange Text: #F15410
------------------------------------------------------------------- */


/* TABLE OF CONTENTS */
/* ---------------------------------------- HTML, BODY, RESETS */
/* ---------------------------------------- GLOBAL STYLES */
/* ---------------------------------------- STRUCTURE */
/* -------------------------------------------- Header */
/* ----------------------------------------------- Top Nav */
/* -------------------------------------------- Main Image Area */
/* -------------------------------------------- Content Area */
/* -------------------------------------------- Side Bar */
/* -------------------------------------------- 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; /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	margin: 0;
	padding: 0;
	top: 0;
	left: 0px;
	font: 13px/22px Arial, Helvetica, sans-serif;
	color:#000;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color:#000;
		background: url(../../images/body-bg.png) no-repeat center top;
		}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 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: #F15410;
	text-decoration: none;
	}

a:hover, a:active {
	color: #F15410;
	text-decoration: underline;
	}

p, td, div { 
	font: 13px/22px Arial, Helvetica, sans-serif;
	}
	p {
	padding:0 0 10px 0;
	}

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

h1 {
	color: #000;
	font: bold 19px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	h1.ImgReplace {
		height: 16px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: left top;
		margin-bottom:15px;
		}
	h1.ImgReplace2Lines {
		height: 36px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: left top;
		margin-bottom:18px;
		}
		
h2 { 
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #000;
	margin:12px 0 10px 0;
	}		
	
.lowercase {
	text-transform:lowercase;
	}
	
ul { 
	list-style-position:outside; 
	margin:0 0 10px 15px; 
	}

li { margin-bottom:3px; }

.marginbottom15 {
	margin-bottom:15px;
	}

/* styles used by WYSIWYG - style as necessary */
pre { }
address { }



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

/* ---------------------------------------- Header */

#PrintHeader { display: none; }

#Header { 
	width: 940px;
	margin: 20px auto 0 auto;
 	}

#Header .Logo { 
	float:left; 
	}



/* ---------------------------------------- Top Nav */
		
.TopNav {
	float:right;
	width:140px;
	height:107px;
	}
	
.TopNav ul {
	list-style: none;
	padding:0;
	}
	.TopNav li {
		list-style: none outside;
		margin-bottom:0;
		}
	
.TopNav a {
	display:block;  
	width:140px;
	height:22px;
	background:url(../../images/topnav.png) no-repeat; 
	text-indent:-9000px;
	}

.TopNav a.NavHome  {
	background-position:0 0;
	}	
	.TopNav a.NavHome:hover  {
		background-position:-142px 0;
		}
		
.TopNav a.NavWhoWeAre  {
	background-position:0 -22px;
	}	
	.TopNav a.NavWhoWeAre:hover  {
		background-position:-142px -22px;
		}
		
.TopNav a.NavPhilosophy  {
	background-position:0 -44px;
	}	
	.TopNav a.NavPhilosophy:hover  {
		background-position:-142px -44px;
		}
		
.TopNav a.NavServices  {
	background-position:0 -66px;
	}	
	.TopNav a.NavServices:hover  {
		background-position:-142px -66px;
		}
		
.TopNav a.NavContact  {
	background-position:0 -88px;
	}	
	.TopNav a.NavContact:hover  {
		background-position:-142px -88px;
		}


	
/* ---------------------------------------- Main Image Area */

#HomeMainImage {
	background: url(../../images/home-mainimage-bg.png) repeat-x;
	height:267px;
	}
	#HomeMainImage .Container {
		width:940px;
		margin: 0 auto;
		}
		
#InsideMainImage {
	background: url(../../images/inside-mainimage-bg.png) repeat-x;
	height:203px;
	}
	#InsideMainImage .Container {
		width:940px;
		margin: 0 auto;
		}
	
	
	
/* ---------------------------------------- Content Area */
	
#Wrapper {
	width: 940px;
	margin: 0 auto;
	clear:both;
	}
	
#Content {
	width:590px;
	float:left;
	}
	


/* ---------------------------------------- Side Bar */

#SideBar {
	float:right;
	width: 300px;
	padding:0;
	}
	
#SideBar .Title {
	float:right;
	}

#SideBar .Box {
	border:2px #aaa solid;
	}
	#SideBar .Box p {
		padding: 8px 10px;
		font:bold 13px/17px Arial, Helvetica, sans-serif;
		color:#555;
		}
		
		

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

#Footer { 
	background: url(../../images/footer-bg.png) repeat-x ;
	height:87px;
	}
	
#Footer .Container {
	width:940px;
	margin:0 auto;
	}
	
#Footer .Copyright {
	margin-top:65px;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	}
	
#Footer .SiteByRKD {
	margin-top:65px;
	font:11px Arial, Helvetica, sans-serif;
	color:#555;
	float:right;
	}
	#Footer .SiteByRKD a {
		color:#666;
		}