/*
Theme Name: Dashboard
Theme URI: http://www.dashboard.ca
Description: Custom template created by Dashboard
Version: 1.0
Author: Dashboard
Author URI: http://www.dashboard.ca/
Tags: dashboard, custom

This theme was designed and built by Dashboard,
whose blog you will find at http://www.dashboard.ca

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

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;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white; font-family:Georgia, "Times New Roman", Times, serif; background-color:#000; color:#ccc; font-size:12px;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align:left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

.btn,.disable{color:transparent; cursor:pointer; }
a.btn,.disable { text-indent:-9999px; display:block;  }
.btn:hover,  a:hover{ background-position:0 100%;}
a:hover.disable,.btn:hover.disable { background-position:0 100%}

.work_nav{ background:url(images/db_work.png) no-repeat; width:112px; height:33px;}
.about_nav{ background:url(images/db_about.png) no-repeat; width:112px; height:33px;}
.news_nav{ background:url(images/db_news.png) no-repeat; width:112px; height:33px;}
.contact_nav{ background:url(images/db_contact.png) no-repeat; width:112px; height:33px;}
.follow_nav{ background:url(images/db_follow.png) no-repeat; width:112px; height:33px;}
.more{ background:url(images/more.gif) no-repeat; width:52px; height:11px;}
.news{ background: url(images/news_btn.gif) no-repeat; width:64px; height:13px;}
.previous{ background:url(images/previous_btn.gif) no-repeat; width:148px; height:13px;}
.work_btn{ background:url(images/work_btn.jpg) no-repeat; width:64px; height:12px;}
.view_all_btn{ background:url(images/view_all_btn.jpg) no-repeat; width:88px; height:12px;}
.flickr_btn{ background:url(images/flickr.gif) no-repeat; width:60px; height:11px;}
.all_work_btn{ background:url(images/all_work_btn.gif) no-repeat; width:90px; height:22px;}
.client_btn{ background:url(images/client_btn.gif) no-repeat; width:126px; height:22px;}
.industry_btn{ background:url(images/industry_btn.gif) no-repeat; width:148px; height:22px; margin-left:-2px;}
.back_to_work_btn{ background:url(images/back_to_work.gif) no-repeat; width:134px; height:13px;}
.category_title{background:url(images/breakLine.png) no-repeat 0px 16px;  padding-bottom:20px; clear:both; z-index:3;}
.bread_crumb a{ float:left;}
.read_all_posts{ background:url(images/read_all_posts.gif) no-repeat; width:135px; height:12px;}
.post_bread_crumb{background:url(images/2_col_lines.gif) no-repeat 0px bottom; width:624px; height:20px; margin-bottom:20px;}
.post_bread_crumb a{ float:left; }
.post ul{float:left; padding-left:30px; list-style:disc; padding-bottom:20px;list-style-position: outside;}
.post ul li{line-height:20px;margin-bottom:5px;}
a,a.visited{ color:#cb2027; text-decoration:none; font-weight:bold;}
p{ line-height:20px; padding-bottom:20px; #cccccc;}
h1,h2,h3,h4,h5,h6{ color:#FFF; font-family:Arial, Helvetica, sans-serif}
h1{ font-size:20px; font-weight:bold; padding-bottom:8px;}
h2{font-size:16px; font-weight:bold; padding-bottom:5px; padding-top:8px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999999}
h3{font-size:15px; font-weight:bold; padding-bottom:25px; color:#ccc;}
h4{ font-size:12px; padding:4px 0px;}
h5{ font-size:11px; font-weight:normal;}
h6{}
.project_info{ width:282px; float:left; color:#fff; padding-right:15px;}
.project_info h1{ color:#fff; font-weight:bold; padding-bottom:5px; font-size:26px;}
.project_info h2{ color:#cccccc; font-style:normal;  font-family:Arial, Helvetica, sans-serif; font-size:18px;}
.project_info .date{ font-size:12px;}
body{ background:url(images/DB_BG.jpg) no-repeat; width:1024px;  margin:auto; background-color:#000; background-position:50% 0;}
#projects{ width:965px; float:left; padding-bottom:15px; padding-left:11px; position:relative;}
.project{border:solid 1px #636363;float:left; margin-right:10px; margin-bottom:20px; position:relative;}
#projects .project img{ margin-bottom:-2px;}
.project_tab h1, .project_tab h2{line-height:14px;}
.project_tab h1{ font-size:14px; color:#FFF; float:left;}
.project_tab h2{ font-size:11px; font-style:italic; color:#999999; padding:1px 0px 0px 5px; float:left; font-family:Georgia, "Times New Roman", Times, serif}
.project a{ color:#CCC; font-weight:bold;}
.new{ background: url(images/new_project_tab.png) no-repeat; height:40px; width:41px; position:absolute;}
.project_tab{ background:url(images/project_tab.gif) no-repeat; width:305px; height:42px;}
.project_tab span{ padding:15px 0px 0px 9px; float:left;}
ul.points{ padding-top:0px; font-size:14px; width:300px; float:left; padding-right:31px;}
.post h1 a{ color:#FFF; margin-bottom:20px;}
.post h1 a:hover{ color:#CB2027;}
ul.points li{ padding:10px 0px; border-bottom:solid 1px #2a2a2b}
ul.points li h3{ padding:0px 0px; margin-left:15px; margin-top:-15px;}
ul.points li img { position:relative; float:left;
}
.line_break{ border-bottom:solid 1px #666; margin-bottom:30px}
#projects.work{ background-color:#FFF;}
.work .image{ border:solid 1px #9b9b9b; margin-bottom:30px;}
.container{ padding:28px;}
.expand ul li p{ font-family:Georgia, "Times New Roman", Times, serif; color:#CCC; padding-top:5px;}
#accordion .expand{cursor:pointer; padding:0 0 10px 0; }
.accordion_click{background:url(images/point_sprite.gif) no-repeat 0 3px; padding:3px 0px 6px 20px; position:relative; width:290px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; }
#jquery-overlay{display:none !important}
.accordion_hide{line-height:16px; font-family:Georgia, "Times New Roman", Times, serif; width:245px;}
.lists ul li a{position:relative; top:-2px; float:left;}
.expand a{ color:#FFF}
#header{ float:left; width:965px; position:relative; padding-top:50px;}
#header ul.nav li{ float:left; padding-right:19px;}
#header ul.nav li.last{ padding-right:0px;}
.logo{ padding-bottom:25px;}
#header ul.nav{ float:right; position:relative; right:0; top:-45px;}
#header ul.nav li a{ font-size:16px; font-weight: bold; color:#FFF;}
.points.last{ padding-right:0px;}
.top_wrap{ background:url(images/top_wrap.png) no-repeat; width:967px; height:79px; position:absolute; top:-17px; left:4px;}
.bottom_wrap{ background:url(images/bottom_wrap.png) no-repeat; width:955px; height:79px; position:absolute; left:4px; bottom:11px; z-index:-1;}
.bread_crumb{ background:url(images/breakLine.png) no-repeat 0px 20px; height:30px; padding-bottom:25px; clear:both; z-index:3;}
.double_line_break{ background:url(images/bread_crumb_underline.gif) no-repeat; padding-bottom:5px; clear:both; z-index:3;}
.bread_crumb.work{ background:url(images/breakLine.png) no-repeat 0px 25px; margin-top:-5px; float:left; width:964px; padding-bottom:30px;} 
.bread_crumb a{ position:relative;}
.bread_crumb a:hover{ position:relative; z-index:inherit}
.date{ padding-bottom:7px;}
.post{ padding-bottom:15px;}
.post p, .post ul{ margin-right:20px;}
.post p img{margin-bottom:20px;}
.date{ font-size:10px; color:#999999; font-family:Arial, Helvetica, sans-serif}
.date a{ color:#999999; font-style:italic;}
#projects.page{ padding-left:0px;}
.highlight p{ }
.highlight{ padding-bottom:0px;}
.tweet{ padding-bottom:0px; color:#999; font-family:Georgia, "Times New Roman", Times, serif}
.tweet h1{color:#999}
.section ul li{ padding-bottom:5px;}
.section{ padding-bottom:20px;}
.section .bread_crumb{ margin-bottom:15px;}
.categories a{ color:#ccc}
.current{background-position:0 100%;}
.btn input{ border:none;}
#wrapper{ width:965px; margin:auto;}
#content{ width:637px; float:left; padding-right:12px; padding-left:0px;}
#side_navigation{ float:left; width:300px;  }
.highlights{ padding-bottom:5px;}
.left{ float:left; clear:left;}
.right{ float:right; clear:right;}
.info{ width:320px; float:left;}
.info p{ padding-bottom:3px;}
.flickr img{ border:solid 1px #636363; margin-right:5px;}
.post .image{ padding-bottom:15px;}
.flickr .images{ padding-bottom:10px;}
.blog_post{ float:left; width:965px; }
.post h1{ padding-bottom:10px;}

.services, .project_post{ width:640px; float:left;}
.project_post{ color:#000} 
.h_red,a.h_red{color:#cb2027; font-weight:bold; }
.share{ float:left; width:965px; padding-bottom:40px; margin-top:-10px; padding-left:5px; position:relative; z-index:20;}
.blog_post h1{ font-size:26px;}
#footer{ padding: 20px 0px 15px 0px; float:left; width:965px; font-family:Arial, Helvetica, sans-serif; border-top:solid 1px #636363}
#footer.no_line{border-top:none;}
#footer ul.nav_f li{ display:inline; margin-right:5px;}
#footer ul.nav_f{ float:left; position:relative; right:0;}
.last{ padding-right:0px;}


.corner_effect{ background:url(images/image_bg.png) no-repeat; width:414px; height:272px; margin-top:-15px; margin-left:10px;}	


.section ul li{ list-style-image:url(images/point.gif); list-style-position:inside; padding:3px 0px; position:relative;}

.blog_post h2{ }
.section ul li a{ margin-top:-2px; position:relative; top:-2px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.section ul li a:hover{color:#cb2027; }

.follow{ width:307px; height:420px; padding-right:21px;}
.follow .post .post{height:163px; padding-bottom:0px;}
.follow .post .post .line_break{margin-bottom:0px;padding-bottom:0px;}
#side_navigation .date{ font-family:Arial, Helvetica, sans-serif}

.category_links{ font-family:Arial, Helvetica, sans-serif}


.align_left{ float:left; display:inline;}
.align_left img{ padding:16px 0px 0px 6px;}
.align_right{ float:right; display:inline;}
.align_right img{ padding:16px 0px 0px 6px;}	

.section .line_break{ margin-bottom:10px;}

/*Contact Page*/
.staff_corner_effect{ background:url(images/staff_image_bg.png) no-repeat; width:414px; height:245px;  padding-left:0px; margin-top:-10px; float:right;}	
ul.contacts{ font-family:Arial, Helvetica, sans-serif; padding-top:0px; font-size:14px; width:320px; float:left; padding-right:60px; margin-right:20px; border-right:1px solid #2A2A2B; margin-top:10px;}
ul.contacts li{ padding:10px 0px; border-bottom:solid 1px #2a2a2b; color:#666;}
.contacts.careers{width:542px; padding-right:0px; border-right:none;}
ul.contacts.careers li{ padding:10px 0px;}
.name{ font-size:14px; color:#FFF;}
.position,.ext{ font-size:12px; color:#ccc;}
/*Contact Page End*/

.georgia{font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

#search_field{ background: url(images/DSB_Interim_searchBG.jpg) no-repeat; width:206px; height:24px; position:absolute; top:0px; right:0px;}
#s{width:113px;  float:left; position:relative; left:64px; top:3px;  height:15px; top:1px}
#searchsubmit{color:transparent; font-size:0px; background:url(images/DSB_Interim_searchbutton.jpg) no-repeat; width:18px; height:18px; border:none; color:transparent; float:left; position:relative; left:67px; top:3px; cursor:pointer}

.project_page .image{ margin-bottom:-115px;}
.project_page .image img, .project_page .video{ position:relative; left:6px; top:-57px;}
.video {margin-bottom:20px;}
.project_page .video {margin-bottom:0px;}
.top{ background:url(images/project_bg_top.png) no-repeat; width:646px; height:73px}
.bottom{ background:url(images/project_bg_bottom.png) no-repeat; width:647px; height:63px; position:relative; top:-113px;}

.navigation{ position:absolute; right:0px; width:185px;}
.navigation a{ text-indent:-9999px;}
.prev_btn a{ background: url(images/previous_btn.png) no-repeat; width:81px; height:11px; float:right;}
.next_btn a{background: url(images/next_btn.png) no-repeat; width:66px; height:11px; float:right; margin-left:15px;}

.prev_btn a:hover{ background-position:0 100%;}
.next_btn a:hover{ background-position:0 100%;}


ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li{position:relative; display:block;}
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	
	background: #000000;
	border:solid 1px #cb2027;
	padding: 7px;
	float: left;
	z-index:2000;
	display:none;
}
.sub_clients{top: 22px; left: 90px;}
.sub_industry{top:22px; left:214px;}
.work_first_column{border-right:solid 1px #333333}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	margin: 0; padding: 0;
	width: 250px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;
	font-family:Arial;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #999999;
	font-size:12px;
}
ul#topnav .sub ul li a:hover {color: #FFFFFF;}

/* TWITTER FEED */	
a.aktt_tweet_time{font-family:Arial, Helvetica, sans-serif;display:block; color:#999; font-size:20px; padding-bottom:5px;}
.tweet a:hover{color:#CB2027}
.twitter_feed {position:relative; display:block; height:100px; border-bottom:solid 1px #666; }
.twitter_feed a.aktt_tweet_time{font-size:16px; font-weight:bold; padding-bottom:5px; padding-top:8px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999999}
.twitter_feed a:hover{color:#CB2027}
.twitter_feed p{padding-bottom:0px;}
/* END TWITTER FEED */

/*FLICKR FOLLOW*/
.flickr_follow{padding:26px 0px 32px 2px}
.flickr_follow img{width:55px; height:55px; border:solid 1px #636363; margin-right:4px; margin-bottom:4px;}
/*FLICKR FOLLOW*/

.pagebar{ float:right; font-family:Arial, Helvetica, sans-serif;}
.pagebar a:hover{ cursor:pointer}
.pagebar .this-page{ float:left;width:50px;}
.pagebar a,a.this-page{ width:50px; float:left; border-bottom:solid 1px #333; color:#FFF; margin-right:10px; padding-bottom:2px;}
.pagebar a.current, ul.pagebar li a:hover{ border-bottom:solid 1px #cb2027; color:#cb2027;}
a.this-page{ border-bottom:solid 1px #cb2027; color:#cb2027;}
#contact_image{ background-color:#ffffff; width:395px; float:left; position:relative; top:17px; left:8px;}
#contact_image li img{ float:right; padding:0px;}
#accordion{ padding-bottom:25px;}

.cform{ float:left; padding-bottom:20px;}
#usermessageb{ float:left; display:none;}
#usermessageb.success{ float:left; display:block;}
.cform label span { font-size:14px; font-family:Arial, Helvetica, sans-serif;}
ol.cf-ol li.cf-box-group {
display:none;}
#gallery ul{ float:none; list-style:none; padding:0px;}
#gallery ul li{ margin-bottom:0px; line-height:0px;}

/* NO FLASH*/

.no_flash{position:relative; text-align:center; height:155px;}
.project_page .no_flash{top:57px;}
.no_flash img{padding-top:40px;}
.at300bs.at15t_facebook{ background:url(images/facebook-icon.png) no-repeat; height:16px; width:16px;}
.at300bs.at15t_twitter{ background:url(images/twitter-icon.png) no-repeat; height:16px; width:16px;}
.at300bs.at15t_email{ background:url(images/email-icon.png) no-repeat; height:16px; width:16px;}
.at300bs.at15t_favorites{ background:url(images/star-icon.png) no-repeat; height:16px; width:16px;}

.about_list ul li{ font-size:12px; padding:5px 0px; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.about_list ul li.grey{ font-size:12px; color:#999999; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
color:#999 !important;
}
.twtr-timeline i a{ font-size:12px; font-weight:normal; color:#999}
.twtr-widget .twtr-tweet{ border-bottom:solid 1px #666; margin-bottom:0px;}
.twtr-hd ,.twtr-ft{ display:none;}

#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 { background:#000000 none repeat scroll 0 0 !important; color:#999;}

.twtr-widget .twtr-tweet-wrap { padding:8px 0px; padding-left:0px; margin-left:-8px; height:81px;}
#application{ padding:50px; float:left; clear:left;}
#application tr td input{ margin:4px 15px 0px 15px; float:left;  background-color:#141414; color:#FFF;}
#application tr td  p{ line-height:30px;}
#application tr td{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#fff; font-weight:bold; vertical-align:top; }
#application tr.no_bold td{ font-weight:normal; font-size:22px;}
#application tr td textarea{ width:690px; background-color:#141414; border-color:#4e4e4e; overflow:hidden; color:#FFF; font-size:20px;}

.opt{ background:url(images/numbers.gif) no-repeat; width:46px; height:46px; padding-right:30px; position:relative; top:-5px;}
.one{ background-position:0 0px;}
.two{ background-position:0 -46px;}
.three{ background-position:0 -92px;}
.four{ background-position:0 -138px;}
.five{ background-position:0 -184px;}
.six{ background-position:0 -230px;}
.seven{ background-position:0 -276px;}
.eight{ background-position:0 -322px;}
.nine{ background-position:0 -368px;}
.ten{ background-position:0 -414px;}
.eleven{ background-position:0 -460px;}
.twelve{ background-position:0 -506px; f}

.submit_form{ background:url(images/submit_app.gif) no-repeat; width:264px; height:48px; margin:0px; border:none; text-indent:-9999px; color:transparent; font-size:0px;}
#application tr td input.submit_form:hover{ background-position:0 100%}
#application tr td .cabinet input{ margin:0px; cursor:pointer;}

.screen-reader-text{ text-indent:-9999px; font-size:0px;}
span.wpcf7-not-valid-tip{ color:#F00;}
span.wpcf7-list-item {float:left;}

.skillsbox{	float:left;	width:290px;	margin-right:30px;}
.skillsbox h3{ border-bottom:solid 1px #666; padding-bottom:5px; margin-bottom:10px;}
.clear{	clear:both;}

.apply{	float:right;	border:none;}