.PageTitle {
	FONT-SIZE: 80px; COLOR: #f5f5f5; FONT-FAMILY: Verdana; POSITION: relative
}
.PageTitleSign {
	Z-INDEX: 1; BACKGROUND: url(../images/title_portfoios.gif) no-repeat; LEFT: -10px; WIDTH: 184px; POSITION: absolute; TOP: 25px; HEIGHT: 46px
}
.SiteBox {
	PADDING-RIGHT: 40px; PADDING-LEFT: 40px; PADDING-BOTTOM: 0px; PADDING-TOP: 20px
}
.SiteBox UL {
	DISPLAY: block
}
.SiteBox UL LI {
	FLOAT: left; WIDTH: 350px; LIST-STYLE-TYPE: none; HEIGHT: 130px
}











.ImgBoxaa {
	BACKGROUND: url(../images/portfolio_bg.gif) no-repeat center center  ; FLOAT: left; WIDTH: 200px; POSITION: relative; HEIGHT: 100px
}


.ImgBoxaa IMG {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 5px; BORDER-RIGHT-WIDTH: 0px
}


.IconHotaa {
	LEFT: 0px; WIDTH: 35px; POSITION: absolute; TOP: 0px; HEIGHT: 35px
}


.IconHotaa {
	BACKGROUND: url(../images/icon_aa.gif) no-repeat left top
}



















.ImgBox05 {
	BACKGROUND: url(../images/portfolio_bg.gif) no-repeat center center  ; FLOAT: left; WIDTH: 200px; POSITION: relative; HEIGHT: 100px
}


.ImgBox05 IMG {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 5px; BORDER-RIGHT-WIDTH: 0px
}


.IconHot05 {
	LEFT: 0px; WIDTH: 35px; POSITION: absolute; TOP: 0px; HEIGHT: 35px
}


.IconHot05 {
	BACKGROUND: url(../images/icon_hot2.gif) no-repeat left top
}




















.ImgBox {
	BACKGROUND: url(../images/portfolio_bg.gif) no-repeat center center;  POSITION: relative; HEIGHT: 244px 
}


.ImgBox IMG {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 5px; BORDER-RIGHT-WIDTH: 0px
}













.IconNew {
	LEFT: 0px; WIDTH: 35px; POSITION: absolute; TOP: 0px; HEIGHT: 35px
}
.IconHot {
	LEFT: 0px; WIDTH: 35px; POSITION: absolute; TOP: 0px; HEIGHT: 35px
}
.IconNew {
	BACKGROUND: url(../images/icon_new.gif) no-repeat left top
}
.IconHot {
	BACKGROUND: url(../images/icon_hot.gif) no-repeat left top
}
.InfoBox {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 200px; PADDING-TOP: 0px
}
.InfoBox H4 {
	FONT-SIZE: 13px; MARGIN: 5px 0px
}
.InfoBox SPAN {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; COLOR: #cc0000; PADDING-TOP: 0px; FONT-FAMILY: Tahoma
}
.InfoBox P {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: url(../images/line_dash.gif) repeat-x left top; PADDING-BOTTOM: 5px; COLOR: #666666; LINE-HEIGHT: 1.3em; PADDING-TOP: 5px; FONT-FAMILY: Tahoma
}
.PageSort {
	DISPLAY: block; RIGHT: 20px; POSITION: absolute
}
.PageSort LI {
	PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.PageNum {
	BORDER-RIGHT: #e7e7e7 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #e7e7e7 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 1px; BORDER-LEFT: #e7e7e7 1px solid; COLOR: #999999; LINE-HEIGHT: 1em; PADDING-TOP: 1px; BORDER-BOTTOM: #e7e7e7 1px solid; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.PageNum:hover {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; COLOR: #333333; BORDER-BOTTOM: #666666 1px solid
}
.PageCurrent {
	BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #666666; PADDING-BOTTOM: 1px; BORDER-LEFT: #333333 1px solid; COLOR: #ffffff; PADDING-TOP: 1px; BORDER-BOTTOM: #333333 1px solid; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
#screenshot {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; DISPLAY: none; OVERFLOW: hidden; BORDER-LEFT: #333333 1px solid; WIDTH: auto; BORDER-BOTTOM: #333333 1px solid; POSITION: absolute; HEIGHT: 200px
}
.on .MenuTitle {
	BACKGROUND: url(../images/p_btn_over.jpg) no-repeat 0px 0px; COLOR: #ffffff
}
.off .MenuTitle {
	BACKGROUND: url(../images/p_btn.jpg) no-repeat 0px 0px; COLOR: #ababab
}
.MenuTitle A {
	COLOR: #ababab
}
.MenuLink {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(../images/p_btn_dot.gif) no-repeat left center; PADDING-BOTTOM: 5px; COLOR: #aaaaaa; LINE-HEIGHT: 1.2em; PADDING-TOP: 5px; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.MenuLink:hover {
	COLOR: #ffffff
}
.MenuLinkCurrent {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(../images/p_btn_dot.gif) no-repeat left center; PADDING-BOTTOM: 5px; COLOR: #ffffff; LINE-HEIGHT: 1.2em; PADDING-TOP: 5px; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline
}
.MenuContent {
	BACKGROUND: #3f3f3f
}
.ContentText P {
	FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 2em
}
.ContentBottom {
	PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 30px; PADDING-TOP: 10px; POSITION: relative
}
.RelatedArtical {
	PADDING-RIGHT: 200px; PADDING-LEFT: 30px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.RelatedArtical A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(../images/pf_btn_dot.gif) no-repeat left center; PADDING-BOTTOM: 0px; COLOR: #0292dd; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Tahoma
}