@charset "UTF-8";
/* Copyright 2009 ALTITUDE CREATIVE www.altitudecreative.co.uk */
* {	font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; border:none;}
.floatFix:after { content: "."; height: 0px; clear: both; visibility: hidden; display: block;}
img {vertical-align:top;}
body {background:url(../images/bg2.jpg) fixed #000000 repeat 50% 0; font-size: 69%;}

p {
	color:#888888;
	padding:0 0 8px 0;
	line-height: 130%;
}

a {color:#008EFF; text-decoration: none;}
a:hover{color:#008EFF; text-decoration: underline;}

a.link {color:#444444; text-decoration: none;}
a.link:hover{color:#FFFFFF;}

a.title {color:#008EFF; text-decoration: none;}
a.title:hover{text-decoration: underline;}

.nopadding {padding:0;}

ul {
	list-style-position:outside;
	list-style-type:none;
}

h1, h2, h3{ /* all the h's use these properties*/
	color:#008EFF;
	font-size:175%;
	font-weight: bold;
	line-height:110%;
	text-transform: uppercase;
	padding:0 0 10px 0;
}

h2 {
	font-size:100%;
	line-height:100%;
	padding:0 0 5px 0;
}

#header {
	margin:0 auto 20px auto;
	width:900px;
}

#logo {
	padding: 40px 0px 10px 0px;
	width:auto;
	float:left;
}

#top {
	margin:0 auto;
	height:42px;
	width:900px;
	border-bottom: 1px solid #444444;
}

#nav li {
  	/*float the main list items*/
  	float: left;
  	display: block;
	padding:1px 0 0 0 ;
	margin: 0 1px 0 0;
}
#nav li.service{padding: 0;}
#nav li.gapleft{padding: 0px 0px 0px 5px;}
#nav li.gapright{padding: 0px 5px 0px 0px;}
#nav li a {
	/*change style for all links in the list*/
	text-decoration: none;
	color: #999999;
	display: block;
	height: 12px;
	padding: 6px 9px 5px 9px;
	font-size:10px;
	font-weight: normal;
	background:url(../images/tab.jpg);
}
#nav li.off:hover a {
	/*change style for hover area*/
	background:url(../images/tab.jpg)  100% -30px;
	color: #FFFFFF;
}
#nav li.on a {
  	/*change style for active area*/
	background:url(../images/tab.jpg) 100% -60px;
	color: #FFFFFF;
}
#nav li.service a {
	/*change style for all links in the list*/
	border-top: 1px outset #ffffff;
	background-image:url(../images/tab.jpg);
}


#flags {
	margin:-5px auto 0 auto;
	width:60px;
	float: right;
	display:none;
}
#flag-english,#flag-french {margin:0 auto; width:30px; float: left}

/*all lang links*/
a.english:link, a.english:active, a.english:visited, a.french:link, a.french:active, a.french:visited{
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
}
/*en links*/
a.english:link, a.english:active, a.english:visited {
	background:url(../images/english.gif) top left no-repeat;
	background-position: 0 0;
}
a.english:hover {background-position: 0 0;}
/*fr links*/
a.french:link, a.french:active, a.french:visited {
	background:url(../images/french.gif) top left no-repeat;
	background-position: 0 -30px;
}
a.french:hover {background-position: 0 0px;}

/*facebook and vimeo*/
.fb-like {
	margin:2px 0 0 10px;
}
a.vimeo:link, a.vimeo:active, a.vimeo:visited {
	margin:2px 0 0 50px;
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
}
a.vimeo:link, a.vimeo:active, a.vimeo:visited {
	background:url(../images/vimeo.gif) top left no-repeat;
	background-position: 0 0;
}
a.vimeo:hover {background-position: 0 -20px;}



/*CONTENT*/
#row {
	margin:20px auto;
	width:900px;
	border-bottom: 1px solid #444444;
	padding:0 0 20px 0;
}

#column1,#column2,#column3,.whitewrap{float: left;}
.whitewrap{
background:#FFFFFF url(../images/black-line.gif) repeat-y;
width:749px;
min-height: 200px;
height: auto !important;
margin:0 0 0 1px;
}
#column1 {
	float:right;
	padding:0 50px;
	width:50px;
}
#column2 {
	width:354px;
	padding:10px;
}
#column3 {
	width:335px;
	padding:10px 20px;
}

#column1-logos {
	float: left;
	padding:0 40px 0 40px;
	width:70px;
}
#column3-deep {
	width:334px;
	min-height: 400px;
	height: auto !important;
	margin:0 0 0 1px;
	padding:10px 20px;
}

a.logo1:link, a.logo1:active, a.logo1:visited, a.logo2:link, a.logo2:active, a.logo2:visited, a.logo3:link, a.logo3:active, a.logo3:visited{
	float: left;
	display: block;
	padding:2px 0 0 0;
	width: 70px;
	text-decoration: none;
}

a.logo1:link, a.logo1:active, a.logo1:visited {
	height: 35px;
	background:url(../images/logo1.gif) top left no-repeat;
	background-position: 0 -35px;
}
a.logo1:hover {	background-position: 0 0px;}

a.logo2:link, a.logo2:active, a.logo2:visited {
	height: 45px;
	background:url(../images/logo2.gif) top left no-repeat;
	background-position: 0 -45px;
}
a.logo2:hover {	background-position: 0 0px;}

a.logo3:link, a.logo3:active, a.logo3:visited {
	height: 20px;
	background:url(../images/logo3.gif) top left no-repeat;
	background-position: 0 -20px;
}
a.logo3:hover {	background-position: 0 0px;}

.casestudywrap{
	background:#ffffff url(../images/black-line2.gif) repeat-y;
	width:749px;
	float:left;
	min-height: 90px;
	height: auto !important;
	margin:0 0 1px 1px;
}

#casestudy {
	float: left;
	width:228px;
	margin:0 0 0 1px;
	padding:10px;
}

#casestudy p{line-height:120%}

#casestudy-photo {
	float: left;
	width:90px;
	padding:0 10px 10px 0;
}

.linkwrap {
	width:749px;
	float:left;
	min-height: 90px;
	height: auto !important;
	margin:0 0 1px 1px;
}

#link-photo {
	background-color: #FFFFFF;
	float: left;
	width:90px;
	margin:0 1px 0 0;
	padding:16px;
}

#nonflashnav {
	padding:0 0 0 246px;
}

#nonflashnav2 {
	padding:0 0 0 273px;
}

#nonflashnav3 {
	padding:0 0 0 355px;
}

ul#nfllinks {
	padding:0;
	margin:0;
}

ul#nfllinks li {
	float:left;
	padding-right:2px;
}


ul#nfllinks a {
	/*change style for all links in the list*/
	
	display: block;
	color: #999999;
	padding:0px 7px 0px 7px;
	font-size:10px;
	font-weight: normal;
}

ul#nfllinks a:hover {
	/*change style for hover area*/
	color: #FFFFFF;
	text-decoration:none;
}

ul#nfllinks a.on {
  	/*change style for active area*/
	color:#FFFFFF;
}




#flashnav {
	width: 375px;
	height: 115px;
	padding:0 0 0 184px;
}

#flashnavphoto {
	float: left;
	width: 600px;
	height: 400px;
	padding:0 0 0 13px;
}

#flashvideo {
	width: 375px;
	height: 340px;
	margin:0 0 0 180px;
	padding:10px;
	background:#ffffff;
}
#flashvideotitle {
	width: 375px;
	height: 30px;
	margin:0 0 0 180px;
	padding:0 10px 0 10px;
	background:#ffffff;
	text-align:center;
}
#vimeovideo {
	width: 400px;
	height: 227px;
	margin:0 0 0 180px;
	padding:10px;
	background:#ffffff;
}

#map {	margin:0 0 6px 0;}

#footer {margin:0 auto; padding:0; width:900px}
#footer-l {float:left; padding:0}
#footer-r {float:right;}
#footer p{color:#777777}
#footer a{color:#777777}
#footer a:hover{color:#ffffff}