html {height:100%;}
body{margin:0;padding:0;height:auto !important;height:100%;min-height:100%;position:relative;font-size: 9pt;text-align: center;background: url('../images/background.jpg');font-family: Verdana,Arial,sans-serif;line-height: 1.5em;background-position: top center;}
p{margin:0 10px 10px}
a{text-decoration:none;color: #838B8E;}
a.blue {font-weight: bold;}
a:hover{text-decoration:underline;}
div#logo{background: url(../images/logo.png);height: 132px;width:279px;float:left;}
div#header_container{background: url('../images/menu_bg.png');height:150px;}
div#header_question{text-align:right;float:right;color: #dcdfe1;width: 340px;height:39px;margin: 20px 2px 0px 0px;font-size:13pt;font-family:"Verdana","Arial","sans-serif";line-height:1.3em;}
div#header_question a{color: #d8f3ff;display:inline;text-decoration:none;font-size:13pt;font-family:"Verdana","Arial","sans-serif";}
div#header_question font.light_blue{color: #d8f3ff; font-weight: normal;}
div#header{width:920px;margin:0 auto;/*padding-top: 10px;*/}
div#header ul{list-style: none;float:right;width:632px;padding:0;margin:0;margin-top:28px;}
ul#menu li{float:left;display:block;}
ul#menu li a{display:block;background: url('../images/top_menu_up.png');padding:0;width: 158px;height: 48px;line-height: 48px;color:white;text-decoration:none;font-size: 10pt;font-family: "Verdana","Arial","sans-serif";}
ul#menu li a:hover{display:block;background: url('../images/top_menu_down.png');padding:0;}
div#container{width:920px;margin:0 auto;text-align:left;overflow:hidden;color: #838b8e;padding-bottom:235px;}
div#featured_project{background: url('../images/featured_project.png');float:right;height:301px;width: 391px;margin-top: 10px;margin-right: 50px;}
div#project_container h2.details{color: #9fca00;font-size: 18pt;font-weight: normal;}
div#project_container h2.solutions{color: #d5a100;font-size: 18pt;font-weight: normal;}
div#project_container h2.tech{color: #DA562A;font-size: 18pt;font-weight: normal;}
div#project_container h2.other{color: #028EBF;font-size: 18pt;font-weight: normal;}
div#banner{background: url('../images/banner.png') center top no-repeat;height:328px;margin: auto;width:998px;}
div#banner_text{width: 400px;float:left;color: #dedede;margin: 80px 0px 0px 120px;line-height: 1.5em;text-align:left;}
div#banner_text h2{color: #ffffff;font-size: 15pt;margin:0;padding:0;margin-top:15px;margin-bottom: 10px;font-weight: normal;}
div#banner_text a{background: url('../images/top_menu_up.png');display:block;width: 158px;height: 48px;padding:0;margin-top: 10px;float:left;line-height: 48px;color: white;text-decoration: none;text-align: center;font-size: 10pt;font-family: "Arial Unicode MS","Verdana","Arial","sans-serif";}
div#banner_text a:hover{background: url('../images/top_menu_down.png');}
div#banner_text ul{list-style: none;display: inline;float:right;margin: 40px 0 0 0;}
div#banner_text ul li{float:left;margin-left: 3px;}
div#banner_text ul li a{width: 27px;height: 27px;display: block;background: url('../images/featured_button_up.png');text-decoration: none;color: #ffffff;text-align:center;font-size: 12pt;line-height: 27px;font-family: Verdana;font-weight: normal;}
div#banner_text ul li a:hover{background: url('../images/featured_button_down.png');color: #000000;}
div#content{width: 580px;float:left;margin: 40px 0px;}
div#content p,div#content h2{margin: 0;padding: 10px;background: url('../images/transparent60.png');}
div#content h2{color: #4e80a9;font-size: 18pt;font-weight: normal;}
div#navigation{float:right;width:330px;background: transparent;margin-top: 40px;}
div#navigation p,div#navigation h2{margin: 0;padding: 10px;background: url('../images/transparent60.png');}
div#navigation h2,div#project h2{color: #9aa11d;font-size: 18pt;font-weight: normal;}
div#extra{float:right;clear:right;width:330px;background: transparent;margin:10px 0px;}
div#extra p{margin: 0;padding: 10px;background: url('../images/transparent60.png');}
div#extra h2{margin: 0;padding: 10px;background: url('../images/transparent60.png');}
div#extra ul{margin: 0;padding: 10px;background: url('../images/transparent60.png');}
div#extra h2.web{color: #9fca00;font-size: 18pt;font-weight: normal;}
div#extra h2.socialmedia{color: #d5a100;font-size: 18pt;font-weight: normal;}
div#extra h2.print{color: #DA562A;font-size: 18pt;font-weight: normal;}
div#extra h2.digital{color: #028EBF;font-size: 18pt;font-weight: normal;}
div#extra h2.other{color: #4E4E4E;font-size: 18pt;font-weight: normal;}
div#extra ul.web,div#extra ul.web{padding-left: 20px;margin: 0;list-style-type:none;}
div#extra ul.web li{background: url('../images/plus_web.png') no-repeat;padding-left: 25px;padding-bottom: 3px;}
div#extra ul.socialmedia{padding-left: 20px;padding-bottom: 10px;margin: 0;list-style-type:none;}
div#extra ul.socialmedia li{background: url('../images/plus_social.png') no-repeat;padding-left: 25px;padding-bottom: 3px;}
div#extra ul.print{padding-left: 20px;padding-bottom: 10px;margin: 0;list-style-type:none;}
div#extra ul.print li{background: url('../images/plus_print.png') no-repeat;padding-left: 25px;padding-bottom: 3px;}
div#extra ul.digital{padding-left: 20px;padding-bottom: 10px;margin: 0;list-style-type:none;}
div#extra ul.digital li{background: url('../images/plus_digital.png') no-repeat;padding-left: 25px;padding-bottom: 3px;}
div#extra ul.other{padding-left: 20px;padding-bottom: 10px;margin: 0;list-style-type:none;}
div#extra ul.other li{background: url('../images/plus_other.png') no-repeat;padding-left: 25px;padding-bottom: 3px;}
div#footer{clear:both;width:100%;background: url('../images/footer_bg.png') repeat-x;height: 205px;margin-top: 30px;position:absolute;bottom: 0;left: 0;}
div#footer p{margin:0;padding:5px 10px}
div#footer div.footer_block{float:left;color: white;text-align:left;padding: 0px 29px;line-height:16px;font-size:11px;}
div#footer div.footer_block a{text-decoration:none;color: #ffffff;padding: 0;font-szie: 8pt;}
div#footer div.footer_block a:hover{text-decoration:underline;}
div#footer_inner{width:920px;margin:0 auto;padding-top: 10px;}
div#footer div.footer_separator{background: url('../images/footer_separator.png');float:left;width: 2px;height: 79px;margin-top: 15px;}
div#footer div#about{width: 260px;}
div#phone{font-size: 19pt;margin-top: 20px;}
div.footer_block a{display:block;}
div.footer_block div.right{text-align:right;}
div.footer_block div#support{margin: 5px 0px 15px 0px;}
div.footer_block h3{margin-top: 15px;font-size: 13pt;font-weight: normal;margin-bottom: 5px;}
div#very_bottom{color: white;float:right;margin-top:10px;}
div#footer div#footer_contacts{color: white;float:right;padding:0;}
.rtop, .rbottom{display:block;background:transparent;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px;background: url('../images/transparent60.png');}
.r2{margin: 0 3px;background: url('../images/transparent60.png');}
.r3{margin: 0 2px;background: url('../images/transparent60.png');}
.r4{margin: 0 1px; height: 2px;background: url('../images/transparent60.png');}
div#spacer{background: url('../images/transparent60.png');}
div#title{background: url('../images/title_bg.png') center top no-repeat;width: 970px;height:152px;margin: auto;}
div#title div{color: #60696d;font-size:25pt;font-weight: normal;font-family: Verdana;text-align:left;padding-left:70px;line-height: 152px;}
.clear{clear:both;}
a.inline{display:inline;}
div#portfolio_menu{width:900px;margin:auto; padding:30px 0px 0px 0px;text-align:left;}
div#portfolio_menu a{display:inline;font-size:10pt;color: #60696d;margin:0px 15px;font-weight:normal;}
div#portfolio_menu a:hover{color: #49799c;text-decoration:none;}
div#portfolio_menu span{font-size:18pt;color: #4e80a9;margin-right: 10px;}
div#project p,div#project h2,div#project ul{margin: 0;padding: 10px 10px 10px 40px;}

#slide {
	width: 920px; /* important */
	margin: auto;	
	padding: 0;
	text-align: left;
}

div.slide_inner
{
	float:left;	
	margin: 10px 5px 0px 5px;
}

div#first_thumb
{
	margin: 10px 5px 0px 0px;
}

div#last_thumb
{
	margin: 10px 0px 0px 5px;
}

div.slide_inner div
{
	background: url('../images/transparent60.png');
	padding-left: 10px;
}

#project_preview
{
	margin-top: -40px;
}

div#project
{
	margin-top: 60px;
	
}

div#project_container
{
	background: url('../images/transparent60.png');
	height: 400px;
	/*background: url('../images/transparent60.png');*/
}

a#als:link
{
	display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/als/thumb2.png');
}
a#als:hover,a#als
{	
	background: url('../images/portfolio/als/thumb.png');
}

a#business_ideas:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/business_ideas/thumb2.png');
}
a#business_ideas:hover,a#business_ideas
{	
	background: url('../images/portfolio/business_ideas/thumb.png');
}

a#cavan:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/cavan/thumb2.png');
}
a#cavan:hover,a#cavan
{	
	background: url('../images/portfolio/cavan/thumb.png');
}

a#city_of_toronto:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/city_of_toronto/thumb2.png');
}
a#city_of_toronto:hover,a#city_of_toronto
{	
	background: url('../images/portfolio/city_of_toronto/thumb.png');
}

a#cors:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/cors/thumb2.png');
}
a#cors:hover,a#cors
{	
	background: url('../images/portfolio/cors/thumb.png');
}

a#cupw:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/cupw/thumb2.png');
}
a#cupw:hover,a#cupw
{	
	background: url('../images/portfolio/cupw/thumb.png');
}

a#fantom_hosting:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/fantom_hosting/thumb2.png');
}
a#fantom_hosting:hover,a#fantom_hosting
{	
	background: url('../images/portfolio/fantom_hosting/thumb.png');
}

a#game_related:link
{
	display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/game_related/thumb2.png');
}
a#game_related:hover,a#game_related
{	
	background: url('../images/portfolio/game_related/thumb.png');
}

a#go_mortgage:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/go_mortgage/thumb2.png');
}
a#go_mortgage:hover,a#go_mortgage
{	
	background: url('../images/portfolio/go_mortgage/thumb.png');
}

a#hfg:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/hfg/thumb2.png');
}
a#hfg:hover,a#hfg
{	
	background: url('../images/portfolio/hfg/thumb.png');
}

a#host_goblin:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/host_goblin/thumb2.png');
}
a#host_goblin:hover,a#host_goblin
{	
	background: url('../images/portfolio/host_goblin/thumb.png');
}

a#ing:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/ing/thumb2.png');
}
a#ing:hover,a#host_goblin
{	
	background: url('../images/portfolio/ing/thumb.png');
}

a#ivey:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/ivey/thumb2.png');
}
a#ivey:hover,a#ivey
{	
	background: url('../images/portfolio/ivey/thumb.png');
}

a#lpc_map:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/lpc_map/thumb2.png');
}
a#lpc_map:hover,a#lpc_map
{	
	background: url('../images/portfolio/lpc_map/thumb.png');
}

a#npt:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/npt/thumb2.png');
}
a#npt:hover,a#npt
{	
	background: url('../images/portfolio/npt/thumb.png');
}

a#rental_page:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/rental_page/thumb2.png');
}
a#rental_page:hover,a#rental_page
{	
	background: url('../images/portfolio/rental_page/thumb.png');
}

a#rolin:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/rolin/thumb2.png');
}
a#rolin:hover,a#rolin
{	
	background: url('../images/portfolio/rolin/thumb.png');
}

a#tru_hair:link
{
display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/tru_hair/thumb2.png');
}
a#tru_hair:hover,a#tru_hair
{	
	background: url('../images/portfolio/tru_hair/thumb.png');
}

a#turnbull_co:link
{
	display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/turnbull_co/thumb2.png');
}
a#turnbull_co:hover,a#turnbull_co
{	
	background: url('../images/portfolio/turnbull_co/thumb.png');
}

a#ucbj:link
{
	display:block;
	width: 145px;
	height: 120px;
	background: url('../images/portfolio/ucbj/thumb2.png');
}
a#ucbj:hover,a#ucbj
{	
	background: url('../images/portfolio/ucbj/thumb.png');
}

/* example_3 css */
#example_3 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 920px; /* important */
	height: 150px; /* important */
	margin: auto;
	/*margin: 0 85px;*/
	/*background: #000;*/
}

#example_3_frame {position: relative;width:960px;margin:auto;}
#example_3_previous {float: left;margin-top:-100px;}
#example_3_next {float: right;margin-top:-100px;}
#example_3_content {
	position: absolute;
	top: 0;
	margin:0;
	padding:0;
	/*margin-left: 20px;*/
}

#example_3_content
#example_3_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#example_3_content {
	width: 5800px;
/*	margin-left: 10px;*/
}
	
#container_bd #example_3 ul li {
	display: block;
	float: left;
	
	padding: 10px 10px 0px 0px;
	
	/*padding: 5px;*/
	
	/*border: 1px solid transparent;*/
	background-color: transparent;
}

#container_bd #example_3 ul li img {
	display: block;
}

#container_bd
{
	padding-bottom: 235px;
}

div#container_portfolio{width:920px;margin:0 auto;text-align:left;overflow:hidden;color: #838b8e;}

input {border:1px solid #4E80A9;}

input[type=submit]
{
	background: url('../images/top_menu_up.png');
	width: 158px;
	height: 48px;
	border:none;
	color: white;
	cursor:pointer;
}

input[type=submit]:hover
{
	background: url('../images/top_menu_down.png');
}

textarea
{
	width: 400px;
	height: 100px;
}

.error
{
	color: red;
}

form
{
	padding:0;
	margin:0;
}