/* @override http://www.hardin-optical.com/dev/2hardinstyle.css */

/* @override http://www.hardin-optical.com/dev/2hardinstyle.css */

/* @override http://www.hardin-optical.com/dev/2hardinstyle.css */

/* Design by: Mike Brisk */
/* Design by: Design West Coast www.designwestcoast.com*/

body {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #0e0e0e url(images/fm_bg.jpg) repeat;
}

#bodyframe {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	background: transparent no-repeat;
	width: 973px;
}


a:link {
	color: #1f1f1f;
	text-decoration: none;
}
a:visited {
	color: black;
	text-decoration: none;
}
a:hover {
	color: #89693c;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


#box {
	width: 973px;
	text-align: center;
	height: 173px;
	background: url(images/hardinopticalheadernav2.jpg) no-repeat center top;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#splash {
	height: 200px;
	width: 973px;
	background: white url(images/hardinopticalbodytile.jpg) repeat-y;
	margin-left: auto;
	margin-right: auto;
	margin-top: -3px;
	padding-top: 10px;
	text-align: center;
	float: right;
}

#mainbody {
	width: 973px;
	background: transparent url(images/hardinopticalbodytile.jpg) repeat-y center;
	margin-right: auto;
	margin-top: 0;
}

#sidebar {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	height: auto;
	margin-left: 7px;
	float: left;
	width: 220px;
}

#breadCrumb {
	text-align: left;
	padding-bottom: 4px;
	margin-top: 1px;
	height: 10px;
	margin-left: 8px;
	width: 242px;
}

#breadCrumb a {
	text-align: left;
	padding-bottom: 4px;
	margin-top: 4px;
	height: 10px;
	font-size: 10px;
}

#content {
	color: #3f3f3f;
	font: 14px/20px "Century Gothic";
	width: 680px;
	text-align: left;
	float: right;
	display: inline;
	list-style-type: disc;
	padding-left: 5px;
	padding-right: 7px;
	margin-right: 17px;
	margin-top: 4px;
}

#content a:link {
	color: #3f3f3f;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}

#content a:visited {
	color: #3f3f3f;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}

#contenth2 {
	color: #165f9e;
	font: bold 19px/27px "Century Gothic";
	text-align: left;
	margin-bottom: -40px;
}
main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: transparent;
	width: 800px;
}

/* Side Menu */

#sideh2 {
	font: 18px "Century Gothic";
	color: #464646;
	position: relative;
	top: 5px;
	margin-bottom: 12px;
}

#sideh3 {
	font: 18px "Century Gothic";
	color: #464646;
}

#sideul {
	text-align: left;
	color: black;
	font-family: "Century Gothic";
	width: 220px;
	clear: both;
}

#sideul ul {
	text-align: left;
	color: black;
	font-family: "Century Gothic";
	padding-left: 0;
	width: 220px;
	margin: 0 0 0 6px;
} 

/* Menu 1 */

#menu {padding:0; margin: 40px 15px; width:0;}

#menu li {list-style-type:none; width: 200px; height: 40px;
	margin: 0 0 0 -12px;
}

#menu li2 a {list-style-type:none; width: 200px; height: 24px;
	margin: 0 0 0 -12px;
}

#menu li3 a {list-style-type:none; width: 200px; height: 24px;
	margin: 0 0 0 -12px;
}

#menu li4 a {list-style-type:none; width: 200px; height: 24px;
	margin: 0 0 0 -12px;
}

#menu ul {list-style-type:none; width: 200px; height: 31px;
	background-image: none;
	margin: -2px 0 8px;
	display: block;
	clear: both;
}

#menu a, #menu a:visited {position:relative; display:block; width: 200px; color:#000; padding-left: 18px; text-decoration:none;
	font-size: 14px;
	height: 24px;
	background: transparent url(images/hover.jpg) repeat-y 0 -1px;
	padding-top: 7px;
	margin: 4px 0 0;
}

#menu ul a, #menu ul a:visited {position:relative; display:block; width: 200px; color:#000; padding-left: 18px; text-decoration:none;
	font-size: 13px;
	height: 24px;
	background: transparent none repeat-y 0 -1px;
	padding-top: 7px;
}

#menu ul a.selected {position:relative; display:block; width: 200px; color: black; padding-left: 18px;
	height: 24px;
	background: transparent url(images/hover2.jpg) no-repeat 0 0;
	padding-top: 7px;
	font-style: italic;
}

#menu a span, #menu a:visited span {display:none;
}

#menu a:hover {color:#fff; text-decoration:none;
	background-color: transparent;
	background-image: url(images/hover2.jpg);
}

#menu a:hover span {position:absolute; display:block; left: 195px; top: 7px; width:0px; height:0px; border-left: 8px solid #165f9e; border-top:8px solid #fff; border-bottom:8px solid #fff; font-size:1px; line-height:0;}

* html #menu a:hover span {width:8px; height:16px; w\idth:0; he\ight:0;}

/* Side Menu end */

#mainbody #content title {
	font-size: 14px;
	font-weight: bold;
}

#space {
	background-color: white;
	clear: both;
	width: 802px;
	height: 91px;
	margin-right: auto;
	margin-left: auto;
}

#footer {
	color: #1f1f1f;
	height: 50px;
	text-align: center;
	background: transparent url(images/hardinopticalfooter.jpg) no-repeat;
	margin-right: auto;
	clear: both;
	width: 973px;
	margin-left: auto;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}

#footer p {
	text-align: center;
	margin-left: -78px;
	font-size: 12px;
	padding-top: 7px;
}

#footer img {
	padding-top: 0;
	margin-bottom: -3px;
	margin-top: 1px;
	margin-right: 10px;
}

#footerlogo {
	float: right;
	padding-right: 18px;
	background: none no-repeat;
	width: 217px;
	height: 19px;
	margin-top: 10px;
	margin-right: -75px;
}

#footerlogo p {
	color: #4b4b4b;
}

#footerlogo a {
	height: 19px;
	width: 136px;
	float: left;
	background: url(images/sig.png) no-repeat -74px;
}

#footerlogo a:hover {
	background: url(images/sighover.png) no-repeat -74px;
	width: 136px;
	height: 19px;
	float: left;
}

#dwcfootericon {
	color: #1f1f1f;
	text-align: right;
	margin-right: auto;
	width: 950px;
	margin-left: auto;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	position: relative;
	top: -40px;
	right: 5px;
	border-width: 0;
}

* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}

#netWxV2 {
	margin-left: -23px;
	margin-top: 5px;
	position: relative;
	top: 3px;
	left: -5px;
	width: 280px;
}

#smallweather {
	margin-left: -16px;
	float: left;
	width: 220px;
	height: 86px;
	display: inline;
}

/* Main Menu Bar */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_left_right_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.pro_linedrop {
height:35px;
width: 971px;
background: url(lrimages/black_0.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
	top: 135px;
	margin-right: auto;
	margin-left: auto;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(lrimages/black_1.gif);
}

.pro_linedrop li.lrt {
float:right;
background:url(lrimages/blue_1.gif);
}


.pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url(lrimages/black_0.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color: white;
}


.pro_linedrop .select li.lrt a {color:#0ff;}


.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px; 
background:url(lrimages/black_0.gif) right top;
}

.pro_linedrop .select li.line a b {
background:url(lrimages/black_0a.gif) right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(lrimages/black_1.gif); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

.pro_linedrop .select li.lrt a:hover, 
.pro_linedrop .select li.lrt:hover a {
background: url(lrimages/blue_1.gif); 
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 30px 0 15px; 
background:url(lrimages/black_1.gif) right top; 
cursor:pointer;
}

.pro_linedrop .select li.line a:hover b, 
.pro_linedrop .select li.line:hover a b {
background:url(lrimages/black_1a.gif) right top; 
}

.pro_linedrop .select li.line .active b {
background: url(lrimages/black_1.gif) right top;
	color: white;
}

.pro_linedrop .select li.line .active {
background: url(lrimages/black_1.gif) left top;
	color: white;
}

.pro_linedrop .select li.lrt a:hover b, 
.pro_linedrop .select li.lrt:hover a b {
background:url(lrimages/blue_1.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b.arrow, 
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(lrimages/blue_1a.gif) right top; 
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}
/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
width: 959px;
top:35px; 
left:0; 
text-align:center;
background: #507184 none;
	margin-left: 6px;
	border-bottom: 2px solid #fff;
	clear: both;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color: white;font-size:10px;}

.pro_linedrop .select :hover .sub li.subline a {color:#c00;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#fff url(lrimages/fade.gif) left bottom;}

/* My Comment */
#outer {
  background:transparent; 
  font-size:0.9em;
	width: 958px;
	margin-left: 6px;
	display: inline;
}

/*big menu*/

#kwick {
	position: relative;
	top: -7px;
	float: right;
	left: -31px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#kwick .kwicks {
	height: 200px;
	width: 973px;#
	position: relative;
	top: -1px;#
	left: 41px;
	margin: 0 auto;
	list-style-type: none;
}
#kwick li {
	float: left;
}
#kwick .kwick {
	cursor: pointer;
	overflow: hidden;
	height: 200px;
	width: 237px;
	/*padding: 10px;*/
	background: #fff;
	/*border-right: 5px solid #202020;*/
	border-right: 2px solid #fff;
}

#kwick .kwick span {
}

#kwick .opt1 {
	background: #ccc url(images/nature.jpg);
}

#kwick .opt2 {
	background: #ccc url(images/people.jpg);
}

#kwick .opt3 {
	background: #ccc url(images/urban.jpg);
}

#kwick .opt4 {
	background: #ccc url(images/landscape.jpg);
}

#kwick .opt5 {
	background: #ccc url(images/abstract.jpg);
}

#kwick .opt6 {
	background: #ccc url(images/landscape.jpg);
	border-right: 0;
}