@charset "koi8-r";
/* CSS Document */

body{ margin:0; padding:0; background:#3a3730 url(images/bg.gif) 0 50px; font-family:Verdana, Arial, Helvetica, sans-serif;}


.wrapper{ 
display:block; 
position:relative; 
width:950px; 
padding:0;  
margin: 0 auto;}

.header{ display:block;  float:left; width:950px; height:134px; margin:0; z-index:999;}
.header2{ display:block;  float:left; width:950px; height:134px; margin:0 0 -75px 0; z-index:999;}
.pageTitle{ margin:20px 0 0 0; padding-bottom:20px; font:normal 50px Verdana, Arial, Helvetica, sans-serif;}

/*.header ul{ display:block; position:relative; float:right; width:549px; height:37px; margin:15px 0 0 0; padding:0 0 0 401px; list-style:none; list-style-type:none; background:url(images/bgMenu.gif) 0 0 no-repeat;}
.header ul li{ float:left; position:relative; display:block; margin:0; padding:0; list-style:none; list-style-type:none;}
.header ul li a{display:block; position:relative; float:left; height:37px; margin:0; padding:0; text-indent:-1000px; overflow:hidden;} 
.header ul li.home a{ background:url(images/menuActive1.gif) 0 0 no-repeat; width:70px;}
.header ul li.blog a{ background:url(images/menuActive5.gif) 0 0 no-repeat; width:69px;}
.header ul li.about a{ background:url(images/menuActive4.gif) 0 0 no-repeat; width:95px;}
.header ul li.services a{ background:url(images/menuActive2.gif) 0 0 no-repeat; width:91px;}
.header ul li.portfolio a{ background:url(images/menuActive3.gif) 0 0 no-repeat; width:96px;}
.header ul li.contact a{ background:url(images/menuActive6.gif) 0 0 no-repeat; width:108px;}
.header ul li.homeActive a{ background:url(images/menu1.gif) 0 0 no-repeat; width:70px;}
.header ul li.blogActive a{ background:url(images/menu5.gif) 0 0 no-repeat; width:69px;}
.header ul li.aboutActive a{ background:url(images/menu4.gif) 0 0 no-repeat; width:95px;}
.header ul li.servicesActive a{ background:url(images/menu2.gif) 0 0 no-repeat; width:91px;}
.header ul li.portfolioActive a{ background:url(images/menu3.gif) 0 0 no-repeat; width:96px;}
.header ul li.contactActive a{ background:url(images/menu6.gif) 0 0 no-repeat; width:108px;}*/

div.requestQuote{ display:block;  float:right; width:400px; margin:30px 0 0 0;}
div.requestQuote img{ float:left; }
div.requestQuote a{  float:right;}
a.requestQuote2{ display:block; position:absolute; background:url(images/b_requestquote.gif) no-repeat 0 0; width:224px; height:51px; text-indent:-2000px; overflow:hidden; top:370px; left:680px;}

h1{ display:block; position:relative; float:left; width:420px; height:82px; text-indent:-2000px; overflow:hidden; cursor:pointer; padding:0; margin:0; background: url(images/logo.gif) -4px 14px no-repeat;}



h2{ display:block; float:left; margin:0 0 10px 0; padding:0; font:bold 30px/30px "Trebuchet MS"; color:#f3bc0a; }
h3{ font:bold 25px "Trebuchet MS"; margin:0; padding:0 0 10px 0; color:#FFFFFF;}
h4{ font:bold 18px "Trebuchet MS"; margin:0; padding:0 0 10px 0; color:#CCCCCC;}
h3 a{ text-decoration:none; color:#FFFFFF;}
h3 a:hover{ color:#FFFF00;}

a{ color:#FFFF00;}
.container2 h4{ margin:0 0 0 96px; _margin:0 0 0 48px; float:left; padding:0 30px 0 0;}


.container2 ul{ display:block; float:left; width:195px; margin:40px 60px 0 0; padding:0 0 20px 0;}
.container2 ul li{ list-style:none; list-style-type:0; border-bottom:1px solid #9c9b97; margin:0; padding:3px 0 3px 0; font:normal 11px Verdana, Arial, Helvetica, sans-serif;}

.container2 ul li h5{ font:bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; width:100%;}
.container2 ul li a{ color:#333333;}

p{ font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC;}
p.about{width:500px;} 
.containerMain { font:12px/18px Verdana, Arial, Helvetica, sans-serif;}
.containerMain{display:block; position:relative; float:left; width:450px; background:url(images/bgContainer2.gif) bottom no-repeat; padding:20px 20px 40px 480px}
.container{display:block; position:relative; float:left; width:950px; padding:60px 0 0 0;}
.container2{display:block; position:relative; float:left; width:950px; padding-bottom:20px;}


.leftColumn{ display:block; position:relative; float:left; width:500px; margin: 0; padding:0 0 0 50px; }
.rightColumn{ display:block; position:relative; float:right; width:300px; margin:0 0 0 0; padding:0 50px 0 0; }


.twitterMenu{ display:block; position:relative; float:left; margin:10px 0 30px; padding:0;}
.twitterMenu li{ display:block; position:relative; float:left; margin:0 8px 0 0; padding:0; list-style:none; list-style-type:none;}

.push{ clear:both;}
.footerContainer{display:block; position:relative; width:100%; height:100px; margin:0; padding:0; color:#999999; background:#1f1d1a url(images/bgBottom.gif) top repeat-x; /*position: fixed;
z-index: 2;
bottom: 0px;*/}

.footer{display:block; position:relative; float:left; width:950px; height:80px;  margin:0; padding:0; color:#999999;}
.footer2{display:block;  width:950px; height:100px;  margin:0 auto; padding:0; color:#999999;}
.footer a{ color:#999999;}
.footer2 a{ color:#999999;}
.bottomMenu{ float:right; margin:20px 0 0 0; padding:0; color:#999999;}
.copy{ float:left; margin:20px 0 0 0; padding:0; color:#999999; font-size:11px;}
.bottomShadow{ margin-left:120px; float:left;} 
.roundTop{ float:left;}


div.portfolio{ float:left; width:780px; clear:left; margin:15px 0 0 96px; _margin:15px 0 0 48px;} 
div.portfolio .proj1{ display:block; float:left; width:700px; padding:0 0 0 20px;}
img.leftB{ float:left; margin:0 0 15px 0;}
img.rightB{ float:left; margin:0 0 15px 0;}

.columnOne{display:block; position:relative; float:left; width:280px; margin:0 50px 0 0 ; padding:0; color:#999999;}
.columnTwo{display:block; position:relative; float:right; width:280px; margin:0px; padding:0; color:#999999;}
.columnThree{display:block; position:relative; float:left; width:270px; margin-top:20px; margin-left:50px; _margin-left:25px; padding:0; color:#999999;}

.columnOne h2, .columnTwo h2, .columnThree h2{ display:block; float:left; margin:0 0 10px 0; padding:0; font:bold 26px/26px "Trebuchet MS";  width:100%; color:#f3bc0a;}

.columnOne h4, .columnTwo h4, .columnThree h4{ margin-bottom:5px; padding-bottom:0;  color:#fff;}
.columnOne h5, .columnTwo h5, .columnThree h5{ margin-bottom:5px; padding-bottom:0;  color:#fff;}
.columnOne strong, .columnTwo strong, .columnThree strong{ font:bold 14px Arial, Helvetica, sans-serif;}
.columnOne p, .columnTwo p, .columnThree p{ margin-top:0; padding-top:0; margin-bottom:15px; color:#999999;}
ul.points{ font-size:14px; color:#FFFFFF;}

.titlePortfoio{ position:absolute; top:-18px; left:110px;} 


.ff1 input, .ff1 select, .ff1 textarea{ width:260px;  padding:3px; font:normal 12px Arial, Helvetica, sans-serif; margin-top:3px; color:#000; border:1px solid #000; background-color:#CCCCCC; }
table.top tr td{ font-size:11px;  padding:5px 0 10px 0; color:#FFFFFF;}

.ff1{ margin:30px 0 0 0; padding:0 30px 0 0; font:normal 11px Verdana, Helvetica, sans-serif;   color:#fff; }
.ff1 select.bigOne{ border:3px solid #000000; font:bold 17px Arial, Helvetica, sans-serif; width:400px; font-style:italic;}

.superMan{
	display:block; 
	position:relative; 
	float:left;
	z-index:0;
	background:url(images/superMan.gif) no-repeat 0 0;
	width:950px;
	height:312px;
	margin:0 0 0 0;}
	
.superMan h2{
	display:block;
	position:relative;
	float:left;
	text-indent:-2000px;
	overflow:hidden;
	background:url(images/tSuper.gif) no-repeat 0 0;
	width:384px;
	height:144px;
	margin:120px 0 0 40px;
	_margin-left:15px;
	padding:0;}
	
.yellowContainer{
	display:block;
	position:relative;
	float:left;
	width:910px;
	padding:10px 0 10px 40px;
	background-color:#f3bc0a;
	}

.yellowContainer p{
	font:12px/14px Arial, Helvetica, sans-serif;}
	
.transparentContainer{
	display:block;
	position:relative;
	float:left;
	width:910px;
	margin:0 0 0 0;
	padding:20px 0 30px 40px;
	background:url(images/shaddow1.png) center top no-repeat;}
	
.transparentContainer p, .transparentContainer a{
	color:#FFFFFF;
	font:12px/14px Arial, Helvetica, sans-serif; margin:0; padding:0;}
	
.transparentContainer h4{
	color:#f3bc0a; margin:0 0 15px 0; padding:0;}
	
.transparentContainer a{
	font-weight:bold;
	margin:0;
	padding:0;}
	
.yellowContainerTop{
	display:block;
	position:relative;
	float:left;
	width:950px;
	height:20px;
	margin:10px 0 0 0;
	background:url(images/bgYellowTop.gif) no-repeat 0 0;}
	
.yellowContainer a{
	color:#000000;
	font-weight:bold;}
	
	
.yellowContainerBottom{
	text-align:center;
	display:block;
	position:relative;
	float:left;
	width:950px;
	height:20px;
	background:url(images/bgYellowBottom.gif) no-repeat 0 0;}
	
.box1{
	display:block;
	position:relative;
	float:left;
	width:275px;
	margin-right:25px;}
	
.box2{
	display:block;
	position:relative;
	float:left;
	width:275px;}
	
.box3{
	display:block;
	position:relative;
	float:left;
	width:275px;
	margin-right:25px;
	color:#FFFFFF;}
	
.box4{
	display:block;
	position:relative;
	float:left;
	width:275px;
	color:#FFFFFF;}

	
.box1 h4, .box2 h4{ color:#000000; margin:0 0 10px 0; padding:0; }
.box1 p, .box2 p{ color:#000000;  margin:0; padding:0;}
	
ul.topMenu{
	display:block;
	position:absolute;
	background:none;
	width:920px;
	height:32px;
	margin:0;
	padding:0;
	top:100px;
	left:10px;
	z-index:999;}

ul.topMenu li{
	display:block;
	position:relative;
	float:left;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;}
	
ul.topMenu li.blog{ float:right;}
	

ul.topMenu li a{
	display:block;
	position:relative;
	float:left;
	padding:5px 20px 5px 20px;
	font:bold 12px "Trebuchet MS", Arial;
	color:#999999;
	text-decoration:none;
	text-transform:uppercase;}
	
ul.topMenu li a:hover, ul.topMenu li a.active{
	color:#FFFFFF;
	background-color:#2f2d27;}
	
.toronto-map-webdesigners{
	display:block;
	position:relative;
	float:left;
	width:629px;
	height:516px;} 
	
.toronto-map-webdesigners img.bg{
	display:block;
	position:absolute;
	top:0px;
	left:0;}
	
a.client{
	position:absolute;
	display:block;
	z-index:999;
	background:url(images/client-toronto.png) no-repeat 0 0;
	width:46px;
	height:46px;
	text-indent:-2000px;
	overflow:hidden;}
	
.astra{ top:360px; left:148px;}	
.permagard{ top:30px; left:258px;}
.boxspot{ top:290px; left:230px;}
.moving{ top:370px; left:60px;}
.aem{ top:31px; left:110px;}
.groveware{ top:260px; left:200px;}
.newbio{ top:250px; left:220px;}
.lusso{ top:60px; left:130px;}
.ibeauty{ top:40px; left:105px;}
.prohair{ top:40px; left:80px;}
.twohot{ top:48px; left:168px;}
.pet{ top:340px; left:180px;}
.bluesky{ top:30px; left:290px;}
.aico{ top:20px; left:130px;}
.mgauto{ top:140px; left:110px;}


.leftPortfolioMenu{
	float:left;
	width:200px;}
	
.leftPortfolioMenu ul{
	width:150px;
	margin:0;
	padding:0;
	list-style:none;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#bcbcbc;}
	
.leftPortfolioMenu ul li{
	border-bottom:1px solid #4c4a43;
	padding:10px 0 10px 0;}
	
.leftPortfolioMenu ul li a{
	color:#bcbcbc;
	text-decoration:none;
	}

.leftPortfolioMenu ul li a:hover{
	color:#FFFFFF;}
	
.portfolioContainer{
	float:right;
	width:700px;}
	
.portfolioContainer p.description{
	width:300px;
	margin-top:20px;}
	
ul.tasks{
	width:300px;
	margin:0;
	padding:0;
	list-style:none;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#bcbcbc;}
	
ul.tasks li{
	padding:5px 0 5px 15px;
	background:url(images/bullet.gif) no-repeat 0 8px;}
	
.pagination{
	font-size:11px;
	color:#666666;}

.pagination strong{ color:#FFFFFF;}

ul.tasks li.url{
	background:none;
	padding-left:0;
	margin-top:20px;
	color:#d7d7d7;}

ul.tasks li.date	{
	background:none;
	padding-left:0;
	color:#a1a1a1;}
	
ul.tasks li strong {
	font-weight:normal;
	color:#FFFFFF;
	font-style:italic;}

.paginationTable{ margin-top:30px; margin-left:-10px;}

.onlineMarketing{
	background:url(images/online-marketing.gif) no-repeat 0 0;
	width:275px;
	height:108px;
	text-indent:-2000px;
	overflow:hidden;
	cursor:pointer;
	}
	
.websiteDesign{
	background:url(images/website-design-services.gif) no-repeat 0 0;
	width:275px;
	height:108px;
	text-indent:-2000px;
	overflow:hidden;
	cursor:pointer;
	}
	
.mobileWebsites{
	background:url(images/mobile-websites-design-and-development.gif) no-repeat 0 0;
	width:275px;
	height:108px;
	text-indent:-2000px;
	overflow:hidden;
	cursor:pointer;
	}

.helpochat{
	float:left;
	width:120px;
	margin:10px 0 0 30px;}

/*----------------PORTFOLIO--------------------*/

.painters{background:url(images/portfolio2/torontopainters.jpg) no-repeat 200px 20px;}
.aem{background:url(images/portfolio2/aem-website-design.jpg) no-repeat 200px 20px;}
.aico{background:url(images/portfolio2/aico-website-design.jpg) no-repeat 200px 20px;}
.astra{background:url(images/portfolio2/astra-deli-toronto-catering-services-website-design.jpg) no-repeat 200px 20px;}
.bluesky{background:url(images/portfolio2/blue-sky-detailing-website-design.jpg) no-repeat 200px 20px;}
.immigration{background:url(images/portfolio2/canadian-immigration-website-design.jpg) no-repeat 200px 20px;}
.consolidated{background:url(images/portfolio2/consolidated-moving-and-storage-website-design.jpg) no-repeat 200px 20px;}
.greentea{background:url(images/portfolio2/green-tea-website-design.jpg) no-repeat 200px 20px;}
.groveware{background:url(images/portfolio2/groveware-website-design.jpg) no-repeat 200px 20px;}
.hook{background:url(images/portfolio2/hide-a-hook-website-design.jpg) no-repeat 200px 20px;}
.ibeautifull{background:url(images/portfolio2/ibeautifull-website-design.jpg) no-repeat 200px 20px;}
.lapitski{background:url(images/portfolio2/lapitski-photography-website-design.jpg) no-repeat 200px 20px;}
.lusso{background:url(images/portfolio2/lusso-glass-website-design.jpg) no-repeat 200px 20px;}
.mgauto{background:url(images/portfolio2/mg-autosales-website-design.jpg) no-repeat 200px 20px;}
.newbiodegradable{background:url(images/portfolio2/newbiodegardable-website-development.jpg) no-repeat 200px 20px;}
.permagard{background:url(images/portfolio2/permagard-website-design.jpg) no-repeat 200px 20px;}
.pethostess{background:url(images/portfolio2/pethostess-website-design.jpg) no-repeat 200px 20px;}
.prohair{background:url(images/portfolio2/prohair-stylist-website-design.jpg) no-repeat 200px 20px;}
.rinastore{background:url(images/portfolio2/rinastore-website-design.jpg) no-repeat 200px 20px;}
.techhome{background:url(images/portfolio2/tech-home-website-design.jpg) no-repeat 200px 20px;}
.twohotblonds{background:url(images/portfolio2/two-hot-blonds-hair-salon-website-design.jpg) no-repeat 200px 20px;}
.karinaSmirnoff{background:url(images/portfolio2/karinasmirnoffwebsite.jpg) no-repeat 200px 20px;}