﻿@charset "utf-8";
* {
	margin:0;
	padding:0;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat:repeat-x;
	background-color:#F5F5F5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
a {
	font-size: 12px;
	color: #000000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #107098;
}
a:active {
	text-decoration: none;
	color: #000000;
}
table {
	border-collapse:collapse;
}
img {
	border:0;
}
ul {
	list-style:none;
}
.Cal {
	clear:both;

}
#Top,#Top2,#Top3,#Top4,#Nav,#Banner,#Content {
	width:1001px;
	margin:0px;
	margin:auto;
}

#Top{
	background-image:url(../Images/top.jpg);
	background-repeat:no-repeat;
	height:443px;
	}
	
#Top2{
	background-image:url(../Images/top2.jpg);
	background-repeat:no-repeat;
	height:321px;
	}
#Top3{
	background-image:url(../Images/top3.jpg);
	background-repeat:no-repeat;
	height:321px;
	}
	
#Top4{
	background-image:url(../Images/top4.jpg);
	background-repeat:no-repeat;
	height:321px;
	}
	
#TopMenu {
	margin-top:36px;
	margin-bottom:189px;
	margin-left:253px;
	width:700px;
}

#LogoLink {
	font-size:18px;
	line-height:20px;
}
#QuickLink {
	margin-top:30px;
	float:right;
	color:#333;
	width:200px;
}
#QuickLink a {
	color:#333;
}
#Nav {
	margin-top:42px;
}
#Nav ul {
	margin-left:50px;
}
#Nav li {
	float:left;
	margin-right:10px;
}
#Nav li a {
	width:80px;
	line-height:30px;
	display:block;
	background-color:#434945;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
#NavNow {
	border-left:2px solid #F60;
	border-right:2px solid #F60;
}
#BannerText {
	font-size:20px;
	color:#FFF;
	line-height:80px;
	width:390px;
	float:left;
	font-weight:bold;
	margin-left:40px;
}
#BannerImg {
	width:485px;
	float:left;
}

#main{
	width:1001px;
	margin:auto;
	}
#Content {
	background-image:url(../Images/BarTop.png);
	background-repeat:no-repeat;
	background-color:#FFF;
	margin:0px;
	margin:auto;
	padding-top:1px;
	padding-bottom:10px;
	overflow:hidden;
	width:1001px;
	clear:both;
}
#space{
	margin:auto;
	height:20px;
	}
	
#index{
 	overflow:hidden;
 	width:1000px;
 	background-image:url(../Images/BarTop.png);
	background-repeat:no-repeat;
	background-color:#FFF;
	margin:auto;
	margin-top:0px;
	padding-top:1px;
	padding-bottom:10px;
	clear:both;

}
#indexleft,#indexcenter,#indexright{
 margin-bottom:-10000px;
 padding-bottom:10000px;
}

#indexLeft {
	background-image:url(../Images/left.png);
	background-repeat:no-repeat;
	height:286px;
	width:320px;
	float:left;
	margin-left:20px;	
	display:inline;
	clear:both;
}
#indexCenter {
	background-image:url(../Images/center.png);
	background-repeat:no-repeat;
	height:286px;
	width:390px;
	float:left;
}
#indexRight {
	background-image:url(../Images/compay.png);
	background-repeat:no-repeat;
	width:245px;
	height:286px;
	float:right;
	margin-right:20px;
	display:inline;
}
#ContentLeft {
	width:216px;
	float:left;
	margin-left:20px;
	display:inline;
	clear:both;
}
#ContentRight {
	width:762px;
	float:right;
	border-left:1px solid #e0e0e0;
	display:inline;
	_clear:both;
}
.TopBar {
	width:95%;
	margin:0px;
	margin:auto;
	background-image:url(../Images/topbar1.png);
	background-repeat:no-repeat;
	line-height:25px;
	padding-left:15px;
	font-size:14px;
}
.TopContent {
	width:90%;
	margin:0px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	color:#666;
	line-height:18px;
}
.info1 {
	width:95%;
	margin:0px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:45px;
	padding-left:15px;
	color:#666;
	line-height:18px;
}
.TopContent ul {
	list-style:disc;
	margin-left:18px;
	display:inline;
}
.TopBar2 {
	margin:0px;
	margin:auto;
}
.TopContent2 {
	margin:0px;
	margin:auto;
	margin-top:0px;
	margin-bottom:10px;
	line-height:30px;
}
.ImgList {
	margin:5px;
	list-style:none;
	display:inline;
}
.ImgList li {
	float:left;
	margin-right:15px;
	margin-bottom:20px;
	width:152px;
	text-align:center;
	line-height:25px;
	overflow:hidden;
	display:inline;
}
.ImgList li img {
	width:150px;
	border:1px solid #CCC;
}
.Title {
	font-size:18px;
	text-align:center;
	margin:10px;
	display:inline;
}
.Info {
	text-align:center;
	line-height:20px;
}
.Contents {
	margin:10px;
	line-height:24px;
	display:inline;
}
#Page {
	margin:0px;
	line-height:22px;
	background:url(../Images/pagebg.png) no-repeat;
	text-align:center;
	height:35px;
}
#PageNow {
	line-height:30px;
	margin-left:30px;
	display:inline;
}
#Bottom {
	margin:auto;
	background-color:#f2f2f2;
	background-image:url(../Images/copyright.png);
	background-repeat:no-repeat;
	padding-top:20px;
	padding-left:360px;
	height:110px;
	width:641px;
	text-align:left;
	line-height:20px;
	color:#666;
}
#Bottom a {
	color:#666;

}
#Bottomb {
	background-color:#FFF;
	margin:0px auto;
	width:1001px;
	height:5px;

}


#wrap {width:195px; position:relative; height:140px; padding:0px; color:#999; margin-left:25px;}
#wrap a.nikon_link, #wrap a.nikon_link:visited {color:#bcd; font-size:10px;}
#wrap a.nikon_link:hover {text-decoration:none;}

#flyout {
	font-size:11px;
	padding:0;
	margin:0;
	list-style:none;
	width:24px;
	height:115px;
	position:absolute;
	left:-25px;
}
#flyout ul {padding:0; margin:0; list-style:none;}
#flyout li {display:block; width:215px; height:40px; background:#999;}
#flyout li a {display:block; width:215px; height:40px; text-indent:-999px; text-decoration:none;}
#flyout li a.nikon {background:url(../images/bg7.gif); background-position: 0px 0px;}
#flyout li a.canon {background:url(../images/bg8.gif); background-position: 0px 0px;}
#flyout li a.pentax {background:url(../images/bg9.gif); background-position: 0px 0px;}

#flyout li a.nikon:hover {background:url(../images/bg7.gif); background-position: 0px -45px;}
#flyout li a.canon:hover {background:url(../images/bg8.gif); background-position: 0px -45px;}
#flyout li a.pentax:hover {background:url(../images/bg9.gif); background-position: 0px -45px;}

#flyout table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
#flyout li {float:left; margin-bottom:1px;}
#flyout li ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:215px;
	width:120px;
	height:190px;
	border-left:1px solid #fff;
	padding-top:4px;
}
#flyout li ul li {display:block; display:inline; width:100px; height:22px; border:0; margin:0 10px; background:transparent;}
#flyout li ul li a {text-indent:0; background:transparent; display:block; width:100px; height:22px; line-height:21px; color:#fff; border-bottom:1px solid #fff; text-decoration:none;}
#flyout li b {visibility:hidden; display:block; width:120px; height:90px; position:absolute; top:0; left:215px; background:#234; opacity:0.8; filter:alpha(opacity=80);}
* html #flyout li a:hover {position:relative; white-space:normal;}
* html #flyout li a:hover ul li a:hover {color:#000; background:#d7ffbd;}
#flyout li:hover {position:relative;}
#flyout li:hover ul li a:hover {background:#d7ffbd; color:#000;}
#flyout li:hover b,
#flyout li a:hover b {
visibility:visible;
}
#flyout li:hover ul,
#flyout li a:hover ul {
visibility:visible;
}
