.header .logo{
	background: url(../images/logo.jpg) no-repeat;
}
body{
font-family: "Myriad Pro";
}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
    src:url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ca-menu{padding:0%; } 
.ca-menu li{                                    width: 100%; height: 104px; overflow: hidden; position: relative;  background: #3a73ba; } 
.ca-menu li a.home{         text-align: center; width: 100%; height: 100%; display: block; color: #fff; background: #3a72bc; position: relative; } 
.ca-menu li a.watch{        text-align: center; width: 100%; height: 100%; display: block; color: #fff; background: #eeb311; position: relative; } 
.ca-menu li a.discuss{      text-align: center; width: 100%; height: 100%; display: block; color: #fff; background: #00929f; position: relative; }
.ca-menu li a.speakup{      text-align: center; width: 100%; height: 100%; display: block; color: #fff; background: #b1bb1e; position: relative; } 
.ca-icon{    font-family: 'WebSymbolsRegular', cursive; color: #c5e4f4; font-size: 90px; 
            text-shadow: 1px 0px 1px rgba(255,255,255,0.7); line-height: 150px; position: absolute; width: 50px; 
            height: 48px; left:10%; top: 25px; text-align: center; 
        } 
.ca-content{position: absolute;  width: 100%; height: 100%; left: 30px; top:15px; } 
.ca-main{font-size: 17px; color: #fff; font-family: "Myriad Pro"; text-align: center; position: absolute; top: 15px; left: 25%;} 
.ca-sub{text-align:center; font-size: 14px; color: #666; line-height: 40px; opacity: 0.8; }