/***** ********** 
 font-family:timur ochakovsky
 text-decoration:main stylesheet
 background-repeat:repeat-web-designer
 list-style:http://www.webforward.ca
 background-position:toronto 
***** **********/


html, body { 
             margin:0px; padding:0px; 
			 background-color:#FFFFFF;               
		   }
		   
img        { border: 0px;  }		
 
		   
   
		   
/**** MyGTA Banner ****/		   
		   
#mygta-banner          { position: relative; height:20px;
				         /*background-image:url(i/top-banners/top-banner-mygta-bg.jpg);
				         background-repeat:repeat-x;
				         background-position:top left;*/
				         border-bottom:1px solid #9D9DA1; 
		               } 
			   		  
#mygta-banner #logo    { position:relative; }
#mygta-banner #logo h1 { margin:0; padding:0; text-align: left; display: none; }

	
#mygta-slogan a:link, #mygta-slogan a:visited, #mygta-slogan a:active, #mygta-slogan a:hover { 
                         position:absolute; top:1px; left:231px; z-index:2;
                         font-family:"Trebuchet MS", Tahoma; font-size:11px; color:#FFFFFF; text-decoration:none;  }			 
			  
#mygta-click           { position:absolute; top:0px; left:0px; z-index:1;  } 			  
			  
/**** Menu ****/

#menu          { position: relative; height:99px;
				 background-image:url(i/bg-header.jpg);
				 background-repeat:repeat-x;
				 background-position:top left;
				 border-bottom:1px dashed #F0F0F0;
		       }	 

#menu ul       { list-style: none; margin: 0 auto; padding: 0; position:absolute; left:353px; top:0; width:755px;
                 font-family:Arial, Helvetica, sans-serif; font-size: 120%; font-variant:small-caps;
                 line-height:1.4em; letter-spacing: 1px; color:#999; text-decoration:none; }
		  
#menu ul li    { float: left; position: relative; padding: 7px .8em; }
	
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active      {
                 font-family:Georgia, "Times New Roman", Times, serif; font-variant:small-caps; font-size: 140%;
	             line-height:23px; letter-spacing: -1px; text-decoration:none; color:#4D6886; }	

#menu ul li a:hover{ background-color:#79B1D4; color:#FFFFFF; text-decoration:none; } 

#menu #logo    { position:absolute; left:55px; top:38px; z-index:3; }
#menu #logo h1 { margin:0; padding:0; text-align: left; display: none; }




/**** Body ****/


#body{
		font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;		
		margin-left:4%; margin-right:4%; text-align:justify;
		line-height:29px; color:#3B3B3B;	
		
}

#body h1{
		font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size: 144%;
		line-height:33px; margin:0px; margin-top:22px; color:#4D6886; 
		
		}
		
#body h1 a:link, #body ul li a:visited, #body ul li a:active { color:#4D6886; text-decoration:underline; }		
#body h1 a:hover { background-color:#DDD; color:#777;}

#body a { color:#444; text-decoration:none; }	
#body a:link { color:#444; text-decoration:none; }
#body a:hover { background-color:#EEE; color:#555;}


#body h2{
		font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size: 144%;
		line-height:33px; margin:0px; margin-top:18px; color:#777; 
		
		}
                
#body h4{
		font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size: 122%;
		line-height:33px; margin:0px; margin-top:2px; color:#777; 
		
		}
                
.clienttext    { font-family:tahoma;
                 font-weight:normal;
                 font-size:70%;
                 line-height:14px;
                 text-align:left;
                 letter-spacing:0.8px;
                 color:#777;
}

.cle           { font-family:arial;
                 font-weight:normal;
                 font-size:85%;
                 line-height:20px;
                 text-align:left;
                 letter-spacing:-0.2px;
                 color:#777;
}

.cle a         { 
                 color:#2276BB !important;
                 text-decoration:none;
}

.cle a:hover         { 
                 color:#2276BB !important;
                 text-decoration:underline;
}
                 
	
		
.highlight {  background-color:#F7F7F7; }
.babyblue   { color:#79B1D4; text-decoration:underline;  }




/**** Footer ****/


#footer-bg          {    position:relative; height:30px; margin-top:55px; padding-left:9px; 
							border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; padding-right:9px;
		            } 	
					
#footer-urls ul   { list-style: none; margin: 0 auto; padding: 0; position:relative; width:100%;
                    font-family:Arial, Helvetica, sans-serif; font-size:17px; font-variant:small-caps;
                    line-height:1.1em; letter-spacing: 1px; color:#999; text-decoration:none; }
		  
#footer-urls ul li    { float: left; position: relative; padding: 0px 0.4em; }
	
#footer-urls ul li a:link, #footer-urls ul li a:visited, #footer-urls ul li a:active      {
                 font-family:Arial, Helvetica, sans-serif; font-size:17px; font-variant:small-caps;
	             line-height:40px; letter-spacing: -0.4px; text-decoration:none; color:#999; }	

#footer-urls ul li a:hover{ background-color:#BBB; color:#FFF; text-decoration:none; } 					


/**** Portfolio ****/

.portf-left-bg         {    
				         background-image:url(i/portfolio/portfolio-left-side-bg.png);
				         background-repeat:no-repeat; background-position:top left;
						 width:10px; height:136px;							
		               }
					   
.portf-right-bg        {    
				         background-image:url(i/portfolio/portfolio-right-side-bg.png);
				         background-repeat:no-repeat; background-position:top right;
						 width:10px; height:136px;							
		               }					   
					   
.portf-body-bg         {    
				         background-image:url(i/portfolio/portfolio-body-bg.png);				         
				         background-position:top right; background-repeat:repeat-x;
						 width:100%; height:222px;							
		               }
					   
.portf-bot-left-bg     {    
				         background-image:url(i/portfolio/portfolio-bottom-left-bg.png);
				         background-repeat:no-repeat; background-position:top left;
						 width:10px; height:10px; line-height:1px;							
		               }		
					   
					   
.portf-bot-right-bg     {    
				         background-image:url(i/portfolio/portfolio-bottom-right-bg.png);
				         background-repeat:no-repeat; background-position:top right;
						 width:10px; height:10px; line-height:1px;							
		               }	
					   
.portf-bot-border       { border-bottom:1px solid #C1D0E1; height:10px; line-height:1px; }	

.margin1 { margin-top:13px; margin-left:26px; }
.margin2 { margin-top:14px;  }
.margin3 { margin-top:10px; margin-left:4px;  }
.margin4 { margin-right:15px;  }

#portf-text     { margin-top:20px; }

#portf-text	a   {
					font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
					font-weight:normal; color:#4D6886; text-decoration:underline;
		
				}

		
				
#portf-text h1	{
					font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size: 136%;
					margin:0px; margin-top:11px; color:#4D6886; line-height:27px; 
		
				}

							
				
#portf-text h4	{
					font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
					font-weight:normal; color:#444444; margin:0px; line-height:13px;
		
				}
				

#portf-text	h4 a  {
					font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
					font-weight:normal; color:#444444; font-weight:normal; text-decoration:none;
		
				}		
				
#portf-text	h4 a:hover  {
					font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
					font-weight:normal; color:#000000; font-weight:normal; text-decoration:underline;
		
				}	
				
.input_field    { width:133px; height:20px; }
.title_field    { width:373px; height:23px; }
.message_field  { width:369px; height:55px;}	
.form           {position:absolute; width:457px; height:235px; z-index:1; left:740px; top:173px; }	
.ver-hoz        {position:absolute; width:1px; height:222px; z-index:2; left:716px; top:173px; }							
												   				   			   
.input_fieldP    { width:274px; height:20px; }
.title_fieldP   { width:655px; height:23px; }
.message_fieldP  { width:650px; height:55px;}							   

.lemargin { margin:16px 16px 111px 16px; }
.lemargin a { background-color:#F4F4F4;  }
.leborder { margin:8px 0 8px 0; width:100%; border-top:1px dashed #DDD; }




.portfolio_sub_menu_bg1 {
    position:absolute;
    top:150px;
    right:1px;
    width:159px;
    height:36px;
    background-image:url(i/portfolio/next-prev-bg.png); background-repeat:no-repeat; background-position:top right;
    z-index:1;
}


.portfolio_sub_menu1 { position:absolute; top:16px; right:2px; padding:0px; margin:0px; line-height:2px; width:159px; }
.portfolio_sub_menu1 li {
	display:inline;
	list-style:none;	
	padding-left:18px;	

}

.portfolio_sub_menu1 li a{ font-family:tahoma; font-size:11px; color:#333; text-decoration:none; font-variant:small-caps; letter-spacing:0.5px; font-weight:bold; }
.portfolio_sub_menu1 li a:hover{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#000; text-decoration:underline; font-weight:bold; }


.portfolio_sub_menu_bg2 {
    position:absolute;
    top:160px;
    right:1px;
    width:80px;
    height:20px;
    background:#FBF989;
    z-index:2;
}


.view_site1 { position:absolute; top:226px; left:1125px; width:87px; height:28px; }
.view_site2 { position:absolute; top:197px; left:1154px; width:87px; height:28px; }
.view_site3 { position:absolute; top:197px; left:1025px; width:87px; height:28px; }
.view_site4 { position:absolute; top:226px; left:1052px; width:87px; height:28px; }
.view_site5 { position:absolute; top:197px; left:966px; width:87px; height:28px; }
.view_site6 { position:absolute; top:226px; left:1078px; width:87px; height:28px; }
.image_border { border: 1px solid #CCC; padding:1px;}
.tbl_ps { padding:10px  0 1px 12px;}
.tbl_ps td { vertical-align:top; text-align:left; width:54px; }

.banner { width:419px; height:98px; padding:7px; border:7px solid #EEE; margin:10px 0 10px 0; }


.TAcolorSize { background-color:#EEE; width:85%; }
.ADalign { margin-top:33px; position:relative; left:-7px; }

.googleP1 {width:40px; height:24px; float:right; position:relative; top:44px; right:111px; }

.oval span {
    border-radius: 11px 11px 11px 11px;
	display: inline-block;
	font-weight: bold;
	font-family:tahoma;
	font-size:15px;
    color: white;
	text-shadow: 0 1px 0 black;    
    margin: 2px; 
    padding: 2px 3px 16px 4px;  
    width: 80px;
	height:18px;
}

.example {
    background-color: #ECC300;
}

.examples {
    background-color: #AB9425;
}

.Cpost {
    background-color: #4178AA;
}

.tutorials {
    background-color: #92BC00;
}

.website {
    background-color: #C68DC0;
}

.span1, .span2, .span3, .span4, .span5 { font-size:11px; }