HTML {
	OVERFLOW-Y: scroll
}
BODY {
    MARGIN: 20px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #111; FONT-SIZE: 16px; max-width: 1200px;
}
H1 {
	FONT-SIZE: 80px
}
H2 {
	FONT-SIZE: 48px
}
H3 {
	FONT-SIZE: 28px
}
H4 {
	FONT-SIZE: 20px
}
P {
	LINE-HEIGHT: 24px; FONT-SIZE: 16px
}
UL {
	LINE-HEIGHT: 24px; FONT-SIZE: 16px
	list-style-type: upper-roman;
}
OL {
	LINE-HEIGHT: 24px; FONT-SIZE: 16px
	list-style-type: upper-roman;
}
SMALL {
	FONT-SIZE: 14px
}
A {
	COLOR: #844
}
.clear {
	CLEAR: both
}
.gap {
	HEIGHT: 30px
}
.lucida {
	FONT-FAMILY: "Lucida Grande", Tahoma; COLOR: #ccc
}
#wrap {
	MIN-WIDTH: 920px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 40px; PADDING-RIGHT: 40px; MAX-WIDTH: 1200px; PADDING-TOP: 20px
}
#content {
	MIN-WIDTH: 920px; PADDING-BOTTOM: 20px; BACKGROUND-COLOR: #eee; MARGIN: 16px auto 0px; PADDING-LEFT: 40px; PADDING-RIGHT: 40px; MAX-WIDTH: 1200px; PADDING-TOP: 20px
}
#background {
	BACKGROUND-COLOR: #eee; DISPLAY: none
}
.nowrap {
	WHITE-SPACE: nowrap
}
.grid_2 {
	WIDTH: 48%; FLOAT: left; MARGIN-RIGHT: 4%
}
.grid_2_last {
	WIDTH: 48%; FLOAT: left; MARGIN-RIGHT: 0px
}
.grid_3 {
	TEXT-ALIGN: justify; WIDTH: 22%; FLOAT: left; MARGIN-RIGHT: 4%
}
.grid_3_first {
	TEXT-ALIGN: justify; WIDTH: 48%; FLOAT: left; MARGIN-RIGHT: 4%
}
.grid_3_last {
	TEXT-ALIGN: justify; WIDTH: 22%; FLOAT: left; MARGIN-RIGHT: 0px
}
.grid_4 {
	WIDTH: 22%; FLOAT: left; MARGIN-RIGHT: 4%
}
.grid_4_last {
	WIDTH: 22%; FLOAT: left; MARGIN-RIGHT: 0px
}
#header {
	TEXT-ALIGN: center; MARGIN-TOP: 10px
}
#header H1 {
	LINE-HEIGHT: 1; MARGIN: 10px 0px 30px; LETTER-SPACING: -2px; WORD-SPACING: 10px
}
#header H1 SPAN {
	PADDING-RIGHT: 0.06em; LETTER-SPACING: -0.13em
}
#header H4 {
	BORDER-BOTTOM: #ccc 4px double; PADDING-BOTTOM: 18px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 4px double; PADDING-TOP: 18px
}
#header H4 SPAN {
	PADDING-RIGHT: 0.03em; LETTER-SPACING: -0.06em
}
#header H2 {
	BORDER-BOTTOM: #ccc 4px double; PADDING-BOTTOM: 18px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 4px double; PADDING-TOP: 18px
}
#header H2 SPAN {
	PADDING-RIGHT: 0.03em; LETTER-SPACING: -0.06em
}
#nav {
	MARGIN: 43px 0px 0px
}
#nav H3 {
	MARGIN: 0px 0px 13px
}
#nav DIV.hover H3 {
	COLOR: #f00
}
#nav P {
	MARGIN-bottom: 15px
}
#nav LI {
	MARGIN-bottom: 15px;
/* 	list-style-type:square */
/* 	LIST-STYLE-TYPE: none;  */
	list-style-position: inside
}
#nav DIV.hover P {
	COLOR: #111
}
#nav DIV.hover .lucida {
	COLOR: #ffbfbe
}
#nav DIV.hover {
	CURSOR: pointer
}
#nav DIV.inactive {
	COLOR: #ccc
}
.software {
	MARGIN-TOP: 37px
}
.software P {
	MARGIN-BOTTOM: 24px
	margin-top: 100px
	margin-bottom: 100px
}
.software P.last {
	MARGIN-BOTTOM: 0px
}
.software H2 {
	MARGIN: 0px 0px 11px
}
.software H2 SPAN {
	LETTER-SPACING: -0.07em
}
.software H3 {
	MARGIN: 0px 0px 25px; COLOR: #bbb
}
.software IMG {
	MARGIN: 0px auto; DISPLAY: block
}
.software .links {
	BORDER-BOTTOM: #ccc 1px solid; MARGIN: 0px 0px 100px; WIDTH: 100%; FLOAT: left; BORDER-TOP: #ccc 1px solid
}
.software UL {
	MARGIN: 0px; PADDING-TOP: 12px
}
/* .software OL { */
/* 	MARGIN: 0px; PADDING-TOP: 12px */
/* } */

/* .software LI { */
/* 	PADDING-BOTTOM: 14px; LIST-STYLE-Type: none; FLOAT: left; MARGIN-RIGHT: 12px */
/* } */
.software LI A {
	PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #bbb; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; COLOR: #fff; PADDING-TOP: 4px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px
}
.software LI A:hover {
	BACKGROUND-COLOR: #999
}
.software LI A.home {
	BACKGROUND-COLOR: #555
}
.software LI A.home:hover {
	BACKGROUND-COLOR: #111
}
.software .gallery {
	MARGIN: 0px auto; WIDTH: 440px
}
.software .thumbnail {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 4px; MARGIN: 0px 10px; PADDING-LEFT: 4px; WIDTH: 80px; PADDING-RIGHT: 4px; BACKGROUND: #fff no-repeat center center; FLOAT: left; HEIGHT: 80px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 4px
}
.thumbnail:hover {
	CURSOR: pointer
}
.company H3 {
	BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 6px; MARGIN: 46px 0px 18px
}
.company H3.first {
	MARGIN: 20px 0px 18px
}
.company P {
	MARGIN-BOTTOM: 23px
}
.company A {
	BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 1px
}
.company A:hover {
	BORDER-BOTTOM: #ffbfbe 1px solid; COLOR: #f00
}
.company .white {
	PADDING-BOTTOM: 14px; BACKGROUND-COLOR: #fff; MARGIN: 30px 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 14px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px
}
.company .white P {
	MARGIN: 0px 0px 26px 40px
}
.company .white P.left {
	MARGIN-LEFT: 0px
}
.company .white P.last {
	MARGIN-BOTTOM: 0px
}
.company .white IMG {
	MARGIN-TOP: 8px; FLOAT: left
}
.company .white SMALL {
	COLOR: #aaa; MARGIN-LEFT: 6px
}
.company .more {
	TEXT-ALIGN: center
}
.company .more A {
	BORDER-BOTTOM: #ccc 1px solid; COLOR: #aaa; FONT-SIZE: 14px
}
.company .more A:hover {
	BORDER-BOTTOM: #aaa 1px solid; COLOR: #777
}
.company .thumbnail:hover {
	CURSOR: default
}
.company UL {
	MARGIN-LEFT: 24px
}
.company UL LI {
	LIST-STYLE-POSITION: outside; MARGIN-BOTTOM: 10px; LIST-STYLE-IMAGE: url(/media/img/bullet-company.gif)
}
.company .thumbnail {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 4px; MARGIN: 0px 20px 30px 0px; PADDING-LEFT: 4px; WIDTH: 90px; PADDING-RIGHT: 4px; BACKGROUND: #fff no-repeat center center; FLOAT: left; HEIGHT: 90px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 4px
}
.blog A:hover {
	COLOR: #f00
}
.blog A .lucida {
	COLOR: #bbb
}
.blog EM {
	COLOR: #bbb
}
.blog .author {
	FONT-STYLE: normal; WHITE-SPACE: nowrap; COLOR: #888
}
.blog .date {
	FONT-STYLE: normal; COLOR: #888
}
.first_post {
	MARGIN: 20px 0px 30px
}
.first_post P {
	LINE-HEIGHT: 30px; FONT-STYLE: italic; MARGIN-TOP: 6px; FONT-SIZE: 18px
}
.first_post H2 {
	LINE-HEIGHT: 60px
}
.first_post .author {
	FONT-SIZE: 16px
}
.first_post .button {
	PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #bbb; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #fff; PADDING-TOP: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px
}
.first_post .button:hover {
	BACKGROUND-COLOR: #999; COLOR: #fff
}
.first_post .clear {
	HEIGHT: 20px
}
.first_post .no_show {
	DISPLAY: none
}
.all_posts {
	BORDER-TOP: #ccc 1px solid; PADDING-TOP: 20px
}
.all_posts H3 {
	LINE-HEIGHT: 34px; MARGIN-BOTTOM: 10px
}
.all_posts P {
	MARGIN-BOTTOM: 10px
}
.all_posts .button {
	PADDING-BOTTOM: 3px; LINE-HEIGHT: 22px; BACKGROUND-COLOR: #d5d5d5; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #fff; FONT-SIZE: 14px; PADDING-TOP: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px
}
.all_posts .button:hover {
	BACKGROUND-COLOR: #c5c5c5; COLOR: #fff
}
.all_posts .wrap_date {
	TEXT-ALIGN: center; WIDTH: 90px; FLOAT: left
}
.all_posts .wrap_date H3 {
	COLOR: #888
}
.all_posts .wrap_date SPAN {
	COLOR: #888; FONT-SIZE: 16px
}
.all_posts .wrap_title {
	BORDER-LEFT: #ccc 1px dashed; PADDING-LEFT: 20px; MARGIN-LEFT: 100px
}
.all_posts .clear {
	HEIGHT: 20px
}
#announcement {
	TEXT-ALIGN: center; MARGIN: 60px auto 0px; FONT-SIZE: 14px
}
#footer SMALL {
	FONT: 12px/24px "Lucida Grande", Verdana, Tahoma
}
#footer {
	TEXT-ALIGN: center; MARGIN: 60px 0px 10px; COLOR: #ccc
}
#content #footer {
	MARGIN: 0px; COLOR: #ccc
}
#overlay {
	Z-INDEX: 100; POSITION: absolute; MARGIN: auto; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}
#overlay .wrapper {
	POSITION: fixed; WIDTH: 100%; TOP: 25px
}
#overlay .content {
	MARGIN: auto; WIDTH: 889px; HEIGHT: 693px
}
#overlay .header {
	POSITION: relative; TEXT-ALIGN: center; TOP: 40px; MARGIN-RIGHT: 90px; LEFT: 44px
}
#overlay .title {
	COLOR: #111; FONT-SIZE: 1.2em
}
#overlay .close {
	FLOAT: left; COLOR: #666
}
#overlay .navigation A {
	FLOAT: right; COLOR: #666
}
#overlay IMG {
	POSITION: relative; TOP: 50px; LEFT: 39px
}
* HTML #overlay {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/media/img/overlay/overlay.png", sizingMethod="scale"); BACKGROUND-COLOR: transparent
}
#grid {
	POSITION: absolute; WIDTH: 100%; BACKGROUND-ATTACHMENT: scroll; DISPLAY: none; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}
IMG.fade {
	DISPLAY: none
}
