body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: url(/images/newback.gif) #080808 repeat-x;
}
#wrapper {
	margin: 0px auto;
	padding: 0;
	width: 800px;
  }
#topleft {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 150px;
	width: 150px;
	background: url(../images/banner.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

/*Topnav*/
#topnav {
	margin: 5px auto 0px auto;
	padding: 20px 0px 0px 0px;
	width: 800px;
	background: url(../images/topnavbackground.gif) no-repeat;
}
#topnav .gutter {
	margin-top: -10px;
	/*padding: 5px;*/
}
#topnav ul {
	margin: 0;
	padding: 5px 0px 0px 0px;
	width: 500px;
	float: left;
	list-style: none;
}
#topnav ul li {
	margin: 0;
	padding: 0px 8px 0px 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #F7F7F7;
	display: inline;
	border-right: 1px solid #626262;
}
#topnav ul li a {
	color: #F7F7F7;
	text-decoration: none;
}
#topnav ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#search {
	margin: 0;
	padding: 0px 50px 5px 0px;
	width: 220px;
	float: right;
}
#search input {
	margin: 0;
	padding: 0;
	border: 2px solid #FFFFFF;
}
#search .submit {
	position: relative;
	top: 5px;
	border: none;
}
* html #search .submit {
	position: relative;
	top: 4px;
	border: none;
}

/*Header*/
#header {
	margin: 0px auto 5px auto;
	padding-bottom: 30px;
	width: 800px;
	background: url(/images/bannerbottom.gif) #000000 no-repeat bottom;
	/*border-top: 1px solid #414141;*/
	/*border-bottom: 1px solid #414141;*/
}
#header a {
	cursor: pointer;
}
#header h1 {
	margin: 0;
	padding: 0;
	height: 125px;
	background: url(../images/New-Web-Banner-2010.jpg) no-repeat left top;
}
.replace span {
	display: none;
}

/*Navigation*/
#navigation {
	margin: 0;
	padding: 0;
}
#cameras, #lab {
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 400px;
	float: left;
}
#cameras h2 {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 154px;
	overflow: hidden;
	float: left;
	background: url(../images/camera_bg.jpg) no-repeat left top;
}
#lab h2 {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 154px;
	overflow: hidden;
	float: left;
	background: url(../images/lab_bg.jpg) no-repeat left top;
}

.menu2 {
position: relative;
z-index:1000;
font-size:90%;
float:left;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* hack for IE5.5 */
* html .menu2 ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu2 li {
position:relative;
background: #000000;
height:25px;
}

/* get rid of the table */
.menu2 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu2 a, .menu2 a:visited {
display:block; 
text-decoration:none;
height:24px;
line-height:24px;
width:149px;
color: #eeeeee;
text-indent: 10px;
border: 1px solid #aaaaaa;
border-width: 0 1px 1px 0;
background: url(../images/nav_bg.gif) no-repeat left top;
}
/* hack for IE5.5 */
* html .menu2 a, * html .menu2 a:visited {background: #000000; width:150px; w\idth:149px;}
/* style the link hover */
* html .menu2 a:hover {color:#fff; background:#fe0000;}

.menu2 :hover > a {
color:#fff; 
background:#fe0000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
}
/* make the second level visible when hover on first level list OR link */
.menu2 ul li:hover ul,
.menu2 ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu2 ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu2 ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/*Canon Discovery on homepage*/
#youtubevid {
float: left;
width: 350px;
}
#canondiscov {
float: right;
width: 260px;
vertical-align: top;
}

/*Content*/
#labprices {
margin-top: 15px;
}
#container {
	margin: 0px 0px 20px 0px;
	padding: 0;
	background: url(/images/contentupperrightcorner.gif) no-repeat right top #FFFFFF;
	width: 800px;
	float: left;
}
#content {
	margin: 0;
	padding: 0;
	width: 650px;
	float: left;
}
#content .gutter {
	margin: 0;
	padding: 10px;
}
#content h2 {
	margin: .3em 0em .5em 0em;
	padding: 0em 0em .1em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #990000;
	border-bottom: 1px dotted #666666;
}
#content h3 {
	margin: 0em 0em .2em 0em;
	padding: 0em 0em .2em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #666666;
}
#content p {
	margin: 0;
	padding: 0em 0em .5em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #555555;
}
#content ul {
	margin: 0;
	padding: 0px 0px 10px 20px;
	list-style: square;
}
#content ul li {
	margin: 0;
	padding: 0em 0em .6em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #555555;
}
table tr td a {
	color: #555555;
	text-decoration: none;
}
table tr td a:hover {
	color: #fe0000;
	text-decoration: none;
}


#content #address {
	margin: 0;
	padding: 0px 0px 15px 0px;
}
#address .organization, #address .address, #address .location, #address .map, #address .phone, #address .fax, #address .hours {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #FFFFFF;
}

/*Sidebar*/
#leftside {
  margin-left: 10px;
  margin-top: 5px;
}
#socialmediaicons {
  margin-left: 3px;
}

#sidebar {
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
	background: url(/images/sidebarupperleft.gif) #262626 no-repeat top left
	}
#sidebar .gutter {
	margin: 0;
	padding: 0px;
}
#sidebar #address {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #CCCCCC;
}
#sidebar .organization, #sidebar .address, #sidebar .location, #sidebar .phone {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #ffffff;
}
#sidebar h3 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #990000;
}
#sidebar ul {
	margin: 0;
	padding: 0px 0px 20px 20px;
	list-style: circle;
}
#sidebar ul li {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #FFFFFF;
}
#sidebar ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebar ul li a:hover {
	color: #999999;
	text-decoration: none;
}

/*Footer*/
#footer {
	margin: 30px 0px 20px 0px;
	padding: 20px 0px 20px 0px;
	background: url(../images/footer_bg.gif) no-repeat left top;
	border-top: 3px solid #990000;
}
#footer img {
	margin: 0;
	padding: 0px 20px 20px 0px;
}
#footer .gutter {
	margin: 0;
	padding: 20px;
}
#footer p {
	margin: 0;
	padding: 0em 0em .3em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #999999;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul li {
	margin: 0;
	padding: 0px 8px 0px 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #999999;
	display: inline;
	border-right: 1px solid #CCCCCC;
}
#footer ul li a {
	color: #999999;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */