* {
	margin:0px;
	padding:0px;
}
img {
	border:none
}
html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	line-height:17px;
	color:#FF9900;
	background:#000
}
ul {
}
li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
p {
	padding-bottom:10px;
	font-size:15px;
	font-style:normal;
	font-variant:normal;
	font-weight:lighter;
	line-height:22px;
}
h2{
color:#FF9900;
font-size:16;
font-weight:bold;
line-height:30px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px
}
.red {
	color:red
}
.clear {
	clear:both
}
a:link,a:visited{
	color:#FF9900;
	text-decoration:underline;
}
a:active,a:hover{
	color:#AA792C;
	text-decoration:underline
}
#docs {
	width:840px;
	clear:both;
	display:block;
	margin:0 auto
}
#header {
	height:91px;
	clear:both;
	display:block;
	margin-top:26px;
	margin-bottom:18px
}
#header .logo {
	float:left
}
#header .banner {
	float:right;
	background:url("../images/banner.png.html") left top no-repeat;
	width:567px;
	height:68px;
	display:block;
	margin-top:8px
}
#menu {
	height:24px;
	clear:both;
	display:block;
}
#menu ul {
}
#menu ul li {
	border-top:#f8981d 1px solid;
	border-right:#f8981d 1px solid;
	display:block;
	float:left;
	width:96px;
	height:20px;
	padding-left:8px;
	padding-top:4px
}
#menu ul li img {
	border:none
}
#footer {
	clear:both;
	display:block;
	text-align:center;
	padding-bottom:15px;
	margin-top:20px
}
#footer .nav {
	height:30px;
	clear:both;
	display:block;
	border-top:#f8981d 1px solid;
	border-bottom:#f8981d 1px solid;
	padding-top:10px;
	text-align:center;
	margin-bottom:22px
}
#footer ul {
}
#footer ul li {
	display:inline;
	border-left:#ff9900 1px solid;
	padding-left:14px;
	padding-right:11px;
}
#footer ul li.first {
	border-left:0px
}
#footer ul li a:link, #footer ul li a:visited {
	color:#ff9900;
	text-decoration:none
}
#footer ul li a:active, #footer ul li a:hover {
	color:#AA792C;
	text-decoration:underline
}
#footer p span {
	color:#FFCC66;
	font-style:italic;
	font-weight:bold;
	display:block;
	margin-top:3px
}
#docs .main {
	clear:both;
	display:block;
	padding-top:40px
}
.main .flash {
	width:552px;
	float:left;
	height:402px;
	display:block;
	border:#cc9900 1px solid;
	margin-right:20px
}
.main .flash #flash-intro {
	width:550px;
	height:400px;
	display:block;
	clear:both;
	margin-left:1px;
	margin-top:1px
}
.main #intro {
	width:266px;
	float:left;
	display:block;
}
.main #intro_cont {
	width: 816px;
	float: left;
	display: block;
}
* html .main #intro{
	height:1%
}
.pic{
	width:300px;
	float:left;
	margin-right:20px;
	display:block
}
.pic2{
	width:400px;
	height:320px
}
.pic3{
	width:168px;
	float:left;
	display:block
}
.per-pic{
	width:210px;
	float:left;
	margin-right:20px;
	display:block;
	text-align:center
}
.per-pic img{
	width:206px;
	display:block;
	margin-bottom:5px
}
#press-p{
	line-height:25px;
	font-size:12px
}
.mid-title{
	text-align:center;
	padding-bottom:6px
}
.library-pic{
	width:400px;
	float:left;
	margin-right:20px
}
.library-pic .tpic{
	width:400px;
	height:320px;
	margin-bottom:8px
}
.library-pic .nav img{
	width:100px;
	height:23px
}
.design-center-title{
	font-weight:bold
}
#library p{
	font-size:12px;
	line-height:18px;
}
#library .lib-content{
	width:420px;
	float:left
}
.gallery{
	width:740px;
	clear:both;
	display:block;
	margin:0 auto;
	border-left:#ffcc7f 2px solid;
	border-top:#ffcc7f 2px solid;
	border-right:#b36c00 2px solid;
	border-bottom:#b36c00 2px solid;
}
.gallery ul{
}
.gallery ul li{
	width:148px;
	height:146px;
	float:left;
	display:block;
	background:url("../images/photo_bg.png.html") left top no-repeat
}
.gallery ul li img{
	width:146px;
	height:144px;
	margin-left:1px;
	margin-top:1px
}
.gallery ul li img:hover{
	border:#F8981D 2px solid;
	height:140px;
	width:142px
}
.gallery ul li.logo img,.gallery ul li.logo img:hover{
	width:80px;
	height:44px;
	margin-top:45px;
	margin-left:35px;
	border:0px
}
.photo{
	text-align:center;
	display:block;
	clear:both;
	margin:0 auto;
	position:relative
}
.photo img{
}
.photo .left-nav,.photo .right-nav{
	width:47px;
	height:47px;
	background:url("../images/arrowleft.gif.html") left top no-repeat;
	display:block;
	text-decoration:none;
	position:absolute;
	text-indent:-999em;
	overflow:hidden;
}
.photo .left-nav{
	left:0px;
	top:50%
}
.photo .right-nav{
	background:url("../images/arrowright.gif.html") left top no-repeat;
	display:block;
	right:0px;
	top:50%
}
#pix1{
	width:707px;
}
#pix2{
	width:525px;
}
#pix4{
	width:730px;
}

#pix10{
	width:430px;
}
#pix11{
	width:860px;
}
#pix12{
	width:470px;
}
#pix15{
	width:440px;
}
#pix17{
	width:500px;
}
#pix21{
	width:760px;
}
#pix26{
	width:800px;
}
#pix27{
	width:780px;
}
#pix30{
	width:450px;
}
#pix39{
	width:660px;
}
#pix48{
	width:830px
}
#pix49{
	width:580px
}
#contact{
	border:#ffcc7f 1px solid;
	clear:both;
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px
}
* html #contact{
	height:1%;
	padding-left:7px;
	padding-bottom:0px
}

#contact .box{
	width:267px;
	float:left;
	margin-right:7px;
	display:block;
	border:#b36c00 1px solid;
	height:356px;
	position:relative
}
* html #contact #last{
	margin-right:0px
}
* html #contact .box{
	margin-right:8px
}
#contact .box .per-pic{
	position:absolute;
	left:30px;
	top:60px
}
#contact .box h2{
	font-weight:normal;
	font-style:italic;
	font-size:15px;
	text-align:center;
	padding-top:20px;
	padding-bottom:7px
}
#contact-tb{
	border-collapse:collapse;
	margin-left:8px
}
* html #contact-tb{
	margin-left:3px
}
#contact-tb th{
	border:#cccccc 1px solid;
	background:#fff;
	text-align:right;
	padding:2px 4px;
	font-weight:normal
}
#contact-tb td{
	border:#cccccc 1px solid;
	background:#fff;
	text-align:left;
	padding:2px 4px
}
#contact-tb td b{
	display:block;
	text-align:center;
	font-weight:normal
}
#contact-tb .txt{
	border:#cccccc 1px solid
}