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

body {
	margin: 0;
	padding:0;
	background: #d6d6d6 url('../images/backgrd.png') repeat;
	font: 10px/16px  "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1;
	width: 100%;
	height: 100%;
	text-align:center;
}
body.fs1 {font-size: 10px;}
p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: left;
	margin: 0;
}
.bullets {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#4c4c4c;
}
.bullets ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.bullets li {
list-style-type:none;
background:transparent url('../images/arrow.gif') no-repeat;
	padding:0px 0px 5px 12px;
	margin:0;
list-style-position: inside; 
}

# ol { margin:0; padding:0px;}
# li {
	margin:0; padding:0;}


a:link { color: #363636; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; text-decoration: none}
a:visited { color: #363636; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; text-decoration: none}
a:hover { color: #363636; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; text-decoration: none}
.divider {
background-image:url('../images/dots.gif');
background-position:top left;
background-repeat:repeat-y;
width:1px;
padding:0;
}
.divider2 {
background-image:url('../images/dots.gif');
background-position:top left;
background-repeat:repeat-y;
padding:0;
}
/* Main structural elements
============================== */
#wrapper {
	width: 951px;
	margin:0 auto;
	text-align: left;
	padding:0;
	background: #ffffff;
	}

#header {
position:relative;
clear:both;
float: left;
margin: 0;
padding:0;
z-index:2;
	}

.clear {
position:relative;
clear:both;
margin: 0;
padding:0;
	}

/* Header area */
#toplogo {
	position: relative;
	float: left;
	background: #ffffff;
	width: 951px;
	height: 139px;
	padding: 0;
	margin:0;
	z-index:1;
	}

#logo {
	position: relative;
	background: #ffffff;
	width: 951px;
	height: 139px;
	float: left;
	padding: 0;
	margin:0;
	text-align:left;
	}

#logomain {
	position: relative;
	float: left;
	text-align:left;
	background: #ffffff;
	width: 275px;
	height: 139px;
	padding: 0 352px 0 0;
	margin:0;
	}

#logomain img {
	border:0;
	margin: 0;
	padding:0;
}
#logomain2 {
	position: relative;
	float: left;
	background: #ffffff;
	width: 145px;
	height: 139px;
	padding: 73px 0 0 13px;
	margin:0;
	}
#logomain3 img {
	border:0;
	margin: 0;
	padding:0;
}
#logomain3 {
	position: relative;
	float: left;
	background: #ffffff;
	width: 22px;
	height: 139px;
	padding: 73px 0 0 3px;
	margin:0;
	}

#logomain4 {
	position: relative;
	float: left;
	background: #ffffff;
	width: 27px;
	height: 139px;
	padding: 73px 114px 0 0;
	margin:0;
	}
#menu {
	position: relative;
float:left;
	width: 932px;
	height: 28px;
	margin: 0;
	padding: 0 0 0 19px;
	text-align:left;
background: #404040;
	}

/* Content area */

#contentbox {
	position: relative;
	clear:both;
	float: left;
	background: #ffffff;
	width: 951px;
	text-align: center;
	z-index:1;
	}


#sidebar {
	float: right;
	width: 200px;
	padding: 0 55px 0 55px;
	margin: 0px;
	}

#contentArea {
	position: relative;
	float: left;
	width: 951px;
	background: #ffffff;
	text-align: left;
padding: 0 0 36px 0;
margin:0;
	}

#contentAreaS {
	position: relative;
	float: left;
	width: 951px;
	background: #ffffff;
	text-align: left;
padding: 0 0 38px 0;
margin:0;
	}
#contentAreaTeam {
	position: relative;
	float: left;
	width: 841px;
	background: #ffffff;
	text-align: left;
padding: 55px;
margin:0;
	}

#photo {
position: relative;
float: left;
width:879px;
height:294px;
text-align: center;
padding: 36px;
margin:0;
	}
#photo img {
	border:0;
	margin: 0;
	padding:0;
}
#photoservices {
	float: left;
position: relative;
width:875px;
height:290px;
text-align: center;
padding: 38px 38px;
margin:0;
	}
#photoservices img {
	border:0;
	margin: 0;
	padding:0;
}
#contentText {
	width: 396px;
	padding: 0px 36px;
	margin: 0px;
	}

#homebox {
	position: relative;
	float: left;
	width: 235px;
	padding: 0 24px 18px 37px;
	margin: 0px;
background-image:url('../images/dots.gif');
background-position:top left;
background-repeat:repeat-y;
	}
#homeboxB {
		position: relative;
	float: left;
	width: 235px;
	padding: 0 24px 18px 37px;
	margin: 0px;
background-image:url('../images/dots.gif');
background-position:top left;
background-repeat:repeat-y;
	}
#homebox22 {
	position: relative;
	float: left;
	width: 234px;
	padding: 0 16px 18px 37px;
	margin: 0px;
background-image:url('../images/dots.gif');
background-position:top left;
background-repeat:repeat-y;
	}

#homebox2 {
	position: relative;
	float: left;
	width: 0px;
	padding:18px;
	margin: 0;
	}
#servicebox {
	position: relative;
	float: left;
	width: 0px;
	padding:0;
	margin: 19px;
	}
#servicebox2 {
	position: relative;
	float: left;
	width: 467px;
	padding:0 39px 0 26px;
	margin: 0;
background-image:url('../images/dots.gif');
background-position:top left;
background-repeat:repeat-y;
	}
#servicebox3 {
	position: relative;
	float: left;
	width: 296px;
	padding:0 59px 0 26px;
	margin: 0;
background-image:url('../images/dots.gif');
background-position:top left;
background-repeat:repeat-y;
	}
#teambox {
		position: relative;
	float: left;
	width: 530px;
	padding: 0 56px 0 0;
	margin: 0px;
background-image:url('../images/dots.gif');
background-position:top right;
background-repeat:repeat-y;
}
.clientsbox {
	text-align: left;
	width: 730px;
	padding: 0 0 4px 0;
	margin: 0px;
	}

a.clientnav:link {  
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#01a9e0;
	text-decoration: none;
font-weight:bold;
}
a.clientnav:visited {  
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#01a9e0;
	text-decoration: none;
font-weight:bold;
}
a.clientnav:hover {  
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#0a538e;
	text-decoration: underline;
font-weight:bold;
}


#contactbox {
		position: relative;
	float: left;
	width: 450px;
	padding: 0 136px 0 0;
	margin: 0px;
background-image:url('../images/dots.gif');
background-position:top right;
background-repeat:repeat-y;
	}

#teambox2 {
	position: relative;
	float: left;
	width: 200px;
	padding: 0 0 0 55px;
	margin: 0px;
	}

#teambox2 img {
	border:0;
	margin: 0;
	padding:0 0 0 0;
}

#dividers {
	position: relative;
	float: left;
width:11px;
background-image:url('../images/dots.gif');
background-position:top left;
background-repeat:repeat-y;
padding:0;
}
.dividers2 {
	position: relative;
	float: left;
width:11px;
height:100%;
background-image:url('../images/dots.gif');
background-position:top left;
background-repeat:repeat-y;
padding:0;
}

#contentText p {
	width: 485px;
	padding: 0 25px 0 36px;
	margin: 0px;
	}

/* Footer area */
#bottomfooter {
	position: relative;
	clear:both;
	float: left;
	padding: 0;
	margin:0;
	z-index:1;
	}
#footer {
	position: relative;
	float: left;
	width: 896px;
	margin: 0;
	padding: 36px 0 0 55px;
	text-align: left;
	background: #00a2e3;
	line-height: 18px;
	padding: 36px 0 0 55px;
	margin: 0;
	}
#footerbox {
	position: relative;
	float: left;
	height:136px;
	width:240px;
	margin: 0px;
	text-align: left;
	padding: 0;
}
#footerbox2 {
	position: relative;
	float: left;
	height:136px;
	width:240px;
	margin: 0px;
	text-align: left;
	padding: 0;
}
#footerboxbig {
	position: relative;
	float: left;
	height:136px;
	width:260px;
	margin: 0px;
	text-align: left;
	padding: 0 156px 0 0;
}
#footerline {
	position: relative;
	float: left;
	height:21px;
	width:896px;
	margin: 0px;
	text-align: left;
	padding: 0 0 0 0;
}
#copyline {
	position: relative;
	float: left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;text-transform:uppercase;
	color: #5fd3fe;
	line-height: 20px;
	height:12px;
	width:951px;
	float:left;
	margin: 0px;
	text-align: left;
	padding: 0 0 36px 0;
}
#footerbox h1 
{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;text-transform:uppercase; font-weight:bold; color:#FFFFFF; 
	margin: 0 0 14px 0;
}
#footerbox2 h1 
{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;text-transform:uppercase; font-weight:bold; color:#FFFFFF; 
	margin: 0 0 14px 0;
}
#footerboxbig h1 
{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;text-transform:uppercase; font-weight:bold; color:#FFFFFF; 
	margin: 0 0 14px 0;
}
#footerbox a:link, #footerbox a:visited {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
	color: #ffffff;
	text-decoration:none;
	line-height: 20px;
}
#footerbox a:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
	color: #0a538e;
	text-decoration:none;
}
#footerbox a:active {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
	text-decoration:none;
}
#footerbox2 a:link, #footerbox2 a:visited {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
	color: #ffffff;
	text-decoration:none;
	line-height: 20px;
}
#footerbox2 a:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
	color: #0a538e;
	text-decoration:none;
}
#footerbox2 a:active {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
	text-decoration:none;
}
#footerbox p {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
	color: #ffffff;
	padding:0;
	line-height: 20px;
	margin: 0;
}
#footerbox2 p {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
	color: #ffffff;
	padding:0;
	line-height: 20px;
	margin: 0;
}

#footerboxbig p {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
	color: #ffffff;
	padding:0;
	line-height: 20px;
	margin: 0;
}
#footerboxbig img {
	padding:4px 0;
	margin: 0;
	border:0;
}
.copyright {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;text-transform:uppercase;
	color: #5fd3fe;
	padding:0;
	line-height: 20px;
	margin: 0;
}

.contactform {
text-align: center;
padding: 40px 0 0 0;
}


h1 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #01a9e0; line-height: 18px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; margin-left: 0}
h2 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #01a9e0; line-height: 18px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; margin-left: 0}
h3 { color: #01a0d6; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold}
a.cnav:link {  
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	text-decoration: none;
}
a.cnav:visited {  
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	text-decoration: none;
}
a.cnav:hover {  
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#0a538e;
	text-decoration: none;
}
a.nav:link { color: #999999; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 10px; line-height: 27px; font-weight: bold; text-decoration: none; padding: 0;}
a.nav:visited { color: #999999; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 10px; line-height: 27px; font-weight: bold; text-decoration: none; padding: 0;}
a.nav:hover { color: #ffffff; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 10px; line-height: 27px; font-weight: bold; text-decoration: none; padding: 0;}
#menunav { 
position:relative;
float:left;
height:28px;
width:932px;
padding:0 0 0 19px;
margin:0;
background: #404040;
 }
#whateveryouchoose img {padding: 0; margin: 0px;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	27px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			0; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:		left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			28px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			0; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			0; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
padding:0px 22px 0px 22px;
height: 28px;
line-height:27px;
font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
font-weight: bold;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#999;
}
.sf-menu li {
background: url('http://www.cbscorp.ca/images/mainnav-sep.gif') no-repeat right; 
margin:0;
padding:0;
}
.sf-menu li li {
background:		#2f2f2f;
padding:0px 0px 0px 0px;
margin:0;
border-top:1px solid #1D1D1D;
width:165px;
}
.sf-menu li li a {
padding:0px 10px;
height: 28px;
line-height: 27px;
color: #ffffff;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: url('http://www.cbscorp.ca/images/mainnav-sep2.gif') no-repeat right; 
	outline:		0;
	color: #ffffff;
}
.sf-menu li.sfHover a {color:#ffffff;} 
.sf-menu ul li:hover,
.sf-menu ul li.sfHover,
ul.sf-menu ul li:hover li,
ul.sf-menu ul li.sfHover li,
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
	background:		#404040;
	color: #ffffff;
}
.sf-menu li.last {
background-image: none;
	background:		#404040;
}
.sf-menu li.last:hover, #sf-menu li.last.sfhover {
background:#2F2F2F;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
 /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}