.pagetitle,
.Title {
    font-size: 1.6em;
    text-transform: uppercase;
}
.pagetitle {
    margin-left: 10px;
}
.Block01 {
    float: left;
    width: 499px;
    overflow: hidden;
}

    .FlashOuter {
        background: url(../images/bg-flashplayer.png) left top no-repeat;
        height: 265px;
        margin: 0px 0px 0px 64px;
        padding: 27px 0px 0px 27px;
        width: 406px;
    }
        .FlashOuter a.ViewAll {
            background: url(../images/view-all-video.gif) left 1px no-repeat;
            float: right;
            height: 0px;
            line-height: 0px;
            margin: 14px 46px 0px 0px;
            padding: 6px;
            position: relative;
            text-indent: -1000px;
            width: 95px;
        }
        .FlashOuter a.ViewAll:hover{
            background: url(../images/view-all-video.gif) left bottom no-repeat;
        }
.Block02 {
    float: right;
    display: inline;
    margin-right: 186px;
    width: 430px;
}
    .TabContainer {
        margin: 24px 0px 0px;
    }
        .TabContainer .Tabs {
            margin-left: 9px;
        }
            .TabContainer .Tabs li {
                float: left;
            }
                .TabContainer .Tabs  a:link,
                .TabContainer .Tabs  a:visited {
                    background: left top no-repeat;
                    display: block;
                    font-size: 0px;
                    height: 0px;
                    line-height: 0px;
                    padding-top: 28px;
                    text-indent: -10000px;
                    position:relative;
                }
                .TabContainer .Tabs  a:hover {
                    background-position: left -56px;
                }
                .TabContainer .Tabs .Active a:link,
                .TabContainer .Tabs .Active a:visited {
                    background-position: left -28px;
                    margin-left:-2px;
                }
                .TabContainer .Tabs .First a:link,
                .TabContainer .Tabs .First a:visited {
                    margin-left:0;
                }
                .TabContainer .Tabs #latestProj {
                    background-image: url(../images/latest-proj.gif);
                    width: 143px;
                }
                .TabContainer .Tabs #hotProj {
                    background-image: url(../images/hot-proj.gif);
                    width: 137px;
                }
                .TabContainer .Tabs #mostViewed {
                    background-image: url(../images/most-view.gif);
                    width: 126px;
                }
                .TabContainer .Tabs .Active #hotProj {
                    width:139px;
                }
                .TabContainer .Tabs .Active #mostViewed {
                    width:128px;
                }
        .TabContainer .TabContent {}
            .TabContainer .TabContent li {
                background: url(../images/bg02.png) left top no-repeat;
                height: 120px;
                width: 429px;
            }
                .TabContainer .TabContent li a:link,
                .TabContainer .TabContent li a:visited {
                    position: relative;
                }
                .TabContainer .TabContent li .Item {
                    padding: 10px 14px 8px 9px;
                    position: relative;
                    z-index: 1;
                }
                    .TabContainer .TabContent li .Item .Thumb {
                        border: 6px solid #abb3bb;
                        float: left;
                        height: 90px;
                        margin-right: 14px;
                        width: 145px;
                    }
                        .TabContainer .TabContent li .Item .Thumb a:hover img{
                            opacity: 0.8;
                            -moz-opacity: 0.8;
                            filter: alpha(opacity=80);
                        }
                    .TabContainer .TabContent li .Item h3 {
                        color: #434242;
                        display: inline;
                        float: right;
                        font-size: 1.4em;
                        margin-right: 50px;
                        padding: 12px 0px 3px;
                        text-transform: uppercase;
                        text-align: left;
                        width: 185px;
                    }
                    .TabContainer .TabContent li .Item h3 a{
                        color: #434242;
                    }
                    .TabContainer .TabContent li .Item .Date {
                        background: #e0e0e0;
                        font-size: 1em;
                        line-height: 14px;
                        padding: 0px 7px;
                        position: absolute;
                        right: 18px;
                        top: 17px;
                        z-index: 2;
                    }
                    .TabContainer .TabContent li .Item p {
                        color: #656566;
                        float: left;
                        font-size: 1.1em;
                        font-weight: bolder;
                    }
                    .TabContainer .TabContent li .Item .Technology {
                        color: #367de4;
                        font-weight: normal !important;
                    }
                        .TabContainer .TabContent li .Item p a:link,
                        .TabContainer .TabContent li .Item p a:visited {
                            color: #367de4;
                            font-weight: normal;
                            text-decoration: underline;
                        }
                        .TabContainer .TabContent li .Item p a:hover {
                            text-decoration: none;
                        }
                        .TabContainer .TabContent li .Item  a.ViewProj:link,
                        .TabContainer .TabContent li .Item  a.ViewProj:visited {
                            background: url(../images/bg-view-proj.gif) left top no-repeat;
                            color: #fff;
                            font-size: 1.1em;
                            bottom: 12px;
                            height: 30px;
                            padding: 3px 0px 0px 8px;
                            position: absolute;
                            right: 0px;
                            text-decoration: none;
                            width: 70px;
                            z-index: 3;
                        }
                        .TabContainer .TabContent li .Item  a.ViewProj:hover {
                            background-image: url(../images/bg-view-proj-hover.gif)
                        }

        .TabContainer  .Hide {
            display: none;
        }

.Block03 {
    display: inline;
    float: left;
    margin: 0px 0px 0px 62px;
    width: 257px;
}
.Block04 {
    float: left;
    width: 693px;
    x overflow: hidden;
}
    .Container01 {
        margin-bottom: 10px;
    }
		.Container01 li,
		.Container01 .OuterCover {					
                background: url(../images/bg03-top.png) left top no-repeat;
                padding: 12px 0px 0px;
                width: 669px;
                position: relative;
                z-index: 1;
            }
                .Container01 li a:link,
                .Container01 li a:visited {
                    position: relative;
                }
				.Container01 li .Outer,
				.Container01 .OuterCover .Outer {
                    background: url(../images/bg03-loop-outer.png) left top repeat-y;
                    width: 669px;					
                }
				.Container01 .OuterCover .Outer{
					padding:14px 21px 14px 30px;
					width: 618px;
				}	
                    .Container01 li .Item {
                        background: #f1f1f1 url(../images/bg03-loop.gif) left top repeat-x;
                        padding: 14px 7px 14px 19px;
                        margin: 0px 14px 0px 11px;
                        min-height: 155px;
                        height: auto !important;
                        height: 155px;
                        width: 618px;
                    }
                        .Container01 li .Item .Wrapper {
                            width: 618px;
                            height: auto;
                            overflow: hidden;
                        }
						.Container01 li .Item .ThumbOuter{
							min-height: 55px;
							height: auto!important;
							height: 55px;
							width: 224px;
							float: left;
							margin-right: 19px;	
						}
						.Container01 li .Item .Thumb {
							border: 6px solid #abb3bb;												
						}
							.Container01 li .Item .Thumb img{
								 width: 212px !important;
								 display: block;
							}
							.Container01 li .Item .Thumb a:hover img{
								opacity: 0.8; 
								-moz-opacity: 0.8; 
								filter: alpha(opacity=80); 							
							}
                        	.Container01 li .Item h3 {
							color: #434242;
							float: right;							
							font-size: 1.4em;					
							margin-right: 69px;
							padding: 8px 0px 12px 0;
							text-transform: uppercase;
							text-align: left;					
							width: 305px;	
							display: inline;								
						}
						.Container01 li .Item h3 a{
							color: #434242;
						}
						.Container01 li .Item .Date {
							background: #e0e0e0;
							font-size: 1em;
							line-height: 14px;
							padding: 0px 7px;
							position: absolute;
							right: 24px;
							top: 25px;				
							z-index: 2;									
						}
						.Container01 li .Item p {
							color: #656566;
							float: left;
							font-size: 1.2em;
							text-align:justify;					
							margin: 0 76px 14px 0;
							width: 280px;
			
						}
						.Container01 li .Item .Summary {
							font-weight: normal;
							line-height: 14px;
							float:none;
							margin:0 76px 0 0;
							text-align:justify;
																			
						}	
						.Container01 li .Item .Summary p{
							font-size: 1.2em;
							width: auto;
							float:none;
							margin: 0 0 14px 0;
						}
							.Container01 li .Item p strong {
								color: #a9a9a9;
							}
						.Container01 li .Item .Technology {
							color: #367de4;
							font-weight: normal !important;
						}
							.Container01 li .Item p a:link,
							.Container01 li .Item p a:visited {
								color: #367de4;
								font-weight: normal;
								text-decoration: underline;
							}
							.Container01 li .Item p a:hover {
								text-decoration: none;
							}				
							.Container01 li .Item  a.ViewProj:link,
							.Container01 li .Item  a.ViewProj:visited {
								background: url(../images/bg-view-proj.gif) left top no-repeat;
								color: #fff;
								font-size: 1.1em;
								bottom: 24px;
								height: 30px;
								padding: 3px 0px 0px 8px;
								position: absolute;
								right: 0px;
								text-decoration: none;
								width: 70px;	
								z-index: 3;		
                                clear: both;
							}
							.Container01 li .Item  a.ViewProj:hover {
								background-image: url(../images/bg-view-proj-hover.gif)
							}
				.Container01 li .Bottom,
				 .Container01 .OuterCover .Bottom {
                    background: url(../images/bg03-bottom.png) left top no-repeat;
                    height: 12px;
                }
                .Container01 .CatList {
                }
                .Container01 .CatList .Item {
                    min-height: inherit;
                    height: auto;
                    overflow: hidden;
                }
                .Container01 .CatList .Item h3 {
                    float: left;
                    width: auto;
                    padding: 0 0 12px 0;
                }
                .Container01 .CatList ul {
                    clear: both;
                    float: left;
                }
				.Container01 .CatList li,
				.Container01 .OuterCover li	{
					background:none;
                    width: auto;
                    padding: 0 0 5px 0;
                }
                .Container01 .CatList li a:link,
				.Container01 .CatList li a:visited,
				.Container01 .OuterCover li a:link,
				.Container01 .OuterCover li a:visited{
					color: #656566;
					font-size: 1.1em;
					text-decoration:underline;
				}
				.Container01 .CatList li a:hover,
				.Container01 .OuterCover li a:hover {
					text-decoration: none;
				}
				.Container01 .OuterCover .Outer span{
					font-size: 1.1em;
				}
    .Container02 {}
        .Container02 .TitleOuter {}
            .Container02 .TitleOuter .Title {
                float: left;
                width: 460px;
                margin-bottom: 23px;
            }
            .Container02 .TitleOuter .Sort {
                float: right;
                width: 185px;
            }
        .Container02 .LstProject {
            margin-top: 8px;
        }
            .Container02 .LstProject .Row {
                margin-bottom: 29px;
                width: 710px;
            }
                .Container02 .LstProject .Proj {
                    float: left;
                    list-style: none;
                    margin: 0px 13px 0px 0px;
                    width: 221px;
                }
                    .Container02 .LstProject .Proj .Content {
                        background: #fff;
                        padding-bottom: 20px;
                    }
                        .Container02 .LstProject .Proj .Content .Thumb {
                            border: 6px solid #abb3bb;
                            width: 209px;
                        }
                            .Container02 .LstProject .Proj .Content .Thumb a:hover img {
                                opacity: 0.8;
                                -moz-opacity: 0.8;
                                filter: alpha(opacity=80);
                            }
                        .Container02 .LstProject .Proj .Content h3 {
                            border-bottom: 1px solid #bcc2c9;
                            color: #181717;
                            font-size: 1.4em;
                            margin-top: 6px;
                            padding: 0px 14px 10px;
                            text-transform: uppercase;
                        }
                        .Container02 .LstProject .Proj .Content h3 a{
                            color: #181717;
                        }
                        .Container02 .LstProject .Proj .Content .Date {
                            background: #e0e0e0;
                            color: #636364;
                            float: left;
                            font-size: 1em;
                            line-height: 14px;
                            margin: 0px 0px 0px 14px;
                            padding: 2px 7px;
                        }
                        .Container02 .LstProject .Proj .Content p {
                            clear: both;
                            font-size: 1.1em;
                            font-weight: bolder;
                            margin: 13px 14px 0px;
                        }
                            .Container02 .LstProject .Proj .Content p a:link,
                            .Container02 .LstProject .Proj .Content p a:visited {
                                color: #367de4;
                                text-decoration: underline;
                            }
                            .Container02 .LstProject .Proj .Content p a:hover {
                                text-decoration: none;
                            }
                        .Container02 .LstProject .Proj .View {
                            background: #474747;
                            color: #fff;
                            float: right;
                            font-size: 1em;
                            padding: 2px 5px 5px;
                            text-decoration: none;
                        }
                        .Container02 .LstProject .Proj a.View:hover {
                            background: #203987;
                        }
        .Container02 .Paging {
            float: right;
        }
            .Container02 .Paging a:link,
            .Container02 .Paging a:visited {
                background: url(../images/bg-btn.gif) left top no-repeat;
                color: #fff;
                float: left;
                font-size: 1.1em;
                height: 21px;
                text-decoration: none;
                margin-left: 3px;
            }
            .Container02 .Paging .Active,
            .Container02 .Paging a:hover{
                background-position: left bottom !important;
            }
            .Container02 .Paging .FirstPage,
            .Container02 .Paging .LastPage{
                cursor:default;
                background-position: left bottom !important;
            }
                .Container02 .Paging span {
                    background: url(../images/bg-btn.gif) right top no-repeat;
                    cursor: pointer;
                    float: left;
                    height: 17px;
                    margin: 0px 0px 0px 1px;
                    padding: 3px 8px 1px;
                }
                .Container02 .Paging .Active span,
                .Container02 .Paging a:hover span {
                    cursor:default;
                    background-position: right bottom;
                }
                .Container02 .Paging .FirstPage span,
                .Container02 .Paging .LastPage span {
                    background-position: right bottom;
                }
            .Container02 .Paging a.BtnPrev:link,
            .Container02 .Paging a.BtnPrev:visited {
                background: url(../images/bg-btn-prev.gif) left top no-repeat;
                padding-left: 11px;
                margin-right: 3px;
            }
                .Container02 .Paging .BtnPrev span {
                    padding: 3px 11px 1px 10px;
                }
            .Container02 .Paging a.BtnNext:link,
            .Container02 .Paging a.BtnNext:visited {
                background: url(../images/bg-btn-next.gif) top right no-repeat;
                padding-right: 11px;
                margin: 0px 6px;
            }
            .Container02 .Paging a.BtnNext:hover {
                background-position: bottom right !important;
            }
                .Container02 .Paging .BtnNext span {
                    background-position: top left;
                    margin: 0px;
                    padding: 3px 10px 1px 11px;
                }
                .Container02 .Paging a.BtnNext:hover span {
                    background-position: left bottom;
                }

    .Container03 {
        background: #fff;
        margin-bottom: 3px;
        padding: 31px 18px 29px;
        width: 656px;
    }
        .Container03 .Pics {
            float: left;
            width: 346px;
        }
        .Container03 .Desc {
            display: inline;
            float: right;
            margin-right: 27px;
            width: 261px;
        }
            .Container03 .Desc h2 {
                color: #181717;
                font-size: 2.5em;
                margin-bottom: 10px;
                text-transform: uppercase;
            }
            .Container03 .Desc p {
                color: #656566;
                font-size: 1.7em;
            }
    .Container04 {
        background: #fff;
        margin-bottom: 47px;
        padding: 35px 18px 29px 23px;
        width: 651px;
    }
        .Container04 h3 {
            border-bottom: 1px solid #cecece;
            color: #474747;
            font-size: 1.4em;
            margin-bottom: 10px;
            padding-bottom: 9px;
            text-transform: uppercase;
        }
        .Container04 .Block01 {
            float: left;
            width: 306px;
        }
            .Container04 .Block01 .Box {
                margin-bottom: 33px;
            }
                .Container04 .Block01 .Box p {
                    color: #656566;
                    font-size: 1.3em;
                    font-weight: bolder;
                }
        .Container04 .Block02 {
            float: right;
            margin: 0px;
            width: 310px;
        }
            .Container04 .Block02 .Box01 {
                margin-bottom: 27px;
            }
                .Container04 .Block02 .Box01 p {
                    color: #1f1f1f;
                    font-size: 1.3em;
                    font-weight: bolder;
                }
                    .Container04 .Block02 .Box01 p  strong {
                        color: #656566;
                    }
            /*--------Tab Box------------*/
            .Container04 .Block02 .TabBox {}
                .Container04 .Block02 .TabBox li {
                    float: left;
                    /*padding-bottom: 5px;*/
                }
                .Container04 .Block02 .TabBox li.TechnicalInfos {
                    display: inline;
                    margin-right: 4px;
                    width: 145px;
                }
                .Container04 .Block02 .TabBox li.ProductionData {
                    width: 161px;
                }
                .Container04 .Block02 .TabBox li.RelatedTags {
                    display: inline;
                    margin-right: 4px;
                    width: 129px;
                }
                .Container04 .Block02 .TabBox li.TechnicalTags {
                    width: 177px;
                }
                .Container04 .Block02 .TabBox li.Active {
                    /*background: url(../images/arrow.gif) bottom no-repeat;*/
                }
                    .Container04 .Block02 .TabBox  a:link,
                    .Container04 .Block02 .TabBox  a:visited {
                        background: url(../images/bg-tab-01.gif) left top no-repeat;
                        color: #203886;
                        display: block;
                        font-size: 1.4em;
                        font-weight: bolder;
                        height: 25px;
                        padding: 0px 0px 0px 3px;
                        text-decoration: none;
                        text-transform: uppercase;
                    }
                        .Container04 .Block02 .TabBox span {
                            background: url(../images/bg-tab-01.gif) top right no-repeat;
                            cursor: pointer;
                            display: block;
                            height: 21px;
                            padding: 4px 0px 0px 0px;
                            text-align: center;
                        }
                    .Container04 .Block02 .TabBox .Active a:link,
                    .Container04 .Block02 .TabBox .Active a:visited/*,
                    .Container04 .Block02 .TabBox  a:hover */{
                        background-position: left bottom;
                        color: #eae2e2;
                    }
                    .Container04 .Block02 .TabBox  a:hover{
                        color:#474747;
                    }
                        .Container04 .Block02 .TabBox .Active a:link span,
                        .Container04 .Block02 .TabBox .Active a:visited span/*,
                        .Container04 .Block02 .TabBox a:hover span */{
                            background-position: right bottom;
                        }
                        .Container04 .Block02 .TabBox a:hover span{
                            color:#474747;
                        }
                        .Container04 .Block02 .TabBox .Active a:hover, .Container04 .Block02 .TabBox .Active a:hover span{
                            color:#EAE2E2;
                        }

                .Container04 .Block02 .TabBox .TabContent {
                    padding: 18px 0px 30px;
                    border-top: 3px solid #203886;
                    margin-top: -3px;
                }
            .Container04 .Block02 .TabBox .Hide {
                display: none;
            }
                .Container04 .Block02 .TabBox .Box01 {
                    margin-bottom: 0px;
                }
                /*--------Tag Cloud------------*/
                .Container04 .Block02 .TabBox .TagCloud {}
                    .Container04 .Block02 .TabBox .TagCloud a:link,
                    .Container04 .Block02 .TabBox .TagCloud a:visited {
                        background: #e8f4ff;
                        color: #243e8f;
                        float: left;
                        line-height: 26px;
                        margin: 0px 4px 6px 0px;
                        padding: 0px 10px;
                        width: auto;
                    }
                    .Container04 .Block02 .TabBox .TagCloud a:hover{
                        background: #c5daf0;
                    }
                    .Container04 .Block02 .TabBox .TagCloud .Style01 {
                        font-size: 1em;
                    }
                    .Container04 .Block02 .TabBox .TagCloud .Style02 {
                        font-size: 1.2em;
                    }
                    .Container04 .Block02 .TabBox .TagCloud .Style03 {
                        font-size: 1.4em;
                    }
                    .Container04 .Block02 .TabBox .TagCloud .Style04 {
                        font-size: 1.6em;
                    }
                    .Container04 .Block02 .TabBox .TagCloud .Style05 {
                        font-size: 1.8em;
                    }
                    .Container04 .Block02 .TabBox .TagCloud .Style06 {
                        font-size: 2em;
                    }
    .Container05 {
        background: #fff url(../images/bg03-loop.gif) left bottom repeat-x;
        margin-bottom: 3px;
        padding: 20px 18px 29px;
        width: 656px;
    }
        .Container05 h2 {
			color:#474747;
			font-size:1.7em;
			margin-bottom:10px;
        }
        .Container05 .Pics {
            float: left;
            border:6px solid #ABB3BB;
            width: 195px;
            margin: 0px 20px 10px 0px;
        }
            .Container05 .Pics img {
                width: 195px !important;
            }
        .Container05 .Desc {
            color:#656566;
            font-size:1.2em;
        }
			.Container05 .Desc p {
				margin-bottom: 10px; 
			}
			.Container05 .Desc ul{
				padding: 0 0 6px 0;
			}
			.Container05 .Desc li{
				background:url(../images/bullet-01.gif) 230px 4px no-repeat;
				padding: 0 0 2px 240px;
			}
			.Container05 .Desc a:link,
			.Container05 .Desc a:visited {
				color: #367DE4;
			}
        .Container05 .CommentHeading {
            color: #1e3683;
            margin: 10px 0px 10px 0px;
            font-size: 1.2em;
            border-top: 1px solid #C9D0D8;
            padding-top: 10px;
        }
        .Container05 .CommentList {
            margin: 0px;
            padding: 0px;
        }
        .Container05 .CommentList li {
            font-size: 1.1em;
            list-style: none;
            margin-bottom: 10px;
        }
            .Container05 .CommentList li img {
                float: left;
                margin: 0px 5px 5px 0px;
            }
            .Container05 .CommentList li .comment-author {
                font-weight: bolder;
            }
            .Container05 .CommentList li p {
                clear: both;
                padding-bottom: 5px;
            }
                .Container05 .CommentList li .commentmetadata a:link,
                .Container05 .CommentList li .commentmetadata a:visited {
                    color: #367DE4;
                }
        .Container05 #respond p {
            font-size: 1.1em;
            padding-bottom: 10px;
        }
            .Container05 #respond a:link,
            .Container05 #respond a:visited {
                color: #367DE4;
            }
            .Container05 #respond input,
            .Container05 #respond textarea {
                clear: both;
                color: #656566;
                display: block;
                font-size: 1.1em;
                margin-bottom: 10px;
            }
            .Container05 #respond textarea {
                height: 150px;
                width: 450px;
            }
            .Container05 #respond input.Button {
                background: url(../images/btn-submit.gif) left top no-repeat;
                border: none;
                font-size: 0px;
                height: 20px;
                line-height: 0px;
                overflow: visible;
                text-indent: -10000px;
                width: 112px;
		cursor: hand;
		cursor: pointer !important;
            }

        .Container01 .screen-reader-text {
            display: none;
        }
        .Container01 input#s {
            float: left;
            font-size: 1.1em;
            margin: 0px 10px 0px 0px;
            padding: 2px 3px 2px;
            width: 153px;
            color: #666;
        }
        .Container01 #searchsubmit {
            background: url(../images/btn-search.gif) left 1px no-repeat;
            cursor: pointer;
            line-height: 0px;
            height: 22px;
            padding: 0px;
            text-indent: -10000px;
            width: 60px;
            border: none;
        }
.Error {
    color: red;
    font-weight: bold;
}