/* CSS Document */


	
	*
{
	margin:0px;
	padding:0px;
	outline:none;
}



	a, div, img, 
{
	outline:none;
	border:none;
}
iframe

{
	outline:none;
	border:none;
	text-align:center;
}

	body
{
	background:url(../images/back_navy_02.gif) repeat-x;
}
	.hide
{ 
	display:block;
	text-indent:-9999px;
	outline:none;
}
	.clear
{
	clear:both;
}

	#main-container
{
	padding-top:14px;
	width:770px;
	margin:auto;

}

	#flash
{
margin:0px auto;
	width:766px;
	height:257px;
}
	#dtw-header
{
	width:400px;
	float:left;
}
	#nav1
{
   float:left;
	width:363px;
	}
	#body-container
{
	margin:15px 0px 0px 0px;
	width:770px;

	background:url(../images/newindex1_11.gif) repeat-y;
}

	#welcome
{
	width:493px;
	float:left;
	

}
	.welcome-img
{
	width:493px;
	height:64px;
	background:url(../images/newindex1_08.gif) no-repeat;
}


	#testimonials
{
	width:277px;
	float:right;
}
	.testimonials-img
{
	width:277px;
	height:64px;
	background:url(../images/newindex1_09.gif) no-repeat;
}

.toronto-map
{
background:url(../images/web_design_toronto_map_tn.jpg) no-repeat;
width:254px;
height:201px;
}
.style1 {color: #FFFFFF}

	#body-txt-left
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	padding:17px 9px 0px 9px;
	width:475px;
	text-align:justify;
}
	#body-txt-right
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:justify;
	padding:17px 9px 0px 9px;
	width:259px;
}

	#services
	{
	margin:auto;
	width:472px;
	}
	#services-left
	{
	float:left;
	width:216px;
	}
	#services-left ul
	{
	list-style-image:url(../images/icon_services_small.png);
	height:16px;
	width:200px;
	display:block;
	
	}
	  

	#services-left ul li
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274789;
	font-weight:bold;
	padding-left:5px;
	margin:0px 0px 0px 25px;
	
	}
	#services-left ul li a
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274789;
	font-weight:bold;
	text-decoration:none;
	}
	#services-left ul li a:hover
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274789;
	font-weight:bold;
	text-decoration:underline;
	
	}
	
	
	
	
	.services-img
	{
	width:216px;
	height:28px;
	background:url(../images/hd_services.png) no-repeat;
	}
	#services-right
	{
	float:left;
	width:249px;
	}
	.services-img-right
	{
	width:249px;
	height:179px;
	background:url(../images/ph01r.gif) no-repeat;
	}
	

	.readmore
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#274789;
	font-weight:bold;
	}
	.readmore a
	{
	font-family: Arial, Helvetica, sans-serif;
	color:#274789;
	font-weight: bold;
	text-decoration: none;

	}
 .readmore a:hover
	{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight: bold;
	color: #274789;
	}
	
	.headtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#274789;
}
	.righttext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#333333;
}
	.bluetxt
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#274789;
	font-weight:bold;
	}
	.bluetxt a
	{
	font-family: Arial, Helvetica, sans-serif;
	color:#274789;
	font-weight: bold;
	text-decoration: none;

	}
	.bluetxt a:hover
	{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight: bold;
	color: #274789;
	}
	

.big-downarrow
	{
	background:url(../images/icon_arrowdonw.png) no-repeat;
	width:350px;
	height:32px;
	display:block;
	padding:8px 0px 0px 33px;
	font-weight:bold;
	
	}
	

	.small-downarrow
	{
	background:url(../images/icon_arrowdonw.png) no-repeat;
	height:16px;
	width:16px;
	}
	
	#footer
{
	width:770px;
	height:79px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/footerCg.gif) no-repeat;
	color:#000;
	font-weight:bold;
	line-height:70px;
	text-align:center;


}
#footer a{
color:#274789;
text-decoration:none;

}
#footer a:hover
{text-decoration:underline
}
#copyright{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
margin-top:-15px;
margin-left:3px;
}

.testimonials-blank-img
{
	width:277px;
	height:64px;
	background:url(../images/newindex1_11.gif) no-repeat;
}
.toronto-image
{

margin:auto;
width:750px;
background:url(../images/web_design_toronto_map.jpg) no-repeat;
height:592px;

}


/*company-page - starts*/

.company-top-img
{
float:left;
background:url(../images/pic1.png) no-repeat;
width:400px;
height:257px;

}

.company
{
	width:493px;
	height:64px;
	background:url(../images/newindex_company_08.gif) no-repeat;
}
.testimonials-img-company
{
	width:277px;
	height:64px;
	background:url(../images/newindex_company_09.gif) no-repeat;
}
#body-container-company
{
	margin:15px 0px 0px 0px;
	width:770px;
	background:url(../images/newindex_company_11.gif) repeat-y;
}
	#company-footer
{
	width:770px;
	height:79px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/company-footer.png) no-repeat;
	color:#000;
	font-weight:bold;
	line-height:70px;
	text-align:center;

}
	#company-footer a{
color:#ca4945;
text-decoration:none;
}
	#company-footer a:hover
{text-decoration:underline
}

.readmore-company
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ca4945;
	font-weight:bold;
	}

.company-right-img
{
margin:auto;
background:url(../images/hdph_01.gif) no-repeat;
width:255px;
height:110px;
text-indent:-2000px;
}

#comp-bred
{
background:#eeeeee;
width:462px;
height:15px;
margin:auto;
padding:5px;
font-weight:bold;
}
#comp-bred a
{
color:#ca4945;
text-decoration:none;
font-weight:bold;

}
#comp-bred a:hover
{
text-decoration:underline;

}


/*company-page - ends*/

/*services-page - starts*/

.services-top-img
{
float:left;
background:url(../images/pic4.png) no-repeat;
width:400px;
height:257px;


}
#body-container-services
{
	margin:15px 0px 0px 0px;
	width:770px;
	background:url(../images/newindex_service_11.gif) repeat-y;
}


.services-left-img
{
	width:493px;
	height:64px;
	background:url(../images/newindex_service_08.gif) no-repeat;
}
.we-offeru
{
	width:277px;
	height:64px;
	background:url(../images/newindex_service_09.gif) no-repeat;
}
#services-bred
{
background:#eeeeee;
width:462px;
height:15px;
margin:auto;
padding:5px;
font-weight:bold;

}
#services-bred a
{
color:#dd883f;
text-decoration:none;
font-weight:bold;

}
#services-bred a:hover
{
text-decoration:underline;

}

	#services-footer
{
	width:770px;
	height:79px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/services-footer.png) no-repeat;
	color:#000;
	font-weight:bold;
	line-height:70px;
	text-align:center;

}
	#services-footer a{
color:#dd883f;
text-decoration:none;
}
	#services-footer a:hover
{text-decoration:underline
}

.big-downarrow-services
	{
	background:url(../images/icon_arrowdonw.png) no-repeat;
	width:350px;
	height:32px;
	display:block;
	color:#333333;
	padding:8px 0px 0px 38px;
	font-weight:bold;
	
	}

.services-body-left
{
width:475px;
margin:auto;
}
	.services-body-left a
{
color:#dd883f;
text-decoration:none;
}
	.services-body-left a:hover
{
text-decoration:underline;
}
.services-smallbtn
	{
	background:url(../images/icon_services_small.png) no-repeat;
	width:200px;
	height:18px;
	display:block;
	color:#dd883f;
	padding:0px 0px 0px 38px;
	font-weight:bold;
	
	}
	
	.services-smallbtn a
	 
	{
color:#dd883f;
text-decoration:none;
font-weight:bold;
}
	.services-smallbtn a:hover
{
text-decoration:underline;
}
.services-body-right
{
width:180px;
margin:auto;
}
	.services-body-right a
{
color:#dd883f;
text-decoration:none;
font-weight:bold;
}
	.services-body-right a:hover
{
text-decoration:underline;
}
#services-body-left-bot
{
width:450px;
margin:auto;
}
#services-body-left-bot ul.bulletstyle {
list-style-image:url(../images/bullet.png);

}



/*****mississaugaweb****/

.mississaugaweb
	{
	background:url(../images/icon_arrowdonw.png) no-repeat;
	width:350px;
	height:32px;
	display:block;
	color:#274789;
	padding:8px 0px 0px 33px;
	font-weight:bold;
	
	}
	
	
	.mississauga-map
{
background:url(../images/web_design_mississauga.jpg) no-repeat;
width:250px;
height:243px;
margin:auto;
}



#Mississauga-bred
{
background:#eeeeee;
width:462px;
height:15px;
margin:auto;
padding:5px;
font-weight:bold;
}
#Mississauga-bred a
{
color:#274789;
text-decoration:none;
font-weight:bold;

}
#Mississauga-bred a:hover
{
text-decoration:underline;

}

/***hamilton***/

	.hamilton-map
{
background:url(../images/web-design-hamilton.jpg) no-repeat;
width:254px;
height:288px;
margin:auto;
}

/***brampton***/


	.brampton-map
{
background:url(../images/web-design-brampton-ontario.jpg) no-repeat;
width:254px;
height:354px;
margin:auto;
}


/***rechmond hill***/

	.richmondhill-map
{
background:url(../images/web-design-richmond-hill.jpg) no-repeat;
width:254px;
height:217px;
margin:auto;
}
/***vaughan**************/

.vaughan-map
{
background:url(../images/web-design-vaughan.jpg) no-repeat;
width:254px;
height:217px;
margin:auto;
}
/***markham**************/

.markham-map
{
background:url(../images/web-design-markham.jpg) no-repeat;
width:254px;
height:328px;
margin:auto;
}


/***scraborough**************/

.scraborough-map
{
background:url(../images/web-design-scarborough.jpg) no-repeat;
width:254px;
height:257px;
margin:auto;
}
/***georgina**************/

.georgina-map
{
background:url(../images/web-design-georgina-ontario.jpg) no-repeat;
width:252px;
height:252px;
margin:auto;
}

/***burlington**************/

.burlington-map
{
background:url(../images/web-design-burlington.jpg) no-repeat;
width:254px;
height:255px;
margin:auto;
}

/***contactus**************/




.contact-top-img
{
float:left;
background:url(../images/pic2.png) no-repeat;
width:400px;
height:257px;

}


.contact
{
	width:493px;
	height:64px;
	background:url(../images/newindex_contact_08.gif) no-repeat;
}

.testimonials-img-contact
{
	width:277px;
	height:64px;
	background:url(../images/newindex_contact_09.gif) no-repeat;
}


#contact-bred
{
background:#eeeeee;
width:462px;
height:15px;
margin:auto;
padding:5px;
font-weight:bold;
}
#contact-bred a
{
color:#4bc2af;
text-decoration:none;
font-weight:bold;

}
#contact-bred a:hover
{
text-decoration:underline;

}



#body-container-contact
{
	margin:15px 0px 0px 0px;
	width:770px;
	background:url(../images/newindex_contact_11.gif) repeat-y;
}

.contact-right-if
{
margin:auto;
width:258px;

}

.contact-if
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#4bc2af;
	font-weight:bold;
	}
	
.contact-right-if a
	{
	text-decoration:none;
	}
.contact-right-if a:hover
	{
	text-decoration:underline;
	}
	
	#suit-pics
	{
	background:url(../images/contact-img.jpg) no-repeat;
	width:254px;
	height:57px;
	margin:auto;
	text-indent:-9999px;
	}
	.ta-tower-img
{
	background:url(../images/5000yonge_st_1901.jpg) no-repeat;
	width:254px;
	height:349px;
	margin:auto;
}
	.ta-office-img
{
	background:url(../images/contact-img.jpg) no-repeat;
	width:254px;
	height:57px;
	margin:auto;
}

	#contact-footer
{
	width:770px;
	height:79px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/contact-footer.png) no-repeat;
	color:#000;
	font-weight:bold;
	line-height:70px;
	text-align:center;

}
	#contact-footer a{
color:#4bc2af;
text-decoration:none;
}
	#contact-footer a:hover
{text-decoration:underline;
}

#card-pic
{
	width:400px;
	height:40px;
	margin:auto;
}

#card-pic-in
{
background:url(../images/cards-imge.png) no-repeat;
height:40px;
width:129px;
float:right;
}

#card-pic-in
{
background:url(../images/cards-imge.png) no-repeat;
height:40px;
width:129px;
float:right;
text-indent:-9999px;
}

#card-pic-in2
{
height:30px;
width:271px;
float:left;
text-align:center;
padding-top:10px;
}

/****porfolio***/

.portfolio-top-img
{
float:left;
background:url(../images/pic3.png) no-repeat;
width:400px;
height:257px;
}


.welcome-img-portfolio
{
	width:493px;
	height:64px;
	background:url(../images/newindex_portfolio_08.gif) no-repeat;
}
.testimonials-img-portfolio
{
	width:277px;
	height:64px;
	background:url(../images/newindex_portfolio_09.gif) no-repeat;
}




	#body-container-portfolio
{
	margin:15px 0px 0px 0px;
	width:770px;
	background:url(../images/newindex_portfolio_11.gif) repeat-y;
}

	#body-container-portfolio a
{
	color:#8fa814;
	text-decoration:none;
	font-weight:bold;

}


	#body-container-portfolio a:hover
{
	text-decoration:underline
}



#port-bred
{
	background:#eeeeee;
	width:462px;
	height:15px;
	margin:auto;
	padding:5px;
	font-weight:bold;
}
#port-bred a
{
color:#8fa814;
text-decoration:none;
font-weight:bold;
}

#port-bred a:hover
{
text-decoration:underline;
}
#portfolio-footer
{
	width:770px;
	height:79px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/portfolio-footer.png) no-repeat;
	color:#000;
	font-weight:bold;
	line-height:70px;
	text-align:center;
}

#portfolio-footer a{
color:#8fa814;
text-decoration:none;
}

#portfolio-footer a:hover
{text-decoration:underline
}


.portfolio-middile
{
	width:475px;
	margin:auto;
}
.portfolio-middile-left
{
	padding-right:5px;
	padding-left:1px;
	width:225px;
	float:left;
}
.portfolio-middile-right
{
	width:228px;
	float:right;
	text-align:justify;
	padding-right:5px;
	padding-left:5px;
}

.portfolio-tab
{
	width:200px;
	margin:auto;

}
.portfolio-tab td
{
background:#eeeeee;

}

.portfolio2-right
{
	
	width:185px;
	float:right;
	text-align:center;
}
.portfolio2-middile
{
	width:430px;
	margin:auto;

}
.portfolio2-left
{
	
	width:185px;
	float:left;
	text-align:center;
}
.services-smallbtn2
	{
	background:url(../images/icon_services_small.png) no-repeat;
	height:18px;
	display:block;
	color:#333333;
	padding:0px 0px 0px 20px;
	font-weight:bold;
	
	}
.right-bred
{
background:#274789;
color:#FFFFFF;
	display:block;
	padding:3px 3px 0px 3px;
width:250px;
height:19px;
font-weight:bold;
}
.serve-bred
{
background:#E28C41;
color:#FFFFFF;
	display:block;
	padding:3px 3px 0px 3px;
width:200px;
height:120px;
font-weight:bold;
border:dotted;
border-color:#999999;
}
.righttxt-bred
{
color:#333333;
	display:block;
	padding:0px 0px 0px 0px;
	font-weight:bold;
width:255px;
font-weight:normal;
}
	#header4
{
	width:400px;
	float:left;
}
.red {color: #AC211F;
      font-size:24px;
      font-family: Arial Rounded MT Bold;
}
.orange {
        color: #dd883f;
		font-size:24px;
        font-family: Arial Rounded MT Bold;
}
.olive {color: #668F0F;
        font-size:24px;
        font-family: Arial Rounded MT Bold;
}
.purple {color: #274789;
         font-size:24px;
          font-family: Arial Rounded MT Bold;
}
.blue {color: #019C91;
       font-size:24px;
       font-family: Arial Rounded MT Bold;
}
.purple1 {color: #274789;
}
.formtextback {
    border:#999999 solid 1px;
    font-family: Arial;
	background-color: #E5FEFE;
	font-size: 11px;
	color: #333333;
}