/* === === === === === === === === === ===
	Desc: KHINKSON Style Sheet
	Author: KELLY HINKSON
	Date: NOV 27, 2006
=== === === === === === === === === === */

/* === === === === === === === === === ===
	GENERAL LAYOUT
=== === === === === === === === === === */
html{
	margin:0px;
	padding:0px}

#contain{
	margin:10px auto 0;
	height:100%;
	width:702px;
	position:relative}
	
#header {
	width:702px;
	margin:0;
	padding:0;
	background:url(http://www.innovativesolutions.ca/test/images/header.png);
	height:215px;}
	
.focusbg_01 {
	width:369px;
	margin:0;
	height:286px;
	float:left;
	padding:0;
	background:url(http://www.innovativesolutions.ca/test/images/foucsbg_01.gif);}

.focusbg_02 {
	width:268px;
	margin:0;
	height:286px;
	clear:right;
	float:right;
	background-repeat:no-repeat;
	padding:0 22px 0 0;
	background:url(http://www.innovativesolutions.ca/test/images/foucsbg_02.gif);}

#footer {
	background:#ffffff;
	height:135px;
	margin:-10px auto 0;
	padding: 50px 0 0px;
	text-align:center;
	color:#484e83;
	width:702px;
	clear:both;}

body {
	margin:0;
	padding:0;
 	background:url(http://www.innovativesolutions.ca/test/images/bg.jpg) #9baec4;
 	background-attachment:fixed}
 	
#content {
    background:#ffffff;
    height:auto;
    padding:10px 0;
    margin:0;
	width:702px}
	


/* === === === === === === === === === ===
	TYOGRAPHY
=== === === === === === === === === === */
h1 {
	font: 600 18px Verdana, Arial, Sans-Serif;
	letter-spacing: 0px;
	padding:10px 23px 0px 30px;
	color: #075698;
	}
	
h2 {
	font: 600 16px Verdana, Arial, Sans-Serif;
	letter-spacing: 0px;
	padding:0 23px 0 30px;
	color: #000000;}

 ul {
	font: 400 12px Verdana, Arial, Sans-Serif;
	padding: 0 50px 0 50px;
	margin:1.4em 0;
	line-height:16px;
	color:#000000}
	
 p {
	font: 400 12px Verdana, Arial, Sans-Serif;
	padding: 0 50px 0 30px;
	margin:1.4em 0;
	line-height:16px;
	color:#000000}

.p1 {
	font: 400 12px Verdana, Arial, Sans-Serif;
	margin:0;
	line-height:16px;
	color:#9ba5cb}

.righttitle {
	font: 600 18px Verdana, Arial, Sans-Serif;
	letter-spacing: 0px;
	padding:10px 30px 0 0;
	color: #075698;
	}	
	
.righttext {
	font: 400 12px Verdana, Arial, Sans-Serif;
	padding: 0 30px 0 0;
	margin:1.4em 0;
	line-height:16px;
	color:#000000}
	
	
.table {
	font: 400 11px Verdana, Arial, Sans-Serif;
	color:#000000}
	
.client {
	font: 400 12px Verdana, Arial, Sans-Serif;
	padding:0 30px;
	margin:0;
	}
.client a:link {
	text-decoration: none;
	color: #484e83}

.client a:visited {
	text-decoration: none;
	color: #484e83}
	
.client a:hover {
	text-decoration: none;
	color: #000000}
	
.client a:active {
	text-decoration: none;
	color: #484e83}

p a:link {
	text-decoration: none;
	color: #484e83}

p a:visited {
	text-decoration: none;
	color: #484e83}
	
p a:hover {
	text-decoration: none;
	color: #000000}
	
p a:active {
	text-decoration: none;
	color: #484e83}

.flower {
	line-height:12px;}

.flower a:link {
 	font:10px Verdana, Arial, Sans-Serif;
	font-weight:bold;
	text-decoration: none;
	line-height:12px;
	color: #ffffff}
	
.flower a:visited {
 	font:10px Verdana, Arial, Sans-Serif;
 	font-weight:bold;
	text-decoration: none;
	line-height:12px;
	color: #ffffff}
 
.flower a:hover {
 	font:10px Verdana, Arial, Sans-Serif;
	color: #075698;
	font-weight:bold;
	line-height:12px;
	text-decoration: none}
	
.flower a:active {
	font:10px Verdana, Arial, Sans-Serif;
	color: #ffffff;
	font-weight:bold;
	line-height:12px;
	text-decoration: none}

.input{
 	font: 400 12px Verdana, Arial, Sans-Serif;
	text-decoration: none;
	color: #333333;
	overflow:hidden}

.learn  {
	font: 400 12px Verdana, Arial, Sans-Serif;
	padding: 0 50px 0 30px;
	margin:0;
	list-style-type:none;
	line-height:16px;
	color:#000000}

	
/* === === === === === === === === === ===
	NAVIGATION
=== === === === === === === === === === */
	
#navi {
	font: 400 18px Verdana, Arial, Sans-Serif;
	width:702px;
	margin:0;
	padding:0;
	background:#ce9a01;
	border-bottom:4px solid #91166a;
    height:35px}
    
#navi ul {
	margin:0 0 0 12px;}

#navi li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 25px 0;}

#navi li a:link {
 	font: 400 18px Verdana, Arial, Sans-Serif;
	text-decoration: none;
	color: #ffffff}
	
#navi li a:visited {
 	font: 400 18px Verdana, Arial, Sans-Serif;
	text-decoration: none;
	color: #ffffff}
 
#navi li a:hover {
 	font: 400 18px Verdana, Arial, Sans-Serif;
	color: #9baec4;
	text-decoration: none}
	
#navi li a:active {
	font: 400 18px Verdana, Arial, Sans-Serif;
	color: #ffffff;
	text-decoration: none}
	
/* === === === === === === === === === ===
	IMAGES
=== === === === === === === === === === */

	
.reset{
 	background:url(http://www.respectvideo.ca/images/clear.gif) #9baec4; 
 	border:none;
 	height:29px;
 	width:101px;
 	cursor:pointer;
 	z-index:99}


.submit{
 	background:url(http://www.respectvideo.ca/images/submit.gif) #9baec4; 
 	border:none;
 	height:29px;
 	width:101px;
 	cursor:pointer;
 	z-index:99}

.over { 
    float: left; 
    margin: 8px 20px 0px 0px; 
    height:80px;
    border:none}

#div0, #div1, #div2, #div3, #div4, #div5, #div6, #div7 {
	position:absolute; 
    margin:45px 0 0 35px;
    background:#ffffff;
	width:220px;
	height:200px;
	font: 400 12px Verdana, Arial, Sans-Serif;
	padding: 0;
	line-height:16px;
	color:#9ba5cb;
	visibility:hidden}