@import "reset.css";

body {font-family:open_sanslight, century gothic, helvetica, sans-serif; 
background-color:#A95A52;
font-size:15px; color:#666666;}

#wrapper {z-index: 1;
width:100%; 
height:auto;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;}

.maincontainer{width:940px; 
height:auto;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
}

header{width:100%;
height:auto;
margin-top:0px;
background-color:#ffffff;
background-image:url('');}

#line{position:absolute;
top:0px;
border-bottom-width:15px;
width:100%;
height:250px;
color:#000;
border-bottom-style:solid;
border-bottom-color:#FFA446;
z-index:1;}

nav{width:940px;
margin-left:auto;
margin-right:auto;
text-align:right;
background-color:#ffffff;}

footer{width:100%;
height:100px;}

.title{font-size:30px;
font-weight:normal;
font-family:open_sanssemibold;
color:#E35B5D;}

.subtitle{font-size:18px;
font-weight:normal;
font-family:;
color:#FFA446;}

.hey{width:940px;
margin-left:auto;
margin-right:auto;}

.bridge{z-index: 3;
padding-top:30px;
margin-top:0px;
width:940px;
margin-left:auto;
margin-right:auto;}

.operahouse{float:left;
background-image:url('whatsection.png');}

#opera{float:left;
background-image:url('whatsection.png');
width:313px;
height:313px;
-moz-transition-timing-function: ease;
-moz-transition-duration: 1s;
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 1s; 
transition-timing-function: ease;
transition-duration: 1s; 
overflow:hidden;}

#icon{
margin-top: -305px;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
margin-left: 0px; 
}

#icon:hover{width:313px;
height:626px;
-moz-transform: translate(0px,300px);
-moz-transition-timing-function: ease;
-moz-transition-duration: 1s;
-webkit-transform:translate(0px,300px);
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 1s; 
-ms-transform:translate(0px,300px); 
-o-transform:translate(0px,300px);
transform:translate(0px,300px);
transition-timing-function: ease;
transition-duration: 1s; 
}

.map{float:left;
background-image:url('wheresection.png');}

#australia{float:left;
background-image:url('wheresection.png');
width:313px;
height:313px;
-moz-transition-timing-function: ease;
-moz-transition-duration: 1s;
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 1s; 
transition-timing-function: ease;
transition-duration: 1s; 
overflow:hidden;}

#icontwo{
margin-top: -305px;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
margin-left: 0px; 
}

#icontwo:hover{width:313px;
height:626px;
-moz-transform: translate(0px,300px);
-moz-transition-timing-function: ease;
-moz-transition-duration: 1s;
-webkit-transform:translate(0px,300px);
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 1s; 
-ms-transform:translate(0px,300px); 
-o-transform:translate(0px,300px);
transform:translate(0px,300px);
transition-timing-function: ease;
transition-duration: 1s; 
}

.fun{float:left;
background-image:url('whysection.png');}

#people{float:left;
background-image:url('whysection.png');
width:313px;
height:313px;
-moz-transition-timing-function: ease;
-moz-transition-duration: 1s;
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 1s; 
transition-timing-function: ease;
transition-duration: 1s; 
overflow:hidden;}

#iconthree{
margin-top: -305px;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
margin-left: 0px; 
}

#iconthree:hover{width:313px;
height:626px;
-moz-transform: translate(0px,300px);
-moz-transition-timing-function: ease;
-moz-transition-duration: 1s;
-webkit-transform:translate(0px,300px);
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 1s; 
-ms-transform:translate(0px,300px); 
-o-transform:translate(0px,300px);
transform:translate(0px,300px);
transition-timing-function: ease;
transition-duration: 1s; 
}

.clearfloat{clear:both;}

.foot{z-index: 2;
width:940px;
margin-right:auto;
margin-left:auto;
margin-top:50px;
position:relative;}

#leftblock{width:100%;
left:0px;
height:100px;
margin-top:100px;
z-index:1;
position:absolute;
background-color:#A95A52;}

.bottomlinks{width:940px;
margin-left:auto;
margin-right:auto;
z-index: 3;
text-align:center;
background-color:#A95A52;}

li{display:inline;
padding-left:5px;
padding-right:5px;}

a:link{text-decoration:none;
color:#E35B5D;
font-family:century gothic}

a:visited{text-decoration:none;
color:#E35B5D;
font-family:century gothic}

a:hover {text-decoration:underline;
color:#E35B5D;
font-family:century gothic;}