@charset "UTF-8";

@font-face {
    font-family: "LeagueGothicRegular";
    font-style: normal;
    font-weight: normal;
    src: url("league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("league_gothic-webfont.woff") format("woff"), url("league_gothic-webfont.ttf") format("truetype"), url("league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
}
@font-face {
    font-family: "LeagueGothicRegular";
    font-style: normal;
    font-weight: normal;
    src: url("league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("league_gothic-webfont.woff") format("woff"), url("league_gothic-webfont.ttf") format("truetype"), url("league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
}
@font-face {
    font-family: "DejaVuSerifBold";
    font-style: normal;
    font-weight: normal;
    src: url("dejavuserif-bold-webfont.eot?#iefix") format("embedded-opentype"), url("dejavuserif-bold-webfont.woff") format("woff"), url("dejavuserif-bold-webfont.ttf") format("truetype"), url("dejavuserif-bold-webfont.svg#DejaVuSerifBold") format("svg");
}
@font-face {
    font-family: "DejaVuSerifBoldItalic";
    font-style: normal;
    font-weight: normal;
    src: url("dejavuserif-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("dejavuserif-bolditalic-webfont.woff") format("woff"), url("dejavuserif-bolditalic-webfont.ttf") format("truetype"), url("dejavuserif-bolditalic-webfont.svg#DejaVuSerifBoldItalic") format("svg");
}
  @font-face {
    font-family: "DejaVuSerifItalic";
    font-style: normal;
    font-weight: normal;
    src: url("DejaVuSerif-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("DejaVuSerif-Italic-webfont.woff") format("woff"), url("DejaVuSerif-Italic-webfont.ttf") format("truetype"), url("DejaVuSerif-Italic-webfont.svg#DejaVuSerifItalic") format("svg");
}
@font-face {
    font-family: "DejaVuSerifBook";
    font-style: normal;
    font-weight: normal;
    src: url("dejavuserif-webfont.eot?#iefix") format("embedded-opentype"), url("dejavuserif-webfont.woff") format("woff"), url("dejavuserif-webfont.ttf") format("truetype"), url("dejavuserif-webfont.svg#DejaVuSerifBook") format("svg");
}

#menu li a {
    color: #FFFFFF;
    text-decoration: none;
  transition: all 0.5s ease-in-out 0s;
}

#menu li a:focus {
}

#header{
  width: 100%;
  height: 143px;
  position: fixed;
  background-color: #1b709b;
  top: 0;
  z-index: 10;
  
  
}

}
#container {
    float: left;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 0;
    max-width: 100%;
}
#container img {
    margin-top: 40px;
}
#mainContent {
    padding: 0 20px;
}

#menu {
    color: #EB4F50;
    font-family: LeagueGothicRegular;
    font-size: 24px;
    height: 60px;
    left: 25%;
    list-style: none outside none;
    margin: auto;
    position: relative;
    top: -112px;
    width: 700px;
    z-index: 200;
}

#menu li {
    float: left;
    list-style: none outside none;
    margin-left: 50px;
  }

#logo {
  background-image: url("images/cc_logo.png");
  background-repeat: no-repeat;
    height: 164px;
    margin: auto;
    position: relative;
    text-align: left;
    width: 1000px;
    z-index: 110;
}

body {
    color: #000000;
    font: 100% Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}



#section1 {
    position: relative;
    top: -153px;
  
}
#section2 {
    position: relative;
    top: 545px;
}
#section3 {
    position: relative;
    top: 1120px;
}
#section4 {
    position: relative;
    top: 1430px;
}

#main {
    height: 746px;
    margin: auto;
    position: absolute;
    top: 0px;
    width: 100%;
}

#main2 {
    height: 800px;
    margin: auto;
    position: absolute;
    top: 212px;
    width: 100%;
}

.stretch2 {
    max-width: 100%;
    z-index: -10;
}

.stretch {
    
    max-width: 100%;
}

.stretch3 {
    max-width: 100%;
    z-index: 10;
}

.background {
    float: left;
    height: 800px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    z-index: -3;
}

.background2 {
    float: left;
    height: 800px;
    left: 1600px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: -3;
}

.background3 {
    float: left;
    height: 800px;
    position: relative;
    top: 116px;
    width: 100%;
    z-index: -3;
}


.details1 {
    float: left;
    height: 700px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: -3;
    background: #1e7aa9; /* for non-css3 browsers */
    

}


.travel2 {
    float: left;
    height: 570px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: -3;
    background: #94989C; /* for non-css3 browsers */
        
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a9ac', endColorstr='#94989C'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#a6a9ac), to(#94989C)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #a6a9ac,  #94989C); /* for firefox 3.6+ */
    }
    


.registry3 {
    float: left;
    height: 425px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: -3;
    background-color:#1e7aa9;
}

.contactus4 {
    float: left;
    height: 350px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: -3;
    background-color:#FF506D;
}


.main0 {
    float: left;
    height: 800px;
    position: relative;
    top: 116px;
    max-width: 100%;
    z-index: -3;
}

#details {
    height: 800px;
    margin: auto;
    position: relative;
    top: 0px;
    max-width: 1000px;
}
#details_heading {
    top: 0;
}
#details p {
    color: #FFFFFF;
    font-family: "DejaVuSerifItalic",Times,serif;
    font-size: 19px;
    left: 50px;
    line-height: 28px;
    margin-right: 50px;
    position: relative;
    text-align: left;
    top: 0px;
    width: 60%;
}
#details p img {
    float: left;
    left: -40px;
    margin-top: 100px;
    position: relative;
    top: 0;
    width: 500px;
}
#details a {
    color: #FFFFFF;
    letter-spacing: normal;
    position: relative;
    text-decoration: none;
    z-index: 200;
}
#details a:hover {
    color: #333333;
}
#details img {
    left: -169px;
    position: relative;
    top: 0px;
}
#details h2 {
    color: #474747;
    font-family: LeagueGothicRegular,Helvetica;
    font-size: 17px;
    font-weight: normal;
    left: 50px;
    letter-spacing: 2px;
    margin-bottom: -17px;
    position: relative;
    text-align: left;
    top: 5px;
    width:80%;
}
#details_map {
    height: 800px;
    left: 54%;
    overflow: hidden;
    position: absolute;
    top: 110px;
    width: 45%;
}


#container img {
    margin-top: 40px;
}
#mainContent {
    padding: 0 20px;
}

#travel {
    height: 800px;
    margin: auto;
    position: relative;
    text-align: left;
    top: 0;
    max-width: 1000px;
}

#travel img {
    left: 25px;
    position: relative;
    top: 0;
}

#travel p {
    color: #FFFFFF;
    font-family: "DejaVuSerifItalic",Times,serif;
    font-size: 19px;
    left: 50px;
    line-height: 28px;
    margin-right: 50px;
    position: relative;
    text-align: left;
    max-width: 800px;
}

#registry {
    margin: auto;
    position: relative;
    text-align: left;
    top: 0;
    max-width: 1000px;
  }

  #registry img {
    left: 25px;
    position: relative;
    top: 0;
}

  #registry p {
    color: #FFFFFF;
    font-family: "DejaVuSerifItalic",Times,serif;
    font-size: 19px;
    left: 50px;
    line-height: 28px;
    margin-right: 50px;
    position: relative;
    text-align: left;
    max-width: 800px;
}
  
#contactus {
   margin: auto;
    position: relative;
    text-align: left;
    top: 0;
    max-width: 1000px;
  }

#contactus img {
    left: 25px;
    position: relative;
    top: 0;
} 

#contactus p {
    color: #FFFFFF;
    font-family: "DejaVuSerifItalic",Times,serif;
    font-size: 19px;
    left: 50px;
    line-height: 28px;
    margin-right: 50px;
    position: relative;
    text-align: left;
    max-width: 800px;
}

#container {
    float: left;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -32px;
    width:100%;
}
#container img {
    margin-top: 40px;
}
#mainContent {
    padding: 0 20px;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

#navcontainer ul
{
margin: 0;
padding-top: 20px;
list-style-type: none;
text-align: center;
font-family: arial;
font-size: 14px;
height: 40px;
}

#navcontainer ul li { 
    display: inline-block;
    margin-right: 100px;
     }