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


@font-face {
	font-family: Helvetica;
	src: url('Helvetica.ttf');
}
@font-face {
	font-family: Helvetica-65;
	src: url('Helvetica LT 65 Medium_0.ttf');
}
.helv {
	font-family:Helvetica, Verdana, Geneva, sans-serif;
	color:#333;
	font-size: 16px;
}
.helv-med {
	font-family:Helvetica-65, Verdana, Geneva, sans-serif;
	color:#333;
}
.text {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.green {
	color:#090;	
}
.align-right {
	text-align:right;	
}
.align-left {
	text-align:left;
}
strong {
	font-weight:bold;	
}

h3 {
	font-size:22px;
	color:#333;
	margin:0;
	padding:0;
	line-height:1;
	margin-bottom: 5px;

}
h2 {
	font-size:28px;
	color:#333;
	margin:0;
	padding:0;
	line-height:1;


}

h4 {
	font-size:18px;
	color:#333;
	margin:0 0 5px 0;
	padding:0;
	line-height:1;
	font-weight:bold;
}

hr.horiline{
	border:0;
	background:url(../images/hori-dotline.jpg) no-repeat;
	width: 620px;
	height: 1px;
	margin-left: 20px;
}

body {
	background:#fafafa url(../images/body_back.png) top center repeat-y;
	padding:0;
	margin:0;
	margin:0 auto;
	/*width:960px;*/
	
	position:relative;
	
	/*font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666
	
}
p {
	padding-bottom:10px;
}
a {
	text-decoration:none;
	color:#5290c0;
	outline:none;
	border:none;
}
a:hover {
	color:#999;	
}
HR {
	height:1px;
	margin:0;
	padding:0;
	border:0;
	
	border-bottom:1px solid #999;
}
img {
	border:none;
	outline:none;
}
.smaller { 
	font-size:100%;
}
.keywords {
	position:absolute;
	text-indent:-1000px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.left {
	float:left;	
}
.right {
	float:right;	
}
.clear {
	clear:both;	
}
.noborder {
	border:none;	
}
UL.list {
	list-style: outside;
	padding-left:40px;
	line-height:1.2;
	list-style-type: disc;
}	
UL.list LI {
	padding-bottom:20px;	
}
OL {
	font-size:inherit;
	list-style:decimal;
}
OL LI {
	font-size:inherit;	
	padding-bottom:20px;
	margin-left:40px;
}

#header {
	position:relative;
	background:url(../images/header.jpg) top center no-repeat;
	height:146px;
	/*width:1220px;
	margin-left:-129px;*/
	
}



#menu {
	position:relative;	
	height:auto;
	margin-left:0px;
	width:960px;
	overflow:hidden;
	padding:0 0 0 5px;	
}
#menu UL#main {
	list-style:none;
	height:auto;
	overflow:hidden;
	
}
#menu UL#main LI {
	/*float:left;	
	text-indent:-2000px;
	position:absolute;
	
	height:auto;
	overflow:hidden;
	
	display:block;*/
	float:left;
	border-right:1px solid #CCC;
}
#menu UL#main LI a {
	float:left;
	display:block;
	height:100%;
	width:100%;
	overflow:hidden;	

	/*font-family:Verdana, Geneva, sans-serif;*/
	/*font-family:Helvetica-65, Arial, Geneva, sans-serif;
	padding:16px 0 0 0;
	text-align:center;
	
	text-indent:-2000px;
	font-size:0px;*/
	
	
}
/*#menu UL#main LI a.current {
	/*background:white;
	text-indent:0;
	color:#777;
	font-size:18.5px;
	font-weight:bold;
	
}
#menu UL#main LI a.current:hover {	
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	
}*/
#menu UL#main LI a:hover {
	background:white;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

#menu UL#main LI.home {
	background:url(../images/menu_home.jpg) top left no-repeat;
	height:52px;
	width:148px;
}
#menu UL#main LI.home a.current {
	background:url(../images/menu_home_o.jpg) top left no-repeat;
}
#menu UL#main LI.products {
	background:url(../images/menu_products.jpg) top left no-repeat;
	height:52px;
	width:161px;
}
#menu UL#main LI.products a.current {
	background:url(../images/menu_products_o.jpg) top left no-repeat;
}
#menu UL#main LI.strategy {
	background:url(../images/menu_strategy.jpg) top left no-repeat;
	height:52px;
	width:156px;
}
#menu UL#main LI.strategy a.current {
	background:url(../images/menu_strategy_o.jpg) top left no-repeat;
}
#menu UL#main LI.case_studies {
	background:url(../images/menu_case_studies.jpg) top left no-repeat;
	height:52px;
	width:185px;
}
#menu UL#main LI.case_studies a.current {
	background:url(../images/menu_case_studies_o.jpg) top left no-repeat;
}
#menu UL#main LI.demos {
	background:url(../images/menu_demos.jpg) top left no-repeat;
	height:52px;
	width:150px;
}
#menu UL#main LI.demos a.current {
	background:url(../images/menu_demos_o.jpg) top left no-repeat;
}
#menu UL#main LI.our_clients a.current {
	background:url(../images/menu_our_clients_o.jpg) top left no-repeat;
}
#menu UL#main LI.our_clients {
	background:url(../images/menu_our_clients.jpg) top left no-repeat;
	height:52px;
	width:150px;
}
#menu UL#main LI.about {
	background:url(../images/menu_about.jpg) top left no-repeat;
	height:52px;
	width:151px;
}
#menu UL#main LI.about a.current {
	background:url(../images/menu_about_o.jpg) top left no-repeat;
}

#menu UL#breadcrumbs LI {
	float:left;
	font-size:14px;
}
#menu UL#breadcrumbs LI a {
	float:left;	
	padding:10px;
}
#menu UL#breadcrumbs LI a.current {
	color:black;
}

#content {
	width:900px;
	margin:0 auto;
	
	padding:40px 10px 20px 10px;
	
	height:auto;
	overflow:hidden;
	
	font-size:16px;
	
}
#content h1 {
	font-size:24px;
	color:#0377be;
	margin-bottom:10px;
	line-height:1.2;
}

p {
	line-height:1.2;
	padding-bottom:25px;
	text-align:justify;
}

#newsletter p{
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.5em;
}

#content #col1 {
	width:620px;	
	float:left;
}

/*---News Section---*/
#content #col1 .news_section{
	width: 640px;
	margin: 20px 0 20px 0;
}

#content #col1 .news_section .header {
	font-size:18px;
	color:#444444;
	font-weight:bold;
	height:16px;
	width:238px;
	margin-bottom: 15px;
}

#content #col1 .news_section .header a{
	color:#444444;
}

#content #col1 .news_section .news_content ul li{
	margin: 10px 0 10px 20px;
	height: 60px;
}

.news_section .news_content{
	margin-top: 10px;
	border: solid 1px;
	border-color: #CCC;
}

.newsIcons{
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
	background-image:url(../images/news_icon.jpg);
}

.pressIcons{
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
	background-image:url(../images/press_release.jpg);
}

.kioskIcons{
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
	background-image:url(../images/kiosk_icon.jpg);
}

.partnerIcons{
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
	background-image:url(../images/partnership_icon.jpg);
}

#content #col1 .news_section .news_content .date {
	font-size: 14px;
}

#content #col1 .news_section .news_content b.newsTitle{
	font-size: 13px;
}

/*****Video Section****/

#content #col1 #videos_section{
	width: 640px;
	margin: 20px 0 20px 0;
}

#calgray_flames{
	width: 56px;
	height: 50px;
	background:url(../images/CalgaryF_logo.jpg);
	margin: 10px 10px 10px 15px;
	float: left;
}

#videos_section #vid_content{
	border: solid 1px;
	border-color: #CCC;
	height: 550px;
}

#videos_section h1{
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 10px;
	color: #333;
}

#vid_content #vid_comment{
	margin: 15px 15px 10px 20px;
	padding:0;
	font-size: 14px;
}

ul#vid_list{
	list-style: none;
	width: 620px;
	margin-left: 10px;
}

ul#vid_list li{
	width: 290px;
	margin: 0 10px 0 10px;	
	float: left;
}

li p.youtube_title{
	padding:0;
	margin:0;
	margin-bottom:5px;
	font-size: 14px;
}

/*******Video Section End****/


#content #col2 {
	float:right;
	width:240px;
}

.notification {
	background:url(../images/notification.png) top left no-repeat;
	width:178px;
	height:56px;
	padding:10px 0px 0 60px;
	
	color:#555;
	font-size:12px;
	line-height:1.1;
	text-align:left;
	
}
.notification a {
	color:inherit;	
}

#content #col2 .news_box {
	
}
#content #col2 .news_box .header {
	
	font-size:18px;
	color:#444;
	font-weight:bold;
	
	background:url(../images/news_box_header.png) top left no-repeat;
	height:16px;
	width:238px;
	
	padding:10px;
	margin:0;	
	
}
#content #col2 .news_box .header a{
	color:inherit;	
}

#content #col2 .news_box .content {
	border:1px solid #CCC;
	width:216px;
	padding:10px;
	font-size:12px;

}
#content #col2 .news_box .content a{
	text-decoration:underline;
}
#content #col2 .news_box .smaller {
	font-size:12px;

}
#content #col2 .news_box .content .date {
	color:#0479bf;
	padding-bottom:4px;
	font-size: 16px;
}

#content #col2 .news_box .content UL {
	list-style:none;
}
#content #col2 .news_box .content UL LI {
	padding-bottom:14px;
}
#content #col2 .news_box .quotes UL LI {
	font-size:16px;
	color:#555;
	padding:10px 0 10px 0;
	
}
#content #col2 .news_box .quotes UL LI .author {
	font-size:12px;
	color:#999;
	font-style:italic;
}

#whatpeoplesay li p{
	font: 12px;	
	margin-bottom: 5px;
	padding:0;
}


body.index #content p{
	font-size:16px;
}
body.index #content UL.list {
	font-size:14px;
	line-height:1.2;
}
body.index #content UL.list a {
	color:inherit;	
}
body.index #content UL.list a:hover {
	color:#888;	
}
UL.videos {
	list-style:none;
	margin-left:0px;
}
UL.videos LI {
	float:left;	
	padding-right:40px;
	width:260px;
}
UL.videos LI a {
	color:#666;	
}
body.index UL.videos LI {
	padding-left:45px;
	padding-bottom:20px;
	padding-right:0;
}

body.demos #col1 {
	font-size:12px;	
}


body.products #col1 UL.list {
	font-size:14px;	
}
body.products #col1 UL.list LI {
	padding-top:10px;
}
body.products #col1 UL.list LI a {
	color:inherit;
}
body.products #col1 UL.list LI a strong {
	color:#5290c0;
}
body.products #col1 UL.list LI a:hover strong {
	color:#666;
}

body.case_studies UL#case_studies LI{
	font-size:14px;
	margin-bottom:30px;
	height:auto;	position:relative;
}
body.case_studies UL#case_studies LI .image{
	float:left;	
	height:50px;
}
body.case_studies UL#case_studies LI .title{
	font-weight:bold;
	font-size:14px;
}
body.case_studies UL#case_studies LI img {
	margin-left: auto;
	margin-right: auto;
	/*padding-right:20px;
	width:60px;*/
}


body.case_studies UL#categories LI {
	float:left;	
	padding-right:10px;
	font-size:12px;
}

body.case_studies #col1 div.left {
	width:330px;	
}
body.case_studies #col1 div.right {
	width:300px;	
}


body.news_archives UL#archives LI h3 {
	font-size:20px;
}
body.news_archives UL#archives LI .title {
	font-size:14px;
	font-weight:bold;
}
body.news_archives UL#archives LI {
	padding-bottom:0px;	
}
body.news_archives .item .content p {
	padding-bottom:10px;
}
body.news_archives .item .title {
	font-weight:bold;
	font-size:14px;
	padding-bottom:10px;
}
body.news_archives .item .content {
	font-size:12px;
}

body.news_archives .totop {
	position:relative;
	display:block;
	margin-top:40px;
}

ul#listchannels{
	margin-top: -10px;
}

ul#listchannels li{
	list-style-type: disc;
	margin-left: 15px;
}

#footer {
	background:url(../images/footer_back.jpg) bottom center no-repeat;
	/*width:956px;*/
	height:309px;
	margin-left:2px;
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:11px;
	
}
#footer .copy {
	float:left;
	margin-top:224px;
	margin-right:100px;
	margin-left:40px;
}
#footer .col {
	float:left;	
	margin-top:220px;
	padding-right:20px;
}
#footer .col LI a.title {
	line-height:2;
	font-weight:bold;
}


#footer .col a{
	color:black;
}
#footer .col a:hover{
	color:#999;
}

#currentweek{
	border-style: solid;
	border-width: thin;
	border-color: #CCCCCC;
	width: 225px;
	font-size: 12px;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: -7px;
}

ul#weeklyupdate li{
	margin: 5px;
	color: #69F;
}

ul#weeklyupdate p{
	color: #666666;
	font-size: 12px;
	text-align:left;
	margin: 5px 0;
}

ul#weeklyupdate li img{
	margin: 5px 5px 2px 0;
	vertical-align: text-top;
}