html, body {
	margin:0;
	padding:0;
	border:0;
	height:100%;
}

body {
	background-color:#fff;
	color:#444;
	font-size:84%;
	font-family:"Trebuchet MS", Arial, sans-serif;
	text-align:center;
	padding:5px 0 0 0;
}

a {
	color: #556379;
}

a:hover {
	color: #8496B3;
	text-decoration:none;
}

ul {
	margin-top:0;
}

h1 {
	font-size: 1.5em;
	font-family: Arial;
	color: #7B98F8;
	margin: 0;
	padding-bottom: 8px;
}

h2 {
	font-size: 1.0em;
	font-family: Arial;
	color: #62C916;
	text-transform: uppercase;
	margin: 0;
	padding: 8px 0;
}

h3 {
	font-size: 0.9em;
	font-family: Arial;
	margin: 0;
	padding-bottom: 8px;
}

h4 {
	font-size: 0.8em;
	font-family: Arial;
	color: #8CA1AA;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 8px;
}

p  {
	margin: 0;
	padding-bottom: 8px;
	line-height:1.5em;
}

hr {
	clear: both;
	height: 1px;
	border-top: solid 1px #AACCD5;
}

img {
	border: none;
}

#wrapper {
	margin: 0 auto;
	width: 733px;
	text-align: left;
	height: 100%;
}

#head {
	background-color: #F0F8FA;
	height: 90px;
	color: #606d82;
	border-bottom: 1px solid #fff;
}

#head div {
	float: left;
	clear: right;
	height: 65px;
}

#logo {
	width:165px;
	padding:10px;
}

#logo a {
	font-size: 18px;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
}

#slogan {
	width: 474px;
	border-left: 1px solid #A2ADB9;
}

#slogan span {
	display: block;
	padding: 28px 0 0 14px;
	font-size: 38px;
	letter-spacing: -2px;
	color: #91b3bc;
}

#toplinks {
	width: 73px;
}

#toplinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#toplinks li {
	float: left;
	display: inline;
	margin-top: 56px;
}

#toplinks a {
	display: block;
	width: 18px;
	height: 9px;
}

#toplinks span {
	display: none;
}

#tl_home {
	background-image:  url("images/tl_home.gif");
	background-repeat: no-repeat;
}

#tl_contact {
	background-image:  url("images/tl_contact.gif");
	background-repeat: no-repeat;
}

#tl_sitemap {
	background-image:  url("images/tl_sitemap.gif");
	background-repeat: no-repeat;
}

#tl_home a:hover {
	background-image:  url("images/tl_home-on.gif");
	background-repeat: no-repeat;
}

#tl_contact a:hover {
	background-image:  url("images/tl_contact-on.gif");
	background-repeat: no-repeat;
}

#tl_sitemap a:hover {
	background-image:  url("images/tl_sitemap-on.gif");
	background-repeat: no-repeat;
}

#body {
	float: right;
	margin: 0;
	width: 548px;
	clear: both;
}


#body ol li {
	margin:0 0 5px 0;
}

#visual {
	margin: 0 0 16px 0;
	height: 166px;
	background-image:  url("images/visual2.jpg"); /* deltaway1.jpg  visual2.jpg */
	background-repeat: no-repeat;
}

#visual-experts {
	margin: 0 0 16px 0;
	height: 166px;
	background-image:  url("images/visual-experts.jpg");
	background-repeat: no-repeat;
}

#visual-expertise {
	margin: 0 0 16px 0;
	height: 166px;
	background-image:  url("images/quebec-elevation-profile.jpg");
	background-repeat: no-repeat;
}

#content {
	float: left;
	padding-right: 14px;
	width: 356px;
	border-right: 1px solid #AACCD5;
}

#content-wide {
	float: left;
	padding-right: 14px;
	width: 532px;
	border-right: 1px solid #AACCD5;
}

#content-wide ul {
	list-style-type:square;
	list-style-image:url("images/li1b-c1.gif");
}

#content-wide ul li {
	padding:5px;
	margin:0;
}

#news {
	margin-left: 380px;
	width: 165px;
}

#news h4 {
	padding-left: 14px;
	background-image:  url("images/li1b.gif");
	background-repeat: no-repeat;
}

#news dl {
	padding: 0;
	margin: 0;
}

#news dt {
	padding: 6px 10px 4px 10px;
	margin: 0;
	border-top: 1px solid #DEECF0;
	background-image:  url("images/li3.gif");
	background-position: 0 11px;
	background-repeat: no-repeat;
	font-size: .7em;
	color: #8CA1AA;
}

#news dd {
	padding: 0;
	margin: 0;
	font-size: .8em;
}

#news h5 {
	margin: 0;
	padding-bottom: 2px;
	font-size: 1.0em;
	font-weight: normal;
}

#threecells {
	clear: both;
}

#threecells div {
	float: left;
	font-size: .9em;
	clear: right;
}

#threecells a {
	display: block;
	width: 162px;
	height: 48px;
	margin-bottom: 10px;
}

#threecells span {
	display: none;
}

#cell_1 {
	width: 162px;
	padding-right: 15px;
}

#cell_1 a {
	background-image:  url("images/3colls_p1.jpg");
}

#cell_2 {
	width: 162px;
	padding: 0 15px 0 15px;
	border-left: 1px solid #AACCD5;
	border-right: 1px solid #AACCD5;
}

#cell_2 a {
	background-image:  url("images/3colls_p2.jpg");
}

#cell_3 {
	width: 162px;
	padding-left: 15px;
}

#cell_3 a {
	background-image:  url("images/3colls_p3.jpg");
}

#side {
	padding-bottom: 8px;
	width: 165px;
	background-color: #EAF4F6;
	height: 91%;
}

#block {
	padding:0;
	margin:20px 0 0 0;
} 

#block ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#block li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial;
}

#block ul li a {
    text-decoration: none;
	display:block;
	margin-top: 8px;
	padding: 0 28px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #AACCD5;
	border-bottom: 1px solid #AACCD5;
	background-image:  url("images/li1a.gif");
	background-position: 13px 5px;
	background-repeat: no-repeat;
}

#block ul li div {
	padding:0 0 0 12px;
}


#block ul li div a {
    text-decoration:underline;
	display:inline;
	margin:0;
	padding:0;
	height:auto;
	line-height:auto;
	font-weight:normal;
	text-transform:none;
	border:none;
	background:none;
}


#block form .form-text,
#block form .form-password {
	width:125px;
}
#block form .form-button {
	padding:0;
	margin:5px 0 0 0;
}

#menu {
	padding: 0;
	margin: 20px 0 0 0;
}

#menu a {
	text-decoration: none;
	display:block;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial;
}

#menu ul li a {
	margin-top: 8px;
	padding: 0 28px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #AACCD5;
	border-bottom: 1px solid #AACCD5;
	background-image:  url("images/li1a.gif");
	background-position: 13px 5px;
	background-repeat: no-repeat;
}

#menu ul li ul li a {
	margin-top: 0;
	height:19px;
	line-height: 19px;
	font-weight:normal;
	text-transform: capitalize;
	background-image:  url("images/li2.gif");
	background-color: #DEECF0 ;
	background-position: 13px 5px;
	background-repeat: no-repeat;
	border-top: 1px solid #EEF5F7;
	border-bottom: 1px none #EEF5F7;
}


#menu ul li ul li ul li a {
	background-color:#C2DCE3;
	background-image:none;
	white-space:nowrap;
	/*width:100px;*/
}

#menu li li li li a {
	padding-left: 36px;
}

#menu ul li ul li ul li ul li a {
	background-color: #A1CEDB;
	background-image: none;
}







/*****************************************************************************/
ul.makeMenu li li {
	position:relative;
}

ul.makeMenu li li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 0px;                    /* position slightly lower than the parent menu item */
  left: 165px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li li:hover, ul.makeMenu li li.CSStoHighlight {
  background-color: #EAF4F6;      /* gives the active menu items a yellow background */
  color: #f00;                 /* makes the active menu item text black */
}
ul.makeMenu ul ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */




/*****************************************************************************/

















#ads {
	padding: 0;
	margin: 0;
}

#ads dt {
	padding: 0;
	margin: 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#ads dd {
	margin: 0;
	padding: 4px 12px;
	border-bottom: 1px solid #EEF5F7;
	font-size: .8em;
	border-bottom: 1px solid #AACCD5;
	line-height: 1.2em;
}

#foot {
	clear: both;
	padding: 1em;
	background-color: #fff;
	background-image: url(logo_small.gif);
	background-repeat: no-repeat;
	font-size: .8em;
	line-height: 1.4em;
	text-align: center;
	position: relative;
}

#top_nav {
	display: none;
	padding-left: 185px;
	background-color: #DEECF0;
	height: 20px;
}

#top_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 1px solid #fff;
	background-image:  url("images/tn_bg1.gif");
	background-position: right top;
	background-repeat: no-repeat;
	height: 20px;
}

#top_nav li {
	float: left;
	margin: 0;
	padding: 0;
	border-top: 2px solid #f60;
	border-right: 1px solid #fff;
	background-color: #E5F1F3;
}

#top_nav a {
	display: block;
	padding: 0 1.3em;
	line-height: 18px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#top_nav a:hover {
	background-color: #f60;
	color: #fff;
}


table.list {
	border-collapse:collapse;
	border-spacing:0;
	font-size:12px;
}

table.list th {
	padding:8px 14px 8px 8px;
	background-color:#fff;
	color:#000;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	border-bottom:2px solid #ddd;
	border-top:2px solid #ddd;
}	
	
/* ROW CELLS */
table.list tr.even { background-color:#f5f5f5; }
table.list tr.odd { background-color:#fafafa; }
table.list tr.even td, table.list tr.odd td { padding:8px; border-top:1px solid #ddd; }
table.list h2 { margin-top:15px; }

img.pdf { width:24px; }

.indent { margin-left:20px; }


div.fancy-button {
	padding:8px 0 8px 10px;
	margin:0 15px 15px 0;
	background:transparent url("images/left-top-corner-box.jpg") no-repeat top left;	
}
div.fancy-button a {
	padding:4px 6px 4px 15px;
	background:transparent url("images/li1a.gif") no-repeat center left;	
}
div.fancy-button p {
	margin:3px 0 0 15px;
	color:#666;
	font-size:11px;		
}

img.expert-photo {
	float:right;
	clear:none;
	margin:0 15px 0 15px;
	border:5px solid #ccc;
}

.expert-contact {
	margin:0 0 10px 0;
}

p.expert-resume a {
	display:block;
	background:transparent url('/images/pdf_icon.gif') no-repeat top left;
	padding:0 0 0 40px;
	text-decoration:none;
}
p.expert-resume a span {
	display:block;
	color:#888;
	font-size:9px;
}

table.client-images img {
	margin:10px;
}