HTML {
	TEXT-ALIGN: center
}

Body{
font-family:Verdana, Arial, Helvetica, sans-serif
}

.header {
	Z-INDEX: 10; BACKGROUND: url(../images/bg/gradient2.gif) repeat-x left top; POSITION: relative; HEIGHT: 66px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; FONT-SIZE: 47px; PADDING-BOTTOM: 0.08em; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 0.08em
}
H1 SUP {
	COLOR: #dddddd
}
H1 A {
	COLOR: #fff; TEXT-DECORATION: none
}
H1 .company {
	COLOR: #d01a71
}
H1 A .company {
	COLOR: #d01a71
}
H2 {
	MARGIN-TOP: 40px; FONT-SIZE: 3em; COLOR: #fff
}
H3 {
	FONT-SIZE: 1.5em; COLOR: #FFFFcc
}
H4 {
	FONT-SIZE: 1.3em; COLOR: #92bdfa
}
.content {
	MARGIN: 0px 20px
}
.content A {
	COLOR: #ce91fa; TEXT-DECORATION: none
}
.footer A {
	COLOR: #ce91fa; TEXT-DECORATION: none
}
.content A:hover {
	FONT-STYLE: italic
}
.content STRONG {
	FONT-WEIGHT: bolder; COLOR: #FFFFcc
}
.content EM {
	COLOR: #bdfa91
}
.demo_container {
	TEXT-ALIGN: center
}
#myGallery {
	MARGIN: 0px auto; TEXT-ALIGN: left
}
.content P.linkage {
	MARGIN-TOP: 2em; TEXT-ALIGN: right
}
.content P.linkage A {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 1.7em; BACKGROUND: url(../images/bg/biglink_off.gif) no-repeat right center; PADDING-BOTTOM: 10px; COLOR: #fff; PADDING-TOP: 10px; TEXT-DECORATION: none
}
.content P.linkage A:hover {
	BACKGROUND: url(../images/bg/biglink_on.gif) no-repeat right center; FONT-STYLE: italic
}
.content #jdsgShowcase {
	OVERFLOW: hidden; WIDTH: 500px; HEIGHT: 200px
}
.content P.detail {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #eee; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 800px; COLOR: #333; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.content CODE {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: #444444 0% 50%; PADDING-BOTTOM: 10px; MARGIN: 10px 15px; FONT: 400 0.7em/120% courier,monospace; OVERFLOW: auto; PADDING-TOP: 10px; font-size-adjust: none; font-stretch: normal
}
.footer {
	PADDING-RIGHT: 2em; MARGIN-TOP: 1em; PADDING-LEFT: 2em; BACKGROUND: #111; PADDING-BOTTOM: 0.2em; COLOR: #fff; PADDING-TOP: 0.2em
}
.footer P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.ads {
	MARGIN-TOP: 1em; TEXT-ALIGN: right
}
.navigation {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.navigation H2 {
	DISPLAY: none
}
.navigation UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.6em; RIGHT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: 66px
}
.navigation UL UL {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; FONT-SIZE: 0.5em; RIGHT: auto; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 120px; PADDING-TOP: 0px; POSITION: absolute; TOP: auto
}
.navigation UL LI:hover UL {
	DISPLAY: block
}
.navigation LI {
	FLOAT: left; LIST-STYLE-TYPE: none
}
.navigation UL UL LI {
	FLOAT: none
}
.navigation LI A {
	PADDING-RIGHT: 0.5em; DISPLAY: block; PADDING-LEFT: 0.5em; BACKGROUND: url(../images/bg/gradient1.gif) repeat-x left center; PADDING-BOTTOM: 0.2em; OVERFLOW: hidden; COLOR: #fff; MARGIN-RIGHT: 5px; PADDING-TOP: 0.2em; HEIGHT: 26px; TEXT-DECORATION: none
}
* HTML .navigation LI A {
	FLOAT: left
}
* HTML .navigation LI UL {
	CLEAR: left
}
* HTML .navigation LI LI A {
	FLOAT: none
}
.navigation LI.last A {
	MARGIN-RIGHT: 0px
}
.navigation LI.active A {
	BORDER-TOP: #000 3px solid
}
.navigation LI A:hover {
	BORDER-TOP: #000 3px solid
}
.navigation LI:hover A {
	BORDER-TOP: #000 3px solid
}
.navigation LI.active A {
	FONT-WEIGHT: bold
}
.navigation LI A:hover {
	BACKGROUND: #d01a71
}
.navigation LI UL LI A {
	BORDER-TOP: #000 1px solid; MARGIN: 0px; HEIGHT: auto
}
.navigation LI.active UL LI A {
	BORDER-TOP: #000 1px solid; MARGIN: 0px; HEIGHT: auto
}
.navigation LI UL LI A:hover {
	BORDER-TOP: #000 1px solid; MARGIN: 0px; HEIGHT: auto
}
.navigation LI:hover UL LI A {
	BORDER-TOP: #000 1px solid; MARGIN: 0px; HEIGHT: auto
}
* HTML .navigation LI UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.navigation UL UL LI.last A {
	BORDER-BOTTOM: #000 1px solid
}
.information_bar {
	FLOAT: right; MARGIN: 80px 20px 40px 40px; WIDTH: 200px
}
UL.sideMenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.sideMenu LI {
	DISPLAY: inline; LIST-STYLE-IMAGE: url(foo.gif); FONT: 400 1.3em "trebuchet ms", serif
}
.sideMenu LI A {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 0.2em 0px; COLOR: #fff; PADDING-TOP: 3px; TEXT-DECORATION: none
}
.sideMenu LI A:hover {
	BACKGROUND: #5f5f5f; COLOR: #65ebff
}
.sideMenu LI.here {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #333; PADDING-BOTTOM: 5px; COLOR: #92bdfa; PADDING-TOP: 5px
}
.sideMenu LI.here UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.sideMenu LI.here UL LI A {
	PADDING-LEFT: 35px; BACKGROUND: url(../images/bg/bullet.gif) no-repeat 10px 0px; FONT: 400 0.55em verdana, arial, sans-serif; COLOR: #fff
}
.sideMenu LI.here UL LI A:hover {
	BACKGROUND: url(../images/bg/bullet.gif) #5f5f5f no-repeat 10px 0px; COLOR: #fa9c94
}