/*** general ***/
body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: "Arial", sans-serif;
   font-size: 11px;
   margin: 0;
   padding: 0;
}

hr {
   background-color: #000000;
   border-width: 0;
   color: #000000;
   height: 1px;
}

img {
   border: 0;
}

h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0 0 15px 0;
}

a {
   text-decoration: none;
}

.clear_float {
   clear: both;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

.clear_float_left {
   clear: left;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

.clear_float_right {
   clear: right;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}


/*** wrapper, box and border ***/
#wrapper {
   background-color: #BCC7DB;
   min-height: 490px;
   height: auto !important;
   height: 490px;
   margin-bottom: 11px;
   margin-top: 52px;
   position: relative;
}

#box_outer {
   background-color: #CBD6E6;
   height: 490px;
   left: 50%;
   margin-left: -357px;
   position: absolute;
   top: 0;
   width: 714px;
}

.ac_tl {
   position: absolute;
   left: 0;
   top: 0;
}

.ac_tr {
   position: absolute;
   right: 0;
   top: 0;
}

.ac_bl {
   position: absolute;
   bottom: 0;
   left: 0;
}

.ac_br {
   position:absolute;
   bottom: 0;
   right: 0;
}

#border {
   border: 2px solid #E0E5EE;
   height: 441px;
   left: 50%;
   margin-left: -332px;
   position: absolute;
   top: 22px;
   width: 660px;
}

#box_inner {
   background-color: #FFFFFF;
   height: 490px;
   left: 50%;
   margin-left: -323px;
   position: absolute;
   top: 0;
   width: 646px;
}


/*** logo, tagline ***/
#logo {
   left: 50%;
   margin-left: -405px;
   position: absolute;
   top: -51px;
   z-index: 100;
}

#tagline {
   left: 50%;
   margin-left: -209px;
   position: absolute;
   top: 0;
   z-index: 100;
}


/*** page backgrounds ***/
.page_background {
   height: 434px;
   left: 50%;
   margin-left: -323px;
   margin-top: 28px;
   position: absolute;
   top: 0;
   width: 646px;
}

#background_index {
   background: url( ../images/backgrounds/index.jpg ) no-repeat;
}

#background_live {
   background: url( ../images/backgrounds/live.jpg ) no-repeat;
}

#background_play {
   background: url( ../images/backgrounds/play.jpg ) no-repeat;
}

#background_shops {
   background: url( ../images/backgrounds/shops.jpg ) no-repeat;
}

#background_stay {
   background: url( ../images/backgrounds/stay.jpg ) no-repeat;
}

#background_invest {
   background: url( ../images/backgrounds/invest.jpg ) no-repeat;
}


/*** content ***/
#header {
   left: 50%;
   margin-left: -216px;
   position: absolute;
   top: 82px;
   z-index: 500;
}

#content {
   background-image: url( ../images/background_content.png );
   height: 300px;
   left: 50%;
   margin-left: -216px;
   overflow: auto;
   padding: 12px;
   position: absolute;
   top: 111px;
   width: 400px;
   z-index: 500;
}

#content_parent {
   color: #FFFFFF;
   height: 300px;
   left: 50%;
   margin-left: -216px;
   overflow: auto;
   padding: 12px;
   position: absolute;
   top: 111px;
   width: 400px;
   z-index: 500;
}

.live a {
   color: #6F1100;
}

.play a {
   color: #6E2A8C;
}

.shops a {
   color: #8D8A00;
}

.stay a {
   color: #E6A514;
}

.invest a {
   color: #06357A;
}



/*** navigation ***/
#navigation {
   background: url( ../images/navigation/drop_shadow_right.png ) no-repeat;
   height: 350px;
   left: 50%;
   margin-left: 224px;
   overflow: hidden;
   padding-right: 7px;
   position: absolute;
   top: 81px;
   width: 100px;
   z-index: 500;
}

#navigation ul {
   list-style-type: none;
   margin: 0;
   padding: 0; 
}

#navigation ul li {
   font-size: 1px;
   height: 70px;
   line-height: 0;
   overflow: hidden;
   text-align: right;
}

#navigation ul li img {
   display: block;
}

#navigation li#in_section {
   margin-left: 67px;
   width: 33px;
}


/** secondary navigation ***/
.navigation_secondary {
   left: 50%;
   margin-left: -313px;
   position: absolute;
   top: 147px;
   width: 95px;
   z-index: 1000;
}

.navigation_secondary img {
   display: block;
}

#navigation_shops {
   background-image: url( ../images/navigation_secondary/background_shops.png );
}

#navigation_stay {
   background-image: url( ../images/navigation_secondary/background_stay.png );
}

#navigation_play {
   background-image: url( ../images/navigation_secondary/background_play.png );
}

#navigation_live {
   background-image: url( ../images/navigation_secondary/background_live.png );
}

#navigation_invest {
   background-image: url( ../images/navigation_secondary/background_invest.png );
}

.navigation_secondary .secondary_list {
   min-height: 92px;
   height: auto !important;
   height: 92px;
   padding: 0px 14px 0px 7px;
   width: 74px;
}

.navigation_secondary ul {
   list-style-type: none;
   margin: 0;
   padding: 0; 
}

.navigation_secondary ul li {
   font-size: 11px;
   line-height: 11px;
   margin-top: 11px;
}

.navigation_secondary ul li a {
   color: #FFFFFF;
   position: relative;
   text-decoration: none;
}

.navigation_secondary ul li a:hover {
   text-decoration: underline;
}


/*** index ***/
#about_city_center {
   position: absolute;
   left: 50%;
   margin-left: -309px;
   top: 263px;
   z-index: 600;
}

#city_center_mankato {
   position: absolute;
   left: 50%;
   margin-left: -188px;
   top: 330px;
   z-index: 600;
}

#doing_things {
   position: absolute;
   left: 50%;
   margin-left: -301px;
   top: 126px;
   z-index: 600;
}


/*** footer ***/
#footer_buttons {
   bottom: -14px;
   left: 50%;
   margin-left: -323px;
   position: absolute;
   z-index: 500;
}

#footer_buttons ul {
   display: inline;
   margin: 0;
   padding: 0;
}

#footer_buttons ul li {
   display: inline;
   margin-right: 3px;
}

#footer_goto {
   bottom: -4px;
   font-family: Garamond, "Times New Roman", serif;
   font-size: 11px;
   left: 50%;
   margin-left: -145px;
   position: absolute;
   z-index: 500;
}

#footer_goto a {
   color: #000000;
   text-decoration: none;
}

#footer_goto a:hover {
   text-decoration: underline;
}

#footer_goto ul {
   display: inline;
   margin: 0;
   margin-left: 4px;
   padding: 0;
}

#footer_goto ul li {
   display: inline;
   margin-right: 9px;
}