/* general style */

	html, body {
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.wrapper {
		position: relative;
		width: 100%;
	}
	.generalContent {
		padding-top: 10px;	
		margin: 0 auto;
		width: 545px;
		height: 545px;
	}
    .ballsLine {
        position: absolute;
        top: 17px;
        left: 50%;
        margin-left: -4px;
        z-index: 9;
    }
	.borders {
		border-radius: 6px;
	}
	.boxShadow {
		-moz-box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.4);
		box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.4);
	}
	
    /* left general content */
    	
    	.leftContentSlice {
    		float: left;
    		width: 272px;
    		height: 545px;
    		background-color: #f0f0f0;
    	}
    	.leftContent {
    		position: relative;
    	}
    	.logoContainer {
    		width: 272px;
    		height: 215px;
    		text-align: center;
    	}
    	.logoContainer img {
    		padding: 32px;
    	}
    	
        /* menu content */
            
            .inactive {
                color: #FFF;
            }
            .active {
                color: #ff6600;
            }
            .firstMenuContainer {
                position: absolute;
                top: 220px;
                right: 0;
                width: 285px;
                height: 130px;
                background-color: #52708a;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
                z-index: 8;
            }
            .emailSlice {
                width: 272px;
                position: absolute;
                bottom: 0;
                text-align: left;
            }
            .email {
                padding: 10px;
            }
            .email a:hover {
                color: #ff6600;
            }
            .email a {
                font-family: Calibri;
                font-size: 14px;
                color: #52708a;
                text-decoration: none;
            }
            .flag {
                width: 50px;
                height: 15px;
                bottom: 11px;
                right: 10px;
                position: absolute;
                cursor: pointer;
            }
            .flagSub:hover {
                color: #ff6600;
            }
            .flagSub {
                font-size: 14px;
                width: 20px;
                height: 15px;
                float: right;
                margin-right: 5px;
                font-family: Calibri;
                color: #52708a;
            }
            .menuLink {
                float: left;
                width: 100%;
                height: 17px;
            }
            .menuContent {
                font-size: 13px;
                font-family: Calibri;
                padding: 5px; 
                cursor: pointer;
            }
            .menuContent:hover {
                font-size: 13px;
                font-family: Calibri;
                color: #ff6600;
                padding: 5px; 
                cursor: pointer; 
            }
            .secondMenuContainer {
                position: absolute;
                top: 150px;
                right: 0;
                width: 285px;
                height: 30px;
                background-color: #52708a;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
                z-index: 0;
            }
            .secondMenuContainer .menuLink {
                float: left;
                width: 285px;
            }
            .secondMenuContainer .menuContent {
                font-size: 13px;
                font-family: Calibri;
                padding: 7px;
                cursor: pointer;
            }
            .secondMenuContainer .menuContent:hover {
                font-size: 13px;
                font-family: Calibri;
                color: #ff6600;
                padding: 7px;
                cursor: pointer;
            }
            .thirdMenuContainer {
                position: absolute;
                top: 200px;
                right: 0;
                width: 285px;
                height: 30px;
                background-color: #52708a;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
                z-index: 0;
            }
            .thirdMenuContainer .menuLink {
                float: left;
                width: 285px;
            }
            .thirdMenuContainer .menuContent {
                font-size: 13px;
                font-family: Calibri;
                padding: 7px;
                cursor: pointer;
            }
            .thirdMenuContainer .menuContent:hover {
                font-size: 13px;
                font-family: Calibri;
                color: #ff6600;
                padding: 7px;
                cursor: pointer;
            }
            
    /* right general content */
    
        .rightContentSlice {
            float: right;
            width: 272px;
            height: 545px;
            background-color: #e5e5e5;
        }	
        .rightContent {
            position: relative;
        }
        .stonesImg {
            position: absolute;
            bottom: 0;
            width: 272px;
            height: 195px;
            text-align: center;
        }
        #case1 {
            display: none;
        }
        #case2 {
            display: none;
        }
        #case3 {
            display: none;
        }
        #case4 {
            display: none;
        }
        #case5 {
            display: none;
        }
        #case6 {
            display: none;
        }
        #case7 {
            display: none;
        }
        #case8 {
            display: none;
        }
        #case9 {
            display: none;
        }
        
            /* pages content */
            
                .secondPageTitle {
                    padding: 0 15px 0 15px;
                    font-family: Calibri;
                    color: #ffff33;
                }
                .secondPageContent {
                    padding: 10px 15px 10px 15px;
                    font-family: Calibri;
                    font-size: 12px;
                    text-align: justify;
                    color: #FFF;        
                }
                .secondPageContent img {
                    float: left;
                    padding-left: 10px;
                    padding-right: 10px;
                    margin-top: 10px;
                }
                .secondPageContent ul {
                    margin-left: -23px;
                }
                .backButton {
                    color: #ffff33;
                    font-family: Calibri;
                    font-weight: bold;
                    font-size: 10px;
                    float: right;
                    margin: 10px 15px 0 0;
                    cursor: pointer;
                }