html, body {height: 100%;}

html {
    background: #fff url(../images/background.jpg) ;
    height:100%;
}

body {
    background: url(../images/bghead.png) repeat-x;
    height: 150px;
    font: 12px Arial;
    color: #4c4c4c;
    height:100%;
}

    a {
        outline: none;
        cursor: pointer;
        border: none;
        text-decoration: none;
    }

    
    #wrapper {
        margin:0 auto;
        position:relative;
        width: 970px;
		min-height: 100%;
    }



/*header*/
    
    #header {
        height: 140px;
        position: relative;
    }
    
        #header .clientlogo {
            position: absolute;
            top: 0;
            left: -184px;
            display: block;
            background: url(../images/banner-atap.png) no-repeat;
            width:767px;
            height:140px;
        }
        
        #header .clientlogo-link {
            width: 403px;
            height: 80px;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
        }

/*subheader*/
        
    #header .subheader {
        width: 380px;
        position: absolute;
        top: 10px;
        right: 0;      
        font: 11px Arial;
        color: #fff;  
        height: 25px;
    }
        
        .subheader .navy {
            padding-top: 7px;
            float: left;
        }
        
        .subheader .navy a {
            font: 11px Arial;
            color: #fff;
            margin: 0 5px;
        }
			
		.subheader .navy a:hover, .subheader .navy a.active {
			color:#FFE800;
		}
        
        .subheader a.en {
            background: url(../images/en.png) no-repeat;
            width: 26px;
            height: 21px;
            margin-right: 5px;
            display: block;
            float: left;
        }
        
        .subheader a:hover.en, .subheader .en-selected {
            background: url(../images/en-selected.png) no-repeat;
            width: 26px;
            height: 21px;
            margin-right: 5px;
            display: block;
            float: left;
        }
        
        .subheader a.id {
            background: url(../images/id.png) no-repeat;
            width: 26px;
            height: 21px;
            margin-right: 5px;
            display: block;
            float: left;
        }
        
        .subheader a:hover.id, .subheader .id-selected {
            background: url(../images/id-selected.png) no-repeat;
            width: 26px;
            height: 21px;
            margin-right: 5px;
            display: block;
            float: left;
        }
        
        .subheader .search {
            background: url(../images/search-column.png) no-repeat;
            width: 88px;
            height: 23px;
            float: left;
            border: none;
            margin:0 5px;
            padding-left: 12px;
            padding-right: 24px;
            font: 11px Tahoma;
            color: #aaaaaa;
        }

		.subheader .submit {
            background: url(../images/submit.gif) no-repeat;
			width: 12px;
			height: 10px;
			position: absolute;
			top: -3px;
			right: 82px;
			border: 0 none;
			cursor: pointer;
		}

/*navigator*/
        
    .navigator {
        text-align: center;
        font:bold 14px Arial;
        color: #fff;
        position: absolute;
        bottom: 20px;
        left: 45px;
    }
    
        .navigator a {
            font:bold 14px Arial;
            margin: 0 6px;
            color: #fff;
        }
        
        .navigator a:hover, .navigator a.active {
            font:bold 14px Arial;
            margin: 0 6px;
            color: #ffe800;
        }

/*container*/
    
    #container {
        width: 970px;
        padding: 20px 0 99px 0;
        position: relative;
		overflow:hidden;
		margin-bottom: 20px;
    }
    

/*Home*/

@font-face {
    	font-family: Aller;
    	src: url('../images/Aller.ttf');
    }

    @font-face {
    	font-family: Aller;
    	font-weight: bold;
    	src: url('../images/Aller.ttf');
    }

#bannerHome {
    padding:0 0 20px 0 ;
}

	.slidertitle {
		
		width: 960px;
		height: 80px;
		z-index:99999999;
		text-align: center;
		position: absolute;
		top: 20px;
	}

	.slidertitle a.roofing {
        font-family: Aller;
        font-size:36px;
        color: #595959;
        text-transform: uppercase;
        text-align: center;
        position: absolute;
        top: 310px;
        left:335px;
    }

.imagesHome {
        z-index:1;
        position: relative;
    }

#bannerHome a.roofing {
        font-family: Aller;
        font-size:36px;
        color: #595959;
        text-transform: uppercase;
        text-align: center;
        position: absolute;
        top: 310px;
        left:335px;
    }
.slider {
            width: 960px;
        height:336px;
            position: relative;
        }
        
#sideWraphome-left {
    width: 560px;
    float: left;
}

.separator {
    width: 1px;
    height: 263px;
    background: url(../images/separator.png) repeat-y;
    margin:0 15px;
    float: left;
    
}

#sideWraphome-right {
    width: 360px;
    float: right;
}

    #sideWraphome-right .date {
        font: 22px Arial;
        color: #707070;
        height: 80px;
        width: 55px;
        float: left;
        padding:20px 10px 0 0;
    }
    
    #sideWraphome-right p {
        margin: 0.5em 0;
    }
    
    #sideWraphome-right h4 {
        font:bold 14px Arial;
        color:#00984a;
    }
    
        .allnews {
            float: right;
            display: block;
            width: 82px;
            height: 26px;
            background: url(../images/allnews.png) no-repeat;
            margin:10px 0;
        }
    
/*side-content*/

        #container #sideContent {
            width: 258px;
            float: left;
        }    
        
        #container .time {
            float: left;
            font: 12px Arial;
            color:#4d4d4d;
            margin:0 0 10px 0;
        }
        
        #container a.log {
            float: right;
            font: 12px Arial;
            color:#4d4d4d;
            margin:0 0 10px 0;
            display: block;
        }
        
            #sideContent .box-image-about {
                width: 244px;
                height: 144px;
                background: url(../images/box-image.png) no-repeat;
                padding: 7px;
                margin:0 0 10px 0;
            }

                #sideContent .sideWrap-top {
                    width: 218px;
                    height:38px;
                    background: url(../images/sideWrap-top.png) no-repeat;
                    padding: 15px 20px 0 20px;
                }
                
                #sideContent .sideWrap-topnews {
                    width: 218px;
                    height:64px;
                    background: url(../images/sideWrap-topnews.png) no-repeat;
                    padding: 15px 20px 0 20px;
                }
                
                    .cat-icon {
                        background: url(../images/cat-icon.png) no-repeat;
                        width: 16px;
                        height: 15px;
                        float: left;
                        margin:5px 10px 0 0;
                    }
                
                #sideContent .sideWrap-main {
                    width: 218px;
                    background: url(../images/sideWrap-main.png) repeat-y;
                    padding: 0 20px;
                }
                
                #sideContent .sideWrap-main ul li {
                    background: url("../images/cube.gif") no-repeat scroll 0 40% transparent;
                    padding:0.3em 0 0.5em 2em;
                }
                        
                    #sideContent .sideWrap-main ul li ul li {
                        background: url("../images/subcube.gif") no-repeat scroll 0 40% transparent;
                        padding:0.1em 0 0.3em 2em;
                    }    
                        
                #sideContent .sideWrap-main ul li a {
                    font: 16px Arial;
                    color: #fff;    
                    text-shadow: 1px 1px 1px #000;                
                }
                    
                    #sideContent .sideWrap-main ul li a ul li a {
                        font: 16px Arial;
                        color: #fff;    
                        text-shadow: 1px 1px 1px #000;                
                    }
                    
                #sideContent .sideWrap-main ul li a:hover, #sideContent .sideWrap-main ul li a.submenuactive {
                    font: 16px Arial;
                    color: #ffe800;    
                    text-shadow: 1px 1px 1px #000;                
                }
                
                /* Media */
                    
                    #sideContent .sideWrap-main ul#media {
                        padding:0;
                        margin:0;
                    }
                
                    #sideContent .sideWrap-main ul#media li {
                        background: url("../images/cube.gif") no-repeat scroll 0 5px transparent;
                        padding:0.1em 0 0.3em 2em;
                    }
                            
                        #sideContent .sideWrap-main ul#media li ul#subcube li.subcube {
                            background: url("../images/subcube.gif") no-repeat scroll 0 40% transparent;
                            padding:0.1em 0 0.3em 2em;
                            display: block;
                        }    
                            
                    #sideContent .sideWrap-main ul#media li a {
                        font: 16px Arial;
                        color: #fff;    
                        text-shadow: 1px 1px 1px #000;                
                    }
                        
                        #sideContent .sideWrap-main ul#media li a ul#subcube li.subcube a {
                            font: 16px Arial;
                            color: #fff;    
                            text-shadow: 1px 1px 1px #000;                
                        }
                        
                    #sideContent .sideWrap-main ul#media li a:hover, #sideContent .sideWrap-main ul li#media a.active {
                        font: 16px Arial;
                        color: #ffe800;    
                        text-shadow: 1px 1px 1px #000;                
                    }
                    
                        #sideContent .sideWrap-main ul#media li a ul#subcube li.subcube a:hover, #sideContent .sideWrap-main ul li#media a ul#subcube li.subcube a.active {
                            font: 16px Arial;
                            color: #ffe800;    
                            text-shadow: 1px 1px 1px #000;                
                        }
                    
                    #mainContent .other {
                        float: left;
                        margin: 10px 10px 20px 0;
                        width:265px;
                        
                    }
                    
					#mainContent ul {
						margin-left: 15px;
					}
                    #mainContent ul, #mainContent ul li {
                        list-style: disc !important;
                        padding:0.5em 0 0 1em;
                    }
				
					#mainContent ul li a {
						text-decoration: none;
						color:#4C4C4C;
					}
                    
                    .id-thumb {
                       background: url(../images/idcontact.png) no-repeat;
                       width: 22px;
                       height: 19px;
                       float: left; 
                       margin:25px 10px 0 10px;
                    }      
                        .see-archive {
                            background: url(../images/seearchive.png) no-repeat;
                            width: 102px;
                            height: 26px;
                            position: absolute;
                            bottom: 5px;
                            right: 20px;
                            display: block;
                        }
                                      
                        .other a.title {
                            font: bold 16px Arial;
                            color: #00984a;
                        }
                        
                        .other a.more {
                            background: url(../images/more.png) no-repeat;
                            width: 82px;
                            height: 26px;
                            display: block;
                        }
                    
                    #mainContent .article {
                        margin: 10px 0 20px 0;
                    }
                    
                        .article a.title {
                            font: bold 16px Arial;
                            color: #00984a;
                        }
                        
                        .article a.more {
                            background: url(../images/more.png) no-repeat;
                            width: 82px;
                            height: 26px;
                            display: block;
                        }
					
						.article a.unduh {
		                    background:url("../images/download.png") no-repeat scroll 0 0 transparent;
							display:block;
							float:left;
							height:26px;
							width:82px;
		                }
                    
                /* End of Media */
                
                #sideContent .select {
                    width: 200px;
                    height: 20px;
                    float: left;
                    border: 1px solid #4fa67c;
                    margin: 15px 10px 0 10px;
                    color:#646464;
                }
                
                #sideContent .go {
                    width: 64px;
                    height:29px;
                    background: url(../images/go.png) no-repeat;
                    float: right;
                    border: none;
                    margin:10px 10px 0 0;
                    cursor: pointer;
                }
                
                #sideContent .sideWrap-bottom {
                    width: 258px;
                    height:21px;
                    background: url(../images/sideWrap-bottom.png) no-repeat;
                }

/* login */

#container .mainContent-login {
    height: 397px;
    width: 960px;
}

#container .mainContent-login .login {
    position: absolute;
    top:50%;
    left:50%;
    width: 258px;
    height: 181px;
    background: url(../images/login-crm.png) no-repeat;
    margin-left:-179px;
    margin-top:-90px;
}

    .login .login-form {
        margin: 60px 0 0 0;
        text-align: center;
        padding:0 32px;
    }

    .login .login-form .inputlogin {
        width: 166px;
        height: 31px;
        background: url(../images/fieldlogin.png) no-repeat;
        border: none;
        padding: 0 15px;
        margin: 2px 0;
    }
    
    .login .login-form .submitlogin {
        width: 64px;
        height: 29px;
        background: url(../images/login.png) no-repeat;
        border: none;
        float: right;
        margin:4px 0;
        cursor: pointer;
    }
    
/*main-content*/
            
        #container #mainContent {
            width: 690px;
            float: right;           
        }
            
            #container .breadcrumb {
                
                float: right;
                padding: 5px 10px 5px 0;
            }
            
                .breadcrumb a {
                    font-size: 11px;
                    color:#4C4C4C;
                }
                
                .breadcrumb a:hover {
                    text-decoration: underline;
                }
                
                .breadcrumb span {
                    font-size: 11px;
                    color:#4C4C4C;
                }
            
			#container #searchContent {
				width: 970px;
				
			}
                
                #searchContent p {
                    display:block;
                    margin:0.5em 0;
                }
                
                #searchContent a {
                    color:#4C4C4C;
                }
                
                
            #mainContent .welcome {
                font:bold 16px Arial;
                color: #666666;
                margin:10px 0 20px 0;
            }
            
            #mainContent .please-service {
                font:bold 14px Arial;
                color: #666666;
                margin-bottom: 10px;
            }
            
            #mainContent .please-service a {
                font:bold 14px Arial;
                color: #666666;
                margin-bottom: 20px;
            }
            
            #mainContent .box-banner {
                background: url(../images/box-banner-main.png) no-repeat;
                width: 674px;
                height: 194px;
                padding: 7px 7px;
                margin: 0 0 10px 0;
            }
            
            #mainContent .box-product {
                background: url(../images/box-banner-product.png) no-repeat;
                width: 674px;
                height: 334px;
                padding: 7px 7px;
                margin: 0 0 10px 0;
                float:left;
                position:  relative;
            }
                
                #mainContent .box-product .rbt {
                    position: absolute;
                    bottom: 20px; 
                    right: 20px;
                }
                
                #mainContent .box-product .rbt .box-product-thumb {
                    border: 2px solid #fff;
                    width: 74px;
                    height: 54px;
                    float: left;
                    margin: 0 0 0 10px;
                    display: block;
                }
            
            #mainContent .box-product-detail {
                background: url(../images/box-product-detail.png) no-repeat;
                width: 246px;
                height: 176px;
                padding: 6px 6px;
                margin: 10px 10px 0 0;
                float: left;
            }
            /* tab */
            #mainContent .tab {
                margin-top: 10px;
				position: relative;
            }
            
            #mainContent .tab a.tab-l {
                display: block;
                background: url(../images/tab-l.png) no-repeat;
                height: 34px;
                float: right;
                padding:0 0 0 12px;
                font: 10px Arial;
                color: #4d4d4d;
                margin-left: -15px;
                margin-bottom: -8px;
                vertical-align: top;
            }
            
            #mainContent .tab a:hover.tab-l, #mainContent a.tabactive-l {
                display: block;
                background: url(../images/tabactive-l.png) no-repeat;
                height: 34px;
                float: right;
                padding:0 0 0 12px;
                font: 10px Arial;
                color: #fff;
                vertical-align: top;
				margin-left: -15px;
                margin-bottom: -8px;
            }
            
                #mainContent .tab a.tab-l span {
                    display: block;
                    background: url(../images/r-tab.png) repeat-x right;
                    height: 24px;
                    float: right;
                    padding:10px 15px 0 5px;
                    margin-bottom: -8px;  
                    vertical-align: top;                  
                }
            
                #mainContent .tab a:hover.tab-l span, #mainContent .tab a.tabactive-l span {
                    display: block;
                    background: url(../images/r-tabactive.png) repeat-x right;
                    height: 24px;
                    float: right;
                    padding:10px 15px 0 5px;
                    vertical-align: top;
                }
                
                
                
                /* End of tab tab */
                
            #mainContent .tabdetailWrap-top {
                background: url(../images/productWrap-top.png) no-repeat;
                width: 688px;
                height: 16px;
                margin-top:6px;
            }
            
            #mainContent .tabdetailWrap-main {
                background: url(../images/productWrap-main.png) repeat-y;
                width: 648px;
                padding: 5px 20px;
                position: relative;
            }
            
                #mainContent .tabdetailWrap-main h1 {
                    font:bold 14px Arial;
                    color: #666666;
                }
            
                #mainContent .tabdetailWrap-main ul.green li {
                    background: url("../images/greenbullet.jpg") no-repeat scroll 0 40% transparent;
                    padding:0.1em 0 0.3em 1.5em;
                }
                
                
            #mainContent .tabdetailWrap-bottom {
                background: url(../images/productWrap-bottom.png) no-repeat;
                width: 688px;
                height: 16px;
            }
            
			#mainContent .wrapprofile {
				overflow: auto;
				width: 1000px;
			}

            #mainContent .profile {
                margin: 10px 0 10px 0;
				overflow: hidden;
            } 
            
                #mainContent .profile .prof-pict {
                    float: left;
                    background: url(../images/box-profile.png) no-repeat;
                    width: 168px;
                    height: 168px;
                    padding: 7px 7px;
                    margin: 0 10px 0 0;
                }
                
                #mainContent .profile .fieldname {
                    font: bold 14px Arial;
                    color:#666666;
                    padding: 0 0 10px 0;
                }
            
                #mainContent .profile a.edit {
                    background: url(../images/edit.png) no-repeat;
                    width: 71px;
                    height: 26px;
                    display: block;
                    float: left;
                }
                
                #mainContent .profile a.change {
                    background: url(../images/changpict.png) no-repeat;
                    width: 138px;
                    height: 26px;
                    display: block;
                    float: left;
                }
                
                #mainContent .profile a.save {
                    background: url(../images/save.png) no-repeat;
                    width: 71px;
                    height: 26px;
                    display: block;
                    float: left;
                    margin-top: 50px;
                }
                
                #mainContent .profile a.filter {
                    background: url(../images/filter.png) no-repeat;
                    width: 74px;
                    height: 26px;
                    display: block;
                    float: right;
                }
                
                #mainContent .profile a.downlaod {
                    background: url(../images/download-csv.png) no-repeat;
                    width: 124px;
                    height: 26px;
                    display: block;
                    float: right;
                    margin-top: 20px;
                }
                
                #mainContent .profile .tb-jual {
                    border: 1px solid #00a856;
                }
                
                #mainContent .profile .tb-jual tr.bghead-tb {
                    background: url(../images/bghead-tb.jpg) repeat-x;
                    height: 34px;
                }
            
                #mainContent .profile .tb-jual tr.bghead-tb td {
                    font:bold 14px Arial;
                    color:#fff;
                    text-align: center;
                    vertical-align: middle;
					padding: 0 10px;
		
                }
                
                #mainContent .profile .tb-jual tr.bghead-tb-wh {
                    background: #e7fbf1;
                    height:30px;
                }
                
                #mainContent .profile .tb-jual tr.bghead-tb-wh td {
                    text-align: center;
                    vertical-align: middle;
                    font: 12px Arial;
                    color:#0e0e0e;
                    
                }
                
                #mainContent .profile .tb-jual tr.bghead-tb-gr {
                    background: #d9ffec;
                    height:30px;
                }
                
                #mainContent .profile .tb-jual tr.bghead-tb-gr td {
                    text-align: center;
                    vertical-align: middle;
                    font: 12px Arial;
                    color:#0e0e0e;
                    
                }
                
                #mainContent .profile .block-filter {
                    float: right;
                    width: 410px;
                    height: 55px;
                    background: url(../images/block-filter.png) no-repeat;
                    padding: 20px 20px;
                    margin-top: 10px;
                }
                
                    #mainContent .profile .block-filter .select-cat {
                        width: 190px;
                        height: 25px;
                        background: url(../images/listfield.png) no-repeat;
                        padding: 5px 0 5px 5px;
                        border: none;
                        font: 12px Arial;
                        color:#808080;
                        
                    }
                
                #mainContent .profile .searchprod {
                    width: 180px;
                    height: 25px;
                    background: url(../images/listfield.png) no-repeat;
                    padding: 0 5px 5px 5px;
                    border: none;
                    font: 12px Arial;
                    color:#808080;
                    margin:2px 0 10px 10px;
                }
                
                #mainContent .profile .goprod {
                    width: 49px;
                    height: 29px;
                    background: url(../images/goes.png) no-repeat;
                    padding: 5px 0 5px 5px;
                    margin:0 0 10px 10px;
                    border: none;
                }
            
            #mainContent .item-product {
                height:180px;
                width: 158px;
                float: left;
                margin: 10px 12px 10px 0;
            } 

			#mainContent .item-library {
                height:158px;
                width: 218px;
                float: left;
                margin: 10px 12px 10px 0;
            } 

            
                #mainContent .item-product .thumb-product {
                    float: left;
                    background: url(../images/box-product.png) no-repeat;
                    width: 144px;
                    height: 144px;
                    padding: 7px 7px;
					display:block;
                }
            		
				#mainContent .item-library .thumb-library {
                    float: left;
                    background: url(../images/box-library.png) no-repeat;
                    width: 202px;
                    height: 142px;
                    padding: 8px 8px;
					display:block;
                }

                #mainContent .item-product a.info {
                
                    font:bold 15px Arial;
                    color: #4c4c4c;
                    padding:0 0 0 5px;
                }

				#mainContent .item-library span.info {
                
                    font:bold 15px Arial;
                    color: #4c4c4c;
                    padding:0 0 0 5px;
                }
                
                .searching-kamus {
                    position: relative;
                    float: right;
                    margin-bottom: 20px;
                }
                
                .search-alpha {
                    background: url(../images/search-kamus.jpg) no-repeat;
                    width:164px;
                    height: 34px;
                    border: none;
                    padding: 0 40px 0 10px;
                    position: relative;
                }
                
                .search-btn-luv {
                    background: url(../images/luv.png) no-repeat;
                    width: 21px;
                    height: 21px;
                    position: absolute;
                    right: 10px;
                    top:5px;
                    cursor: pointer;
                    display: block;
                    border: none;
                }
                
                .alphabet {
                    margin:10px 15px 20px 36px;
                    _margin:10px 5px 20px 18px;
                    float:left;
                }
                
                .alphabet a {
                    display: block;
                    padding:1px 5px;
                    text-align: center;
                    border: 1px solid #00944c;
                    background: #00944c;
                    font: 12px Arial;
                    text-shadow: 1px 1px 1px #000;
                    color: #fff;
                    float: left;
                    margin:0 2px;
                    text-transform: uppercase;
                    
                }
                
                .alphabet a.active , .alphabet a:hover {
                    float: left;
                    display: block;
                    padding:1px 5px;
                    text-align: center;
                    border: 1px solid #00944c;
                    text-shadow: 1px 1px 1px #000;
                    background: #00944c;
                    color: #ffe800;
                    margin:0 2px;
                }
                
                .letter {
                    font:bold 20px Arial;
                    color:#4b4841;
                    margin:5px 0;
                }
                
                .word {
                    font:bold 16px Arial;
                    color:#00984a;
                    margin:5px 0;
                }
                
                .word-selected {
                    color:#00984a;
                    font-weight: bold;
                }
                
                /* Paginition */
                
                .pagination {
                    margin:10px 15px 0 0;
                    _margin:10px 5px 0 0;
                    float:right;
                }
                
                .pagination a {
                    display: block;
                    padding:1px 5px;
                    text-align: center;
                    border: 1px solid #00944c;
                    background: #fff;
                    font: 12px Arial;
                    color: #00944c;
                    float: left;
                    margin:0 2px;
                }
                
                .pagination a.active , .pagination a:hover {
                    float: left;
                    display: block;
                    padding:1px 5px;
                    text-align: center;
                    border: 1px solid #00944c;
                    background: #00944c;
                    color: #fff;
                    margin:0 2px;
                }
                
                .pagination-nav {
                    margin:10px 15px 0 0;
                    _margin:10px 5px 0 0;
                    float:right;
                }
                
                .pagination-nav .next {
                    float: left;
                    width: 82px;
                    height: 26px;
                    background:url(../images/next.png) no-repeat;
                    display: block;
                    margin: 0 0 0 10px;
                }
                
                .pagination-nav .prev {
                    float: left;
                    width: 82px;
                    height: 26px;
                    background:url(../images/prev.png) no-repeat;
                    display: block;
                    margin: 0 0 0 10px;
                }
            
/* Problem */

.problem-content {
    width: 600px;
    float: left;
}
                
                
 /* Part */
 
 .part {
    width: 460px;
    float: left;
    border-bottom:1px solid #b3b3b3;
    margin: 10px 20px 0 0;
    height: 90px;
 }    
  
  .part .item {
    width: 360px;
    float: left;
  }
  
  .part .item a.room {
    font: bold 16px Arial;
    color: #00984a;
    line-height: 20px;
    margin: 0.0em 0;
  }
              
 /* Media */              
 
 #media-newsletter {
    width: 960px;
    height: 123px;
    background: url(../images/bn-media.jpg) no-repeat;
    position: relative;
    margin-bottom: 20px;
 }      
    #media-newsletter .subscriber {
        background: url(../images/bar-newsletter.png) no-repeat;
        width: 320px;
        height: 32px;
        position: absolute;
        right: 11px;
        bottom: 14px;
        padding-top: 12px;
    }
    
    #media-newsletter .subscriber .fieldnews {
        background: url(../images/fieldnews.png) no-repeat;
        width: 121px;
        height: 23px;
        float: right;
        border: none;
        padding:0px 5px;
		font: 11px Tahoma;
		color:#999999;
    }
 
    #media-newsletter .subscriber .submitnews {
        background: url(../images/submitnews.png) no-repeat;
        width: 53px;
        height: 24px;
        float: right;
        border: none;
        margin:0 10px;
        cursor: pointer;
    }

#container .media-block {
    width: 460px;
}

 .media-heading {
    width: 460px;
    float: left;
    margin: 10px;
    height: 50px;
 }      
    
 .media {
    width: 460px;
    margin: 10px;
 }     
 
 .media .article {
    height: 90px;
	padding-bottom: 20px;
 }  

 #library {
    float: left;
    width: 908px;
    height: 270px;
    background: url(../images/libraryWrap.png) no-repeat;
    padding: 28px 30px 0 30px;
    margin-top: 20px;
 }
 
     #library h2 {
       font:22px Arial;
       color: #00984a; 
     }
 
 .box-library {
    float: left;
    width: 206px;
    height: 146px;
    background: url(../images/box-library.png) no-repeat;
    padding: 6px;
    margin:10px 9px 0 0;
    position: relative;
 }
 
     .info {
        margin: 6px 0 0 4px;
        font: bold 16px Arial;
        color: #4d4d4d;
        display: block;
     }
 
 .line {
    border-bottom:1px solid #b3b3b3;
 }
 
 a.morenews {
    background: url(../images/more.png) no-repeat;
    width: 82px;
    height: 26px;
    display: block;
    margin:10px 0;
 }
 
 a.morenews-abs {
    background: url(../images/more.png) no-repeat;
    width: 82px;
    height: 26px;
    display: block;
    position: absolute;
    right: 45px;
    bottom:143px;
 }
 
 /* Contact */
 
 .mainContact-left {
    float: left;
    width: 480px;
    padding-left: 10px;
 }
 
 .mainContact-left h6 {
    font:bold 16px Arial;
    color: #00984a;
 }
 
 .mainContact-right {
    float: right;
    width: 380px;
    padding-right: 10px;
 }
 
    .mainContact-right .contactWrap-top {
        background: url(../images/contactWrap-top.png) no-repeat;
        width: 380px;
        height:14px;
        
    }
    
    .mainContact-right .contactWrap-main {
        background: url(../images/contactWrap-main.png) repeat-y;
        width: 350px;
        padding:5px 15px;
        color: white;
        
    }
    
    
    .mainContact-right .contactWrap-main a.title {
        font: bold 20px Arial;
        color: #fff;
        text-shadow: 1px 1px 1px #000000;
    }
    
	.contacttitle {
        font: bold 20px Arial;
        color: #fff;
        text-shadow: 1px 1px 1px #000000;
    }

    .mainContact-right .liner {
        background: url(../images/contactWrap-line.png) no-repeat;
        height: 2px;
        width: 352px;
        margin:0.5em 0;
    }
    
    .mainContact-right .contactWrap-bottom {
        background: url(../images/contactWrap-bottom.png) no-repeat;
        width: 380px;
        height:14px;
        
    }
 
 /* Download */
 
 .downloader {
    width: 460px;
    float: left;
    border-bottom:1px solid #b3b3b3;
    margin: 10px 20px 10px 0;
 }        
 
  .downloader a.download {
    display: block;
    background: url(../images/download.png) no-repeat;
    width: 82px;
    height: 26px;
    float: right;
  }      
  
  .downloader .item {
    width: 310px;
    padding: 0 0 0 10px;
    float: left;
    height: 60px;
  }
  
  .downloader .item p.name {
    font: bold 14px Arial;
    color: #666666;
    line-height: 20px;
    margin: 0;
  }
  
  .downloader .item p.size {
    font: 12px Arial;
    color: #666666;
    line-height: 18px;
    margin: 0.5em 0;
  }
                
                
/*footer*/ 
       
    #footer {
        background: url(../images/footer.png) repeat-x;
        height: 90px;
        position:relative;
        margin-top: 20px;
		position: relative;
		margin-top: -90px; /* negative value of footer height */
		clear:both;
    }
    
        #footer #main-footer {
            margin: 0 auto;
            width: 960px;
        }
        
        #main-footer .menu {
            padding-top:30px;
            float: left;
            font: 11px Arial;
            color: #fff;         
            line-height: 18px;   
        }
        
        #main-footer .menu a {
            font: 11px Arial;
            color: #fff;    
            margin:0 6px;      
        }
        
        #main-footer .menu span {
            font: 11px Arial;
            color: #fff;    
            margin:0 6px;      
        }
        
        #main-footer .widget {
            float: right;
            position: relative;
        }
            .widget .online {
                background: url(../images/online-chat.jpg) no-repeat;
                width: 117px;
                height: 44px;
                margin-top: 25px;
                float: right;
                display: block;
            }
            
            .widget .separator {
                /*background: url(../images/separator-footer.jpg) no-repeat;*/
                background: #272727;
                height: 0;
                float: right;
            }
            
            .widget .sound {
                background: url(../images/sounds.png) no-repeat;
                width: 20px;
                height:22px;
                position: absolute;
                top: 25px;
                right: 150px;
            }
            
            .widget .music {
                background: url(../images/music.png) no-repeat;
                width: 18px;
                height:22px;
                position: absolute;
                top: 55px;
                right: 150px;
                display: block;
            }