/**************** body and tag styles ****************/

	
body.ontario {

 
 margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/ontario.png"); background-repeat:no-repeat;
background-position:top center; 

	  }

  

body.bc {

 
 margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/bc.png") ; background-repeat:no-repeat;
background-position:top center;  

	  }

   	




body.ab {

 
 margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/alberta.png"); background-repeat:no-repeat;
background-position:top center;  }

   	




body.advertise {

 
 height: 1000px; margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/welcome1.png"); background-repeat:no-repeat;
background-position:top center; 

	  }

   	




body.us {

 
 height: 1000px; margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/maintenance.png"); background-repeat:no-repeat;
background-position:top center; 

	  }

   	




body.products {

 
 height: 1350px; margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/productsbackground.png"); background-repeat:no-repeat;
background-position:top center; 

	  }

   	
body.getstarted {

 
 height: 1200px; margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/writead.png"); background-repeat:no-repeat;
background-position:top center; 

	  }

body.freead {

 
 height: 1200px; margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/freewritead.png"); background-repeat:no-repeat;
background-position:top center; 

	  }

body.billing {

 
 height: 1050px; margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/billing.png"); background-repeat:no-repeat;
background-position:top center; 

	  }

   	


body.invoice {

 
 height: 1000px; margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/invoice.png"); background-repeat:no-repeat;
background-position:top center; 

	  }


body.credit {

 
 height: 1200px; margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/credit.png"); background-repeat:no-repeat;
background-position:top center; 

	  }




body.pics {

 
 height: 1000px; margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/maintenance.png"); background-repeat:no-repeat;
background-position:top center; 

	  }

   	


body.thankyou {

 
 height: 1100px; margin-top: 0px;	  
	  margin-bottom: 30px;
	border:0; margin:0; padding:0; background:#F2F5FE url("images/thankyou.png"); background-repeat:no-repeat;
background-position:top center; 

	  }



#body img{
display:block; /*allows the element to take auto margins*/
margin:0 auto; /*centers in compliant browsers*/
text-align:center; /*centers in old versions of IE*/
} 

#content a:hover {
	  color: #2763A5 ;
	  font-weight: bold;
          text-decoration: none;

	  }

	


#container {
	  width: 770px;
	  margin: 0 auto;
	  font-family: verdana, Arial, Helvetica, sans-serif;
	  font-size: .75em;
	  line-height: 1.6em;
	  
	  }
	  

#container2 {
	  width: 770px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #666666;
	  background-color: #FFFFFF;
	  border-bottom: 2px solid #2763A5;

	  }
		
	




h1 {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  padding-bottom: 15px;
	  font-weight: normal;
	  font-size: 30px;
	  color: white;
	  margin-bottom: 30px;
	  text-decoration: none;
	} 
		
	



h2 {
	  color: #2d79b6;
	  font-size: 15px;
	  font-family: verdana, Helvetica, sans-serif;
	  padding-left: 15px;
	  }
		
	


a {
	  color: #6DA6E2;
	  font-weight: bold;
          text-decoration: none;
	  }

	
        


a:hover {
	  color: #2763A5 ;
	  font-weight: bold;
          text-decoration: none;
	  }



/**************** images styles ****************/		
	

a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #a0a0a0;
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }



/**************** header styles ****************/
	



#header {
	  width: 770px;
	  border: 0px
	  padding-bottom: 10px;
	  padding-top: 310px;
	  clear: both;	  }
	


#header p { 
	  margin-top: 20px;
	  margin-left: 30px;
	  font-size: 15px;
	  color: #999999;
	  }
 




#header {position:relative; width:770px; height:100px; margin-top:30px;  background-color:none;}


#header #logo {position:absolute; bottom: 84%; left:97%; margin:0;}


#header #logo3 {position:absolute; top:141px; left:100%; margin:0;}


#header #logo4 {position:absolute; top: 137px; left:60%; margin:0;}

#header #logo44 {position:absolute; top: 137px; left:60%; margin:0;}

#header #logo5 {position:absolute; top: 137px; left:60%; margin:0;}

#header #post {position:absolute; top: 428px; left:-56px; margin:0;}


#header #products {position:absolute; top: 427px; left:305px; margin:0;}


#header #products2 {position:absolute; top: 650px; left:120px; margin:0;}


#header #form {position:absolute; top: 579px; left:55px; background-color:none; margin:0;}


#header #form1 {position:absolute; top: 979px; left:55px; background-color:none; margin:0;}


#content #form2 {position:absolute; top: 725px; left:30%; background-color:none; margin:0;}


#header #directions {position:absolute; top: 600px; left: 49%; padding: 0; margin:0;}


#header #foot {position:absolute; top: 815px; left: 21%; margin:0;}


#header #foot3 {position:absolute; top: 1250px; left: 21%; margin:0;}


#header #footthanks {position:absolute; top: 1050px; left: 21%; margin:0;}


/**************** textbox ****************/




pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}



#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}









/**************** content styles ****************/
	


#content {  width: 755px;
	  padding-left: 0px;
	  padding-right: 10px;
	  padding-top: 0px;
	  float: left;
	  background-color:white;
	 
	  }
		
	
#content p {
	   padding-bottom: 10px;
padding-left: 20px;

	  border-bottom: 1px solid #DDDDDD;
	  }
	  

/**************** sidebar styles ****************/
	
#sidebar {
	  width: 175px;
	  padding-left: 21px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: right;
	  }
		
	
#sidebar p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }
	  









/**************** footer styles ****************/
	

#footer {
	  margin-top: 15px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  padding-left: 2px;
	  padding-right: 2px;
	  clear: both;
	  width: 742px;
	  background-color:#2763A5;
	  }
		
	#footer p {
	  color:#FFFFFF;
	  padding: 5px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #FFFFFF;
	  background-color:#2763A5;
	  font-weight:100;
	  border-bottom: 1px dotted #FFFFFF;
	  }
		
	#footer p a:hover {
	  color: #FFFFFF;
	  text-decoration: none;
	  border-top: 1px dotted #FFFFFF;
	  border-bottom: 0px dotted #FFFFFF;
	  }