/* ELEMENTS */

BODY
	{
	scrollbar-arrow-color: #04d3ff;
	scrollbar-DarkShadow-Color: #000f64;
	scrollbar-face-color: #023f62;
	scrollbar-track-color: #a7bedc;
	scrollbar-3dlight-color: #000B49;
	scrollbar-highlight-color: #336699;
	scrollbar-base-color: #00347B;
	scrollbar-shadow-color: #336699;
	background-color: #b1bbb9;
	background: #b1bbb9 url('../images/body_bg.gif') repeat-x top center;
	}

	font: Arial;
	font-weight: bold;
	color: #023f62;
	height: 30px;
	}

H1	{
	font: Arial;
	font-weight: bold;
	color: #red;
	height: 30px;
	font-size: 14pt;
	}

H2	{
	font: Arial;
	font-weight: bold;
	color: #023f62;
	height: 30px;
	font-size: 12pt;
	padding-left 10px;
	}

H3	{
	font: Arial;
	font-weight: bold;
	color: #023f62;
	height: 30px;
	font-size: 10pt;
	padding: none;
	}

H4	{
	font: Arial;
	font-weight: bold;
	color: #023f62;
	height: 30px;
	font-size: 10pt;
	color: #023f62;
	padding: none;
	}
 
img	{ border: none;	}



/*  LAYOUT LOGIC    */

#wholepage
	{
	position: relative;
	height: auto;
	width: 750px;
	background-colour: white;
	}

/* TOP BAR */

#topbar
	{
	position: relative;
	height: 50px;
	width: 750px;
	background-color: #023f62;
	}

#topbar1
	{
	position: relative;
	height: 50px;
	width: 125px;
	left: 0px;
	float: left;
	}

#topbar2
	{
	position: relative;
	height: 50px;
	width: 112px;
	float: left;
	}

#topbar3
	{
	position: relative;
	height: 50px;
	width: 153px;
	float: left;
	}

#topbar4
	{
	position: relative;
	height: 50px;
	width: 234px;
	}

#topbar5
	{
	position: relative;
	height: 50px;
	width: 176px;
	float: right;
	}

#topbar5_sm
	{
	position: relative;
	height: 50px;
	width: 57px;
	float: right;
	}

/* HEADER */

#header
	{
	position: relative;
	width: 750px;
	max-height: 117px;
	background-color: #ededed;
	}

#header1
	{
	position: relative;
	height: 117px;
	width: 265px;
	float: left;
	}

#header2
	{
	position: relative;
	height: 117px;
	width: 220px;
	float: left;
	}

#header3
	{
	position: relative;
	height: 117px;
	width: 265px;
	float: right;
	}

#headerpic
	{
	position: relative;
	left: 592px;
	top: 46px;
	height: 115px;
	width:  152px;
	z-index: 2;
	}

#livechat
	{
	position: relative;
	top: 0px;
	left: 400px;
	height: 100px;
	width: 200px;
	background-color: red;	
	z-index: 2;
	}
	
/* TopNavBar */

#TopNavBar
	{
		background-color: #023F62;
	}


/* NAVBAR */

#navbar
	{
	position: relative;
	width: 220px;
	height: auto;
	float: left;
	align: right;
	}

#navbar1
	{
	position: relative;
	left: 5px;
	height: 28px;
	width: 215px;
	}

#navbar2
	{
	position: relative;
	left: 5px;
	height: 28px;
	width: 215px;
	}

#navbar3
	{
	position: relative;
	left: 5px;
	height: 28px;
	width: 215px;
	}

#navbar4
	{
	position: relative;
	left: 5px;
	height: 28px;
	width: 215px;
	}

#navbar5
	{
	position: relative;
	left: 5px;
	height: 28px;
	width: 215px;
	}

#navbar6
	{
	position: relative;
	left: 5px;
	height: 28px;
	width: 215px;
	}

#navbar7
	{
	position: relative;
	left: 5px;
	height: 28px;
	width: 215px;
	}

#navbar8
	{
	position: relative;
	left: 5px;
	height: 28px;
	width: 215px;
	}

#navbar9
	{
	position: relative;
	left: 5px;
	height: 28px;
	width: 215px;
	}

#navsep1
	{
	position: relative;
	height: 3px;
	width: 215px;
	}

#navsep2
	{
	position: relative;
	height: 3px;
	width: 215px;
	}

#navsep3
	{
	position: relative;
	height: 3px;
	width: 215px;
	}

#navsep4
	{
	position: relative;
	height: 3px;
	width: 215px;
	}

#navsep5
	{
	position: relative;
	height: 3px;
	width: 215px;
	}

#navsep6
	{
	position: relative;
	height: 3px;
	width: 215px;
	}

#navsep7
	{
	position: relative;
	height: 3px;
	width: 215px;
	}

#navsep8
	{
	position: relative;
	height: 3px;
	width: 215px;
	}

/* BODY */

#mainbody
	{
	position: relative;
	width: 750px;
	height: auto;
	left: 0px;
	top: 0px;
	background: url('../images/bodyBack.gif') repeat;
	}

#body1
	{
	position: relative;
	width: 245px;
	height: 375;
	top: 0px;
	left: 220px;
	background-color: red;
	float: left;
	margin: 10px;
	}

#body2
	{
	position: relative;
	width: 375px;
	height: auto;
	top: 0px;
	left: 485px;
	float: right;
	background-color: yellow;
	margin: 10px;
	}

#testimonial
	{
	position: relative;
	height: auto;
	width: 165px;
	align: left;
	padding: 5px;
	margin: 10px;
	}


/* FOOTER */

#footer
	{
	position: relative;
	height: 65px;
	width: 750px;	
	background-color: #023f62;
	overflow:hidden;
	}

#footerlinks
	{
	position: relative;
	height: 15px;
	width: 750px;
	}

#footer1
	{
	position: relative;
	left: 0px;
	height: 50px;
	width: 150px;
	float: left;
	}

#Optrics_tag
	{
	position: relative;
	height: 50px;
	width: 118px;
	float: center;
	}

#footer2
	{
	position: relative;
	height: 50px;
	width: 80px;
	float: right;
	}

/* CLASSES */

.text
	{
	font-family: arial;
	color: #023f62;
	font-size: 9pt;
	line-height: 1.5em;
	}

a.text
	{
	text-decoration: none;
	color: #023f62;
	border-bottom: 1px dashed #023f62;
	}

a:hover.text
	{
	text-decoration: none;
	color: #7dd8eb;
	border-bottom: 1px solid #7dd8eb;
	}

a:visited.text
	{
	text-decoration: none;
	color: #7e7f80;
	border-bottom: 1px dashed #7e7f80;
/*	color: #929394; */
/*	border-bottom: 1px dashed #929394; */
	}

.footertext
	{
	font-family: arial;
	color: #f1f1f1;
	font-size: 10pt;
	}

a.footertext
	{
	text-decoration: none;
	color: #f1f1f1;
	border-bottom: 1px dashed #023f62;
	}

a:hover.footertext
	{
	text-decoration: none;
	color: #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	}

.testimonial
	{
	font-family: arial;
	font-style: italic;
	color: #023f62;
	font-size: 8pt;
	}