@charset "UTF-8";
/* CSS Document */


/*---------------------------------------------------------------
Author: Geoff @ kaldor.com
Last updated: March 5, 2008
----------------------------------------------------------------*/

/*----------------------------------------------GLOBAL RESET---*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent; }

/* remember to define focus styles! */

:focus {
	outline: 0; }

body {
	line-height: 1;
	color: black;
	background: white; }

ol, ul {
	list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0; }

caption, th, td {
	text-align: left;
	font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }

blockquote, q {
	quotes: "" ""; }
	

/*----------------------------------------------END OF GLOBAL RESET---*/

	
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
	
#wrapper {
	width:900px;
	margin: 0 auto;
	margin-top:20px;}
	
#container{
	width:850px;
	height:550px;
	border:1px solid #CCCCCC;
	padding:25px;
	/*background-image:url(../images/grid.gif);
	background-repeat:repeat-y;*/}
	
#containerClient{
	width:850px;
	height:750px;
	border:1px solid #CCCCCC;
	padding:25px;}
	

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;}
	

h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	font-weight:bold;}
	
	

/*----------------------------------------------TITLE BUTTON CONTROL---*/	

#title {
	margin-bottom:15px;}
	
#title a.active {
	background-position:0 -175px;}	
	
#title a {
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	overflow:hidden;}	
	
a#navHome {
	height:24px;}

a:hover#navHome {
	background-position:0 -24px;}
	
a#navHome {
	width:408px;
	background:url(../images/hodgson_title_block.gif) no-repeat 0 0;}
	
	
	
	
/*----------------------------------------------CLIENTS PAGE TYPE CONTROL---*/	
	
#col1a li, #col2a li, #col3a li, #col4a li {  /*---This controls the type for the clients section--*/
	color:#666666;
	font-size:11px;
	line-height:13px;
	margin-bottom:7px;}
	
	
/*----------------------------------------------PRESS PAGE TYPE CONTROL---*/	
	
#col1 li {  /*---This controls the type for the press section--*/
	color:#666666;
	font-size:12px;
	line-height:16px;
	margin-bottom:10px;}
	
#col1 a:link, #col1 a:visited {
	color:#666666;
	text-decoration:none; }

#col1 a:hover {
	background:#FFFF00;
	color: #666666;
	text-decoration: none; }

#col1 a:active {
	color:#000000;
	text-decoration: none; }
	
	

/*----------------------------------------------MAINNAV CONTROL---*/
	
#nav {
	width:435px;}

#nav ul { /*CONTROLS ALL UL ITEMS WITHIN THE NAV DIV*/
	list-style:none;
	line-height:1;
	padding: 0;}

#nav a { /*CONTROLS THE TEXT FOR MAIN, SECOND LEVEL AND THIRD LEVEL NAV*/
	display: block;
	color:#666666;
	text-decoration: none;
	padding: 4px 5px;}

#nav li {  /*CONTROLS THE WIDTH OF TOP NAV BUTTONS WIDTH*/ 
	float:left;
	width:105px;}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0;}

#nav li li {    /*CONTROLS BACKGROUND OF ALL SECOND LEVEL NAVS*/
	background-color:#FFFFFF;
	width:103px;}
	
#nav li ul {   /*CONTROLS BORDER OF SECOND LEVEL NAV*/
	border:1px solid #CCCCCC;
	width:103px;}
	
#nav li li li{    /*CONTROLS BACKGROUND OF THIRD LEVEL NAV*/
	background-color:#FFFFFF;
	width:245px;}
	
	
#nav li ul li ul {   /*CONTROLS BORDER OF THIRD LEVEL NAV*/
	border:1px solid #CCCCCC;
	width:245px;}
	
#nav li ul ul a { /*CONTROLS THE WIDTH OF THIRD LEVEL NAV*/
	width:235px;}
	

#nav li ul ul { /*CONTROLS THE POSITION OF THIRD LEVEL NAV IN RELATION TO SECOND LEVEL NAV ---- WORK DROP-DOWN*/
	margin: -21px 0 0 103px;}
	

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;}

#nav li:hover, #nav li.sfhover { /*THIS CONTROLS THE HOVER BACKGROUND COLOUR FOR MAIN NAV BUTTONS*/
	background:#FFFF00;}
	
	
#nav li li:hover, #nav li li.sfhover { /*THIS CONTROLS THE HOVER BACKGROUND COLOUR FOR SECOND AND THIRD LEVEL NAV BUTTONS*/
	background:#FFFF00;}
	

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


#header {
	width:850px}
	
#content {
	clear:both;
	margin-top:50px;}
	
#content p {
	font-size:10px;}
	
	
	
/*----------------------------------------------1 COLUMN CONTENT---*/
	
#col {
	float:left;
	width:848px;
	margin-right:20px;}
	
/*----------------------------------------------IMAGE NAV CONTROL -- WORK SECTION---*/
	
	
#imageNav {
	margin-top:15px;}
	
#imageNav ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#666666;}
	
#topNav ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;}

/*--------------------- CONTROLS BOTTOM BUTTON BEHAVIOUR--------*/
	
#imageNav a:link, #imageNav a:visited {
	color:#666666;
	text-decoration: none; }

#imageNav a:hover {
	background:#FFFF00;
	color: #666666;
	text-decoration: none; }

#imageNav a:active {
	color:#000000;
	text-decoration: none; }
	
	
/*--------------------- CONTROLS TOP BUTTON BEHAVIOUR--------*/
	
#topNav a:link, #topNav a:visited {
	color:#666666;
	text-decoration: none; }

#topNav a:hover {
	background:#FFFF00;
	color: #666666;
	text-decoration: none; }

#topNav a:active {
	color:#000000;
	text-decoration: none; }
	
	
#topNav li {
	color:#666666;
	padding:2px;
	float:right;
	margin-left:5px;}
	
#leftNav {
	float:left;}

#rightNav {
	text-align:right;
	float:right;}
	
	
	
/*----------------------------------------------2 COLUMN CONTENT---*/
	
#col1 {
	float:left;
	width:414px;
	margin-right:20px;}
	
#col2 {
	float:left;
	width:414px;}
	
	
/*----------------------------------------------4 COLUMN CONTENT---*/
	
#multiCol {
	margin-top:10px;
	clear:both;}	
	
#col1a {
	float:left;
	width:197px;
	margin-right:20px;}

#col2a {
	float:left;
	width:197px;
	margin-right:20px;}
	
#col3a {
	float:left;
	width:197px;
	margin-right:20px;}
	
#col4a {
	float:left;
	width:197px;}
	
#content p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:18px;}
	
#col1Contact {
	float:left;
	width:197px;
	margin-right:20px;}

/*----------------------------------------------SUB SECTION IMAGE NAV CONTROL---*/
	
	
#col1a a.active, #col2a a.active, #col3a a.active, #col4a a.active  {
	background-position:0 -175px;}	
	
#col1a a, #col2a a, #col3a a, #col4a a  {
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	overflow:hidden;}	
	
a#navCrosse, a#navThom, a#navRiley, a#navSteph, a#navChow, a#navGold, a#navGroup, a#navSingle, a#navBloor, a#navEaton, a#navQueen, a#navLili, a#navChildren, a#navQual {
	height:197px;}

a:hover#navCrosse, a:hover#navThom, a:hover#navRiley, a:hover#navSteph, a:hover#navChow, a:hover#navGold, a:hover#navGroup, a:hover#navSingle, a:hover#navBloor, a:hover#navEaton,
a:hover#navQueen, a:hover#navLili, a:hover#navChildren, a:hover#navQual {
	background-position:0 -197px;}
	
/*----------------------------------------------SUB SECTION IMAGE NAV CONTROL---RESIDENTIAL---*/

a#navCrosse {
	width:197px;
	background:url(../work/residential/images/crosse_thumb.jpg) no-repeat 0 0;}
	
a#navThom {
	width:197px;
	background:url(../work/residential/images/thom_thumb.jpg) no-repeat 0 0;}
	
a#navRiley {
	width:197px;
	background:url(../work/residential/riley/images/riley_thumb.jpg) no-repeat 0 0;}
	
a#navSteph {
	width:197px;
	background:url(../work/residential/images/stephenson_thumb.jpg) no-repeat 0 0;}
	
	
/*----------------------------------------------SUB SECTION IMAGE NAV CONTROL---COMMERCIAL---*/

a#navChow {
	width:197px;
	background:url(../work/commercial/images/chow_thumb.jpg) no-repeat 0 0;}
	
a#navGold {
	width:197px;
	background:url(../work/commercial/images/gold_thumb.jpg) no-repeat 0 0;}
	
a#navGroup {
	width:197px;
	background:url(../work/commercial/images/group_thumb.jpg) no-repeat 0 0;}
	
a#navSingle {
	width:197px;
	background:url(../work/commercial/images/single_thumb.jpg) no-repeat 0 0;}
	
	
/*----------------------------------------------SUB SECTION IMAGE NAV CONTROL---RETAIL---*/

a#navBloor {
	width:197px;
	background:url(../work/retail/images/arit_bloor_thumb.jpg) no-repeat 0 0;}
	
a#navEaton {
	width:197px;
	background:url(../work/retail/images/arit_eaton_thumb.jpg) no-repeat 0 0;}
	
a#navQueen {
	width:197px;
	background:url(../work/retail/images/arit_queen_thumb.jpg) no-repeat 0 0;}
	
a#navLili {
	width:197px;
	background:url(../work/retail/images/lili_thumb.jpg) no-repeat 0 0;}
	

/*----------------------------------------------SUB SECTION IMAGE NAV CONTROL---INSTITUTIONAL---*/

a#navChildren {
	width:197px;
	background:url(../work/institutional/images/cw_thumb.jpg) no-repeat 0 0;}
	
a#navQual {
	width:197px;
	background:url(../work/institutional/images/qual_thumb.jpg) no-repeat 0 0;}


/* CONTACT MAIL BUTTON */

#col1Contact a:link, #col1Contact a:visited {
	color:#666666;
	text-decoration: none; }

#col1Contact a:hover {
	background:#FFFF00;
	color: #666666;
	text-decoration: none; }

#col1Contact a:active {
	color: black;
	text-decoration: none; }


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

.footer a:link, .footer  a:visited {
	color:#333333;
	text-decoration: none; }

.footer  a:hover {
	background:#FFFF00;
	color: #666666;
	text-decoration: none; }

.footer  a:active {
	color:#000000;
	text-decoration: none; }



/*----------------------------------------------CLASSES---*/

.grid {
	position:absolute;}

.logo {
	margin-bottom:15px;}

.h {
	float:right;}
	
.bold {
	font-weight:bold;}
	
.ital {
	font-style:italic;}
	
.clientSpace {
 	padding-top:30px;}
	
.first {
	margin-top:15px;}
	
.approach {
	margin-top:5px;}
	
.thumbButton {
	padding:10px 0 0 5px;}
	
.photoAbove {
	margin-top:33px;}
	
.photomultiCol {
	margin-top:16px;}
	
.subHead {
	float:left;}
	
.highlight {
	border: 1px solid #CCCCCC;}
	
.footer {
	margin:10px 0 20px 0;
	font-size:10px;
	color:#666666;}
	
.form {
	padding-top:10px;}
	
.firstMail{
	margin-top:18px;}
	
.submitBtn {
	padding-top:10px;}	

#name {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;}

	
	
/*----------------------------------------------CONTROLS FORM ON CONTACT PAGE---*/

input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;}
	
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;}
	
	
.clearfix:after {   /*THIS IS FOR FIXING MARGINS ON FLOATS*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */