/* CSS Document */



.rectangle { width:800px; height:140px; background-color:#003366; border-radius:25px; position:absolute; top:110px}
#triangle_one { width:0px; height:0px; border-top: 60px solid #003366; border-right: 40px solid transparent; position:absolute; top:250px; left:110px;}
#triangle_two { width:0px; height:0px; border-top: 60px solid #003366; border-right: 40px solid transparent; position:absolute; top:250px; left:290px;}
#triangle_three { width:0px; height:0px; border-top: 60px solid #003366; border-left: 40px solid transparent; position:absolute; top:250px; left:474px;}
#triangle_four { width:0px; height:0px; border-top: 60px solid #003366; border-left: 40px solid transparent; position:absolute; top:250px; left:673px;}

#local_one {width:116px; height:354px; background: url(../images/locals_grey.png) 0 0; position:absolute; left:0px; top:290px;cursor:pointer;}
#local_two {width:133px; height:341px; background:url(../images/locals_grey.png) -156px -11px; position:absolute; left:190px; top:301px; cursor:pointer;}
#local_three {width:244px; height:383px; background: url(../images/locals_grey.png) -311px 0; position:absolute; left:370px; top:290px; cursor:pointer;}
#local_four {width:106px; height:336px; background:url(../images/locals_grey.png) -594px -17px; position:absolute; left:694px; top:306px; cursor:pointer;}
#local_one_black {width:116px; height:354px; background:url(../images/locals_black.png) 0 0; opacity:0; transition:opacity 1s;}
#local_one_black.hover {opacity:1;}
#local_two_black {width:133px; height:341px; background:url(../images/locals_black.png) -156px -11px; opacity:0; transition:opacity 1s;}
#local_two_black.hover {opacity:1;}
#local_three_black {width:244px; height:383px; background: url(../images/locals_black.png) -311px 0; opacity:0; transition:opacity 1s; }
#local_three_black.hover {opacity:1;}
#local_four_black {width:106px; height:336px; background:url(../images/locals_black.png) -594px -17px; opacity:0; transition:opacity 1s;}
#local_four_black.hover {opacity:1;}

#speech_one {opacity:0; transition:opacity 1s;}
#speech_one.hover {opacity:1;}

#speech_two {opacity:0; transition:opacity 1s;}
#speech_two.hover {opacity:1;}

#speech_three {opacity:0; transition:opacity 1s; }
#speech_three.hover {opacity:1;}

#speech_four {opacity:0; transition:opacity 1s;}
#speech_four.hover {opacity:1;}

#text_locals {width:800px; position:absolute; top:0px;}

.text_speak {width:700px; position:absolute; left:50px; top:33px; font-family:Farsan; font-size:25px; color:#ffffff; line-height:26px; text-align:center;}