@charset "utf-8";
/* CSS Document */
/*-----------------------------
			
		Date:2009/11/23
-----------------------------*/
body{ 
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#262628;
	border-top:4px solid #a2c63e;
	background-color:#262628;
}

*{padding:0; margin:0}
a{text-decoration:none; outline:none;}
img, fieldset, button{border:none; background:none}
p{line-height:18px; padding-bottom:0px}


/*-----All header----*/
h1{
	width:430px;
	height:19px;
	padding:6px 0;
	float:left;
	}
#header h1 a{
	color:#fff;
}
h2{
 width:100%;
 float:left;
 line-height:22px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 color:#262628;
 background-repeat:no-repeat;
 }
 h2.contactUs_h2,
 h2.connect_h2,
 h2.navigation_h2,
 h2.what_h2,
 h2.hows_h2,
 h2.education_h2,
 h2.patient_h2,
 h2.advantages_h2,
 h2.customized_h2,
 /*h2.customizedb_h2,*/
 h2.watch_h2,
 h2.optometrists_h2,
 h2.singUp_h2,
 h2.bringing_h2,
 h2.story_h2,
 h2.download_h2{
 	text-indent:-1000px;
	overflow:hidden;
 	}
.watching h2{ float:none;}
 h2.contactUs_h2{background-image:url(./images/text_images/contactUs_h2.gif);}
 h2.connect_h2{background-image:url(./images/text_images/connect_h2.gif);}
 h2.navigation_h2{background-image:url(./images/text_images/navigation_h2.gif);}
 h2.what_h2{background-image:url(./images/text_images/what_h2.gif);}
 h2.hows_h2{background-image:url(./images/text_images/hows_h2.gif);}
 h2.education_h2{background-image:url(./images/text_images/education_h2.gif);}
 h2.patient_h2{background-image:url(./images/text_images/patient_h2.gif);}
 h2.advantages_h2{background-image:url(./images/text_images/advantages_h2.gif);}
 h2.customized_h2{background-image:url(./images/text_images/customized_h2.gif);}
 /*h2.customizedb_h2{background-image:url(./images/text_images/customizedb_h2.gif);}*/
h2.watch_h2{
	text-align:center;
	background:url(./images/text_images/watch_h2.gif) no-repeat 30px top;
	padding-bottom:5px;
	}
h2.optometrists_h2{
	line-height:49px;
	margin-bottom:11px;
	background-image:url(./images/text_images/optometrists_h2.gif);
	}
h2.singUp_h2{
	background-image:url(./images/text_images/singUp_h2.gif);
	}
h2.bringing_h2{
	line-height:33px;
	margin:-10px 0 11px 0;
	position:relative;
	background-image:url(./images/text_images/bringing_h2.gif);
	}
h2.story_h2{
	line-height:36px;
	margin:-11px 0 9px 0;
	position:relative;
	background-image:url(./images/text_images/story_h2.gif);
	}
h2.download_h2{
	line-height:35px;
	margin:-6px 0 4px 0;
	position:relative;
	background-image:url(./images/text_images/download_h2.gif);
	}
/*-----End all header--*/
#wrapHeader{
	width:100%;
	text-align:center;
}

/*------------------------HEAFER-------------------*/
	#header{
		width:960px;/*960*/
		height:371px;/*393*/
		margin:0 auto;
		text-align:left;
		padding-top:22px;
		background:url(./images/header_photo.jpg) no-repeat right bottom;
		}
		.topLink{
			float:right;
			padding-bottom:18px;
			}
			.topLink a{
				float:left;
				padding-left:18px;
				line-height:13px;
				font-size:11px;
				color:#fff;
				}
				.topLink a:hover{
					color:#a2c63e;
					text-decoration:underline;
					}
		.tuneIn{
			width:100%;/*960*/
			float:left;
			padding:21px 0 8px;
			}
		.join{
			width:520px;/*960*/
			padding:0 440px 19px 0;
			float:left;
			line-height:19px;
			font-size:16px;
			color:#fff;
			font-style:normal;
			}
		#header p{
			width:265px;
			float:left;
			line-height:15px;
			color:#fff;
			}
	#nav{
		height:42px;
		float:right;
		padding:11px 268px 34px 4px;
		}
		#nav li{
			list-style:none;
			width:122px;
			height:27px;
			padding-left:18px;
			float:left;
			}
			#nav li a{
				width:122px;
				height:42px;/*42*/
				/*padding-top:15px;*/
				display:block;
				text-align:center;
				background:url(./images/nav_Bg.jpg) no-repeat left top ;
				
				}
			#nav li a:hover{
				background-position:left bottom ;
			}
			#nav li a span{
				width:122px;
				height:27px;/*42*/
				padding-top:15px;
				display:block;
				cursor:pointer;
			}
/*-----END HEAFER----*/	

/*---------------------------FOOTER-------------------*/			
#wrapFooter{
	width:100%;
	text-align:center;
	}
	#footer{
		width:960px;/*960*/
		margin:0 auto;
		text-align:left;
		padding-bottom:5px;
		overflow:hidden;
	}
	.footerUp{
		width:100%;
		padding:18px 0 11px;
		overflow:hidden;
		}
		.footUpLeft{
			width:550px;
			float:left;
			}
			.ontario{
				width:180px;
				padding-top:11px;
				float:left;
				}
				.ontario dt{
					width:100%;
					line-height:18px;
					padding-bottom:18px;
					color:#fff;
					}
				.ontario dd{
					width:100%;
					float:left;
					line-height:18px;
					color:#fff;
					}
					.ontario dd a{
						color:#a5cb3f;
						}
					.ontario dd a:hover{ text-decoration:underline;}
			.footUpRight{
				width:290px;
				float:right;
				}
				.rightConnect{
					width:160px;
					float:left;
					}
				.connect{
					width:160px;
					}
					.connect dd a, .navigation dd a{color:#fff;}
					.connect dd a:hover, .navigation dd a:hover{
						color:#a2c63e;
						text-decoration:underline;
						}
				.rightnavigation{
					width:128px;
					float:right;
					}
					.navigation{
						width:128px;
						}
						.navigation b{
							width:78px;
							line-height:18px;
							float:left;
							font-weight:normal;
							}
						.navigation i{
							width:48px;
							float:left;
							line-height:18px;
							font-style:normal;
							}
		.footerDown{
			width:900px;/*960*/
			height:32px;/*56*/
			padding:24px 0 0 60px;
			font-size:10px;
			color:#9a9999;
			background:url(./images/footerdown_Bg.jpg) no-repeat;
			overflow:hidden;
			}
			.footerDown a{color:#9a9999;}
			.footerDown a:hover{text-decoration:underline;}
			.footerDownLeft{
				width:320px;
				padding-top:11px;
				float:left;
				}
			.footerDownRight{
				width:225px;
				float:right;
				text-align:right;
				}
/*-----END ROOTER----*/

/*----------------------CONTAINER-----------------*/
#contWrap{
	width:100%;
	text-align:center;
	border:1px solid #ececec;
	border-width:1px 0 1px;
	background-color:#fff;
	}
	#container{
		width:960px;
		margin:0 auto;
		text-align:left;
		overflow:hidden;		
		}
		.contTop{
			width:100%;/*960*/
			padding:27px 0 36px;
			overflow:hidden;
			}
			.contTopLeft{
				width:490px;
				float:left;
				background:url(./images/tv-frame-big.jpg) no-repeat;
				
				}
				.video{
					width:459px;/*490*/
					height:300px;
					padding:27px 0 0 31px;
					float:left;
					}
				.liveDemo{
					width:58px;
					height:12px;
					float:right;
					margin-top:9px;
					text-indent:-1000px;
					overflow:hidden;
					background:url(./images/text_images/live_Demo.gif) no-repeat;
					}
			.contTopRight{
				width:430px;
				padding-top:11px;
				float:right;
				}
				.work{
					width:100%;/*430*/
					margin-bottom:-3px;
					float:left;
					position:relative;
					}
					.work p{
						width:100%;
						padding:12px 0 5px;
						float:left;
						}
						a.learMore{
							width:97px;
							height:20px;
							float:right;
							text-indent:-1000px;
							overflow:hidden;
							background:url(./images/learn_more.gif) no-repeat top left;
							}
						a.learMore:hover{
							background:url(./images/learn_more.gif) no-repeat bottom left;	
							}
						.steps{
							width:100%;
							float:left;
							padding:12px 0 9px;
							}
						.howWork{
							width:100%;/*430*/
							float:left;							
							}
							.howWork li{
								list-style:none;
								width:100%;
								float:left;
								line-height:18px;
								}
								.howWork li a{
									color:#80a127;
									font-weight:bold;
									}
								.howWork li a:hover{ text-decoration:underline;}
				.contDown{
					width:100%;/*960*/
					padding-bottom:30px;
					overflow:hidden;
					}
					.eduction{
						width:198px;/*240*/
						padding:24px 15px 0 27px;
						float:left;
						background:url(./images/eduction_Bg.jpg) no-repeat;
						}
						.eduction p{
							width:100%;
							float:left;
							padding:13px 0 20px;
							}
						a.more{
							width:83px;/*98*/
							padding-right:15px;
							float:left;
							background:url(./images/moreLink_Bg.jpg) no-repeat top right;
							color:#80a127;
							font-weight:bold;
							position:relative;
							}
						a.more:hover{
							text-decoration:underline;
						}
/*-----END CONTAINER------*/

/*-----------------------------------------------[page:ONN-Interface-Internal.html]-----------------------*/
#header.internal{
	height:124px;
	background:none;
	}
	.internal #nav{padding:43px 0 8px 0;}

.contLeft{
	width:613px;
	padding-top:15px;
	padding-bottom:40px;
	float:left;
	}
	.team{
		width:100%;/*613*/
		padding-top:12px;
		overflow:hidden;
		}
		.team strong{
			width:100%;
			float:left; line-height:18px;
			}
			.team strong a{
				color:#80a127;
				text-decoration:underline;
				}
			.team strong a:hover{ text-decoration:none;}
			.team p{
				width:100%;
				float:left;
				padding-top:18px;
				text-align:justify;
				}
			.team ol, .team ul{padding-left:30px;clear:both}
			.team ol li{list-style:decimal outside;margin-left:13px}
			.team ul li{list-style:square outside;margin-left:13px}
.contRight{
	width:310px;/*310*/
	margin-top:46px;
	float:right;
	background:#c2d887 url(./images/contRight_Bg.gif) no-repeat;
	}
	.watching{
		width:270px;/*310*/
		padding:18px 20px 17px;
		overflow:hidden;
		border-bottom:1px solid #d2e4a2;
		}
		.watchVideo{
			width:263px;
			height:205px;
			margin:-3px 0 0 5px;
			position:relative;
			}
		.watchVideo .cont{
			width:245px;
			height:190px;
			padding:17px 0 0 18px;
			background:url(./images/tv-frame-small.jpg) no-repeat;	
		}
		.watchVideo em{
			width:100%;
			display:block;
			line-height:14px;
			text-align:center;
			font-style:normal;
			}
		.endor{
			width:100%;
			display:block;
			line-height:18px;
			padding-top:18px;
			}
		.watching a{
			color:#617c19;
			text-decoration:underline;
			}
			.watching a:hover{ text-decoration:none;}
		
		.newsletters{
			width:100%;/*270*/ 
			padding:8px 0 2px;
			overflow:hidden;
			}
			.newsletters label{
				width:42px;
				padding-left:2px;
				float:left;
				line-height:27px;
				color:#262628;
				}
				.textInput{
					width:194px;/*202*/
					height:18px;/*27*/
					padding:3px 3px 4px;
					line-height:18px;
					float:left;
					border:1px solid #dfdfdf;
					}
				.submitBtn{
					width:15px;
					height:16px;
					margin-top:6px;
					float:right;
					border:none;
					cursor:pointer;
					background:url(./images/submitBtn.jpg) no-repeat;
					}
		
		


/**********************comments layout************************/
div#comments{font-size: 11px;margin-bottom:20px;}
div#comments h3{font-size:14px;font-weight:bold;}
div#comments p{font-size:12px}
div#comments label{display:block;font-weight:bold;margin-top:10px}
div#comments textarea{width:300px;height:100px}
div#comments a.submitLink{display:block;width:66px;height:19px;margin-top:10px;color:#fff;background:#003366;text-align:center;line-height:19px;curosr:pointer}
div#comments a.submitLink:hover{text-decoration:none}
div#commess{color:red}
.commDiv div.comments {padding-top:20px;overflow:hidden;}
div.comments p{padding:0;}

/*******extra*********/
.contLeft img{margin-bottom:20px}

#bigcheck {
	margin-top: 20px;
	padding: 0;
height:370px;
background: url(http://zeebra.ca/wp-content/uploads/2009/11/iStock_000007281345XSmall.jpg)  right 70px no-repeat;

}
#bigcheck li{
height:64px;
margin:0 0 10px;
padding:10px 0 0 64px;

list-style:none;
background-image: url(images/tick_64.png);
background-repeat: no-repeat;
background-position: 0 .4em;

}

#bigcheck li span{
	height:120px;

}